:root{font-family:Arial Rounded MT Bold,Nunito,Trebuchet MS,system-ui,sans-serif;color:#33184c;background:#72dcff;--theme-accent: #ff4fae;--theme-soft: rgba(255, 79, 174, .2);--theme-wash: radial-gradient(circle at 50% 36%, rgba(255, 255, 255, .04), rgba(255, 79, 174, .16));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=pink]{--theme-wash: radial-gradient(circle at 50% 36%, rgba(255, 255, 255, .02), rgba(255, 79, 174, .18))}:root[data-theme=race],:root[data-theme=track]{--theme-wash: linear-gradient(135deg, rgba(255, 63, 63, .2), rgba(255, 228, 93, .12) 42%, rgba(20, 20, 20, .18))}:root[data-theme=cloud],:root[data-theme=jet]{--theme-wash: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, .42), rgba(88, 215, 255, .16) 45%, rgba(74, 163, 255, .14))}:root[data-theme=moon],:root[data-theme=space]{--theme-wash: radial-gradient(circle at 70% 20%, rgba(255, 228, 93, .22), rgba(123, 104, 255, .2) 48%, rgba(38, 22, 96, .18))}:root[data-theme=rocket]{--theme-wash: linear-gradient(160deg, rgba(255, 79, 125, .18), rgba(255, 154, 79, .16), rgba(255, 228, 93, .12))}:root[data-theme=ufo],:root[data-theme=alien]{--theme-wash: radial-gradient(circle at 48% 35%, rgba(113, 244, 95, .26), rgba(184, 140, 255, .18) 52%, rgba(88, 215, 255, .1))}:root[data-theme=volcano]{--theme-wash: radial-gradient(circle at 50% 78%, rgba(255, 107, 43, .28), rgba(255, 228, 93, .18) 35%, rgba(255, 79, 174, .14))}:root[data-theme=treasure]{--theme-wash: radial-gradient(circle at 36% 36%, rgba(0, 215, 198, .26), rgba(255, 228, 93, .18) 45%, rgba(184, 140, 255, .12))}:root[data-theme=animal]{--theme-wash: radial-gradient(circle at 30% 70%, rgba(120, 239, 127, .24), rgba(255, 154, 79, .16) 44%, rgba(88, 215, 255, .12))}:root[data-theme=monster]{--theme-wash: radial-gradient(circle at 50% 45%, rgba(157, 107, 255, .26), rgba(255, 79, 174, .16) 50%, rgba(120, 239, 127, .12))}:root[data-theme=rainbow],:root[data-theme=mix]{--theme-wash: linear-gradient(115deg, rgba(255, 79, 174, .2), rgba(255, 228, 93, .14), rgba(88, 215, 255, .16), rgba(120, 239, 127, .12))}:root[data-theme=snack]{--theme-wash: radial-gradient(circle at 70% 62%, rgba(255, 154, 79, .22), rgba(255, 135, 200, .18) 45%, rgba(255, 228, 93, .12))}:root[data-theme=school]{--theme-wash: linear-gradient(145deg, rgba(63, 184, 255, .2), rgba(255, 228, 93, .12), rgba(255, 255, 255, .16))}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;border:0;cursor:pointer}.shell{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:100%;background:linear-gradient(180deg,#5bdcff,#fff2a8 56%,#ff8fd7)}.play-area{position:relative;min-height:0;overflow:hidden}.play-area:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--theme-wash);mix-blend-mode:multiply}#game{position:absolute;inset:0;z-index:0}#game canvas{display:block}.top-hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(90px,.7fr) minmax(180px,1.6fr) minmax(90px,.7fr);gap:10px;align-items:stretch;pointer-events:none;z-index:5}.meter,.word-card{min-height:74px;padding:10px 14px;border:4px solid color-mix(in srgb,var(--theme-accent),white 76%);border-radius:22px;background:#ffffffb8;box-shadow:0 10px #45277024,0 18px 32px #35145c2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center}.label,#modeLabel{color:#7c3eb0;font-size:.9rem}.meter strong,.word-card strong{line-height:1;color:var(--theme-accent);text-shadow:0 3px 0 #ffffff}.meter strong{font-size:clamp(2rem,4vw,3.8rem)}.word-card strong{margin-top:4px;font-size:clamp(2.3rem,7vw,5rem);letter-spacing:0}.coach{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:14px;z-index:6;width:min(270px,34vw);min-width:190px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:24px;background:#ffffffbd;border:4px solid rgba(255,255,255,.9);box-shadow:0 12px #45277024,0 18px 28px #35145c2e}.coach img{width:86px;height:86px;border-radius:20px;object-fit:cover}.coach p{margin:0;color:#4e277b;font-size:clamp(.9rem,1.7vw,1.12rem);line-height:1.15}.start-panel,.finale-panel,.badge-panel{position:absolute;inset:max(104px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 18px max(18px,env(safe-area-inset-left));z-index:10;display:grid;place-items:center;align-content:center;gap:18px;text-align:center}.start-panel{gap:8px}.start-panel h1,.finale-panel h2,.badge-panel h2{margin:0;color:#fff;font-size:clamp(2.6rem,8vw,7rem);line-height:.93;text-shadow:0 8px 0 #a33fc8,0 14px 26px rgba(53,20,92,.32)}.start-panel h1{font-size:clamp(1.9rem,4.6vw,3.8rem);text-shadow:0 5px 0 #a33fc8,0 10px 18px rgba(53,20,92,.28)}.start-panel p{font-size:clamp(.95rem,1.7vw,1.25rem)}.start-panel p,.finale-panel p,.badge-panel p{max-width:760px;margin:0;color:#51267b;font-size:clamp(1.1rem,2.6vw,2rem);line-height:1.15;text-shadow:0 2px 0 rgba(255,255,255,.8)}.level-picker{width:min(980px,94vw);max-height:min(24vh,205px);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:5px 6px 11px;overflow:auto}.level-button,.primary-action,.toggle-button,.mini-button,.key{-webkit-tap-highlight-color:transparent}.level-button{position:relative;isolation:isolate;overflow:hidden;min-height:86px;padding:10px 12px;border-radius:20px;background:#ffffffc7;color:#562681;border:4px solid color-mix(in srgb,var(--level-accent),white 72%);box-shadow:0 8px #56268138;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left}.level-button:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#ffffffd1,#ffffff7a),var(--level-art);background-size:cover;background-position:center;opacity:.9}.level-button>*{position:relative}.level-number{grid-row:1 / 3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--level-accent);color:#39185d;font-size:1rem;box-shadow:0 4px #39185d2e}.level-name{display:block;font-size:1.08rem;line-height:1.05}.level-button small{color:#8a47bd;font-size:.76rem;line-height:1.05}.level-button.selected,.toggle-button.complete{background:color-mix(in srgb,var(--level-accent, #ffec5d),white 42%);color:#51226f;box-shadow:0 8px color-mix(in srgb,var(--level-accent, #f4a42c),#542777 38%)}.primary-action{min-width:210px;min-height:62px;padding:12px 26px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--button-accent, #ff4fae),white 22%),var(--button-accent, #ff399d));color:#fff;font-size:clamp(1.55rem,3.2vw,2.75rem);text-shadow:0 4px 0 #a91667;box-shadow:0 12px #a91667,0 22px 34px #35145c3d}.primary-action:active,.key:active,.mini-button:active,.toggle-button:active,.level-button:active{transform:translateY(4px)}.finale-panel{grid-template-columns:minmax(220px,.8fr) minmax(220px,1fr);gap:16px}.finale-panel img{width:min(48vw,590px);max-height:62vh;border-radius:26px;object-fit:cover;border:5px solid rgba(255,255,255,.92);box-shadow:0 18px #56268129,0 28px 44px #35145c47}.badge-panel{place-items:stretch;align-content:start;gap:10px;padding:16px;border-radius:28px;border:5px solid rgba(255,255,255,.9);background:#ffffffd1;box-shadow:0 18px #56268129,0 28px 44px #35145c47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.badge-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.panel-kicker{display:block;color:#7c3eb0;font-size:clamp(.78rem,1.4vw,1rem)}.badge-panel h2{color:#ff3fa7;font-size:clamp(2.1rem,5vw,4.6rem);text-align:left;text-shadow:0 5px 0 #ffffff,0 10px 20px rgba(53,20,92,.18)}.badge-panel p{font-size:clamp(1rem,2vw,1.45rem);text-align:left}.close-button{width:58px;height:58px;flex:0 0 58px;border-radius:50%;background:#ff4fae;color:#fff;font-size:2.1rem;line-height:1;box-shadow:0 7px #a91667,0 12px 18px #35145c33}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px;min-height:0;padding:4px 2px 8px;overflow:auto}.badge-card{min-height:150px;padding:10px;border-radius:18px;border:4px solid rgba(255,255,255,.9);background:#f6f0ffd1;box-shadow:0 7px #56268129;display:grid;grid-template-rows:68px auto auto;justify-items:center;gap:6px;text-align:center;color:#573083}.badge-card:not(.unlocked){opacity:.88}.badge-card:not(.unlocked) .badge-medal{filter:grayscale(.24);opacity:.86}.badge-medal{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background-color:var(--badge-color);background-image:var(--badge-image);background-position:center;background-size:cover;border:4px solid #ffffff;box-shadow:0 6px #421c6d2e,0 0 22px color-mix(in srgb,var(--badge-color),transparent 45%)}.badge-card strong{font-size:1rem;line-height:1.05}.badge-card small{color:#7c3eb0;font-size:.77rem;line-height:1.12}.keyboard-zone{position:relative;z-index:20;padding:8px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:linear-gradient(180deg,#55349eeb,#2e145af5);border-top:5px solid rgba(255,255,255,.72);box-shadow:0 -10px 28px #30145b40}.keyboard-tools{display:grid;grid-template-columns:minmax(92px,130px) minmax(132px,190px) minmax(104px,140px) 64px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px}.toggle-button,.mini-button,.keyboard-label{min-height:44px;border-radius:999px;background:#ffffffd6;color:#4f267d;box-shadow:0 5px #00000038;font-size:1.08rem}.toggle-button span{display:inline-block;margin-left:4px;color:#8a47bd;font-size:.88rem}.mini-button{background:color-mix(in srgb,var(--theme-accent),#55d6ff 62%);color:#39185d}.keyboard-label{display:grid;place-items:center;background:color-mix(in srgb,var(--theme-accent),#ffec5d 62%);color:#51226f;box-shadow:0 5px #f4a42c}.keyboard{display:grid;gap:8px;justify-items:center}.key-row{display:flex;justify-content:center;gap:8px;width:min(100%,1120px)}.key{position:relative;flex:1 1 0;min-width:42px;max-width:96px;height:clamp(54px,8.8vh,86px);border-radius:18px;color:#4b2578;background:linear-gradient(180deg,#fff,#ffe6f9);border:4px solid rgba(255,255,255,.9);box-shadow:0 7px #bf75d9,0 12px 18px #0000002e;font-size:clamp(1.75rem,5.3vw,3.9rem);line-height:1}.key:nth-child(3n+1){background:linear-gradient(180deg,#fff,#d9f8ff);box-shadow:0 7px #55b7dc,0 12px 18px #0000002e}.key:nth-child(3n+2){background:linear-gradient(180deg,#fff,#fff7a8);box-shadow:0 7px #e8b339,0 12px 18px #0000002e}.key.hot{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent),white 28%) 0%,var(--theme-accent) 100%);border-color:#fff36a;box-shadow:0 0 0 7px #fff24b7a,0 9px color-mix(in srgb,var(--theme-accent),#5a1768 55%),0 0 30px var(--theme-soft);animation:pulse .82s ease-in-out infinite alternate}.key.pop{animation:pop .26s ease-out}.key.wiggle{animation:wiggle .38s ease-in-out}.hidden{display:none!important}@keyframes pulse{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.06)}}@keyframes pop{0%{transform:scale(1)}70%{transform:scale(1.18) rotate(-3deg)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media(max-width:760px),(orientation:portrait){.shell{grid-template-rows:minmax(0,1fr) auto}.top-hud{grid-template-columns:1fr 1.45fr 1fr;gap:6px}.meter,.word-card{min-height:58px;border-radius:16px;padding:7px 8px}.label,#modeLabel{font-size:.72rem}.coach{grid-template-columns:64px minmax(0,1fr);width:min(270px,76vw);min-width:0;bottom:8px}.coach img{width:64px;height:64px;border-radius:16px}.start-panel,.finale-panel,.badge-panel{inset:84px 12px 8px}.level-picker{width:min(760px,94vw);max-height:min(29vh,250px);grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:7px}.level-button{min-height:68px;grid-template-columns:28px minmax(0,1fr);column-gap:6px;border-width:3px;border-radius:16px;padding:7px 8px}.level-number{width:28px;height:28px;font-size:.82rem}.level-name{font-size:.9rem}.level-button small{font-size:.65rem}.finale-panel{grid-template-columns:1fr}.finale-panel img{display:none}.badge-panel{padding:10px;border-radius:22px}.badge-header{align-items:center}.close-button{width:48px;height:48px;flex-basis:48px;font-size:1.75rem}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:7px}.badge-card{min-height:132px;border-width:3px;border-radius:14px;grid-template-rows:50px auto auto;padding:8px 6px}.badge-medal{width:50px;height:50px;font-size:1.04rem}.badge-card strong{font-size:.84rem}.badge-card small{font-size:.68rem}.keyboard-tools{grid-template-columns:minmax(74px,94px) minmax(118px,146px) minmax(78px,102px) 52px;margin-bottom:6px}.toggle-button,.mini-button,.keyboard-label{min-height:38px;font-size:.94rem}.keyboard,.key-row{gap:5px}.key{min-width:0;height:clamp(44px,7.5vh,70px);border-width:3px;border-radius:14px;box-shadow:0 5px #bf75d9,0 9px 14px #0000002e}}@media(max-height:820px)and (min-width:761px){.top-hud{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));grid-template-columns:minmax(78px,.55fr) minmax(170px,1.8fr) minmax(78px,.55fr);gap:8px}.meter,.word-card{min-height:56px;padding:6px 10px;border-width:3px;border-radius:18px;box-shadow:0 7px #45277024,0 12px 22px #35145c29}.label,#modeLabel{font-size:.74rem}.meter strong{font-size:clamp(1.75rem,3.5vw,2.8rem)}.word-card strong{font-size:clamp(2rem,5.6vw,4.25rem)}.coach{bottom:8px;width:min(238px,31vw);min-width:176px;grid-template-columns:62px minmax(0,1fr);gap:7px;padding:7px;border-width:3px;border-radius:18px;box-shadow:0 8px #45277024,0 12px 22px #35145c29}.coach img{width:62px;height:62px;border-radius:15px}.coach p{font-size:clamp(.78rem,1.35vw,.96rem)}.start-panel,.finale-panel,.badge-panel{inset:max(74px,env(safe-area-inset-top)) 14px 10px;gap:8px}.start-panel h1{font-size:clamp(1.75rem,3.8vw,2.85rem);text-shadow:0 4px 0 #a33fc8,0 8px 14px rgba(53,20,92,.24)}.start-panel p{font-size:clamp(.85rem,1.45vw,1.05rem)}.level-picker{width:min(920px,94vw);max-height:min(27vh,198px);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;padding-bottom:7px}.level-button{min-height:62px;grid-template-columns:28px minmax(0,1fr);column-gap:6px;padding:7px 8px;border-width:3px;border-radius:15px;box-shadow:0 5px #56268133}.level-number{width:28px;height:28px;font-size:.82rem}.level-name{font-size:.88rem}.level-button small{font-size:.64rem}.primary-action{min-width:176px;min-height:48px;padding:8px 22px;font-size:clamp(1.25rem,2.4vw,2rem);text-shadow:0 3px 0 #a91667;box-shadow:0 8px #a91667,0 15px 24px #35145c33}.keyboard-zone{padding:6px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top-width:4px}.keyboard-tools{grid-template-columns:minmax(84px,112px) minmax(124px,166px) minmax(92px,118px) 50px;gap:7px;margin-bottom:6px}.toggle-button,.mini-button,.keyboard-label{min-height:36px;font-size:.92rem;box-shadow:0 4px #00000038}.toggle-button span{font-size:.74rem}.keyboard,.key-row{gap:5px}.key{height:clamp(42px,6.3vh,54px);border-width:3px;border-radius:13px;font-size:clamp(1.45rem,4.1vw,3rem);box-shadow:0 5px #bf75d9,0 8px 13px #0000002e}.key.hot{box-shadow:0 0 0 5px #fff24b73,0 6px color-mix(in srgb,var(--theme-accent),#5a1768 55%),0 0 22px var(--theme-soft)}}@media(max-height:650px)and (min-width:761px){.coach{display:none}.start-panel,.finale-panel,.badge-panel{inset:max(68px,env(safe-area-inset-top)) 12px 8px}.level-picker{max-height:min(24vh,150px)}.key{height:clamp(38px,5.9vh,48px)}}.shell.menu-mode{grid-template-rows:minmax(0,1fr)}.shell.menu-mode .top-hud,.shell.menu-mode .coach,.shell.menu-mode .keyboard-zone{display:none}.shell.menu-mode .play-area{min-height:100%}.shell.menu-mode .start-panel{inset:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));align-content:start;grid-template-columns:1fr;gap:clamp(8px,1.25vh,14px);padding-top:clamp(2px,1vh,12px)}.start-copy{display:grid;justify-items:center;gap:4px}.shell.menu-mode .start-panel h1{font-size:clamp(2.2rem,6.2vw,4.9rem)}.shell.menu-mode .start-panel p{max-width:720px;font-size:clamp(1.05rem,2.1vw,1.65rem);color:#4b2578}.level-stage{width:min(940px,92vw);display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:stretch;gap:12px}.level-arrow{min-height:100%;border-radius:28px;background:#ffffffd6;color:#52267e;font-size:clamp(3.4rem,7vw,5.7rem);line-height:1;border:4px solid rgba(255,255,255,.9);box-shadow:0 9px #56268138,0 16px 28px #35145c2e}.selected-level-card{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(188px,30vh,270px);display:grid;grid-template-columns:minmax(92px,.36fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:center;gap:2px 18px;padding:clamp(18px,3vw,30px);border-radius:30px;border:6px solid rgba(255,255,255,.94);background:#ffffffd1;box-shadow:0 12px color-mix(in srgb,var(--level-accent),#562681 38%),0 22px 38px #35145c42;color:#4b2578;text-align:left}.selected-level-card:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#ffffffe6,#ffffff80),var(--level-art);background-position:center;background-size:cover}.selected-level-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 22% 50%,color-mix(in srgb,var(--level-accent),transparent 62%),transparent 38%)}.selected-level-icon{grid-row:1 / 4;width:clamp(84px,13vw,132px);height:clamp(84px,13vw,132px);display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--level-accent),white 24%);border:5px solid rgba(255,255,255,.92);box-shadow:0 8px #56268133;font-size:clamp(3rem,7vw,5.4rem)}.selected-level-number{width:fit-content;padding:7px 16px;border-radius:999px;background:color-mix(in srgb,var(--level-accent),white 40%);color:#482172;font-size:clamp(1rem,1.8vw,1.35rem);box-shadow:0 4px #56268129}.selected-level-card strong{font-size:clamp(2.45rem,6.2vw,5.4rem);line-height:.92;color:#4c247a;text-shadow:0 3px 0 #ffffff}.selected-level-card small{font-size:clamp(1.15rem,2.2vw,1.8rem);color:#7032a3;line-height:1.05}.level-picker-label{color:#4c247a;font-size:clamp(.95rem,1.8vw,1.28rem);text-shadow:0 2px 0 rgba(255,255,255,.72)}.shell.menu-mode .level-picker{width:min(880px,90vw);max-height:none;display:grid;grid-template-columns:repeat(9,minmax(54px,1fr));gap:8px;padding:0;overflow:visible}.shell.menu-mode .level-button{min-height:clamp(58px,8.2vh,78px);padding:6px;border-radius:18px;border-width:4px;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;gap:2px;text-align:center;background:#ffffffd1;box-shadow:0 6px #56268129}.shell.menu-mode .level-button:before{opacity:.22}.shell.menu-mode .level-number{grid-row:auto;width:clamp(32px,4.4vw,42px);height:clamp(32px,4.4vw,42px);font-size:clamp(1.08rem,2.2vw,1.5rem)}.shell.menu-mode .level-name{font-size:clamp(1rem,2vw,1.36rem);line-height:1}.shell.menu-mode .level-button small{display:none}.shell.menu-mode .level-button.selected{outline:5px solid #fff36a;background:color-mix(in srgb,var(--level-accent),white 52%);transform:translateY(-3px)}.start-actions{display:flex;justify-content:center;align-items:center;gap:12px}.secondary-action{min-height:58px;padding:10px 22px;border-radius:999px;background:#ffffffe0;color:#52267e;font-size:clamp(1.1rem,2.1vw,1.55rem);box-shadow:0 8px #56268138,0 15px 24px #35145c2e}.secondary-action:active,.level-arrow:active{transform:translateY(4px)}@media(max-width:760px),(orientation:portrait){.shell.menu-mode .start-panel{inset:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px}.level-stage{width:min(620px,94vw);grid-template-columns:54px minmax(0,1fr) 54px;gap:8px}.level-arrow{border-radius:20px;border-width:3px}.selected-level-card{min-height:clamp(156px,24vh,220px);grid-template-columns:minmax(64px,.28fr) minmax(0,1fr);padding:14px;border-width:4px;border-radius:24px;gap:2px 12px}.selected-level-icon{width:clamp(62px,15vw,96px);height:clamp(62px,15vw,96px)}.shell.menu-mode .level-picker{width:min(580px,92vw);grid-template-columns:repeat(6,minmax(42px,1fr));gap:6px}.shell.menu-mode .level-button{min-height:54px;border-width:3px;border-radius:14px}.start-actions{gap:8px}.secondary-action{min-height:48px;padding:8px 18px}}@media(max-height:760px)and (orientation:landscape){.shell.menu-mode .start-panel{gap:6px;padding-top:0}.shell.menu-mode .start-panel h1{font-size:clamp(1.9rem,4.5vw,3.4rem)}.shell.menu-mode .start-panel p{font-size:clamp(.9rem,1.5vw,1.1rem)}.selected-level-card{min-height:clamp(136px,24vh,186px);padding:14px 18px;border-radius:24px}.selected-level-icon{width:clamp(68px,8vw,92px);height:clamp(68px,8vw,92px);font-size:clamp(2.4rem,5vw,3.6rem)}.selected-level-card strong{font-size:clamp(2rem,4.6vw,3.7rem)}.selected-level-card small{font-size:clamp(.95rem,1.6vw,1.25rem)}.shell.menu-mode .level-picker{grid-template-columns:repeat(9,minmax(44px,1fr));gap:6px}.shell.menu-mode .level-button{min-height:48px}.shell.menu-mode .level-number{width:30px;height:30px;font-size:1rem}.shell.menu-mode .level-name{font-size:.92rem}.start-actions .primary-action{min-height:50px;min-width:190px}.secondary-action{min-height:46px}}