#island-reader{box-sizing:border-box;width:min(940px,94vw);max-height:90dvh;padding:24px 34px;color:#25271f;border:4px solid #15669a;border-radius:18px;background:#f3f8fb;box-shadow:0 12px 50px #0007;font:18px/1.5 Arial,sans-serif;overflow:auto}
#island-reader::backdrop{background:#092e4e80}
#island-reader header{display:flex;align-items:center;justify-content:space-between;gap:20px}
#island-reader h1{margin:0;font-size:32px;line-height:1.2}
#island-reader h2{font-size:25px;line-height:1.2;margin:12px 0}
#island-reader p{margin:12px 0}
#island-reader button{font:700 16px/1.2 Arial,sans-serif;border:2px solid #08638c;border-radius:8px;background:#087fba;color:white;padding:11px 16px;cursor:pointer;touch-action:manipulation}
#island-reader button:hover{background:#045c91}
#island-reader button:focus-visible{outline:3px solid #efa82f;outline-offset:2px}
#island-reader button:disabled{opacity:.4;cursor:default}
#island-reader .reader-close{flex:0 0 auto;font-size:28px;line-height:1;padding:7px 13px}
#island-reader .reader-choices{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
#island-reader .island-clock{font:bold 48px/1.2 monospace;color:#087fba}
#island-reader.art-submission>input{display:block;box-sizing:border-box;width:100%;font:inherit;margin:12px 0}
#island-reader.art-submission>input[type=text]{padding:8px 12px;border:2px solid #15669a;border-radius:8px}
#island-reader.art-submission>img:not([hidden]){display:block}
@media(max-width:600px){#island-reader{padding:16px;width:96vw;max-height:92dvh;font-size:16px}#island-reader h2{font-size:22px}}

#island-reader.illustrated-newspaper{width:min(1200px,96vw);max-height:96dvh;padding:30px 16px 30px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:auto}
#island-reader.illustrated-newspaper:focus{outline:none}
#island-reader .illustrated-paper{position:relative;margin:auto;line-height:0;container-type:inline-size;color:#303030;font-family:'Burbank Small',Arial,sans-serif}
#island-reader .paper-cover{width:min(100%,calc(86dvh * 1175 / 829))}
#island-reader .paper-spread{width:min(100%,calc(86dvh * 1464 / 850))}
#island-reader .illustrated-paper>img{display:block;width:100%;height:auto;user-select:none;filter:drop-shadow(0 4px 5px #0005)}
#island-reader .illustrated-paper .paper-control{position:absolute;z-index:2;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:44px;min-height:44px;overflow:visible}
#island-reader .paper-control img{position:absolute;display:block;width:4.2cqw;max-width:none;height:auto;pointer-events:none}
#island-reader .paper-control-label{display:none}
#island-reader .paper-mobile-title{display:none}
#island-reader .paper-control-hover img{width:9.5cqw}
#island-reader .paper-control:focus-visible{outline:3px solid #fc0;outline-offset:2px}
#island-reader .paper-exit{right:0;top:0;width:4.2%}
#island-reader .paper-home{left:0;top:0;width:4.8%}
#island-reader .illustrated-paper :is(.paper-exit,.paper-home){top:10px;width:44px;height:44px;padding:0;background:transparent;color:#303030;border:0;border-radius:4px;box-shadow:none}
#island-reader .illustrated-paper .paper-exit{right:0}
#island-reader .illustrated-paper .paper-home{left:0}
#island-reader :is(.paper-exit,.paper-home) .paper-control-label{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:4px}
#island-reader .paper-home .paper-control-label{justify-content:flex-start}
#island-reader .paper-exit .paper-control-label{justify-content:flex-end}
#island-reader .paper-action-icon{display:block;flex:none;pointer-events:none}
#island-reader :is(.paper-exit,.paper-home):hover{background:transparent;color:#000}
#island-reader :is(.paper-exit,.paper-home):hover .paper-action-icon{transform:scale(1.1)}
#island-reader .paper-home-caption{display:none}
#island-reader .paper-previous{left:0;bottom:0;width:4.2%}
#island-reader .paper-next{right:0;bottom:0;width:4.2%}
#island-reader .paper-previous img{left:0;bottom:0}
#island-reader .paper-next img{right:0;bottom:0}
#island-reader .paper-archive-caption{position:absolute;top:100%;left:0;width:100%;padding-top:6px;text-align:center;color:#fff;font:14px/1.3 'Arial Narrow',Arial,sans-serif;text-shadow:0 1px 3px #000}
#island-reader .paper-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#island-reader .paper-front-content{position:absolute;inset:4.5% 3.4% 4.5% 2.6%;line-height:1.25;font-size:1.8cqw}
#island-reader.illustrated-newspaper .paper-masthead{margin:0 0 .8cqw;line-height:0}
#island-reader .paper-masthead img{display:block;width:86%;height:auto;margin:auto}
#island-reader .paper-edition{display:flex;justify-content:space-between;gap:1cqw;border-block:.17cqw solid #666;padding:.45cqw 0;font:bold 1.7cqw/1.2 'Burbank Small',Arial,sans-serif}
#island-reader .paper-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw;margin:1.3cqw 0;padding-bottom:1.1cqw;border-bottom:.17cqw solid #666}
#island-reader .paper-teasers .paper-story{padding-right:1.1cqw;border-right:.17cqw solid #777}
#island-reader .paper-teasers .paper-story:last-child{border:0;padding:0}
#island-reader .paper-teasers h3{font:bold 2.85cqw/1.05 'Burbank Big Regular',Arial,sans-serif;text-transform:uppercase;margin:0 0 .5cqw}
#island-reader .paper-teasers p{font-size:1.7cqw;margin:.3cqw 0 0}
#island-reader .paper-front-lead{display:grid;grid-template-columns:22% 1fr;gap:1.5cqw}
#island-reader .paper-contents h2{font:bold 2.8cqw/1.1 'Burbank Big Regular',Arial,sans-serif;text-transform:uppercase;margin:0 0 .5cqw}
#island-reader .paper-contents>p{border-top:.17cqw solid #777;margin:0;padding:.4cqw 0;font-weight:bold;font-size:1.65cqw}
#island-reader .paper-contents h3{font:bold 2.1cqw/1.1 'Burbank Big Regular',Arial,sans-serif;margin:1.5cqw 0 .5cqw}
#island-reader .paper-contents>p:last-child{border:0;font-weight:normal}
#island-reader .paper-town-photo{position:relative;overflow:hidden;margin:0;aspect-ratio:2.35;background:#eee}
/* Only the room background frame of each atlas belongs in the newspaper. */
#island-reader .paper-town-photo>img{position:absolute;left:-.0658%;top:-.0658%;width:132.1053%;max-width:none;height:auto;user-select:none}
#island-reader .paper-photo-coffee>img{left:0;top:0;width:100%}
#island-reader .paper-town-photo figcaption{position:absolute;left:1cqw;top:1cqw;max-width:94%;font:bold 4cqw/1 'Burbank Big Regular',Arial,sans-serif;text-transform:uppercase;color:#77309b;text-shadow:.16cqw 0 #fff,-.16cqw 0 #fff,0 .16cqw #fff,0 -.16cqw #fff,.16cqw .16cqw #fff,-.16cqw -.16cqw #fff,.16cqw -.16cqw #fff,-.16cqw .16cqw #fff,0 .3cqw #303030}
#island-reader .paper-cover-story>p{margin:.9cqw 0 0;font-size:1.8cqw;line-height:1.25}
#island-reader .paper-spread-content{position:absolute;inset:4.5% 4% 4.5% 3.2%;display:grid;grid-template-columns:1fr 1fr;gap:3.5cqw;line-height:1.25;font-size:1.6cqw}
#island-reader .paper-leaf{min-width:0;min-height:0;display:flex;flex-direction:column}
#island-reader .paper-section-heading{display:flex;align-items:baseline;gap:.65cqw;border-top:.17cqw solid #666;border-bottom:.3cqw solid #666;padding:.3cqw 0 .35cqw;font:bold 1.7cqw/1.2 'Burbank Big Regular',Arial,sans-serif;text-transform:uppercase}
#island-reader .paper-section-heading span{color:#777}
#island-reader .paper-section-heading strong{font:inherit}
#island-reader .paper-big-headline{font:bold 3.5cqw/1.02 'Burbank Big Regular',Arial,sans-serif;text-transform:uppercase;margin:1cqw 0}
#island-reader .paper-leaf .paper-town-photo{flex:none;aspect-ratio:3.6;margin:0 0 1cqw}
#island-reader .paper-leaf .paper-photo-coffee>img{top:-35%}
#island-reader .paper-story-columns{columns:2;column-gap:1.7cqw}
#island-reader .paper-story{break-inside:avoid}
#island-reader .paper-story-columns .paper-story{margin-bottom:.8cqw}
#island-reader .paper-story-columns h3{font:bold 2cqw/1.1 'Burbank Big Regular',Arial,sans-serif;margin:0 0 .4cqw}
#island-reader .paper-story-columns p{margin:0;line-height:1.25}
#island-reader .paper-editor-note{border-block:.2cqw solid #666;padding:.8cqw 0;margin-top:auto}
#island-reader .paper-editor-note h3{font:bold 2.3cqw/1.08 'Burbank Big Regular',Arial,sans-serif;margin:0 0 .4cqw}
#island-reader .paper-editor-note p{margin:0}
#island-reader .paper-fun-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.7cqw}
#island-reader .paper-fun-columns h2{font:bold 2.4cqw/1.1 'Burbank Big Regular',Arial,sans-serif;margin:1.2cqw 0}
#island-reader .paper-fun-columns .paper-story{border-bottom:.2cqw solid #666;padding-bottom:.8cqw;margin-bottom:1cqw}
#island-reader .paper-fun-columns h3{font:bold 1.9cqw/1.2 'Burbank Small',Arial,sans-serif;margin:.6cqw 0}
#island-reader .paper-fun-columns p{margin:.6cqw 0}
#island-reader .paper-riddle-answers{font-size:1.6cqw;font-style:italic}
#island-reader .paper-intro{margin:.9cqw 0;line-height:1.25}
#island-reader .paper-waddle-route{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin:1.2cqw 0 0;padding-left:2.2cqw}
#island-reader .paper-waddle-route li{padding-left:.3cqw;margin:0 0 .8cqw}
#island-reader .paper-waddle-route li::marker{font:bold 2.2cqw/1 'Burbank Big Regular',Arial,sans-serif}
#island-reader .paper-waddle-route h3{font:bold 2.2cqw/1.12 'Burbank Big Regular',Arial,sans-serif;margin:0 0 .2cqw}
#island-reader .paper-waddle-route p{margin:0;line-height:1.2}

#island-reader.newspaper-status{width:min(460px,92vw);padding:26px 30px 24px;text-align:center;color:#000;font:19px/1.35 'Arial Narrow',Arial,sans-serif;background:#0280cd;border:3px solid #036;border-radius:28px;box-shadow:inset 0 0 0 3px #0cf,0 0 0 2px #fff,0 0 0 4px #ffffff80,0 12px 50px #0007}
#island-reader.newspaper-status h1{font:bold 30px/1.1 'Burbank Small',Arial,sans-serif;letter-spacing:0;color:#fff;text-shadow:2px 0 #036,-2px 0 #036,0 2px #036,0 -2px #036,2px 2px #036,-2px 2px #036,2px -2px #036,-2px -2px #036,0 4px #036}
#island-reader.newspaper-status .reader-close{width:46px;height:46px;padding:0;flex:0 0 46px;background:#0280cd;border:3px solid #036;border-radius:50%;box-shadow:inset 2px 2px 0 #1dbfff,0 2px 0 #0cf}
#island-reader.newspaper-status .error{padding:8px 12px;font-weight:bold;color:#fff;background:#f60;border:3px solid #983901;border-radius:14px;box-shadow:inset 0 0 0 2px #fc0}
#island-reader.newspaper-status .paper-retry{box-sizing:border-box;width:100%;padding:10px 16px;font:bold 23px/1.15 'Arial Narrow',Arial,sans-serif;background:#0280cd;border:3px solid #036;border-radius:18px;box-shadow:inset 0 2px 0 #1aa3e8,0 3px 0 #0cf}
#island-reader.newspaper-status button:hover{background:#00529b}
#island-reader.newspaper-status button:active{background:#004280;transform:translateY(1px)}
#island-reader.newspaper-status button:focus-visible{outline:3px solid #fc0;outline-offset:2px}

@media(max-width:600px){
    #island-reader.illustrated-newspaper{width:96vw;height:94dvh;max-height:94dvh;padding:0;border:2px solid #036;border-radius:14px;background:#f2f2f2;box-shadow:0 4px 20px #0005}
    #island-reader .illustrated-paper{width:100%;line-height:1.3;background:#f2f2f2}
    #island-reader .illustrated-paper>img{display:none}
    #island-reader .paper-top-controls,#island-reader .paper-bottom-controls{position:sticky;z-index:3;display:grid;align-items:center;grid-template-columns:90px 1fr 90px;gap:6px;padding:6px;background:#f2f2f2;box-shadow:none}
    #island-reader .paper-top-controls{top:0;min-height:58px;border-bottom:1px solid #666}
    #island-reader .paper-bottom-controls{bottom:0;min-height:58px;border-top:1px solid #666}
    #island-reader .illustrated-paper .paper-control{position:static;min-height:44px;width:100%;padding:7px 8px;color:#303030;background:transparent;border:0;border-radius:4px;box-shadow:none;font:bold 20px/1.15 'Arial Narrow',Arial,sans-serif}
    #island-reader .paper-control:hover{background:transparent;color:#000}
    #island-reader .paper-control:active{transform:translateY(1px)}
    #island-reader .paper-control img{display:none}
    #island-reader .paper-control-label{display:block}
    #island-reader .paper-mobile-title{display:block;grid-column:1 / 3;grid-row:1;padding-left:8px;color:#303030;font:bold 24px/1.1 'Burbank Small',Arial,sans-serif;text-shadow:none}
    #island-reader :is(.paper-exit,.paper-home) .paper-control-label{position:static;width:auto;justify-content:center}
    #island-reader .illustrated-paper .paper-exit{grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;padding:0;border-radius:4px;box-shadow:none}
    #island-reader .illustrated-paper .paper-home{grid-column:1 / 3;grid-row:1;justify-self:start;width:auto;padding-inline:14px}
    #island-reader .paper-home-caption{display:block}
    #island-reader .paper-previous{grid-column:1;grid-row:1}
    #island-reader .paper-next{grid-column:3;grid-row:1}
    #island-reader .paper-archive-caption{position:static;grid-column:2;grid-row:1;padding:0;color:#303030;font:bold 17px/1.3 'Arial Narrow',Arial,sans-serif;text-shadow:none}
    #island-reader .paper-page-title{display:none}
    #island-reader .paper-front-content{position:relative;inset:auto;padding:18px 16px 24px;font-size:17px}
    #island-reader .paper-masthead img{width:100%}
    #island-reader.illustrated-newspaper .paper-masthead{margin-bottom:10px}
    #island-reader .paper-edition{font:bold 12px/1.3 'Burbank Small',Arial,sans-serif;gap:8px;border-width:1px;padding:5px 0}
    #island-reader .paper-teasers{grid-template-columns:1fr;gap:10px;margin:12px 0;padding-bottom:12px;border-width:1px}
    #island-reader .paper-teasers .paper-story{border:0;padding:0}
    #island-reader .paper-teasers h3{font-size:21px;margin:0 0 2px}
    #island-reader .paper-teasers p{font-size:16px;margin:0}
    #island-reader .paper-front-lead{display:flex;flex-direction:column;gap:16px}
    #island-reader .paper-contents{order:1;border-top:1px solid #666;padding-top:12px}
    #island-reader .paper-contents h2{font-size:23px;margin:0 0 6px}
    #island-reader .paper-contents>p{font-size:16px;border-width:1px;padding:4px 0}
    #island-reader .paper-contents h3{font-size:21px;margin:12px 0 4px}
    #island-reader .paper-town-photo{aspect-ratio:16 / 9}
    #island-reader .paper-town-photo figcaption{font-size:7cqw;left:8px;top:8px}
    #island-reader .paper-cover-story>p{font-size:17px;line-height:1.3;margin:10px 0 0}
    #island-reader .paper-spread-content{position:relative;inset:auto;display:block;font-size:17px}
    #island-reader .paper-leaf{display:block;padding:18px 16px 24px}
    #island-reader .paper-leaf+.paper-leaf{border-top:2px solid #666}
    #island-reader .paper-section-heading{font-size:17px;flex-wrap:wrap;gap:4px;border-width:1px 0 2px;padding:4px 0}
    #island-reader .paper-big-headline{font-size:30px;line-height:1.05;margin:14px 0}
    #island-reader .paper-leaf .paper-town-photo{aspect-ratio:2 / 1;margin:0 0 16px}
    #island-reader .paper-leaf .paper-photo-coffee>img{top:-15%}
    #island-reader .paper-story-columns{columns:1}
    #island-reader .paper-story-columns .paper-story{margin-bottom:14px}
    #island-reader .paper-story-columns h3{font-size:22px;margin-bottom:4px}
    #island-reader .paper-story-columns p{line-height:1.3}
    #island-reader .paper-editor-note{border-width:1px;padding:12px 0;margin-top:18px}
    #island-reader .paper-editor-note h3{font-size:23px;margin-bottom:6px}
    #island-reader .paper-fun-columns{grid-template-columns:1fr;gap:8px}
    #island-reader .paper-fun-columns h2{font-size:23px;margin:14px 0}
    #island-reader .paper-fun-columns .paper-story{border-width:2px;padding-bottom:10px;margin-bottom:12px}
    #island-reader .paper-fun-columns h3{font-size:18px;line-height:1.25;margin:8px 0}
    #island-reader .paper-fun-columns p{margin:8px 0}
    #island-reader .paper-riddle-answers{font-size:15px}
    #island-reader .paper-intro{margin:12px 0;line-height:1.3}
    #island-reader .paper-waddle-route{display:block;padding-left:26px;margin:18px 0}
    #island-reader .paper-waddle-route li{padding-left:4px;margin:0 0 14px}
    #island-reader .paper-waddle-route li::marker{font-size:24px}
    #island-reader .paper-waddle-route h3{font-size:22px;margin-bottom:4px}
    #island-reader .paper-waddle-route p{line-height:1.3}
    #island-reader.newspaper-status{padding:24px 18px}
}

#save-penguin-modal{box-sizing:border-box;width:min(460px,92vw);max-height:90dvh;padding:0;overflow:hidden;background:#0280cd;border:3px solid #036;border-radius:28px;box-shadow:inset 0 0 0 3px #0cf,0 0 0 2px #fff,0 0 0 4px #ffffff80,0 12px 50px #0007}
#save-penguin-modal::backdrop{background:#0003}
#save-penguin-modal iframe{display:block;width:100%;height:360px;max-height:calc(90dvh - 6px);border:0;background:transparent;color-scheme:light}
#save-penguin-modal .save-penguin-close{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:46px;height:46px;padding:0;background:#0280cd;border:3px solid #036;border-radius:50%;box-shadow:inset 2px 2px 0 #1dbfff,0 2px 0 #0cf;cursor:pointer;touch-action:manipulation}
#save-penguin-modal .save-penguin-close:hover{background:#00529b}
#save-penguin-modal .save-penguin-close:focus-visible{outline:3px solid #fc0;outline-offset:2px}

#penguin-settings{box-sizing:border-box;width:min(420px,92vw);max-height:90dvh;padding:26px 30px 24px;overflow:auto;text-align:center;color:#000;font:19px/1.35 'Arial Narrow',Arial,sans-serif;background:#0280cd;border:3px solid #036;border-radius:28px;box-shadow:inset 0 0 0 3px #0cf,0 0 0 2px #fff,0 0 0 4px #ffffff80,0 12px 50px #0007}
#penguin-settings::backdrop{background:#0003}
#penguin-settings h1{margin:0 44px 16px;font:bold 30px/1.1 'Burbank Small',Arial,sans-serif;color:#fff;text-shadow:2px 0 #036,-2px 0 #036,0 2px #036,0 -2px #036,2px 2px #036,-2px 2px #036,2px -2px #036,-2px -2px #036,0 4px #036}
#penguin-settings .settings-server-controls{display:flex;flex-direction:column;gap:8px;margin-top:12px}
#penguin-settings .settings-server{min-width:0;overflow-wrap:anywhere;text-align:right}
#penguin-settings .settings-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:46px;height:46px;padding:0;background:#0280cd;border:3px solid #036;border-radius:50%;box-shadow:inset 2px 2px 0 #1dbfff,0 2px 0 #0cf;cursor:pointer;touch-action:manipulation}
#penguin-settings .settings-well{padding:12px 14px;background:#fff;border:3px solid #036;border-radius:14px}
#penguin-settings .settings-account{margin-top:18px;padding-top:16px;border-top:2px solid #036}
#penguin-settings .settings-volume-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:bold;font-size:23px}
#penguin-settings output{min-width:48px;text-align:right}
#penguin-settings :is(.settings-description,.settings-status:not(.error)){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#penguin-settings .settings-audio-actions{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:12px;margin-top:6px;min-height:44px}
#penguin-settings input[type=range]{box-sizing:border-box;display:block;width:100%;height:44px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}
#penguin-settings input[type=range]::-webkit-slider-runnable-track{height:12px;background:#0280cd;border:3px solid #036;border-radius:8px;box-shadow:inset 0 2px 0 #0cf}
#penguin-settings input[type=range]::-moz-range-track{height:6px;background:#0280cd;border:3px solid #036;border-radius:8px;box-shadow:inset 0 2px 0 #0cf}
#penguin-settings input[type=range]::-webkit-slider-thumb{width:44px;height:44px;margin-top:-19px;appearance:none;-webkit-appearance:none;background:#0280cd;border:3px solid #036;border-radius:50%;box-shadow:inset 2px 2px 0 #1dbfff,0 2px 0 #0cf}
#penguin-settings input[type=range]::-moz-range-thumb{width:38px;height:38px;background:#0280cd;border:3px solid #036;border-radius:50%;box-shadow:inset 2px 2px 0 #1dbfff,0 2px 0 #0cf}
#penguin-settings .settings-button{box-sizing:border-box;display:block;width:100%;min-height:48px;margin:0;padding:10px 16px;font:bold 23px/1.15 'Arial Narrow',Arial,sans-serif;color:#fff;background:#0280cd;border:3px solid #036;border-radius:18px;box-shadow:inset 0 2px 0 #1aa3e8,0 3px 0 #0cf;cursor:pointer;touch-action:manipulation}
#penguin-settings :is(.settings-mute,.settings-retry){width:96px;min-height:44px;padding:8px 12px;font-size:20px}
#penguin-settings .settings-audio-feedback{display:flex;align-items:center;gap:10px}
#penguin-settings .settings-audio-feedback:has(.error){margin-top:10px}
#penguin-settings .settings-retry{width:116px;flex-shrink:0}
#penguin-settings .settings-button[hidden]{display:none}
#penguin-settings :is(.settings-button,.settings-close):hover{background:#00529b}
#penguin-settings :is(.settings-button,.settings-close):active{background:#004280;transform:translateY(1px)}
#penguin-settings :is(button,input):focus-visible{outline:3px solid #fc0;outline-offset:2px}
#penguin-settings :is(button,input){-webkit-tap-highlight-color:transparent}
#penguin-settings .settings-status{margin:0;line-height:1.25}
#penguin-settings .settings-status.error{flex:1;min-width:0;padding:8px 10px;font-weight:bold;color:#fff;background:#f60;border:3px solid #983901;border-radius:14px;box-shadow:inset 0 0 0 2px #fc0;text-align:center}
@media(max-width:400px){#penguin-settings{padding:26px 18px 24px}}

#game-entry-check{box-sizing:border-box;width:min(420px,92vw);max-height:90dvh;padding:26px 30px 24px;overflow:auto;text-align:center;color:#000;font:19px/1.35 'Arial Narrow',Arial,sans-serif;background:#0280cd;border:3px solid #036;border-radius:28px;box-shadow:inset 0 0 0 3px #0cf,0 0 0 2px #fff,0 0 0 4px #ffffff80,0 12px 50px #0007}
#game-entry-check::backdrop{background:#092e4e80}
#game-entry-check h1{margin:0 0 8px;font:bold 30px/1.1 'Burbank Small',Arial,sans-serif;color:#fff;text-shadow:2px 0 #036,-2px 0 #036,0 2px #036,0 -2px #036,2px 2px #036,-2px 2px #036,2px -2px #036,-2px -2px #036,0 4px #036}
#game-entry-check .entry-status{margin:8px 0 14px}
#game-entry-check .entry-status.error{padding:8px 12px;font-weight:bold;color:#fff;background:#f60;border:3px solid #983901;border-radius:14px;box-shadow:inset 0 0 0 2px #fc0;overflow-wrap:anywhere}
#game-entry-check .entry-widget{display:flex;justify-content:center;align-items:center;min-height:65px;padding:10px;background:#fff;border:3px solid #036;border-radius:14px}
#game-entry-check .entry-retry{box-sizing:border-box;display:block;width:100%;margin:14px 0 0;padding:10px 16px;font:bold 23px/1.15 'Arial Narrow',Arial,sans-serif;color:#fff;background:#0280cd;border:3px solid #036;border-radius:18px;box-shadow:inset 0 2px 0 #1aa3e8,0 3px 0 #0cf;cursor:pointer;touch-action:manipulation}
#game-entry-check .entry-retry[hidden]{display:none}
#game-entry-check .entry-retry:hover{background:#00529b;box-shadow:inset 0 2px 0 #0070b4,0 3px 0 #0cf}
#game-entry-check .entry-retry:active{background:#004280;transform:translateY(1px)}
#game-entry-check .entry-retry:focus-visible{outline:3px solid #fc0;outline-offset:2px}
@media(max-width:400px){#game-entry-check{width:calc(100vw - 20px);padding:20px 12px 18px}#game-entry-check .entry-widget{padding:6px 0}}

#island-reader .paper-control:disabled{opacity:.35;cursor:default}
#island-reader .paper-control:focus-visible{outline:3px solid #fc0;outline-offset:2px}
#quote-reward-modal{box-sizing:border-box;width:min(460px,92vw);max-height:calc(100dvh - 24px);padding:26px 30px 24px;overflow:auto;text-align:center;background:#0280cd;border:3px solid #036;border-radius:28px;box-shadow:inset 0 0 0 3px #0cf,0 0 0 2px #fff,0 0 0 4px #ffffff80,0 12px 50px #0007;color:#000;font:19px/1.35 'Arial Narrow',Arial,sans-serif}
#quote-reward-modal::backdrop{background:#092e4e80}
#quote-reward-modal [hidden]{display:none}
#quote-reward-modal h1{margin:0 28px 16px 0;color:#fff;font:bold 30px/1.1 'Burbank Small',Arial,sans-serif;text-shadow:2px 0 #036,-2px 0 #036,0 2px #036,0 -2px #036,2px 2px #036,-2px 2px #036,2px -2px #036,-2px -2px #036,0 4px #036}
#quote-reward-modal p{margin:10px 0}
#quote-reward-modal .quote-prize{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;background:#fff;border:3px solid #036;border-radius:14px}
#quote-reward-modal .quote-prize img{width:100px;height:76px;object-fit:contain}
#quote-reward-modal .quote-prize p{margin:0}
#quote-reward-modal .quote-status{margin:12px 0}
#quote-reward-modal .quote-status:empty{display:none}
#quote-reward-modal .quote-error{padding:8px;color:#fff;font-weight:bold;background:#f60;border:3px solid #983901;border-radius:14px;box-shadow:inset 0 0 0 2px #fc0}
#quote-reward-modal input{box-sizing:border-box;display:block;width:100%;min-width:0;padding:8px;color:#000;background:#fff;border:2px solid #000;border-radius:6px;font:20px/1.2 'Arial Narrow',Arial,sans-serif}
#quote-reward-modal input{height:44px;margin:8px 0 12px}
#quote-reward-modal label{display:block;text-align:left}
#quote-reward-modal .quote-actions{margin:12px 0}
#quote-reward-modal button,#quote-reward-modal .quote-open{box-sizing:border-box;display:block;width:100%;min-height:46px;padding:9px 6px;color:#fff;text-decoration:none;background:#0280cd;border:3px solid #036;border-radius:18px;box-shadow:inset 0 2px 0 #1aa3e8,0 3px 0 #0cf;font:bold 23px/1.15 'Arial Narrow',Arial,sans-serif;cursor:pointer;touch-action:manipulation}
#quote-reward-modal .quote-external-icon{display:inline-block;width:.85em;height:.85em;margin-left:.15em;vertical-align:-.08em}
#quote-reward-modal :is(button,.quote-open):hover{background:#00529b}
#quote-reward-modal :is(button,.quote-open):active{background:#004280;transform:translateY(1px)}
#quote-reward-modal button:disabled,#quote-reward-modal .quote-open[aria-disabled=true]{opacity:.6;cursor:wait}
#quote-reward-modal .quote-close{position:absolute;top:12px;right:12px;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;box-shadow:inset 2px 2px 0 #1dbfff,0 2px 0 #0cf;font:bold 36px/1 'Arial Narrow',Arial,sans-serif}
#quote-reward-modal .quote-placeholder{font-size:16px}
#quote-reward-modal:is(.quote-has-error,[aria-busy=true]){padding-top:20px;padding-bottom:20px}
#quote-reward-modal:is(.quote-has-error,[aria-busy=true]) h1{margin-bottom:10px}
#quote-reward-modal:is(.quote-has-error,[aria-busy=true]) .quote-prize{padding:2px 12px}
#quote-reward-modal:is(.quote-has-error,[aria-busy=true]) .quote-prize img{width:68px;height:40px}
#quote-reward-modal:is(.quote-has-error,[aria-busy=true]) .quote-prize p{font-size:17px;line-height:1.1}
#quote-reward-modal:is(.quote-has-error,[aria-busy=true]) .quote-status{margin:8px 0}
#quote-reward-modal .quote-error{padding:6px;font-size:18px}
@media(max-width:430px){#quote-reward-modal{padding:22px 18px 20px}#quote-reward-modal h1{font-size:28px}#quote-reward-modal .quote-actions{gap:8px}#quote-reward-modal .quote-actions :is(button,a){font-size:21px}#quote-reward-modal .quote-prize img{width:88px;height:74px}}

#quote-reward-modal .quote-verifying{min-height:46px;margin:0;padding:9px 6px;color:#fff;font:bold 23px/1.15 'Arial Narrow',Arial,sans-serif}
#quote-reward-modal :is(button,a,input):focus-visible{outline:3px solid #fc0;outline-offset:2px}

/* Short player embeds need a compact panel as well as narrow-screen styling. */
@media(max-height:520px){
#quote-reward-modal{width:min(460px,92vw);padding:12px 16px;font-size:17px;line-height:1.15}
#quote-reward-modal h1{margin:0 42px 10px 0;font-size:26px;min-height:34px}
#quote-reward-modal .quote-close{top:8px;right:8px;width:44px;height:44px;min-height:44px}
#quote-reward-modal p{margin:6px 0}
#quote-reward-modal .quote-prize,#quote-reward-modal:is(.quote-has-error,[aria-busy=true]) .quote-prize{padding:2px 8px;gap:6px}
#quote-reward-modal .quote-prize img{width:64px;height:40px}
#quote-reward-modal .quote-prize p{font-size:17px;line-height:1.1;margin:0}
#quote-reward-modal .quote-actions,#quote-reward-modal .quote-status{margin:6px 0}
#quote-reward-modal :is(button,.quote-open,.quote-verifying){min-height:44px;padding:7px 6px;font-size:21px;line-height:1.15}
#quote-reward-modal .quote-close{padding:0;font-size:32px}
#quote-reward-modal input{margin:5px 0 7px}
#quote-reward-modal:is(.quote-has-error,[aria-busy=true]){padding:12px 16px}
}
@media(max-height:400px){
#quote-reward-modal.quote-has-error .quote-steps>p{display:none}
}

/* Match the game's compact menu proportions in short X Player Card frames.
   Zoom scales layout, controls and embedded account content together. */
@media(max-height:550px){
    :is(#penguin-settings,#game-entry-check,#penguin-transfer,#save-penguin-modal,#quote-reward-modal,#island-catalog,#island-reader:not(.illustrated-newspaper)){
        --embed-panel-scale:min(1,calc(100vw / 960px),calc(100dvh / 600px));
        zoom:var(--embed-panel-scale);
        max-height:calc(90dvh / var(--embed-panel-scale));
    }
    :is(#penguin-settings,#game-entry-check){width:420px;padding:26px 30px 24px}
    :is(#save-penguin-modal,#quote-reward-modal,#penguin-transfer){width:460px}
    #save-penguin-modal iframe{max-height:calc(90dvh / var(--embed-panel-scale) - 6px)}
    #island-catalog{width:min(900px,calc(94vw / var(--embed-panel-scale)))}
    #island-reader:not(.illustrated-newspaper){width:min(940px,calc(94vw / var(--embed-panel-scale)))}
}

/* Connecting a browser keeps the classic prompt styling and existing identities. */
#penguin-transfer{box-sizing:border-box;width:min(460px,92vw);max-height:90dvh;padding:26px 30px 24px;overflow:auto;text-align:center;color:#000;font:19px/1.35 'Arial Narrow',Arial,sans-serif;background:#0280cd;border:3px solid #036;border-radius:28px;box-shadow:inset 0 0 0 3px #0cf,0 0 0 2px #fff,0 0 0 4px #ffffff80,0 12px 50px #0007}
#penguin-transfer::backdrop{background:#092e4e80}
#penguin-transfer h1{margin:0 0 12px;font:bold 30px/1.1 'Burbank Small',Arial,sans-serif;color:#fff;text-shadow:2px 0 #036,-2px 0 #036,0 2px #036,0 -2px #036,2px 2px #036,-2px 2px #036,2px -2px #036,-2px -2px #036,0 4px #036}
#penguin-transfer p{margin:8px 0 12px}
#penguin-transfer .transfer-status.error{padding:8px 12px;font-weight:bold;color:#fff;background:#f60;border:3px solid #983901;border-radius:14px;box-shadow:inset 0 0 0 2px #fc0;overflow-wrap:anywhere}
#penguin-transfer .transfer-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#penguin-transfer .transfer-penguin{padding:10px 8px;background:#fff;border:3px solid #036;border-radius:14px}
#penguin-transfer .transfer-penguin p{margin:0 0 2px;font-size:17px}
#penguin-transfer .transfer-penguin strong{display:block;font-size:18px;overflow-wrap:anywhere}
#penguin-transfer .transfer-penguin canvas{display:block;width:88px;height:88px;margin:0 auto 4px}
#penguin-transfer .transfer-penguin button{padding:8px 6px;font-size:20px;overflow-wrap:anywhere}
#penguin-transfer .transfer-detail{font-size:17px}
#penguin-transfer button{box-sizing:border-box;display:block;width:100%;min-height:44px;margin:10px 0 0;padding:9px 12px;font:bold 23px/1.15 'Arial Narrow',Arial,sans-serif;color:#fff;background:#0280cd;border:3px solid #036;border-radius:18px;box-shadow:inset 0 2px 0 #1aa3e8,0 3px 0 #0cf;cursor:pointer;touch-action:manipulation}
#penguin-transfer button:hover{background:#00529b}
#penguin-transfer button:active{background:#004280;transform:translateY(1px)}
#penguin-transfer button:focus-visible{outline:3px solid #fc0;outline-offset:2px}
#penguin-transfer [hidden]{display:none!important}
#penguin-transfer button:disabled{opacity:.65;cursor:wait}
@media(max-width:430px){#penguin-transfer{padding:22px 18px 20px}#penguin-transfer h1{font-size:28px}}
@media(max-height:550px){#penguin-transfer{width:460px;max-height:calc(90dvh / var(--embed-panel-scale))}}

#boot-error{box-sizing:border-box;width:min(420px,92vw);max-height:90dvh;padding:26px 30px 24px;overflow:auto;text-align:center;color:#000;font:19px/1.35 'Arial Narrow',Arial,sans-serif;background:#0280cd;border:3px solid #036;border-radius:28px;box-shadow:inset 0 0 0 3px #0cf,0 0 0 2px #fff,0 0 0 4px #ffffff80,0 12px 50px #0007}
#boot-error::backdrop{background:#092e4e80}
#boot-error h1{margin:0 0 8px;font:bold 30px/1.1 'Burbank Small',Arial,sans-serif;color:#fff;text-shadow:2px 0 #036,-2px 0 #036,0 2px #036,0 -2px #036,2px 2px #036,-2px 2px #036,2px -2px #036,-2px -2px #036,0 4px #036}
#boot-error p{padding:8px 12px;font-weight:bold;color:#fff;background:#f60;border:3px solid #983901;border-radius:14px;box-shadow:inset 0 0 0 2px #fc0;overflow-wrap:anywhere}
#boot-error button{box-sizing:border-box;display:block;width:100%;margin:14px 0 0;padding:10px 16px;font:bold 23px/1.15 'Arial Narrow',Arial,sans-serif;color:#fff;background:#0280cd;border:3px solid #036;border-radius:18px;box-shadow:inset 0 2px 0 #1aa3e8,0 3px 0 #0cf;cursor:pointer;touch-action:manipulation}
#boot-error button:hover{background:#00529b;box-shadow:inset 0 2px 0 #0070b4,0 3px 0 #0cf}
#boot-error button:active{background:#004280;transform:translateY(1px)}
#boot-error button:focus-visible{outline:3px solid #fc0;outline-offset:2px}