.extraction-page{color:#f3f5ef;background:radial-gradient(circle at 70% 0,#243129 0,#0000 28%),#080b0d;min-height:100vh;padding:0 28px 24px;font-family:Arial,Microsoft YaHei,sans-serif;overflow:hidden}.extraction-nav{border-bottom:1px solid #263034;justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;display:flex}.extraction-brand{color:#879294;letter-spacing:2px;align-items:center;gap:13px;font:10px monospace;display:flex}.extraction-brand span{color:#0b1005;background:#c7ff2f;padding:10px;font:900 14px Arial}.extraction-back{color:#aeb7b7;border:1px solid #394448;padding:11px 15px;font:12px monospace}.extraction-back:hover{color:#c7ff2f;border-color:#c7ff2f}.extraction-intro{justify-content:space-between;align-items:end;max-width:1180px;margin:0 auto;padding:62px 0 30px;display:flex}.extraction-kicker{letter-spacing:2px;color:#c7ff2f;align-items:center;gap:9px;font:700 11px monospace;display:flex}.extraction-kicker i{background:#c7ff2f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #c7ff2f}.extraction-intro h1{letter-spacing:-4px;margin:14px 0 12px;font-size:clamp(46px,6vw,78px);line-height:1}.extraction-intro>div>p:last-child{color:#919c9d;margin:0;line-height:1.7}.extraction-brief{border-left:1px solid #344044;grid-template-columns:auto auto;gap:8px 24px;padding-left:28px;font:11px monospace;display:grid}.extraction-brief span{color:#667174}.extraction-brief b{color:#dfe5df}.extraction-shell{clip-path:polygon(0 0,97% 0,100% 5%,100% 100%,3% 100%,0 95%);background:#0d1214;border:1px solid #3a4649;max-width:1180px;margin:0 auto;box-shadow:16px 18px #050708}.extraction-hud{background:#111719;border-bottom:1px solid #344044;grid-template-columns:repeat(4,1fr) auto;align-items:center;min-height:80px;padding:12px 18px;display:grid;position:relative}.extraction-hud>div{border-right:1px solid #2d373a;gap:5px;padding:0 18px;display:grid}.extraction-hud small{letter-spacing:1px;color:#718083;font:9px monospace}.extraction-hud strong{color:#eef3ed;font:700 24px monospace}.extraction-hud strong.danger{color:#ff5b3d}.extraction-hud strong i{color:#7d898b;margin-left:4px;font:10px monospace}.mute-button{color:#cbd2ce;cursor:pointer;background:#182023;border:1px solid #465256;margin-left:16px;padding:11px 13px;font:10px monospace}.mute-button:hover{color:#c7ff2f;border-color:#c7ff2f}.game-stage{aspect-ratio:16/9;background-image:linear-gradient(#07100ad9,#080b0de6),url(/arena-breakout.jpg);background-position:50%;background-size:cover;position:relative;overflow:hidden}.game-stage:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 80px #000}.game-stage canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.objective-chip{z-index:3;letter-spacing:.5px;color:#cdd5d1;pointer-events:none;background:#0a0e10d9;border-left:3px solid #c7ff2f;padding:9px 13px;font:10px monospace;position:absolute;top:15px;left:16px}.game-overlay{z-index:4;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#14201bd9 0,#080b0df2 65%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.game-overlay p{color:#c7ff2f;letter-spacing:3px;margin:0;font:700 10px monospace}.game-overlay h2{letter-spacing:-2px;margin:13px 0 10px;font-size:clamp(32px,5vw,62px)}.game-overlay span{color:#94a09f;max-width:560px;font-size:13px;line-height:1.7}.game-overlay button{color:#0b1005;cursor:pointer;background:#c7ff2f;border:0;margin-top:27px;padding:15px 22px;font-weight:800;box-shadow:5px 5px #536a17}.game-overlay button b{margin-left:35px}.game-overlay button:hover{transform:translateY(-2px)}.game-controls{background:#111719;border-top:1px solid #344044;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:105px;padding:14px 18px;display:grid}.control-copy{gap:5px;display:grid}.control-copy b{color:#c7ff2f;letter-spacing:1px;font:10px monospace}.control-copy span{color:#7c898a;font-size:11px}.touch-controls{align-items:center;gap:20px;display:none}.dpad{grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,44px);gap:4px;width:138px;height:92px;display:grid}.dpad button,.dash-button{color:#e8ede8;touch-action:none;-webkit-user-select:none;user-select:none;background:#1b2427;border:1px solid #536064}.dpad button:active,.dash-button:active{color:#0b1005;background:#c7ff2f}.dpad .up{grid-column:2}.dpad .left{grid-area:2/1}.dpad .down{grid-area:2/2}.dpad .right{grid-area:2/3}.dash-button{border-radius:50%;width:72px;height:72px;font-weight:800}.dash-button small{color:#849092;margin-top:3px;font:8px monospace;display:block}.best-score{text-align:right;justify-self:end;gap:4px;display:grid}.best-score span{letter-spacing:1px;color:#687577;font:9px monospace}.best-score b{color:#c7ff2f;font:700 22px monospace}.extraction-footer{color:#5f6a6c;letter-spacing:1px;justify-content:space-between;max-width:1180px;margin:28px auto 0;font:10px monospace;display:flex}@media (max-width:800px){.extraction-page{padding:0 16px 20px}.extraction-nav{height:64px}.extraction-brand b{display:none}.extraction-intro{padding:42px 0 24px;display:block}.extraction-brief{border-top:1px solid #303a3d;border-left:0;max-width:320px;margin-top:24px;padding:16px 0 0}.extraction-intro h1{letter-spacing:-2px}.extraction-shell{box-shadow:8px 9px #050708}.extraction-hud{grid-template-columns:repeat(4,1fr);padding:8px}.extraction-hud>div{padding:3px 7px}.extraction-hud strong{font-size:17px}.mute-button{z-index:7;margin:0;position:absolute;top:calc(100% + 10px);right:10px}.game-controls{grid-template-columns:1fr auto}.control-copy{display:none}.touch-controls{display:flex}.best-score{grid-column:2}.game-overlay span{max-width:430px}.extraction-footer span:last-child{display:none}}@media (max-width:520px){.extraction-page{padding:0 10px 18px}.extraction-back{padding:9px;font-size:10px}.extraction-intro{padding:20px 0 14px}.extraction-intro h1{margin:11px 0 7px;font-size:38px}.extraction-intro>div>p:last-child{font-size:11px;line-height:1.45}.extraction-brief{display:none}.extraction-shell{clip-path:none}.extraction-hud{min-height:58px}.extraction-hud small{font-size:7px}.extraction-hud strong{font-size:14px}.extraction-hud>div{padding:2px 5px}.objective-chip{font-size:8px;top:8px;left:8px}.game-controls{padding:10px;display:block}.touch-controls{justify-content:center;gap:18px}.best-score{display:none}.mute-button{padding:8px 9px;top:calc(100% + 7px);right:8px}.game-overlay{padding:12px}.game-overlay h2{margin:9px 0 6px;font-size:30px}.game-overlay span{font-size:10px;line-height:1.5}.game-overlay button{margin-top:16px;padding:12px 18px}.extraction-footer{margin-top:18px;padding:0 4px}}@media (max-width:520px) and (max-height:720px){.extraction-nav{height:52px}.extraction-intro{padding:12px 0 10px}.extraction-intro h1{margin:7px 0 4px;font-size:31px}.extraction-kicker{font-size:9px}.extraction-intro>div>p:last-child{display:none}.extraction-hud{min-height:52px}.game-controls{padding:6px}.dpad{grid-template-rows:repeat(2,37px);height:82px}.dash-button{width:66px;height:66px}.extraction-footer{display:none}}@media (pointer:coarse){.touch-controls{display:flex}.control-copy{display:none}}@media (prefers-reduced-motion:reduce){.game-overlay button:hover{transform:none}}