/* An intentionally excessive millennium aquarium skin, on the original machine layout. */
.y2k-only,.y2k-icon{display:none}
body[data-immersive=true]{--ocean-ink:#101b58;--ocean-blue:#063fff;--ocean-aqua:#64f6ff;--ocean-pink:#ff7edf;--ocean-yellow:#eaff64;--ui-font:'Trebuchet MS','Microsoft YaHei',sans-serif;--ui-surface:#d9e9ff;--ui-panel:#eef6ff;--ui-input:#fcfaff;--ui-ink:#101b58;--ui-muted:#3e497a;--ui-line:#818dce;--ui-selected:#c3deff;--ui-control:#e8f3ff;--ui-accent:#ae175f;background:#084bbc;color:#f6ffff;isolation:isolate}
body[data-immersive=true] .y2k-only{display:block}
body[data-immersive=true] .y2k-icon{display:inline-block;width:29px;height:29px;flex-shrink:0;vertical-align:middle;margin-right:7px;filter:drop-shadow(1px 2px 0 #1a258a55)}
/* Two identical film spans give a continuous horizontal reel with no jump. */
.ocean-world{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#0543a8;contain:strict}
.ocean-reel{position:absolute;inset:0 auto 0 0;width:200%;display:flex;animation:ocean-reel 100s linear infinite;will-change:transform}
.ocean-reel>i{width:50%;height:100%;flex:none;background:url('shells/film-lofi.webp') center/100% 100%;filter:saturate(1.25) contrast(1.04)}
.ocean-world:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#003f9820,#051b9240 45%,#04338926),repeating-linear-gradient(0deg,#07279318 0 1px,transparent 1px 4px);box-shadow:inset 0 0 150px #00317b66}
.ocean-prism{position:absolute;inset:-10%;background:repeating-linear-gradient(103deg,transparent 0 5%,#d9ffff38 5.4%,transparent 5.9% 10%,#aaa9ff2a 10.4%,transparent 11% 17%);mix-blend-mode:screen;animation:ocean-light 19s ease-in-out infinite alternate;opacity:.75}
.ocean-bubbles{position:absolute;inset:0}.ocean-bubbles i{position:absolute;bottom:-120px;width:84px;aspect-ratio:1;border-radius:50%;border:1px solid #e2ffffbf;background:radial-gradient(circle at 26% 20%,#fff9 0 2%,transparent 8% 65%,#f7a7ff80 80%,#adfffabf);box-shadow:inset 4px 6px 10px #ffffff6b,inset -6px -6px 12px #634ab055,0 0 15px #5dfaff40;animation:ocean-bubble 24s linear infinite}
.ocean-bubbles i:nth-child(1){left:4%;animation-delay:-4s}.ocean-bubbles i:nth-child(2){left:22%;width:32px;animation-delay:-17s;animation-duration:30s}.ocean-bubbles i:nth-child(3){left:91%;width:103px;animation-delay:-12s;animation-duration:29s}.ocean-bubbles i:nth-child(4){left:76%;width:42px;animation-delay:-9s;animation-duration:21s}.ocean-bubbles i:nth-child(5){left:47%;width:60px;animation-delay:-23s;animation-duration:31s}.ocean-bubbles i:nth-child(6){left:12%;width:29px;animation-delay:-25s;animation-duration:36s}
.sea-charm{position:absolute;width:120px;height:120px;filter:drop-shadow(4px 8px 0 #012d9b44);animation:ocean-float 9s ease-in-out infinite alternate}.charm-one{left:-25px;top:16%;transform:rotate(-15deg)}.charm-two{right:-20px;top:51%;width:150px;height:150px;animation-delay:-5s}.charm-three{left:2%;top:79%;width:67px;height:67px;animation-delay:-2s}.sea-orbit{position:absolute;top:11%;right:-110px;width:340px;height:160px;border:15px ridge #c8fcff;border-radius:50%;transform:rotate(-34deg);box-shadow:0 8px 0 #1840a870,inset 0 4px 8px #fe8ef87d;opacity:.7}
.charm-dog{left:-11px;top:43%;width:87px;height:87px;animation-delay:-4s}.charm-cat{right:15px;top:77%;width:82px;height:82px;animation-delay:-6s}.charm-bird{right:1%;top:27%;width:80px;height:80px;animation-delay:-2s}
.pixel-bird{position:absolute;width:100px;height:73px;shape-rendering:crispEdges;filter:drop-shadow(2px 2px 0 #153696) drop-shadow(-1px -1px 0 #fff);animation:ocean-float 12s ease-in-out infinite alternate}.pixel-bird-pink{left:2%;top:66%;color:#ff95e6;animation-delay:-3s}.pixel-bird-lime{right:1%;top:8%;width:70px;color:#f1ff73;animation-delay:-7s}.pixel-bird-blue{left:1%;top:4%;width:76px;color:#90fbff;animation-delay:-9s}
@keyframes ocean-reel{to{transform:translateX(-50%)}}
@keyframes ocean-light{to{transform:translateX(4%) skewX(-5deg)}}
@keyframes ocean-bubble{to{transform:translate3d(48px,calc(-100vh - 230px),0)}}
@keyframes ocean-float{to{translate:9px -23px;rotate:10deg}}
@keyframes ocean-ticker{to{transform:translateX(-50%)}}
body[data-ocean-motion=paused] .ocean-world *,body[data-ocean-motion=paused] .ocean-ticker>div{animation-play-state:paused}
body.saver-active .ocean-world{display:none}

/* A chrome browser badge, not a modern landing-page navigation bar. */
body[data-immersive=true] .page-top,body[data-immersive=true] main{width:min(1240px,calc(100% - 50px))}
body[data-immersive=true] .page-top{height:77px;border:0;border-bottom:2px solid #bdf9ff;padding:0 26px;gap:17px;position:relative;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#f1f6fffa,#becfeff5 43%,#95aedcef 48%,#dceefff5 54%,#ebf3ffe8);color:var(--ocean-ink);box-shadow:0 5px 0 #17439a,0 9px 0 #64f6ff55,inset 0 -2px 0 white}
body[data-immersive=true] .page-top .brand{width:55px;height:55px;flex:none}body[data-immersive=true] .page-top .brand img{width:48px;height:48px}
body[data-immersive=true] .top-note{font:11px/1.5 Fusion,monospace;color:#24396c;letter-spacing:.03em}
body[data-immersive=true] .prototype-label{font:10px Fusion,monospace;border-radius:0;border-color:#759dcc;background:#edfbff;color:#244174;padding:5px 7px;box-shadow:2px 2px 0 #5174a6;white-space:nowrap}
body[data-immersive=true] .ocean-header-tools{display:flex;align-items:center;gap:24px;margin-left:auto;font:12px Fusion,monospace}
.water-live{color:#244774}.water-live:first-letter{color:#e142a9}
#ocean-motion{border:1px solid #587aba;padding:8px 12px;border-radius:15px;background:linear-gradient(#fff,#a6d3f0);box-shadow:inset 0 1px 0 white,0 2px 0 #466198;color:#153971;font-size:12px}

/* Overprinted metallic type and a holographic pet-club sticker. */
body[data-immersive=true] .intro{width:86%;margin:0 auto;padding:36px 0 23px;position:relative;display:block;min-height:253px}
body[data-immersive=true] .intro .eyeline{font:14px Fusion,monospace;letter-spacing:.03em;color:#fbffcd;opacity:1;text-shadow:2px 2px #153bac;display:inline-block;margin:0 0 8px;position:relative;z-index:2}
.ocean-display-word{position:relative;width:max-content;max-width:100%;font:900 italic clamp(43px,6.9vw,89px)/.98 'Arial Black',Impact,sans-serif;letter-spacing:-.035em;color:#e8faff;-webkit-text-stroke:1px #536ba8;text-shadow:0 -2px 0 #fff,0 3px 0 #6982a3,0 5px 0 #233c84,2px 7px 0 #102f76,4px 9px 0 #82e8fb,5px 11px 0 #002075,8px 15px 0 #0e22716b;z-index:1}
.ocean-display-word span{position:absolute;right:-36px;bottom:-18px;font:italic 23px/1 Georgia,serif;color:#f1ffac;-webkit-text-stroke:0;text-shadow:1px 2px #1748af;letter-spacing:0;transform:rotate(-9deg)}
body[data-immersive=true] .intro h1{display:inline-block;font:400 37px/1.3 Fusion,monospace;color:#122b76;background:#eaff64;transform:rotate(-4deg);padding:5px 13px 5px 18px;margin:18px 0 0 18px;border:2px solid #132f86;border-radius:50% 42% 46% 39% / 40% 45% 46% 49%;box-shadow:3px 5px 0 #f99ee7,5px 7px 0 #153588;position:relative;z-index:3}
body[data-immersive=true] .intro>p{position:absolute;right:34px;bottom:27px;color:#162873;font:14px Fusion,monospace;background:#ffa9ed;padding:8px 17px;border:2px solid #112976;box-shadow:3px 3px 0 #97ffff;transform:rotate(3deg);border-radius:3px;z-index:3;max-width:none;white-space:nowrap}
.ocean-disc{position:absolute;right:14px;top:19px;width:150px;height:150px;border-radius:50%;border:2px solid #d8fbff;background:repeating-conic-gradient(from 10deg,#fcfaff 0deg,#97eaff 22deg,#beb2fb 51deg,#ffb6ef 78deg,#f6ffc5 102deg,#b2eaff 132deg,#fff 160deg);box-shadow:0 0 0 2px #3467a8,inset 0 0 0 7px #ecf8ff80,5px 9px 0 #1538a480;transform:rotate(14deg);text-align:center;color:#173476}
.ocean-disc:before{content:'';position:absolute;inset:19px;border:1px solid #578cd9;border-radius:50%}.ocean-disc svg{display:block;position:relative;width:47px;height:47px;margin:23px auto 2px}.ocean-disc span{font:900 italic 20px/.94 'Arial Black',sans-serif;display:block;position:relative}
.ocean-ticker{width:86%;margin:4px auto 14px;border:1px solid #d9fcff;border-right:0;border-left:0;background:#152785;transform:rotate(-1deg);color:#eaff64;overflow:hidden;box-shadow:0 4px 0 #0221a15c}
.ocean-ticker>div{display:flex;width:max-content;animation:ocean-ticker 34s linear infinite;will-change:transform}.ocean-ticker span{padding:8px 0;white-space:nowrap;font:12px Fusion,monospace;letter-spacing:.06em}

/* Cut the original shell out at layout level, including its nine-slice mobile height. */
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .physical-shell{clip-path:polygon(7.5% 3.7cqw,8.4% 2.7cqw,10.5% 1.9cqw,89.5% 1.9cqw,91.6% 2.7cqw,92.5% 3.7cqw,92.5% 9.4cqw,92.3% 9.7cqw,92.3% calc(100% - 18.2cqw),92.6% calc(100% - 17.8cqw),92.4% calc(100% - 13.4cqw),92.1% calc(100% - 7.2cqw),91.5% calc(100% - 6.3cqw),89.6% calc(100% - 5.7cqw),86.1% calc(100% - 5.5cqw),86.1% calc(100% - 3.8cqw),84.7% calc(100% - 3.3cqw),82.6% calc(100% - 3.0cqw),76.2% calc(100% - 2.9cqw),76.1% calc(100% - 2.3cqw),75.5% calc(100% - 2.3cqw),75.4% calc(100% - 2.9cqw),24.9% calc(100% - 2.9cqw),24.9% calc(100% - 2.3cqw),24.4% calc(100% - 2.3cqw),24.2% calc(100% - 2.9cqw),17.4% calc(100% - 3.0cqw),15.3% calc(100% - 3.3cqw),13.9% calc(100% - 3.8cqw),13.9% calc(100% - 5.5cqw),10.4% calc(100% - 5.7cqw),8.5% calc(100% - 6.3cqw),7.9% calc(100% - 7.2cqw),7.6% calc(100% - 13.4cqw),7.4% calc(100% - 17.8cqw),7.7% calc(100% - 18.2cqw),7.7% 9.7cqw,7.5% 9.4cqw);filter:brightness(1.06)}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .physical-stage{filter:drop-shadow(0 12px 10px #031d975c)}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .console{margin-top:-8px;min-height:96px;padding:19px 21px 14px;border:2px solid #c7faff;border-bottom:0;border-radius:25px 25px 0 0;background:linear-gradient(115deg,#b8e4fff2,#e4d3ffed 37%,#b7edf9f2 80%,#b0bfff);box-shadow:inset 0 2px 0 white,0 0 0 3px #213c9e,inset 0 0 20px #2778c34d;color:#153370;gap:13px;position:relative}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .console:before,body[data-immersive=true] .physical-cabinet:not(.screen-saver) .console:after{content:'✦';position:absolute;top:7px;color:#718ac8;font-size:10px;line-height:1}.console:before{left:11px}.console:after{right:11px}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .machine-button{display:inline-flex;align-items:center;gap:3px;justify-content:center;border:1px solid #214b9d;border-radius:22px;background:linear-gradient(#fbffff,#b8e7ff 43%,#7ab8e9 49%,#add7fc);box-shadow:inset 0 2px 0 #fff,0 3px 0 #40549d;color:#123465;padding:9px 12px;font:12px Fusion,monospace;min-height:42px}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) #shuffle-pets{color:#17246a;background:linear-gradient(#eafffc,#91fff1 45%,#61dccc 48%,#b2ffee);border-color:#246687}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .enter-button,body[data-immersive=true] .maker-section .enter-button{background:linear-gradient(#fff8a7,#eaff64 48%,#c9e147 50%,#e5fa77);color:#213261;border:2px solid #20317b;border-radius:9px 22px 9px 22px;box-shadow:inset 0 2px 0 white,3px 4px 0 #fa86d6,5px 6px 0 #233880;font:14px Fusion,monospace;gap:5px;padding:11px 16px}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .enter-button:hover,body[data-immersive=true] .maker-section .enter-button:hover{background:#f5ffa0;translate:0 -2px}
body[data-immersive=true] .display-settings{gap:15px}
body[data-immersive=true] .glass-toggle{font:11px Fusion,monospace!important;color:#233a75!important;border-color:#6b8ac8!important}.glass-toggle .y2k-icon{display:none!important}
body[data-immersive=true] .motion-control{font:11px Fusion,monospace!important;color:#233a75!important}
body[data-immersive=true] .motion-control input{accent-color:#824db7!important}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .screen-mode{background:linear-gradient(100deg,#b8e4ff,#dfd9ff 47%,#b7edf9);border:2px solid #c7faff;border-top:1px solid #829ac955;border-radius:0 0 23px 23px;padding:21px 28px 24px;min-height:98px;gap:25px;color:#234371;font:12px Fusion,monospace;box-shadow:0 3px 0 3px #213c9e,0 9px 0 #72e7ff70,0 17px 27px #051d7d4d}
body[data-immersive=true] .screen-mode button{display:inline-flex;align-items:center;background:linear-gradient(#fff6ff,#dbb5fb 45%,#b2a9e8 50%,#e5c9ff);border:1px solid #49468b;border-radius:18px;box-shadow:0 2px #5764a7;font:12px Fusion,monospace;color:#2d3069;padding:5px 14px}.screen-mode .y2k-icon{width:24px!important;height:24px!important}
body[data-immersive=true] #screensaver-button{min-width:166px;min-height:46px;justify-content:center;padding:10px 21px;font-size:14px}
body[data-immersive=true] .physical-cabinet:not(.screen-saver) .view-caption{color:#fcffe7;font:12px Fusion,monospace;margin:24px auto 0;padding:7px 13px;background:#13359de8;border:1px solid #8cefff;border-radius:4px;box-shadow:3px 3px 0 #0c24975c}
body[data-immersive=true] .under-caption{margin:13px auto 25px;color:#fff}body[data-immersive=true] #pool-status{display:inline-block;background:#053197e8;color:#e5fcff;padding:4px 9px;font:11px/1.6 Fusion,monospace;border-radius:3px}
body[data-immersive=true] .pet-caption{background:#142984;border:2px solid #ebff6e;border-radius:4px;box-shadow:3px 4px #f580cf;color:#fff}body[data-immersive=true] .pet-caption strong{font-family:Fusion,monospace;font-size:16px}

/* A matching translucent-plastic photo booth, with opaque working surfaces. */
body[data-immersive=true] .maker-section{width:86%;border:2px solid #d6fcff;border-radius:24px 24px 14px 14px;background:linear-gradient(120deg,#d8efff,#e5e0ff 48%,#d5f6ff);padding:0 30px 28px;box-shadow:0 0 0 3px #324c9c,inset 0 0 0 5px #ffffffa8,0 8px 0 3px #79d8f195,0 22px 24px #052a973d;overflow:hidden;margin-top:20px}
body[data-immersive=true] .maker-heading{margin:0 -30px 0;padding:24px 29px 21px;background:linear-gradient(100deg,#0a349a,#5863c7 54%,#6c4fae);border-bottom:2px solid #738be9;color:#fff;position:relative}
body[data-immersive=true] .maker-heading:after{content:'✦';font-size:45px;color:#e8fd9b;position:absolute;right:26px;top:8px;text-shadow:3px 3px #34509a}
body[data-immersive=true] .maker-heading .eyeline{font:11px Fusion,monospace;color:#dcfaff;letter-spacing:.02em}
body[data-immersive=true] .maker-heading h2{font:400 clamp(20px,2.4vw,30px)/1.45 Fusion,monospace;color:#fff8f8;letter-spacing:-.02em;text-shadow:2px 3px #263889;margin-top:6px}
body[data-immersive=true] .maker-heading>p{font:12px/1.8 var(--ui-font);color:#f0fcff;max-width:230px;padding-right:30px}
body[data-immersive=true] .maker-steps{margin:18px 0 20px;gap:9px;border:0;overflow:visible}
body[data-immersive=true] .maker-steps li{display:flex;align-items:center;justify-content:center;gap:5px;font:13px Fusion,monospace;background:linear-gradient(#fafdff,#c7dfff);border:1px solid #7387c2;border-radius:7px;color:#233969;padding:9px 5px;box-shadow:2px 3px 0 #a7b8d8}
body[data-immersive=true] .maker-steps li.current{color:#38115b;background:linear-gradient(#ffe5ff,#ffaeea);border-color:#9e529d;box-shadow:2px 3px 0 #bd67b5}
body[data-immersive=true] .maker-steps .y2k-icon{width:30px;height:30px;margin:0}
body[data-immersive=true] .import-choices{gap:20px}
body[data-immersive=true] .import-choices label{position:relative;border:2px solid #6a8bc9;border-radius:16px;background:linear-gradient(140deg,#fff 0%,#d1eaff 63%,#c5cbff);box-shadow:inset 0 2px 0 white,3px 4px 0 #94b3dd;min-height:205px;gap:9px;padding:20px}
body[data-immersive=true] .import-choices label:nth-child(2){background:linear-gradient(145deg,#fff,#eee0ff 63%,#d2d3ff)}
body[data-immersive=true] .import-choices label:hover{translate:0 -3px;border-color:#4b3cbd;box-shadow:inset 0 2px 0 white,3px 7px 0 #94b3dd}
body[data-immersive=true] .import-choices label>span{display:none}
body[data-immersive=true] .import-choices .y2k-icon{width:76px;height:76px;margin:0;transform:rotate(-8deg)}
body[data-immersive=true] .import-choices label:nth-child(2) .y2k-icon{transform:rotate(9deg)}
body[data-immersive=true] .import-choices strong{font:20px Fusion,monospace;color:#203b75}
body[data-immersive=true] .import-choices small{font-size:13px;color:#43537c}
body[data-immersive=true] .maker-workbar,body[data-immersive=true] .edit-actions{font-family:Fusion,monospace;font-size:12px}
body[data-immersive=true] .edit-stage{border:2px solid #617fb4;border-radius:8px;box-shadow:3px 4px 0 #a2b9d9;max-height:535px}
body[data-immersive=true] .edit-controls{padding:15px 16px 1px;background:#f0f4ff;border:1px solid #8498c7;border-radius:8px;box-shadow:3px 4px #aec1e1}
body[data-immersive=true] .edit-controls summary{font:14px Fusion,monospace;color:#263c79}
body[data-immersive=true] .auto-actions button,body[data-immersive=true] .brush-tools button{border-radius:5px;font-size:12px;border-color:#a1add3;box-shadow:inset 0 1px white,0 2px #bdc8e2}
body[data-immersive=true] .auto-actions #auto-cut{background:linear-gradient(#5177cf,#3152a3);border-color:#2a4999;color:#fff}
body[data-immersive=true] .brush-tools button.active{background:#f1c7ee;border-color:#8b67a9;box-shadow:inset 0 0 0 1px #ad83c0}
body[data-immersive=true] .maker-notice{padding:8px 12px;background:#f1f7ff;border:1px solid #acb6d4;border-radius:4px;color:#263f73}
body[data-immersive=true] .maker-next{border-top:1px solid #929fcb;padding:20px 2px 5px;gap:20px}
body[data-immersive=true] .confirm-grid{padding-top:7px}
body[data-immersive=true] .confirmed-paper{border:2px solid #7a8fc6;box-shadow:3px 4px #afc3e0}
body[data-immersive=true] .maker-section input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),body[data-immersive=true] .maker-section textarea{border:1px solid #8a9cca;box-shadow:inset 1px 2px 0 #dce4f5;border-radius:3px;color:#142561}
body[data-immersive=true] .maker-footnote{color:#3d4d7c}
body[data-immersive=true] footer{width:86%;max-width:1060px;padding:12px 16px 20px;background:#12369ced;color:#f2ffff;border:1px solid #85befe;border-radius:4px;font:11px/1.8 Fusion,monospace;margin:28px auto 20px}
body[data-immersive=true] dialog{background:#e8edff;border:3px ridge #d5eaff;border-radius:13px;box-shadow:0 8px 0 #34509a,0 25px 90px #08258a77;color:#122967}
body[data-immersive=true] dialog::backdrop{background:#10229180;backdrop-filter:blur(5px)}
body[data-immersive=true] .detail-portrait{background:radial-gradient(ellipse at 40% 20%,#e0ffff,#92baf4 70%,#b39ade)}
body[data-immersive=true] .detail-copy h2,body[data-immersive=true] .roster-dialog h2{font-family:Fusion,monospace;color:#173279}
body[data-immersive=true] .close-button{background:linear-gradient(#fff,#cbd2f6);border:1px solid #7390c2;box-shadow:0 2px #7190bf;color:#183d80}
body[data-immersive=true] .ui-switcher{background:linear-gradient(#f7fdff,#d0e4ff);border:2px ridge #ccf3ff;border-radius:19px;box-shadow:0 4px 0 #273e9e,0 8px 25px #04228466;color:#213770;gap:8px}
body[data-immersive=true] .ui-switcher-label{color:#43567e;font-family:Fusion,monospace}
body[data-immersive=true] .ui-choices button{color:#31436d;border-radius:12px}body[data-immersive=true] .ui-choices button.active{background:#eaff87;border-color:#769d5e;color:#203362;box-shadow:inset 0 1px white}
body[data-immersive=true] .ui-preview-actions{border-color:#839abf}body[data-immersive=true] .ui-preview-actions button:first-child{background:#f6cafa;color:#702358}body[data-immersive=true] .ui-preview-actions button:last-child{color:#304c7a}
body[data-immersive=true] .toast{border:2px solid #d1fbff;background:#182c83;color:#fff;box-shadow:3px 4px #f697d7;border-radius:5px}

@media(max-width:1120px){
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .console{flex-wrap:wrap;justify-content:space-between;gap:15px}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .console-left{width:auto;gap:9px}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .enter-button{margin-left:auto}
  body[data-immersive=true] .maker-heading>p{padding-right:50px;max-width:none}
}
@media(max-width:760px){
  body[data-immersive=true] .page-top,body[data-immersive=true] main{width:calc(100% - 16px)}
  body[data-immersive=true] .page-top{height:69px;padding:0 11px;gap:7px;border-radius:0 0 14px 14px}
  body[data-immersive=true] .page-top .brand{width:38px;height:38px}body[data-immersive=true] .page-top .brand img{width:35px;height:35px}
  body[data-immersive=true] .top-note{font-size:8px;max-width:73px;letter-spacing:0}
  body[data-immersive=true] .prototype-label{display:none}body[data-immersive=true] .ocean-header-tools{gap:0}.water-live{display:none}#ocean-motion{font-size:10px;padding:8px 10px;white-space:nowrap}
  body[data-immersive=true] .intro{width:94%;padding:29px 1px 22px;min-height:209px}
  body[data-immersive=true] .intro .eyeline{font-size:11px;margin-bottom:9px}
  .ocean-display-word{font-size:clamp(33px,9.9vw,66px);letter-spacing:-.04em;text-shadow:0 -1px #fff,0 2px #6982a3,0 4px #233c84,2px 5px #102f76,3px 7px #82e8fb,4px 8px #002075;-webkit-text-stroke:.5px #536ba8}
  .ocean-display-word span{font-size:15px;right:0;bottom:-18px}
  body[data-immersive=true] .intro h1{font-size:21px;margin:22px 0 0 8px;padding:7px 14px;white-space:nowrap}
  .ocean-disc{width:76px;height:76px;right:3px;top:8px;opacity:.95;transform:rotate(13deg);z-index:0}.ocean-disc:before{inset:8px}.ocean-disc svg{width:27px;height:27px;margin:9px auto 1px}.ocean-disc span{font-size:12px}.ocean-display-word{z-index:2}
  body[data-immersive=true] .intro>p{right:2px;bottom:17px;font-size:10px;max-width:none;padding:6px 8px;box-shadow:2px 2px #97ffff}
  .ocean-ticker{width:95%;margin:0 auto 8px}.ocean-ticker span{font-size:10px;padding:7px 0}
  .sea-charm{width:70px;height:70px}.charm-one{left:-21px;top:28%}.charm-two{right:-30px;top:70%;width:95px;height:95px}.charm-three{display:none}.sea-orbit{width:175px;height:90px;right:-96px;top:9%;border-width:9px}.ocean-world:after{box-shadow:inset 0 0 65px #062c974d}
  .charm-dog{left:-16px;top:53%;width:57px;height:57px}.charm-cat{right:-17px;top:89%;width:61px;height:61px}.charm-bird{right:-9px;top:39%;width:54px;height:54px}.pixel-bird{width:65px;height:47px}.pixel-bird-blue{display:none}.pixel-bird-lime{top:21%;right:-7px}.pixel-bird-pink{left:-10px;top:77%}
  .ocean-reel{width:400%;animation-duration:125s}.ocean-reel>i{background-size:100% 100%}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .console{width:92%;margin-top:-1px;padding:15px 11px 13px;gap:14px;border-radius:19px 19px 0 0}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .console-left{width:100%;gap:5px;justify-content:space-between}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .machine-button{font-size:11px;padding:8px 9px;min-height:42px;gap:0}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) #shuffle-pets{font-size:10px;padding:8px 9px}
  body[data-immersive=true] .console .y2k-icon{width:23px;height:23px;margin-right:3px}body[data-immersive=true] #shuffle-pets .y2k-icon{display:none}
  body[data-immersive=true] .display-settings{padding:0 3px;gap:10px}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .enter-button{width:100%;margin:0;min-height:49px;font-size:15px;gap:6px;border-radius:10px 21px 10px 21px;padding:10px 15px}
  body[data-immersive=true] #upload-button .y2k-icon{width:32px;height:32px}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .screen-mode{width:92%;padding:19px 16px 21px;gap:13px;flex-direction:column;font-size:10px;border-radius:0 0 18px 18px}
  body[data-immersive=true] .screen-mode button{font-size:11px;padding:5px 11px}
  body[data-immersive=true] .physical-cabinet:not(.screen-saver) .view-caption{width:92%;font-size:10px;margin:20px auto 0;padding:7px 8px;gap:8px}
  body[data-immersive=true] .under-caption{width:94%;margin:11px auto 21px}body[data-immersive=true] #pool-status{font-size:10px;padding:3px 8px}
  body[data-immersive=true] .maker-section{width:95%;padding:0 13px 24px;border-radius:18px 18px 11px 11px;margin-top:14px}
  body[data-immersive=true] .maker-heading{margin:0 -13px;padding:22px 15px 18px}
  body[data-immersive=true] .maker-heading .eyeline{font-size:10px}body[data-immersive=true] .maker-heading h2{font-size:clamp(15px,4.65vw,25px);margin-top:7px;letter-spacing:-.04em}
  body[data-immersive=true] .maker-heading>p{font-size:12px;padding-right:0;color:#eff6ff}
  body[data-immersive=true] .maker-heading:after{font-size:24px;top:7px;right:13px}
  body[data-immersive=true] .maker-steps{gap:5px;margin:15px 0 18px}body[data-immersive=true] .maker-steps li{flex-direction:column;font-size:11px;padding:8px 1px;gap:6px;line-height:1.4;border-radius:6px}body[data-immersive=true] .maker-steps .y2k-icon{width:32px;height:32px}
  body[data-immersive=true] .import-choices{gap:12px}body[data-immersive=true] .import-choices label{min-height:177px;padding:17px 6px;gap:12px;border-radius:12px}
  body[data-immersive=true] .import-choices .y2k-icon{width:59px;height:59px}body[data-immersive=true] .import-choices strong{font-size:18px}body[data-immersive=true] .import-choices small{font-size:11px;line-height:1.7;min-height:36px;text-align:center}
  body[data-immersive=true] .edit-controls{padding:15px 13px 0}body[data-immersive=true] .edit-controls summary{font-size:14px}body[data-immersive=true] .auto-actions button{font-size:12px;padding:10px}body[data-immersive=true] .brush-tools button{font-size:11px;min-height:42px;padding:7px 2px}
  body[data-immersive=true] .maker-workbar,body[data-immersive=true] .edit-actions{font:11px/1.5 var(--ui-font)}body[data-immersive=true] .edit-stage{max-height:390px}
  body[data-immersive=true] .maker-next{flex-direction:column;align-items:stretch;padding-top:15px;gap:14px}body[data-immersive=true] .maker-next p{max-width:none}body[data-immersive=true] .maker-next .enter-button{font-size:14px;justify-content:center;padding:10px 16px}
  body[data-immersive=true] .confirm-actions{flex-wrap:wrap;gap:15px}body[data-immersive=true] .confirm-actions .enter-button{font-size:13px;min-height:43px}
  body[data-immersive=true] footer{width:92%;font-size:10px;padding:12px;margin-bottom:21px}
  body[data-immersive=true] .ui-switcher{border-radius:13px;padding:6px 8px;gap:4px}body[data-immersive=true] .ui-choices button{font-size:11px;padding:8px 6px}body[data-immersive=true] .ui-preview-actions{padding-top:5px}
}
@media(prefers-reduced-motion:reduce){.ocean-world *,.ocean-ticker>div{animation:none!important;will-change:auto}.ocean-bubbles i{bottom:auto;top:40%}.ocean-bubbles i:nth-child(2n){top:75%}}
body[data-public=true]{padding-bottom:24px}
.aquarium-empty{position:absolute;z-index:5;left:50%;top:46%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 30px);padding:18px 24px;text-align:center;color:#fff;background:#113c91e8;border:1px solid #a3faff;border-radius:13px;box-shadow:3px 4px 0 #11308080;pointer-events:none}
.aquarium-empty strong{font:20px/1.6 Fusion,monospace;display:block;white-space:nowrap}.aquarium-empty span{font-size:13px;display:block;margin-top:6px;color:#e1faff}
.screen-saver .aquarium-empty{display:none}
body[data-public=true] .confirm-grid form .public-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.8;margin:14px 0;color:#26366d}
body[data-public=true] .public-consent input{flex:none;margin-top:5px}
@media(max-width:760px){.aquarium-empty{padding:13px}.aquarium-empty strong{font-size:15px}.aquarium-empty span{font-size:11px}}
