:root{color:#f8fbf6;font-synthesis:none;text-rendering:optimizelegibility;--ink:#15243b;--paper:#fffdf4;--cream:#fff5d5;--lavender:#9d83d8;--lavender-deep:#6a54ad;--mint:#7be0b7;--mint-bright:#abf2ce;--gold:#ffd873;--rose:#f0a5c1;--night:#17263c;--night-soft:#253b55;--glass:#ffffff1f;--shadow:0 24px 80px #06122061;background:#14233b;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--night);min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input{font:inherit}button{border:0}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#root{min-height:100svh}.app-shell{isolation:isolate;background:radial-gradient(circle at 78% 9%,#ffe2913d,#0000 24%),radial-gradient(circle at 10% 77%,#6be0b833,#0000 27%),linear-gradient(145deg,#243d56 0%,#17283f 40%,#2b3050 100%);min-height:100svh;position:relative;overflow:clip}.app-shell:before,.app-shell:after{content:"";z-index:-3;pointer-events:none;position:absolute;inset:0}.app-shell:before{opacity:.58;background-image:radial-gradient(circle at 20% 22%,#fff4b8 0 2px,#0000 3px),radial-gradient(circle at 72% 14%,#b5f2d6 0 1.5px,#0000 3px),radial-gradient(circle at 86% 72%,#ffe2a2 0 2px,#0000 3px),radial-gradient(circle at 36% 88%,#d8c6ff 0 2px,#0000 3px);background-size:210px 190px,270px 230px,180px 220px,240px 200px;animation:18s linear infinite star-drift}.app-shell:after{clip-path:polygon(0 28%,8% 18%,14% 25%,23% 12%,31% 23%,42% 11%,54% 24%,68% 8%,80% 24%,91% 10%,100% 23%,100% 100%,0 100%);background:linear-gradient(#0000 25%,#0b292de0),radial-gradient(at 50% 108%,#6fd69d66,#0000 54%);top:42%}.ambient-orb{z-index:-1;filter:blur(1px);pointer-events:none;opacity:.7;border-radius:999px;position:absolute}.ambient-orb--one{background:radial-gradient(circle,#ccb2ff4d,#0000 70%);width:36vw;height:36vw;top:-12vw;right:-9vw}.ambient-orb--two{background:radial-gradient(circle,#5eebb240,#0000 68%);width:42vw;height:42vw;bottom:-18vw;left:-12vw}.topbar{z-index:20;justify-content:space-between;align-items:center;width:min(1440px,100% - 48px);height:88px;margin:0 auto;display:flex;position:relative}.brand-mark{color:#fffdf4;letter-spacing:.05em;align-items:center;gap:12px;font-size:17px;font-weight:800;display:flex}.brand-mark__icon{background:linear-gradient(145deg,#abf2ce4d,#9d83d84d);border:1px solid #ffffff4d;border-radius:16px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:inset 0 1px #ffffff5c,0 8px 24px #050f1e33}.topbar__actions{gap:10px;display:flex}.icon-button{color:#f9f8ef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#11223694;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;transition:transform .18s,background .18s;display:inline-flex}.icon-button:hover{background:#40546ab8;transform:translateY(-2px)}.screen{z-index:2;width:min(1440px,100% - 48px);min-height:calc(100svh - 112px);margin:0 auto;position:relative}.ready-screen{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(24px,5vw,84px);padding:18px 0 54px;display:grid}.hero-copy{z-index:4;max-width:620px;position:relative}.eyebrow{color:#f7edc5;letter-spacing:.13em;background:#ffd8731a;border:1px solid #ffe29159;border-radius:99px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero-title{color:#fffdf3;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 8px 36px #0a162657;margin:0;font-size:clamp(46px,6vw,86px);line-height:.98}.hero-title span{color:#0000;background:linear-gradient(90deg, var(--mint-bright), #f3dc9a 55%, #dccdff);-webkit-background-clip:text;background-clip:text;margin-top:10px;display:block}.hero-subtitle{color:#f4faf3c7;max-width:540px;margin:24px 0 28px;font-size:clamp(17px,1.55vw,21px);line-height:1.75}.quest-meta{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.meta-chip{color:#edf9f1;background:#152b3a8a;border:1px solid #adf1d02e;border-radius:12px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:14px;font-weight:650;display:inline-flex}.meta-chip b{color:var(--gold)}.readiness-card{color:#ebf9ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#091c2c85;border:1px solid #ffffff24;border-radius:17px;align-items:center;gap:14px;max-width:540px;margin-bottom:20px;padding:13px 16px;display:flex;box-shadow:inset 0 1px #ffffff14}.readiness-card__light{background:#f4c86c;border-radius:50%;flex:none;width:13px;height:13px;box-shadow:0 0 0 5px #f4c86c1f,0 0 16px #f4c86c80}.readiness-card[data-ready=true] .readiness-card__light{background:var(--mint);box-shadow:0 0 0 5px #7be0b71f,0 0 18px #7be0b799}.readiness-card strong{margin-bottom:2px;font-size:15px;display:block}.readiness-card small{color:#ebf9eda1;line-height:1.4}.primary-button{color:#173441;cursor:pointer;background:linear-gradient(135deg,#c8f5dc,#f6db8d);border-radius:18px;justify-content:center;align-items:center;gap:12px;min-width:220px;min-height:58px;padding:0 26px;font-size:17px;font-weight:900;transition:transform .18s,filter .18s,opacity .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #57d7a936,inset 0 1px #ffffffe6}.primary-button:after{content:"";background:#ffffff73;width:28%;height:240%;animation:3.8s ease-in-out infinite button-shine;position:absolute;top:-70%;left:-30%;transform:rotate(24deg)}.primary-button:hover:not(:disabled){filter:saturate(1.1);transform:translateY(-3px)scale(1.015)}.primary-button:disabled{opacity:.42;cursor:not-allowed}.secondary-button,.text-button{color:#f7fbf2;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:13px;min-height:44px;padding:0 17px;font-weight:750;transition:transform .16s,background .16s}.secondary-button:hover,.text-button:hover{background:#ffffff24;transform:translateY(-2px)}.portal-card{height:min(75vh,720px);min-height:560px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(at 50% 25%,#ffebb53d,#0000 43%),linear-gradient(160deg,#9a82d540,#1d374433);border:1px solid #ffffff30;border-radius:50% 50% 28px 28px/20% 20% 28px 28px;position:relative;overflow:hidden}.portal-card:before,.portal-card:after{content:"";pointer-events:none;position:absolute}.portal-card:before{z-index:0;border:2px solid #cfffe233;border-radius:50% 50% 23px 23px/20% 20% 23px 23px;inset:5%;box-shadow:inset 0 0 50px #a9f2ce1f,0 0 30px #b291f024}.portal-card:after{filter:blur(6px);background:radial-gradient(#7eeebb61,#0000 70%);border-radius:50%;height:11%;bottom:3%;left:12%;right:12%}.portal-label{z-index:4;color:#f7f4dc;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1323379e;border:1px solid #ffffff29;border-radius:99px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:750;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.portal-label i{background:var(--mint);width:7px;height:7px;box-shadow:0 0 10px var(--mint);border-radius:50%}.vrm-preview{z-index:2;position:absolute;inset:0}.vrm-preview canvas{width:100%;height:100%;transition:transform .26s}.vrm-preview--mirrored canvas{transform:scaleX(-1)}.camera-panel{z-index:12;background:#0b1828;border:1px solid #ffffff3d;transition:top .52s cubic-bezier(.22,.8,.25,1),right .52s cubic-bezier(.22,.8,.25,1),bottom .52s cubic-bezier(.22,.8,.25,1),width .52s cubic-bezier(.22,.8,.25,1),height .52s cubic-bezier(.22,.8,.25,1),opacity .26s,border-radius .52s;position:absolute;overflow:hidden;box-shadow:0 22px 70px #030d196b,inset 0 1px #ffffff38}.camera-panel--ready{border-radius:22px;width:clamp(220px,20vw,310px);height:clamp(150px,14vw,210px);bottom:max(5vh,38px);right:max(4vw,36px)}.camera-panel--game,.camera-panel--countdown,.camera-panel--transition{border-radius:22px;width:clamp(220px,20vw,310px);height:clamp(150px,14vw,210px);top:auto;bottom:max(5vh,38px);right:max(4vw,36px)}.camera-panel--complete,.camera-panel--boot,.camera-panel--error{opacity:0;pointer-events:none;width:0;height:0}.camera-panel__video,.skeleton-overlay{width:100%;height:100%;position:absolute;inset:0}.camera-panel__video{object-fit:cover;filter:saturate(.9)contrast(.98)brightness(.88);transform:scaleX(-1)}.skeleton-overlay{z-index:2;pointer-events:none}.camera-panel__shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 65%,#0614207a),radial-gradient(#0000 47%,#12213259);position:absolute;inset:0}.camera-panel__corners{z-index:4;pointer-events:none;border:2px solid #b1f2cf75;border-color:#b1f2cf75 #0000;border-radius:20px;position:absolute;inset:14px}.camera-panel__status{z-index:5;color:#fffef7;text-shadow:0 2px 8px #00000073;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.tracking-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061523ad;border:1px solid #ffffff29;border-radius:99px;align-items:center;gap:8px;min-height:34px;padding:0 11px;display:inline-flex}.tracking-pill i{background:#f3c865;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #f3c865cc}.tracking-pill[data-good=true] i{background:var(--mint);box-shadow:0 0 12px #7be0b7e6}.game-screen{grid-template-columns:minmax(350px,.72fr) minmax(480px,1.28fr);align-items:start;gap:clamp(28px,4vw,68px);padding:10px 0 20px;display:grid}.game-screen__left{z-index:5;scrollbar-color:#abf2ce5c transparent;scrollbar-width:thin;align-self:stretch;max-height:calc(100svh - 126px);padding-right:8px;position:relative;overflow-y:auto}.game-screen .portal-card{height:calc(100svh - 126px);min-height:520px}.game-hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 0 2px;padding:32px 32px 18px;display:flex}.level-progress{flex-wrap:wrap;flex:182px;align-items:center;gap:8px;min-width:0;display:flex}.level-dot{color:#fff9;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.level-dot--complete{color:#1a3c3d;background:var(--mint);border-color:#0000;box-shadow:0 0 16px #7be0b761}.level-dot--current{color:#453b1e;background:var(--gold);border-color:#0000;transform:scale(1.12);box-shadow:0 0 18px #ffd8735c}.timer-chip{color:#fff8dd;font-variant-numeric:tabular-nums;background:#112134ad;border:1px solid #ffe29138;border-radius:13px;align-items:center;gap:9px;min-height:42px;padding:0 14px;font-size:15px;font-weight:900;display:inline-flex}.pose-card{box-shadow:var(--shadow);background:#fffcf0f5;border:1px solid #ffffff38;border-radius:30px;position:relative;overflow:hidden}.game-screen .pose-card{border-radius:23px;flex-direction:column;display:flex}.game-screen .pose-card__image-wrap{aspect-ratio:auto;place-items:center;height:clamp(300px,37svh,400px);min-height:0;display:grid}.game-screen .pose-card__image{object-fit:contain}.game-screen .pose-card__number{top:12px;left:12px}.game-screen .pose-card__content{padding:20px 24px 22px}.game-screen .pose-card__title-row{align-items:baseline}.game-screen .pose-card__title{font-size:clamp(25px,2.1vw,34px)}.game-screen .pose-card__english{margin-top:0}.game-screen .pose-card__instruction{margin-top:10px;font-size:16px}.pose-card__image-wrap{aspect-ratio:1;background:#eadff1;position:relative;overflow:hidden}.pose-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pose-card:hover .pose-card__image{transform:scale(1.025)}.pose-card__number{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1925369e;border:1px solid #ffffff4d;border-radius:99px;align-items:center;min-height:34px;padding:0 11px;font-size:12px;font-weight:850;display:inline-flex;position:absolute;top:17px;left:17px}.pose-card__content{color:var(--ink);padding:19px 22px 22px}.pose-card__title-row{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.pose-card__title{letter-spacing:-.04em;margin:0;font-size:clamp(27px,2.5vw,38px);line-height:1.1}.pose-card__english{color:#7b7191;letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:800}.pose-card__instruction{color:#53606a;margin:12px 0 0;font-size:15px;line-height:1.62}.coach-box{color:#edf8f2;background:#112435b3;border:1px solid #ffffff21;border-radius:16px;align-items:flex-start;gap:12px;margin-top:14px;padding:13px 14px;font-size:14px;line-height:1.45;display:flex}.coach-box__icon{background:#ffd87329;border-radius:10px;flex:none;place-items:center;width:28px;height:28px;display:grid}.pose-debug{color:#f2f9f2d1;background:#071625ad;border:1px solid #ffffff1f;border-radius:14px;margin-top:10px;padding:11px 13px;font-size:12px}.pose-debug summary{cursor:pointer;font-weight:850}.pose-debug ol{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pose-debug li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.pose-debug li[data-low=true]{color:#ffd38b}.pose-debug small{color:#ebf5ed85;margin-top:2px;display:block}.pose-debug strong{font-variant-numeric:tabular-nums}.hold-panel{background:#081b2b94;border:1px solid #ffffff1f;border-radius:22px;align-items:center;gap:24px;min-height:148px;margin-top:14px;padding:18px 22px;display:flex}.progress-ring{flex:none;width:clamp(96px,7vw,112px);height:clamp(96px,7vw,112px);position:relative}.progress-ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:7px}.progress-ring__track{stroke:#ffffff1f}.progress-ring__value{stroke:var(--mint);stroke-linecap:round;filter:drop-shadow(0 0 5px #7be0b7a6);transition:stroke-dashoffset .1s linear}.progress-ring__label{color:#fff9e3;place-items:center;font-size:18px;font-weight:950;display:grid;position:absolute;inset:0}.hold-panel__copy strong{color:#fbf8e9;margin-bottom:7px;font-size:20px;display:block}.hold-panel__copy span{color:#ecf7ee9e;font-size:15px;line-height:1.4}.game-actions{justify-content:flex-end;align-items:center;min-height:52px;margin-top:6px;display:flex}.skip-button{color:#f5f9f1bd;text-underline-offset:4px;cursor:pointer;background:0 0;font-size:13px;text-decoration:underline}.countdown-overlay,.transition-overlay{z-index:50;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.countdown-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#223e4633,#0714228c)}.countdown-number{color:#fff8d8;background:radial-gradient(circle,#ffda7642,#906fc91f);border:3px solid #fff4cd85;border-radius:50%;place-items:center;width:clamp(150px,19vw,240px);height:clamp(150px,19vw,240px);font-size:clamp(72px,10vw,136px);font-weight:950;animation:.95s cubic-bezier(.16,.8,.3,1) countdown-pop;display:grid;box-shadow:0 0 80px #ffd87345,inset 0 0 42px #ffffff24}.transition-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle,#5adeaa2e,#312451a3);overflow:hidden}.portal-burst{aspect-ratio:1;border:3px solid #d1ffe38c;border-radius:50%;width:min(52vw,640px);animation:1.45s cubic-bezier(.18,.7,.2,1) both portal-open;position:absolute;box-shadow:0 0 0 24px #8deebd14,0 0 0 64px #b597e50f,0 0 120px #81efbd6b,inset 0 0 90px #ffeaa742}.transition-copy{z-index:3;color:#fffcef;text-align:center;text-shadow:0 7px 24px #0910217a;position:relative}.transition-copy span{color:var(--gold);margin-bottom:10px;font-size:18px;font-weight:850;display:block}.transition-copy strong{font-size:clamp(40px,7vw,86px);line-height:1;display:block}.magic-particle{background:var(--particle-color,#ffd873);width:12px;height:18px;box-shadow:0 0 14px var(--particle-color,#ffd873);border-radius:80% 0;animation:1.45s ease-out both particle-flight;position:absolute;top:50%;left:50%}.complete-screen{place-items:center;min-height:calc(100svh - 130px);padding:20px 0 54px;display:grid}.result-panel{width:min(1100px,100%);box-shadow:var(--shadow);background:#f5f7ecf5;border:1px solid #ffffff38;border-radius:34px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.result-hero{color:#fffdf2;text-align:center;background:radial-gradient(circle at 50% 28%,#ffde815c,#0000 31%),linear-gradient(145deg,#725aad,#2d6e68);flex-direction:column;justify-content:center;align-items:center;min-height:590px;padding:44px;display:flex;position:relative;overflow:hidden}.result-hero:before{content:"";opacity:.28;background-image:radial-gradient(circle,#fff5b8 0 2px,#0000 3px);background-size:44px 44px;position:absolute;inset:0;transform:rotate(10deg)scale(1.3)}.result-star{color:#5b4c29;background:linear-gradient(145deg,#fff1b0,#ffc65e);border-radius:34px;place-items:center;width:112px;height:112px;margin-bottom:22px;font-size:54px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 20px 50px #2e204559,0 0 50px #ffdf7e66}.result-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5vw,62px);line-height:1.02;position:relative}.result-hero p{color:#fffff4c2;max-width:380px;margin:15px 0 24px;line-height:1.65;position:relative}.result-time{color:#fff2bc;font-variant-numeric:tabular-nums;font-size:clamp(36px,5vw,60px);font-weight:950;position:relative}.result-time small{color:#ffffff9e;letter-spacing:.12em;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.result-content{color:var(--ink);padding:38px 42px}.result-content h2{letter-spacing:-.03em;margin:0 0 5px;font-size:26px}.result-content__intro{color:#65707a;margin:0 0 22px;font-size:14px;line-height:1.5}.name-form{gap:10px;margin-bottom:28px;display:flex}.name-input{width:100%;min-height:50px;color:var(--ink);background:#fff;border:1px solid #ccd5ce;border-radius:14px;padding:0 15px;font-size:16px}.name-form .primary-button{border-radius:14px;min-width:110px;min-height:50px;font-size:15px}.result-notice{color:#644b2f;background:#fff6dd;border:1px solid #efd9ae;border-radius:14px;margin-bottom:22px;padding:13px 15px;font-size:14px;line-height:1.5}.leaderboard{margin:0;padding:0;list-style:none}.leaderboard__row{border-bottom:1px solid #e4e8df;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:48px;padding:5px 8px;display:grid}.leaderboard__rank{color:#6e6481;background:#eeeaf6;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:950;display:grid}.leaderboard__row:first-child .leaderboard__rank{color:#665122;background:#ffe195}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.leaderboard__time{color:#4b6a63;font-variant-numeric:tabular-nums;font-weight:950}.leaderboard__empty{color:#7d878b;text-align:center;padding:26px 0}.result-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.result-actions .secondary-button{color:#42525e;background:#eef1eb;border-color:#d4dbd4}.loading-screen,.error-screen{text-align:center;place-items:center;min-height:calc(100vh - 100px);display:grid}.loading-card,.error-card{width:min(520px,100vw - 40px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#112336b3;border:1px solid #ffffff2e;border-radius:26px;padding:40px}.loading-spinner{border:4px solid #ffffff1f;border-top-color:var(--mint);border-radius:50%;width:54px;height:54px;margin:0 auto 22px;animation:.85s linear infinite spin}.loading-card h1,.error-card h1{margin:0 0 12px;font-size:28px}.loading-card p,.error-card p{color:#f1f8f1ab;margin:0;line-height:1.65}.error-card .primary-button{margin-top:22px}.privacy-note{color:#ecf5eb7a;margin-top:17px;font-size:12px;line-height:1.5}.avatar-tracking-warning{color:#fff2c9c2;background:#ffd87514;border:1px solid #ffd8753d;border-radius:12px;margin:10px 0 0;padding:9px 12px;font-size:11px;line-height:1.5}@keyframes star-drift{to{background-position:210px -190px,-270px 230px,180px -220px,-240px 200px}}@keyframes button-shine{0%,56%{left:-40%}76%,to{left:130%}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.42)rotate(-8deg)}32%{opacity:1;transform:scale(1.05)}to{opacity:.88;transform:scale(.9)}}@keyframes portal-open{0%{opacity:0;transform:scale(.15)rotate(-35deg)}40%{opacity:1}to{opacity:0;transform:scale(1.25)rotate(18deg)}}@keyframes particle-flight{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.3)}16%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--particle-x,100px)), calc(-50% + var(--particle-y,-100px))) rotate(var(--particle-rotate,240deg)) scale(1.2)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.ready-screen,.game-screen{grid-template-columns:1fr 1fr;gap:24px}.hero-title{font-size:clamp(44px,6.5vw,68px)}.game-screen .pose-card__image-wrap{height:clamp(280px,34svh,360px)}.hold-panel{gap:20px;min-height:132px;padding:16px 18px}.progress-ring{width:96px;height:96px}.camera-panel--game,.camera-panel--countdown,.camera-panel--transition{width:clamp(210px,24vw,270px);height:clamp(142px,16vw,184px);right:24px}.result-panel{grid-template-columns:.82fr 1.18fr}}@media (width<=820px){body{overflow-y:auto}.topbar,.screen{width:min(100% - 28px,680px)}.ready-screen,.game-screen,.result-panel{grid-template-columns:1fr}.ready-screen{padding-bottom:250px}.portal-card{min-height:520px}.camera-panel--ready{width:min(360px,100% - 36px);height:210px;bottom:28px;right:50%;transform:translate(50%)}.camera-panel--game,.camera-panel--countdown,.camera-panel--transition{width:min(42vw,220px);height:min(29vw,152px);margin:0;position:fixed;top:auto;bottom:18px;right:18px}.game-screen{padding-bottom:48px}.game-screen .portal-card{order:-1;height:min(72vh,660px);min-height:500px}.game-screen__left{max-height:none;padding-right:0;overflow:visible}.game-screen .pose-card__image-wrap{height:clamp(300px,68vw,520px)}.hold-panel{gap:18px;min-height:128px;padding:15px 16px}.progress-ring{width:96px;height:96px}.game-hud{padding:12px 18px}.result-hero{min-height:420px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}