:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;background:#0b0d30}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100dvh;margin:0}body{overflow:hidden;background:#0b0d30}button{font:inherit}.app-shell,.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;overflow:hidden}.game-shell{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{display:block;width:100%;height:100%;max-width:100vw;max-height:100dvh;background:#15175a}.camera-dock{position:absolute;left:max(.75rem,env(safe-area-inset-left));top:max(4.7rem,env(safe-area-inset-top));width:clamp(150px,18vw,245px);aspect-ratio:16 / 10;overflow:hidden;border:3px solid #ffcf2f;border-radius:4px;background:#070b22;box-shadow:0 12px 30px #00000073,0 0 22px #ffcf2f47}.camera-video,.camera-placeholder,.skeleton-canvas{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-video{opacity:0}.skeleton-canvas{position:absolute;top:0;right:0;bottom:0;left:0;transform:none;background:#020714}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;transform:none;padding:1rem;display:grid;align-content:center;gap:.45rem;background:linear-gradient(180deg,#1a2a6d,#071226)}.camera-badge{position:absolute;left:.5rem;top:.5rem;padding:.25rem .55rem;border-radius:4px;background:#0000008c;font-size:.78rem;font-weight:800}.runtime-status{position:absolute;left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;gap:.5rem;flex-wrap:wrap}.runtime-status span,.play-tips span,.pill-row span{padding:.48rem .72rem;border-radius:999px;background:#070c27b8;border:1px solid rgba(255,207,47,.38);color:#fff;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-board{position:absolute;top:max(.7rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(1040px,calc(100vw - 1.5rem));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;pointer-events:none}.score-board div{min-height:62px;padding:.6rem .85rem;border-radius:8px;background:linear-gradient(180deg,#2b3a9dc7,#080d2fc7),#00000059;border:1px solid rgba(109,218,255,.35);box-shadow:0 8px 24px #00000052;text-align:center}.score-board span{display:block;color:#ffffffb8;font-size:.82rem;font-weight:800}.score-board strong{display:block;margin-top:.2rem;color:#ffcf2f;font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.1}.play-tips{position:absolute;left:50%;bottom:max(.8rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;pointer-events:none}.poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:1rem;padding:2rem;text-align:center;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(255,207,47,.18),transparent 24%),linear-gradient(180deg,#04061e1f,#04061e7a)}.poster-kicker{padding:.48rem .9rem;border-radius:999px;background:linear-gradient(90deg,#ffcf2f,#00d18f,#30b8ff);color:#071226;font-weight:950}.poster-overlay h1,.poster-overlay h2{max-width:12ch;margin:0;font-size:clamp(3.4rem,6vw,6.8rem);line-height:.96;text-shadow:0 5px 0 rgba(0,0,0,.28),0 18px 42px rgba(48,184,255,.35)}.poster-overlay p{margin:0;max-width:42rem;color:#ffffffe6;font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:800}.primary-button{pointer-events:auto;min-width:230px;min-height:66px;padding:.95rem 1.6rem;border:0;border-radius:10px;color:#071226;background:linear-gradient(180deg,#fff59c,#ffcf2f);box-shadow:0 16px 38px #ffcf2f57,inset 0 1px #fffc;cursor:pointer;font-size:1.22rem;font-weight:950}.pill-row{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center}.result-overlay{background:radial-gradient(circle at 50% 35%,rgba(255,207,47,.24),transparent 28%),linear-gradient(180deg,#04061e3d,#04061eb8)}.final-score{color:#ffcf2f;font-size:clamp(4.5rem,9vw,8rem);font-weight:1000;line-height:.9}@media (max-width: 920px){.score-board{grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,calc(100vw - 1rem));left:.5rem;right:auto;transform:none;gap:.45rem}.score-board div{min-height:52px;padding:.45rem .6rem}.camera-dock{width:clamp(140px,30vw,210px);top:auto;bottom:5rem}.runtime-status{display:none}}@media (orientation: portrait){.score-board{grid-template-columns:repeat(2,minmax(0,1fr));top:max(.5rem,env(safe-area-inset-top));left:.5rem;width:calc(100vw - 1rem);transform:none}.score-board div:nth-child(4),.score-board div:nth-child(5){display:none}.camera-dock{left:auto;right:max(.6rem,env(safe-area-inset-right));top:auto;bottom:max(5.8rem,calc(env(safe-area-inset-bottom) + 5.8rem));width:clamp(120px,34vw,190px)}.play-tips{width:calc(100vw - 1rem);gap:.35rem}.play-tips span{padding:.38rem .56rem;font-size:.78rem}.poster-overlay{justify-items:stretch;text-align:left;align-content:end;padding:1.1rem 1rem max(2rem,env(safe-area-inset-bottom))}.poster-overlay h1,.poster-overlay h2{max-width:8ch;font-size:clamp(2.7rem,13vw,5.4rem)}.poster-overlay p{max-width:28rem;font-size:1rem}.primary-button{width:min(100%,320px)}}@media (min-aspect-ratio: 21 / 9){.score-board{width:min(1180px,72vw)}.camera-dock{width:clamp(160px,14vw,260px)}}