:root{color:#f7f5ff;font-synthesis:none;background:#0d0b17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#272044 0,#0d0b17 45%);min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;color:#fff;background:#302a45;border:0;border-radius:12px;padding:.75rem 1rem}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,#8c63ff,#ff5d8f);font-weight:800}.app-shell{width:min(1180px,100% - 28px);margin:0 auto;padding:28px 0 48px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.eyebrow,.label{text-transform:uppercase;letter-spacing:.14em;color:#aaa0c5;font-size:.72rem;font-weight:800}.privacy-pill{color:#c8f7dc;background:#171329;border:1px solid #35304b;border-radius:999px;padding:.7rem 1rem;font-size:.9rem}.game-grid{grid-template-columns:.92fr 1.3fr;gap:18px;display:grid}.lower-grid{grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:18px;display:grid}.card{background:#171329eb;border:1px solid #36304d;border-radius:20px;padding:20px;box-shadow:0 18px 50px #00000038}.arena-header,.health-row,.mission-main,.debug-title,.camera-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.round-box{background:#2a2440;border-radius:12px;padding:.65rem .85rem;font-weight:800}.monster-stage{text-align:center;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.monster{transform-origin:bottom;filter:drop-shadow(0 20px 22px #0006);font-size:8rem}.monster.hit{animation:.28s hit}.monster.defeated{animation:.8s forwards defeated}@keyframes hit{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-12px)rotate(-5deg)}60%{transform:translate(12px)rotate(5deg)}}@keyframes defeated{to{opacity:0;transform:translateY(120px)rotate(18deg)scale(.5)}}.damage-burst{color:#ffd166;opacity:0;font-size:2rem;font-weight:900;position:absolute}.damage-burst.show{animation:.6s burst}@keyframes burst{0%{opacity:0;transform:translateY(10px)scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-70px)scale(1.25)}}.health-row{color:#c9c3da;margin-bottom:8px;font-size:.9rem}.health-track{background:#322a3e;border-radius:999px;height:14px;overflow:hidden}.health-fill{background:linear-gradient(90deg,#f94144,#f3722c);width:100%;height:100%;transition:width .35s}.mission-panel{background:#100d1d;border:1px solid #302945;border-radius:16px;margin-top:22px;padding:16px}.mission-main h3{margin-bottom:4px;font-size:1.65rem}.mission-main p{color:#aaa0c5;margin-bottom:0}.rep-orb{text-align:center;background:linear-gradient(135deg,#7349ff,#ff5d8f);border-radius:50%;flex:0 0 82px;place-content:center;width:82px;height:82px;display:grid;box-shadow:0 8px 30px #8c63ff4d}.rep-orb span{font-size:1.8rem;font-weight:900;line-height:1}.rep-orb small{color:#f3eaff}.phase-line{color:#b5accb;margin-top:12px;font-size:.9rem}.camera-wrap{aspect-ratio:4/3;background:#05040a;border-radius:15px;width:100%;position:relative;overflow:hidden}video,canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-wrap.mirrored video,.camera-wrap.mirrored canvas{transform:scaleX(-1)}.camera-message{text-align:center;color:#ddd6ef;background:#05040ac7;place-content:center;padding:20px;display:grid;position:absolute;inset:0}.camera-message.hidden{display:none}.camera-controls{flex-wrap:wrap;margin-top:14px}.toggle{color:#c7bfd8;font-size:.9rem}.quality-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.quality-grid div{background:#100d1d;border-radius:12px;padding:10px}.quality-grid span{color:#8f86a7;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;display:block}.quality-grid strong{margin-top:4px;font-size:.92rem;display:block}.instructions ol{color:#c9c3da;padding-left:1.2rem;line-height:1.65}.safety{color:#f3e9c8;background:#2b2430;border-left:4px solid #ffd166;border-radius:8px;margin-bottom:0;padding:12px}.debug-card pre{white-space:pre-wrap;color:#b8f4d2;background:#080611;border-radius:12px;min-height:140px;padding:14px;overflow:auto}@media (width<=850px){.game-grid,.lower-grid{grid-template-columns:1fr}.arena{order:2}.camera{order:1}}@media (width<=520px){.topbar{flex-direction:column;align-items:flex-start}.privacy-pill{font-size:.78rem}.card{padding:15px}.monster{font-size:6.2rem}}