.trap-hero{padding:44px 0 30px;background:radial-gradient(ellipse at 85% 15%,#16335988,transparent 60%)}
.trap-hero h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1;margin:10px 0 18px;letter-spacing:-.055em}.trap-hero h1 span{color:#ff6471}.trap-hero .lead{max-width:660px;font-size:1.08rem}.trap-topline{display:flex;justify-content:space-between;gap:15px;align-items:center}.trap-back{font-size:.86rem;color:#b9c7d5}.trap-back:hover{color:white}.trap-game-section{padding:0 0 46px}
.trap-shell{background:#101822;border:1px solid #334053;border-radius:18px;overflow:hidden;box-shadow:0 22px 65px #0006}.trap-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 24px;background:linear-gradient(100deg,#1b2534,#111923)}.trap-scoreboard{display:flex;gap:26px;align-items:center}.trap-scoreboard span{display:block;color:#9db0c4;font-size:.64rem;font-weight:750;letter-spacing:.09em}.trap-scoreboard strong{font-variant-numeric:tabular-nums;font-size:1.32rem;line-height:1.3}.trap-scoreboard #trap-lives{color:#ff7781;letter-spacing:.08em}.trap-tools{display:flex;gap:8px}.trap-tools button,.trap-direction-buttons button{border:1px solid #425269;border-radius:8px;background:#182231;color:#edf4fa;padding:9px 13px;font-weight:700;cursor:pointer}.trap-tools button:disabled{opacity:.4;cursor:default}
.trap-stage{position:relative;background:#0b1019;aspect-ratio:8/5;max-height:76vh;display:flex;justify-content:center;align-items:center}.trap-stage:fullscreen{max-height:none;width:100vw;height:100vh;aspect-ratio:auto}.trap-stage canvas{display:block;width:100%;height:100%;object-fit:contain;max-width:calc(100vh * 1.6);max-height:100%;touch-action:none;cursor:crosshair;outline-offset:-4px}.trap-stage canvas:focus-visible{outline:3px solid #ffc96f}.trap-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#09111bd9;backdrop-filter:blur(3px);text-align:center}.trap-overlay[hidden]{display:none}.trap-overlay>div{max-width:470px}.trap-overlay-tag{color:#ff7f89;font-weight:800;letter-spacing:.17em;font-size:.72rem}.trap-overlay h2{font-size:clamp(1.75rem,4vw,3rem);letter-spacing:-.045em;margin:12px 0}.trap-overlay p{color:#c2cfdf;margin:0 0 24px}.trap-overlay button{min-width:165px}
.trap-bottom{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 24px;border-top:1px solid #26364b}.trap-progress-head{display:flex;justify-content:space-between;font-size:.82rem;font-weight:750;color:#b8c9d9;margin-bottom:8px}.trap-progress-head b{color:#f5cf88;font-variant-numeric:tabular-nums}.trap-progress progress{appearance:none;display:block;width:100%;height:9px;border:0;border-radius:20px;background:#263549;overflow:hidden}.trap-progress progress::-webkit-progress-bar{background:#263549;border-radius:20px}.trap-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#266bbb,#62c0ff);border-radius:20px}.trap-progress progress::-moz-progress-bar{background:#62c0ff}
.trap-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.trap-direction-buttons{display:flex;gap:6px}.trap-direction-buttons button.is-active{background:#214c7a;border-color:#67b8ff}.trap-controls .btn{padding:10px 17px}.trap-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px 18px;color:#a6b8c9;font-size:.85rem}.trap-status-row p{margin:0}.trap-status-row>span{white-space:nowrap;font-size:.68rem;font-weight:800;color:#f5cf88;letter-spacing:.08em}
.trap-help{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.trap-help article{border:1px solid #253245;border-radius:12px;padding:18px 20px;background:#111822}.trap-help h3{font-size:.92rem;margin:0 0 9px;color:#e8eff6}.trap-help p{font-size:.85rem;line-height:1.6;color:#abbace;margin:0}.trap-record-note{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;color:#9aaec0;font-size:.8rem}.trap-record-note button{border:0;color:#bdcfe0;background:none;text-decoration:underline;font:inherit;cursor:pointer}
@media(max-width:700px){.trap-toolbar{padding:14px;gap:12px}.trap-scoreboard{gap:16px;justify-content:space-between;width:100%}.trap-scoreboard strong{font-size:1.08rem}.trap-scoreboard span{font-size:.57rem}.trap-tools{width:100%;flex-wrap:wrap}.trap-tools button{padding:8px 12px;font-size:.76rem}.trap-bottom{grid-template-columns:1fr;padding:14px;gap:15px}.trap-controls{justify-content:space-between}.trap-direction-buttons button{font-size:.82rem;padding:11px 12px}.trap-controls .btn{padding:11px 14px;font-size:.82rem}.trap-status-row{padding:0 14px 16px;align-items:start}.trap-status-row>span{display:none}.trap-help{grid-template-columns:1fr;gap:10px}.trap-help article{padding:14px 16px}.trap-hero{padding-top:28px}.trap-overlay h2{font-size:1.75rem;margin:6px 0}.trap-overlay p{font-size:.8rem;line-height:1.45;margin-bottom:14px}.trap-overlay .btn{padding:9px 16px}.trap-overlay-tag{font-size:.62rem}.trap-record-note{align-items:start}}
@media(prefers-reduced-motion:reduce){.trap-shell *{scroll-behavior:auto}}