/* Animated treatments retain the original meme composition inside stable frames. */
.wat-remix{position:relative;display:block;isolation:isolate;overflow:hidden;background:#121025;border:2px inset #ded9ee}
.wat-remix img{display:block;width:100%;height:auto;object-fit:contain;transform-origin:center;animation:wat-tape-drift 3.8s steps(12,end) infinite}
.wat-remix::after{content:"";position:absolute;inset:-12%;pointer-events:none;z-index:2;background-image:url('assets/wat-grain.svg');background-size:137px 137px;opacity:.2;mix-blend-mode:soft-light;animation:wat-grain-jump .24s steps(2,end) infinite}
.wat-remix::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#120c2320 0 1px,transparent 1px 3px);opacity:.5}
.wat-gun{max-width:490px;margin:0 auto}.wat-gun img,.wat-eel img{animation:none}
.art-column .wat-remix{padding:0;transform:none}.art-column .wat-remix img{max-height:none;width:100%;height:auto}
.wat-sub img{animation:wat-ad-pulse 2.4s steps(6,end) infinite}
.wat-manga img{animation:wat-tape-drift 3.2s steps(5,end) infinite;filter:contrast(1.15)}
.wat-magik img{animation:wat-magik-warp 2s steps(9,end) infinite}
.wat-upside img{animation:wat-tilt 3.7s steps(9,end) infinite}
.wat-comic-wrap{padding:7px!important;background:#222035}.wat-comic{max-width:540px;margin:auto}.wat-comic img{animation:wat-tape-drift 4.4s steps(8,end) infinite}
@keyframes wat-tape-drift{0%,100%{transform:scale(1.015) translate(0,0)}35%{transform:scale(1.035) translate(-.4%,.3%)}70%{transform:scale(1.02) translate(.4%,-.3%)}}
@keyframes wat-ad-pulse{0%,100%{transform:scale(1.01);filter:saturate(1.1)}50%{transform:scale(1.045);filter:saturate(1.5)}}
@keyframes wat-magik-warp{0%,100%{transform:scale(1.025,1.03) skewX(-1deg)}50%{transform:scale(1.07,1.01) skewX(1deg)}}
@keyframes wat-tilt{0%,100%{transform:scale(1.04) rotate(-1.5deg)}50%{transform:scale(1.06) rotate(1.5deg)}}
@keyframes wat-grain-jump{0%{transform:translate(0,0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-3%,3%)}75%{transform:translate(2%,1%)}}
body.paused .wat-remix img,body.paused .wat-remix::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.wat-remix img,.wat-remix::after{animation:none!important}}
body.effects-enabled .wat-remix img{animation:wat-tape-drift 3.8s steps(12,end) infinite!important}
body.effects-enabled .wat-gun img,body.effects-enabled .wat-eel img{animation:none!important}
body.effects-enabled .wat-sub img{animation:wat-ad-pulse 2.4s steps(6,end) infinite!important}
body.effects-enabled .wat-manga img{animation:wat-tape-drift 3.2s steps(5,end) infinite!important}
body.effects-enabled .wat-magik img{animation:wat-magik-warp 2s steps(9,end) infinite!important}
body.effects-enabled .wat-upside img{animation:wat-tilt 3.7s steps(9,end) infinite!important}
body.effects-enabled .wat-remix::after{animation:wat-grain-jump .24s steps(2,end) infinite!important}
body.effects-enabled .wat-sub img{animation:wat-ad-pulse .8s steps(6,end) infinite!important}
body.effects-enabled .wat-comic img{animation:wat-tape-drift .65s steps(5,end) infinite!important}
.sidebar #wat-loop{width:100%;min-width:0;margin:0}.sidebar #wat-loop .titlebar{font-size:10px}.sidebar #wat-loop .wat-comic-wrap{padding:2px!important}
.wat-banana{background:radial-gradient(ellipse,#576112,#181334);min-height:85px;display:grid;place-items:center}.art-column .wat-banana img{width:auto;height:90px;max-width:100%;object-fit:contain}
.gun-references{grid-template-columns:repeat(2,1fr);margin-top:8px}.gun-references a{text-decoration:none;min-height:90px}
.wat-jdance{background:radial-gradient(ellipse,#7860c4,#1c1947);min-height:130px;display:grid;place-items:center}
.art-column .wat-jdance img{width:143px;max-width:100%;height:130px;object-fit:contain;image-rendering:pixelated}
body.effects-enabled .wat-jdance img{animation:none!important}
/* Neutral Windows 95 controls. Keep Webamp's own bitmap skin. */
body button:not(#webamp button),body a.video-tape{background:#c0c0c0!important;background-image:none!important;color:#000!important;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:inset -1px -1px #808080,inset 1px 1px #dfdfdf!important;text-shadow:none!important}
body button:not(#webamp button):active,body a.video-tape:active,body .rooms button.active{border-color:#404040 #fff #fff #404040!important;box-shadow:inset 1px 1px #808080!important;background:#b4b4b4!important}
body button:not(#webamp button):disabled{color:#808080!important;text-shadow:1px 1px #fff!important}
body .video-tape small{color:#333!important}
body .video-tape>span{filter:grayscale(1)}
body button:not(#webamp button):focus-visible,body a.video-tape:focus-visible{outline:1px dotted #000;outline-offset:-5px}
.wat-album-extension{display:flex;flex-direction:column;gap:8px;margin-top:9px;width:100%;min-width:0}.wat-album-extension .art-piece{border:2px outset #d0d0d0;width:100%;box-sizing:border-box}.wat-album-extension img{width:100%;height:auto;max-height:none;display:block}.wat-album-extension .wat-album:nth-child(3n) img{animation-delay:-1.3s!important}body.effects-enabled .wat-album.native-gif img{animation:none!important}.wat-album-extension .wat-remix::after{opacity:.13}
/* Small marginal remarks, deliberately outside the window chrome. */
.art-column .wat-mutter{align-self:center;flex:0 0 auto;width:fit-content;max-width:132px;box-sizing:border-box;margin:5px auto 9px;padding:4px 7px;background:#000;color:#eee;border:1px solid #545454;border-radius:0;box-shadow:none;font:11px/1.25 Tahoma,Arial,sans-serif;text-align:center;overflow-wrap:break-word}
.welcome .hero-face{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;align-self:center;transform:none;margin:7px 0}

/* Full restored portrait, tilted without clipping its crown. */
.welcome .welcome-grid{grid-template-columns:clamp(155px,17vw,200px) minmax(0,1fr);gap:22px;align-items:center}
.welcome .hero-face{width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:rotate(-7deg);margin:15px 0 15px 3px;box-sizing:border-box}
@media(max-width:480px){.welcome .welcome-grid{grid-template-columns:125px minmax(0,1fr);gap:16px}.welcome h1{font-size:42px}}

/* Small mixed Win95 controls and dialogs between the collages. */
.art-column .wat-note-button,.art-column .wat-note-inset,.art-column .wat-mini{align-self:center;flex:0 0 auto;box-sizing:border-box;margin:5px auto 9px;font:11px/1.3 Tahoma,Arial,sans-serif;color:#000;max-width:100%}
.art-column .wat-note-button{width:auto;min-width:32px;min-height:24px;padding:3px 10px;text-align:center}
.art-column .wat-note-inset{width:fit-content;padding:4px 7px;background:#c0c0c0;border:2px solid;border-color:#808080 #fff #fff #808080}
.art-column .wat-mini{width:136px;padding:2px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000;text-align:left}
.wat-mini-title{display:flex;align-items:center;justify-content:space-between;gap:3px;background:#000080;color:#fff;min-height:17px;padding:1px 2px;font:bold 10px/1 Tahoma,Arial,sans-serif}
.wat-mini-title button{width:14px;min-width:14px;height:14px;min-height:0;padding:0!important;font:bold 10px/9px Tahoma,Arial,sans-serif}
.wat-mini-body{padding:8px 5px 6px;text-align:center;font:11px/1.3 Tahoma,Arial,sans-serif}
.wat-mini-body[hidden]{display:none}
.wat-mini .wat-mini-ok{display:block;width:auto;min-width:44px;min-height:21px;margin:7px auto 0;padding:1px 7px;font:11px Tahoma,Arial,sans-serif}
@keyframes wat-note-nudge{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
.wat-note-button.note-nudge{animation:wat-note-nudge .16s steps(2) 2}
@media(prefers-reduced-motion:reduce){.wat-note-button.note-nudge{animation:none}}

/* Align sidebar inserts to the same edges as the image panels. */
.art-column>.wat-note-button,.art-column>.wat-note-inset,.art-column>.wat-mini,
.wat-album-extension>.wat-note-button,.wat-album-extension>.wat-note-inset,.wat-album-extension>.wat-mini{width:100%;max-width:100%;align-self:stretch;margin:5px 0 9px;box-sizing:border-box}
.art-column .wat-mini .wat-mini-ok{width:100%;box-sizing:border-box}

.art-column .wat-badge-strip{width:100%;box-sizing:border-box;align-self:stretch;display:flex;justify-content:center;align-items:center;padding:5px 3px;margin:5px 0 9px;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff}
.art-column .wat-badge-strip img,.art-column .wat-badge-panel img{display:block;width:88px!important;height:31px!important;max-width:100%;object-fit:contain;image-rendering:pixelated;animation:none!important;transform:none!important}
.wat-badge-panel .wat-mini-body{padding:6px 3px}.wat-badge-panel a{display:block;width:fit-content;margin:auto}.wat-badge-strip a{display:block}

.art-column .wat-bare-badge{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;box-sizing:border-box;margin:5px 0 9px;padding:0;background:none;border:0;box-shadow:none}
.art-column .wat-bare-badge img{display:block;width:88px;height:31px;max-width:100%;object-fit:contain;image-rendering:pixelated;border:0;box-shadow:none;animation:none!important;transform:none!important}

.art-column .wat-bare-badge img{width:100%;height:auto;max-width:100%;aspect-ratio:88/31}

/* Seamless chronicle: two identical copies, one accessible reading. */
.wat-history{overflow:hidden;white-space:nowrap;min-width:0;max-width:100%;padding:7px 0}
.wat-history-track{display:flex;width:max-content;animation:wat-history-scroll var(--history-duration,300s) linear infinite;will-change:transform}
.wat-history .wat-history-copy{display:block;flex:none;white-space:nowrap;padding:0!important;animation:none!important;transform:none;font:12px/1.4 Tahoma,Arial,sans-serif}
@keyframes wat-history-scroll{to{transform:translateX(-50%)}}
.wat-history:hover .wat-history-track,.wat-history:focus .wat-history-track,body.paused .wat-history-track{animation-play-state:paused}
.art-column :is(.art-piece,.wat-bare-badge,.wat-mini,.wat-badge-strip,.window,.little-strip>a){transition:translate 65ms linear,scale 65ms linear,box-shadow 65ms linear}
.art-column :is(.art-piece,.wat-bare-badge,.wat-mini,.wat-badge-strip,.window,.little-strip>a):active{translate:2px 2px;scale:.985;box-shadow:inset 2px 2px #383838,inset -2px -2px #fff;border-color:#404040 #fff #fff #404040}
@media(prefers-reduced-motion:reduce){.wat-history{overflow-x:auto}.wat-history-track{animation:none}.wat-history-copy[aria-hidden]{display:none}.art-column :is(.art-piece,.wat-bare-badge,.wat-mini,.wat-badge-strip,.window){transition:none}}
.wat-history{height:32px;box-sizing:border-box;padding:6px 0}
body .wat-history .wat-history-copy{animation:none!important;transform:none!important}
body.effects-enabled .wat-history{overflow:hidden}
body.effects-enabled .wat-history .wat-history-copy[aria-hidden]{display:block}
body.effects-enabled .wat-history-track{animation:wat-history-scroll var(--history-duration,300s) linear infinite!important}
body .wat-history:hover .wat-history-track,body .wat-history:focus .wat-history-track,body.paused .wat-history-track{animation-play-state:paused!important}

/* Restore the original narrow ticker box and typography. */
.wat-history-classic{height:28px;padding:0;overflow:hidden;background:#d0d7f6;border:2px ridge #dedfff;color:#272063;margin:10px 0;font-weight:bold;font-size:14px;line-height:26px}
body .wat-history-classic>span{display:block;width:max-content;white-space:nowrap;font:inherit;line-height:inherit;animation:wat-classic-scroll var(--history-duration,300s) linear infinite!important}
@keyframes wat-classic-scroll{to{transform:translateX(-100%)}}
body .wat-history-classic:hover>span,body .wat-history-classic:focus>span,body.paused .wat-history-classic>span{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body:not(.effects-enabled) .wat-history-classic>span{animation:none!important}}

@font-face{font-family:'VT323';src:url('assets/fonts/VT323-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.wat-history-classic{font-family:'VT323','MS Gothic','Courier New',monospace;font-size:21px;font-weight:400;line-height:25px}
/* Keep the approved box; loop the longer text without an empty tail. */
body .wat-history-classic>.wat-classic-belt{display:flex;animation-name:wat-classic-loop!important}
.wat-classic-part{display:block;flex:none;font:inherit;white-space:nowrap}
@keyframes wat-classic-loop{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){body:not(.effects-enabled) .wat-history-classic{overflow-x:auto}body:not(.effects-enabled) .wat-classic-part[aria-hidden]{display:none}}
body.effects-enabled .ticker.wat-history-classic>.wat-classic-belt{animation:wat-classic-loop var(--history-duration,1000s) linear infinite!important}
body.effects-enabled .ticker.wat-history-classic:hover>.wat-classic-belt,body.effects-enabled .ticker.wat-history-classic:focus>.wat-classic-belt,body.paused .ticker.wat-history-classic>.wat-classic-belt{animation-play-state:paused!important}

/* Bilingual history: preserve the single-line box, translate every 5–6 words. */
.wat-classic-part>b{font:inherit}
.wat-classic-part>em{font-family:"MS Gothic","Yu Gothic",Meiryo,sans-serif;font-size:13px;font-weight:400;font-style:normal;vertical-align:1px;color:#393154}
.wat-classic-part>.wat-text-face{font:15px "Courier New",monospace;color:#272063}

/* Sidebar destinations */
@media(min-width:801px){body #player-anchor{right:8px;left:auto;height:443px}}
.art-column a.wat-eel{display:block;border:2px outset #eee;transition:filter .08s,translate .08s}
.art-column a.wat-eel:hover{filter:brightness(1.12);outline:1px solid #fff}
.art-column a.wat-eel:active{border-style:inset;translate:2px 2px;filter:brightness(.75)}
.wat-origin .wat-classic-part{padding-left:8px!important}
.art-column a[data-rabbit-hole]:focus-visible{outline:2px dashed #fff;outline-offset:2px}
.art-column a[data-rabbit-hole]:active{translate:2px 2px;filter:brightness(.85);box-shadow:inset 2px 2px 0 #111}

/* Transparent animated GIF sign, centered independently of the left-aligned copy. */
.fact{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;padding:7px 12px!important}
.fact .found-gif img{width:58px!important;height:58px!important}
.fact>div{min-width:0;text-align:left}
.fact h2,.fact p{text-align:left!important;margin:0!important}
.fact h2{font-size:21px;line-height:1.25}
.fact p{font-size:15px;line-height:1.25}
.neon-warning{grid-column:1/-1;justify-self:center;display:block;width:min(100%,280px);margin:0 auto;background:none;border:0;box-shadow:none;line-height:0;text-decoration:none}
.fact .neon-warning img{display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain;border:0;background:transparent;image-rendering:pixelated;filter:drop-shadow(0 0 1px #ff339988);content:normal!important;animation:none!important;transform:none!important}
.neon-warning:focus-visible{outline:1px dashed red;outline-offset:5px}
.neon-warning:active{translate:1px 2px}

/* Full rows of stamps and a faster continuous button belt. */
.wat-credits{margin:12px 0}
.wat-credits .crawl-content{padding:3px;background:#c0c0c0}
.crawl-stage{position:relative;height:300px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#171627,#040409 75%);border:2px inset #eee;perspective:340px;perspective-origin:50% 25%;color:#ffe36b}
.crawl-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#040409 0%,transparent 27%,transparent 90%,#04040988)}
.crawl-plane{position:absolute;top:25%;left:8%;width:84%;transform:rotateX(24deg);transform-origin:50% 0;transform-style:preserve-3d}
.crawl-belt{animation:wat-credits-roll var(--crawl-duration,240s) linear infinite;will-change:transform}
body.effects-enabled .crawl-belt{animation:wat-credits-roll var(--crawl-duration,240s) linear infinite!important}
.crawl-copy{padding:0 0 55px;font:bold 22px/1.65 'Courier New',monospace;text-align:justify;overflow-wrap:anywhere}
.crawl-copy p{margin:0 0 24px;font:inherit}
.crawl-ja{font:14px/1.7 'MS Gothic',Meiryo,sans-serif;color:#cbb965}
.wat-credits .crawl-stage{color:#fff;perspective:600px;perspective-origin:50% 0}
.wat-credits .crawl-plane{top:0;left:12%;width:76%;height:100%;padding-top:34px;transform:rotateX(24deg);transform-origin:50% 100%}
.wat-credits .crawl-copy{font:bold 19px/1.5 'Courier New',monospace;text-align:center;padding-bottom:55px}
.wat-credits .crawl-pair{margin:0 0 24px}
.wat-credits .crawl-en{display:block;color:#fff;text-wrap:balance}
.wat-credits .crawl-ja{display:block;color:#e1e1ec;font:13px/1.7 'MS Gothic',Meiryo,sans-serif;margin-top:8px;text-wrap:balance}
.wat-credits .crawl-stage::after{background:linear-gradient(#040409 0%,transparent 13%,transparent 96%,#04040955)}
.crawl-stage:hover .crawl-belt,.crawl-stage:focus .crawl-belt{animation-play-state:paused}
.crawl-stage:not(.crawl-started) .crawl-belt,body.effects-enabled .crawl-stage:not(.crawl-started) .crawl-belt{animation:none!important;transform:translateY(0)}
.crawl-stage.crawl-started .crawl-belt{animation-delay:0s!important;animation-fill-mode:backwards!important;animation-play-state:paused!important}
.crawl-stage.crawl-started.crawl-visible .crawl-belt{animation-play-state:running!important}
.crawl-stage.crawl-started.crawl-visible:hover .crawl-belt{animation-play-state:paused!important}
@keyframes wat-credits-roll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){body:not(.effects-enabled) .crawl-stage{overflow:auto;perspective:none}body:not(.effects-enabled) .crawl-plane{position:relative;top:auto;transform:none}body:not(.effects-enabled) .crawl-belt{animation:none}body:not(.effects-enabled) .crawl-copy[aria-hidden]{display:none}}
main .stamp-pile{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:7px}
main .stamp-pile .found-gif{display:block;width:100%;max-width:none}
main .stamp-pile .found-gif img{display:block;width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:99/56;object-fit:fill;image-rendering:pixelated}
body.effects-enabled .badge-track{animation-duration:16s!important}
@media(max-width:540px){main .stamp-pile{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}}
/* Keep floating placement; only restore the terminal interior and login blur. */
body #chat{font:12px/1.35 'Courier New',monospace;isolation:isolate}
body #chat .titlebar{background:linear-gradient(90deg,#000080,#174a94);font:bold 11px Tahoma,Arial,sans-serif}
body #chat .chat-body{height:238px;grid-template-columns:72px minmax(0,1fr);background:#090909;color:#ddd;border:2px inset #ddd}
body #chat .rooms{background:#101010;border-right:1px solid #555;padding:3px 0}
body #chat .rooms button{color:#bbb;font:11px/1.2 'Courier New',monospace;padding:6px 2px}
body #chat .rooms button.active{background:#c0c0c0;color:#000}
body #chat .conversation{padding:8px 5px;font:12px/1.4 'Courier New',monospace}
body #chat .conversation b{color:#8ce4da}body #chat .chat-empty{color:#bdbdbd}
body #chat .chat-menu{gap:7px;height:23px;white-space:nowrap}
body #chat .chat-menu button,body #chat .chat-menu span{font:10px Tahoma,Arial,sans-serif}
body #chat #chat-login{position:absolute;z-index:3;inset:27px 3px 3px;display:flex;justify-content:center;align-items:center;gap:7px;background:#c0c0c02b;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:white;text-shadow:1px 1px #000;padding:12px}
body #chat #chat-login[hidden]{display:none}
body #chat #chat-login input{width:100%;max-width:210px;background:#fff;color:#111;text-shadow:none;font:11px Tahoma,Arial,sans-serif}
body #chat #chat-login label{font:bold 12px 'Courier New',monospace}
body #chat #chat-login button{font:11px Tahoma,Arial,sans-serif;text-shadow:none}
body #chat #chat-form{gap:2px}body #chat #chat-form input{min-width:0}
body #chat #chat-form button{font-size:10px;padding:4px}
body #chat .chat-status{min-height:22px;font-size:10px}
body #chat.chat-matrix .chat-body,body #chat.chat-matrix .rooms{background:#001308;color:#72fa91}
body #chat.chat-matrix .rooms button,body #chat.chat-matrix .chat-empty{color:#72fa91}
body #chat.chat-large .chat-body{height:340px}
body #player-anchor{height:327px}
/* Soft translucent WatBox chrome, with compact original desktop controls. */
body #player-anchor{height:443px}
body #chat{background:rgba(192,192,192,.65);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
body #chat .chat-body{background:rgba(12,12,12,.38)}
body #chat .rooms{background:rgba(20,20,20,.2)}
body #chat #chat-login{background:rgba(192,192,192,.12)}
body #chat button{min-height:0;border-radius:0}
body #chat .titlebar button{width:16px;height:15px;min-width:0;padding:0;font:bold 10px/11px Tahoma,Arial,sans-serif}
body #chat #chat-login button{min-width:58px;height:21px;padding:1px 8px;font:11px/15px Tahoma,Arial,sans-serif}
body #chat #chat-login input{height:20px;padding:1px 4px;font:11px/15px Tahoma,Arial,sans-serif;max-width:180px}
body #chat #chat-login label{font:11px/14px Tahoma,Arial,sans-serif}
body #chat #chat-form button{height:21px;padding:1px 5px;font:10px/15px Tahoma,Arial,sans-serif}
body #chat #chat-form input{height:21px;font:11px Tahoma,Arial,sans-serif}
body #chat .rooms button{padding:3px 2px;min-height:20px;font:11px/14px 'Courier New',monospace}
body #chat .chat-menu button{padding:0;border:0;font:10px/13px Tahoma,Arial,sans-serif}
body #wat-gun .wat-gun{max-width:none;width:100%;margin:0}
body #wat-gun .wat-gun img{width:100%;height:auto;object-fit:contain;image-rendering:pixelated;filter:none;transform:none}
body #wat-gun .window-content{padding:5px}
.snes-content{padding:5px}.snes-content iframe{display:block;width:100%;height:auto;aspect-ratio:4/3;border:2px inset #ddd;background:#07091b}
body #chat{position:absolute;top:max(280px,calc(100vh - 405px));bottom:auto}
.snes-content iframe{aspect-ratio:1/1;image-rendering:pixelated}.mario-credit{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:5px 2px;font:11px Tahoma,Arial,sans-serif}.mario-credit a{color:#000080}
body .snes-content iframe{aspect-ratio:4/3;min-height:350px;background:#000}
/* Final Fight keyboard reference, under the screen. */
.snes-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:9px 7px;border:2px inset #eee;background:#c0c0c0;color:#111;font:11px Tahoma,Arial,sans-serif;line-height:1.5}
.snes-controls kbd{display:inline-block;min-width:19px;padding:0 3px;border:1px solid;border-color:#fff #777 #777 #fff;background:#ddd;text-align:center;font:bold 11px Tahoma,Arial,sans-serif}
.snes-controls p{grid-column:1/-1;margin:1px 0;font:11px/1.5 Tahoma,Arial,sans-serif}
@media(max-width:430px){.snes-controls{grid-template-columns:1fr}}
body .snes-controls-line{display:block;padding:5px 2px;font:11px/1.4 Tahoma,Arial,sans-serif;text-align:center}
/* Match the existing Wat Gun frame while preserving the GIF's native proportions. */
body #wat-love .wat-gun{max-width:none;width:100%;margin:0;aspect-ratio:490/324}
body #wat-love .wat-gun img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:none;transform:none}
body #wat-love .window-content{padding:5px}
/* Yellowed sticker tucked into the upper-left of Wat.exe. */
#welcome>.window-content{position:relative}
#welcome .wat-pika-stamp{position:absolute;left:10px;top:9px;z-index:3;margin:0;width:98px;padding:6px 6px 3px;background:#dfcf99;border:3px dotted #938665;outline:2px solid #eaddad;box-shadow:2px 3px 0 #433a4455;transform:rotate(-9deg)}
#welcome .wat-pika-stamp img{display:block;width:100%;height:auto;filter:sepia(.2) saturate(.75) contrast(.94);image-rendering:auto}
#welcome .wat-pika-stamp:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#614c2512 0 1px,transparent 1px 3px);box-shadow:inset 0 0 9px #7e60284a}
#welcome .wat-pika-stamp figcaption{font:9px 'Courier New',monospace;text-align:center;color:#574a31;padding-top:3px}
@media(max-width:600px){#welcome .wat-pika-stamp{width:70px;left:7px;top:8px;padding:4px}#welcome .wat-pika-stamp figcaption{font-size:7px}}
/* Pikawat sits in the free upper-right corner, clear of window controls. */
#welcome .wat-pika-stamp{left:auto;right:15px;top:13px;width:88px;transform:rotate(8deg)}
#welcome .welcome-grid>div{padding-right:102px}
@media(max-width:600px){#welcome .wat-pika-stamp{left:auto;right:10px;top:10px;width:65px;transform:rotate(7deg)}#welcome .welcome-grid>div{padding-right:72px}}
/* All stories wait at their first words until visible; reset when out of view. */
body.effects-enabled .ticker.wat-history-classic:not(.ticker-visible)>.wat-classic-belt,
body .ticker.wat-history-classic:not(.ticker-visible)>.wat-classic-belt{animation:none!important;transform:translateX(0)!important}
body.effects-enabled .ticker.wat-history-classic.ticker-visible>.wat-classic-belt{animation:wat-classic-loop var(--history-duration,1000s) linear infinite!important;animation-delay:.7s!important;animation-fill-mode:backwards!important}
body.effects-enabled .ticker.wat-history-classic.ticker-visible:hover>.wat-classic-belt,
body.effects-enabled .ticker.wat-history-classic.ticker-visible:focus>.wat-classic-belt,
body.paused .ticker.wat-history-classic.ticker-visible>.wat-classic-belt{animation-play-state:paused!important}

/* Slightly larger aged Pikawat sticker; reserve matching space for the copy. */
#welcome .wat-pika-stamp{width:120px}
#welcome .welcome-grid>div{padding-right:134px}
@media(max-width:600px){#welcome .wat-pika-stamp{width:87px}#welcome .welcome-grid>div{padding-right:94px}}
#help{overflow:visible}

#help-text{white-space:pre-line}

#help.egg-minimized>.window-content{display:none}

/* Compact bilingual messages from the stranded narrator. */
#help{width:440px;max-width:calc(100vw - 24px)}
#help>.window-content{padding:12px}
#help-title{font: bold 14px/1.35 Tahoma,"Yu Gothic",Meiryo,sans-serif;margin:0 0 9px}
#help-text{font:12px/1.45 Tahoma,"Yu Gothic",Meiryo,sans-serif;margin:0 0 10px;max-height:60vh;overflow-y:auto;white-space:normal}
#help-text .narrator-ja,#help-text .narrator-en{display:block;white-space:pre-line}
#help-text .narrator-en{margin-top:10px;padding-top:9px;border-top:1px solid #888;color:#242424}
#help #okay{font-size:12px;padding:3px 12px}

/* English curiosity followed immediately by the stranded speaker's aside. */
#help.paired-curiosity{width:460px}
#help.paired-curiosity #help-title{display:none}
#help.paired-curiosity>.window-content{padding:10px 12px}
#help.paired-curiosity #help-text{font:22px/1.05 'VT323','Courier New',monospace;margin:0 0 8px;max-height:65vh}
.curiosity-pair{display:block;margin:0 0 9px}
.curiosity-pair:last-child{margin-bottom:0}
.curiosity-en{display:block;color:#151515}
.curiosity-ja{display:block;margin-top:3px;font:15px/1.25 'MS Gothic','Yu Gothic',monospace;color:#343434}
#help.paired-curiosity #okay{font:20px/1 'VT323','Courier New',monospace;padding:4px 13px}

#help-footer{margin-top:5px;font:18px/1.1 'VT323','Courier New',monospace;color:#333}

#help .curiosity-reference{font-style:italic}

#help .curiosity-reference{font-size:13px;line-height:1.2;font-style:italic}

#help .curiosity-en.curiosity-whisper{font-size:17px;line-height:1.1;font-style:italic;color:#555}

/* Small animated intermission between the two games. */
.bear-divider{display:flex;justify-content:space-around;align-items:center;height:42px;margin:2px 0;padding:0;gap:5px;background:transparent;border:0;overflow:visible}
#snes-window:has(+ .bear-divider){margin-bottom:2px}
.bear-divider + #dracula-x-window{margin-top:8px}
.bear-divider canvas{display:block;flex:0 1 52px;width:52px;height:auto;min-width:0;max-height:58px;object-fit:contain}
#wat-reading{width:100%;margin-left:0;margin-right:0}
.wat-reading-content{padding:2px!important}
.wat-reading-scene{position:relative;aspect-ratio:402/324;background:#100d09;overflow:hidden}
.wat-reading-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.wat-reading-scene image{image-rendering:auto;filter:url(#wat-reading-sharpen)}
#welcome p.multiverse-welcome{display:block;width:100%;max-width:none;margin:12px 0 10px;padding:0;font:400 20px/1.15 'VT323','Courier New',monospace;letter-spacing:0;text-align:left;color:#454545;text-shadow:none;filter:blur(.22px);overflow-wrap:break-word}
#welcome .hero-face{width:95%;justify-self:center}
#help .curiosity-tiny .curiosity-en{font:11px/1.25 'VT323','Courier New',monospace;color:#343434}
#help .curiosity-tiny .curiosity-ja:empty{display:none}
.wat-reading-first{opacity:1}
.wat-reading-second{opacity:0}
.wat-reading-first image{clip-path:inset(0 0 45% 0)}
.wat-reading-second image{clip-path:inset(55% 0 0 0)}
.wat-reading-scene.is-visible .wat-reading-first{animation:wat-reading-out 8s ease-in-out infinite!important}
.wat-reading-scene.is-visible .wat-reading-second{animation:wat-reading-in 8s ease-in-out infinite!important}
@keyframes wat-reading-out{0%{opacity:0}12%,38%{opacity:1}56%,88%{opacity:0}100%{opacity:0}}
@keyframes wat-reading-in{0%,38%{opacity:0}56%,88%{opacity:1}100%{opacity:0}}

#welcome .wat-pika-stamp figcaption small{display:block;font-size:8px;line-height:1.2;font-weight:normal}#welcome .wat-pika-stamp figcaption{line-height:1.2;text-shadow:0 0 .3px currentColor}

#welcome .wat-pika-stamp>a{display:block;color:inherit;text-decoration:none}#welcome .wat-pika-stamp>a:active{transform:translate(1px,1px)}

#welcome .wat-pika-stamp:has(>a){box-shadow:inset 2px 2px #fff2cc,inset -2px -2px #8f7b50,3px 4px 0 #433a4455}#welcome .wat-pika-stamp:has(>a):active{box-shadow:inset 2px 2px #8f7b50,inset -1px -1px #fff2cc,1px 1px 0 #433a4455}#welcome .wat-pika-stamp>a figcaption{animation:pika-caption-blink 1.3s steps(1,end) infinite!important}@keyframes pika-caption-blink{0%,65%,100%{opacity:1}66%,99%{opacity:.2}}

/* Main-page sticker: black lettering, original footprint and blinking. */
#welcome .wat-pika-stamp:has(>a){width:110px}
#welcome .wat-pika-stamp>a figcaption{font:400 9px/1.2 'Courier New',monospace;color:#242424;text-shadow:none;-webkit-text-stroke:0}
#welcome .wat-pika-stamp>a figcaption small{font-weight:400;text-shadow:none}
@media(max-width:600px){#welcome .wat-pika-stamp:has(>a){width:80px}}

/* CuteBOX reference: 380 × 416 content, 386 × 422 outer window. */
body #chat:not(.chat-large){width:386px;height:422px;max-width:calc(100vw - 12px);box-sizing:border-box;display:flex;flex-direction:column}
body #chat:not(.chat-large) .titlebar,body #chat:not(.chat-large) .chat-menu,body #chat:not(.chat-large) #chat-form,body #chat:not(.chat-large) .chat-status{flex-shrink:0}
body #chat:not(.chat-large) .chat-body{flex:1;min-height:0;height:auto}
body #chat.wat-minimized,body #chat.collapsed{height:auto}
body #chat[hidden]{display:none}

/* Initial WatBox placement leaves the background-audio control unobstructed. */
body #chat{left:0;top:max(8px,calc(100svh - 500px));bottom:auto}
body #background-mute{z-index:10002}


.wat-glasses{white-space:nowrap}.wat-glasses-left{display:inline-block;transform:scaleX(-1)}