:root{--bg: #F1EFE8;--ink: #2C2C2A;--muted: #5F5E5A;--blue: #185FA5;--blue-deep: #0C447C;--orange: #EF9F27;--green: #97C459;--red: #A32D2D}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#app{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px}#app .screen.hidden{display:none}body.tv{background:#0b1220}body.tv #app{padding:0;gap:0}body.tv #home{max-width:1400px;padding:26px 40px;gap:22px}body.tv #homeTop h1{font-size:46px}body.tv #gameGrid{grid-template-columns:repeat(4,1fr);gap:24px}body.tv .card{padding:30px 14px 24px;border-radius:24px}body.tv .card-icon{font-size:72px}body.tv .card-name,body.tv .tiny{font-size:20px}body.tv #homeHint{font-size:22px}body.tv button.ghost{font-size:20px;padding:10px 20px}#tvTools{position:absolute;right:18px;top:18px;z-index:7;display:none}body.tv #tvTools{display:block}.tvbtn{font:inherit;font-size:22px;padding:10px 24px;border-radius:999px;border:2px solid rgba(44,44,42,.25);background:#ffffffe6;color:var(--blue);cursor:pointer}.tvbtn:focus{outline:5px solid var(--orange);outline-offset:2px}body.tv #resultScreen button,body.tv #hudTop button{display:none}body.tv #stage{flex:0 0 auto;width:56.25vh;height:100vh;max-width:none;max-height:none;border-radius:0;box-shadow:none}#pairScreen{gap:16px}#pairQr{width:400px;height:400px;background:#fff;padding:18px;border-radius:20px}.pair-code{font-size:72px;font-weight:700;letter-spacing:12px;color:var(--blue)}body.tv #pairScreen h1{font-size:52px}body.tv #pairScreen .sub{font-size:26px}body.sensor{background:var(--bg);color:var(--ink)}body.sensor #app{padding:0;gap:0}#sensor{position:fixed;right:10px;bottom:10px;z-index:30;width:92px;height:164px;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #2c2c2a47;background:#2c2c2a}#sensorVideo{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}#sensorStat{position:absolute;left:0;right:0;bottom:0;padding:3px 4px;background:#040810b3;color:#e8eefc;font-size:9px;text-align:center;font-variant-numeric:tabular-nums}body.sensor #home{padding-bottom:190px}#home{flex:1 1 auto;min-height:0;width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:14px;overflow-y:auto}#homeTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.topBtns{display:flex;align-items:center;gap:6px}#btnGoPhone,body.sensor #btnGoTv{display:none}body.sensor #btnGoPhone{display:inline-block}#homeTop h1{font-size:24px;font-weight:600;letter-spacing:.1em}#gameGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transition:opacity .2s}#home.loading #gameGrid{opacity:.45}.card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 4px 10px;border-radius:16px;border:1px solid rgba(44,44,42,.08);background:#fff;font:inherit;cursor:pointer;box-shadow:0 2px 10px #2c2c2a0f;transition:transform .12s}.card:active{transform:scale(.94)}.card:disabled{cursor:default}.card-icon{font-size:36px;line-height:1}.card-name{font-size:11px;color:var(--muted)}#stage{position:relative;flex:1 1 auto;min-height:0;aspect-ratio:9 / 16;max-width:100%;max-height:100%;margin:0 auto;border-radius:20px;overflow:hidden;background:#2c2c2a;box-shadow:0 10px 30px #2c2c2a2e}#video,#view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#video{object-fit:cover}#view{pointer-events:none}#video.mirrored{transform:scaleX(-1)}#hudTop{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:10px 12px}#timerWrap{flex:1 1 auto;height:8px;border-radius:999px;background:#ffffff8c;overflow:hidden}#timerBar{height:100%;width:100%;background:var(--green);transform-origin:left center;transform:scaleX(1);transition:transform .2s linear,background .3s}.badge{font-size:11px;padding:3px 8px;border-radius:999px;background:#fffc;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}button.ghost{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid rgba(44,44,42,.15);background:#fffc;color:var(--blue);cursor:pointer}button.primary{font:inherit;font-size:16px;padding:13px 38px;border-radius:999px;border:none;background:var(--blue);color:#fff;cursor:pointer}button.primary:disabled{background:#b4b2a9}.banner{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.6);font-size:76px;font-weight:600;color:var(--blue-deep);text-shadow:0 4px 16px rgba(255,255,255,.8);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner.go{color:var(--green)}#hint{z-index:6;position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#2c2c2acc;color:var(--bg);font-size:13px;padding:7px 16px;border-radius:999px;white-space:nowrap;opacity:0;transition:opacity .2s}#hint.show{opacity:1}#howTo{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:20px;padding:24px 20px 30px;background:linear-gradient(transparent,#0c1424e0 48%);color:#fff}#howTo.hidden{display:none}#howToAct{font-size:84px;line-height:1;flex:0 0 auto}#howToSay{font-size:28px;font-weight:700;line-height:1.35;flex:1 1 auto;min-width:0}body.tv #howTo{position:fixed;padding:20px 48px 36px;gap:30px}body.tv #howToAct{font-size:104px}body.tv #howToSay{font-size:40px;max-width:none}.howto-act{font-size:88px;line-height:1}.howto-say{font-size:19px;color:var(--muted);line-height:1.55;max-width:280px}.overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;background:#f1efe8f0;backdrop-filter:blur(2px)}.overlay.hidden,.sheet.hidden,#debugPanel.hidden{display:none}.overlay.see-through{background:#f1efe8b8}.detect-ring{width:92px;height:92px;border-radius:50%;border:4px dashed rgba(44,44,42,.28);transition:border-color .18s,border-style .18s,transform .18s,box-shadow .18s}.detect-ring.ok{border-color:var(--green);border-style:solid;transform:scale(1.08);box-shadow:0 0 0 10px #97c4592e}.overlay h1{font-size:30px;font-weight:600;letter-spacing:.06em}.overlay .sub{font-size:14px;color:var(--muted)}.overlay .tiny{font-size:11px;color:#888780;max-width:260px;line-height:1.6}.overlay .tiny.warn{color:var(--red)}.overlay .tiny.warn:empty{display:none}.overlay .score{font-size:62px;font-weight:600;color:var(--blue-deep);line-height:1;font-variant-numeric:tabular-nums}.overlay .stars{font-size:26px;color:var(--orange);letter-spacing:.1em}.sheet{position:fixed;left:0;top:0;right:0;bottom:0;z-index:20;overflow-y:auto;background:#f1efe8fa;padding:20px 18px;display:flex;flex-direction:column;gap:10px}.sheet h2{font-size:15px;font-weight:600;margin-bottom:4px}.sheet .row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid rgba(44,44,42,.07)}.sheet select,.sheet input[type=range]{font:inherit;accent-color:var(--blue)}.sheet select{font-size:13px;padding:4px 6px;border-radius:8px;border:1px solid rgba(44,44,42,.15);background:#fff}.sheet .primary{margin-top:6px;align-self:center}.sheet .tiny{font-size:11px;color:#888780;text-align:center}#debugPanel{position:fixed;left:8px;right:8px;bottom:8px;z-index:30;max-height:42%;overflow-y:auto;background:#fffffff7;border-radius:12px;padding:8px 12px;box-shadow:0 6px 20px #2c2c2a2e}#readout{font-size:11px;color:var(--muted);line-height:1.75;font-variant-numeric:tabular-nums}#readout b{color:var(--blue-deep);font-weight:500}#readout .warn{color:var(--orange)}#readout .bad{color:var(--red)}