body.classic-immersive{overflow:hidden;height:100dvh}
body.classic-immersive #app{width:100vw;max-width:none;height:100dvh;min-height:0;padding:0}
body.classic-immersive #app>header{display:none}
#classicScreen.active{position:fixed;inset:0;width:100vw;height:100dvh;padding:env(safe-area-inset-top) 6px env(safe-area-inset-bottom);display:flex;flex-direction:column;gap:3px;overflow:hidden;background:linear-gradient(160deg,#8ad9ee,#cceef6 65%,#f2fbff)}
#classicScreen .game-title{display:none}
.classic-hud{height:42px;flex:none;display:flex;gap:5px;align-items:center;justify-content:center}
.classic-hud button{height:36px;min-width:36px;padding:0 7px;border:1px solid #ffffffb0;border-radius:10px;background:#ffffff80;color:#174f72;font-size:16px;font-weight:900}
#classicScreen .scores{display:flex;flex:1;margin:0;gap:8px;justify-content:center;min-width:0}
#classicScreen .scores>div{padding:0;background:none;border:0;box-shadow:none;border-radius:0;min-width:0}
#classicScreen .scores small{font-size:9px}#classicScreen .scores b{font-size:16px;line-height:18px}
.classic-wallet{white-space:nowrap;font-size:11px;font-weight:900}
#classicScreen .classic{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;padding:56px 0 0;gap:0;width:100%}
#classicScreen .board{width:var(--immersive-board,300px)!important;max-width:none;flex:none;border:2px solid #b4efff;border-radius:7px;box-shadow:0 1px 9px #124d7a40;margin:0;background:#0b2941}
#classicScreen .board>canvas{width:100%;height:auto;aspect-ratio:1/2;display:block;border-radius:4px;touch-action:none}
#classicScreen .classic aside{display:contents}
#classicScreen .hold-preview{position:absolute;top:0;left:max(0px,calc(50% - 170px));width:72px;height:53px;margin:0;padding:1px;border:1px solid #ffffffbf;background:#ffffff75;box-shadow:none;border-radius:8px}
#classicScreen .hold-preview small{font-size:9px;display:block}
#classicScreen .hold-preview canvas{width:48px;height:34px;display:block;margin:auto}
#classicScreen .hold-preview:active{transform:translateY(2px)}
#classicScreen .hold-preview:disabled{opacity:.48}
#classicScreen .next-three{position:absolute;right:max(0px,calc(50% - 170px));top:0;height:53px;width:156px;padding:1px;border:0;border-radius:8px;background:#ffffff50;box-shadow:none}
#classicScreen .next-three small{display:block;font-size:9px}
#classicScreen .next-three canvas{width:150px;height:38px;margin:auto}
#classicScreen .speed-meter{display:none}
#classicScreen #cheer{position:absolute;left:calc(50% - 75px);top:0;width:44px;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none;z-index:3;pointer-events:none;mix-blend-mode:multiply}
#classicScreen #cheer img{width:44px;height:60px;object-fit:contain}
#classicScreen #cheer small{display:none}
#classicScreen #cheer .game-avatar-wrap{width:44px;height:60px}
#classicScreen .keyboard-controls{display:none}
#classicScreen.button-controls .keyboard-controls{display:flex;flex:none;align-items:end;justify-content:center;gap:12px;width:min(100%,390px);height:94px;margin:2px auto 6px}
#classicScreen.button-controls .right-hand{width:48%}#classicScreen.button-controls .left-hand{width:48%}
#classicScreen.button-controls .arrow-keys{grid-template-rows:repeat(2,39px)}
#classicScreen.button-controls .space-key{height:48px}
#classicScreen .restart{display:none}
.classic-footer{height:34px;flex:none;display:flex;gap:12px;align-items:center;justify-content:center}
#classicScreen .best-mini{display:flex;gap:5px;align-items:center;padding:0;border:0;background:none;font-size:11px}
#classicScreen .best-mini b{font-size:12px}
#penguinPower{position:relative;overflow:hidden;width:180px;height:30px;border:1px solid #ffffffb0;border-radius:12px;background:#b5deed;color:#174f72;font-size:11px;font-weight:900}
#penguinPower:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--charge,0%);background:#ffffff90;pointer-events:none}
#penguinPower span{position:relative}#penguinPower.ready{background:#90e4f4;border-color:#247eaf}
#classicScreen>.juice-fish-wallet{display:none}
#classicScreen .overlay{padding:10px;overflow:auto}
#classicScreen .overlay-character{height:75px;width:68px;object-fit:contain}
#classicScreen .gesture-guide{font-size:10px;line-height:1.5;margin:6px 0}
#classicScreen .speed-choice button{min-width:0;min-height:34px;padding:4px 8px;font-size:12px}
#classicScreen .ice-row-burst{position:absolute;left:0;width:100%;height:5%;pointer-events:none;z-index:2;border-top:2px dashed #edffff;background:linear-gradient(120deg,transparent 25%,#b3eaff90 45%,transparent 65%);animation:ice-row-crack .65s ease-out forwards}
@keyframes ice-row-crack{0%{opacity:.9;transform:scaleY(.4)}25%{opacity:.9;transform:scaleY(1)}100%{opacity:0;transform:scale(1.06,1.5)}}
body.classic-immersive .juice-headline{max-width:90vw;font-size:clamp(21px,7vw,42px);white-space:nowrap}
@media(min-width:700px){#classicScreen.active{padding-inline:20px}.classic-hud{width:min(760px,100%);margin:auto}#classicScreen .classic{padding-top:0}#classicScreen .hold-preview{top:20px;left:calc(50% - var(--immersive-board)/2 - 94px);width:80px;height:72px}#classicScreen .hold-preview canvas{width:67px;height:52px}#classicScreen .next-three{right:calc(50% - var(--immersive-board)/2 - 110px);top:20px;width:100px;height:75px}#classicScreen .next-three canvas{width:96px;height:48px}#classicScreen #cheer{left:auto;top:auto;right:calc(50% - var(--immersive-board)/2 - 85px);bottom:45px;width:65px}#classicScreen #cheer img{width:65px;height:90px}}
@media(prefers-reduced-motion:reduce){#classicScreen .ice-row-burst{animation-duration:.15s}}
.classic-ice-shard{position:absolute;z-index:3;pointer-events:none;font-size:18px;color:#dcfbff;animation:classicShard .65s ease-out both}@keyframes classicShard{from{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-180%) rotate(60deg) scale(1.15)}}
@media(prefers-reduced-motion:reduce){.classic-ice-shard{animation-duration:.15s}}