:root{color-scheme:dark;--gold:#ffd183;--muted:#a9b6cd}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 4%,#263c7c 0,#111936 38%,#070d20 85%);color:#f8f8ff;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.header{max-width:1150px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;gap:15px}.header a{color:#e9f4ff;text-decoration:none}.brand{font-weight:800;font-size:22px}.brand span{color:var(--gold)}main{max-width:1150px;margin:auto;padding:22px 20px 70px}.intro p{color:var(--gold);font-size:12px;letter-spacing:.2em;font-weight:800}.intro h1{font-size:clamp(42px,6vw,76px);line-height:1;margin:8px 0;letter-spacing:-.045em}.intro .sub{color:var(--muted);max-width:680px}.game{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:24px;align-items:start}.stage,.panel{border:1px solid #5870a354;background:#111b37b8;border-radius:25px;box-shadow:0 24px 60px #0005;padding:28px}.stage{text-align:center;overflow:hidden}.stats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.stats span{border:1px solid #627ab752;background:#18294d;border-radius:12px;color:var(--muted);padding:8px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stats b{display:block;color:#fff;font-size:21px;letter-spacing:0}.scene{height:265px;display:grid;place-items:center;perspective:850px;position:relative}.scene:before{content:"";position:absolute;width:315px;height:70px;background:#0009;filter:blur(18px);border-radius:50%;bottom:20px}.vault{width:264px;height:166px;position:relative;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(-21deg);transition:transform .8s}.vault.unlocked{transform:rotateX(-14deg) rotateY(21deg) translateY(-12px)}.face{position:absolute;inset:0;border-radius:18px;border:4px solid #a8b6d6;background:linear-gradient(135deg,#607da9,#233759 62%,#14294a);box-shadow:inset 0 3px 15px #ffffff48,0 20px 30px #0008}.face:before{content:"";position:absolute;inset:17px;border:3px solid #728eae;border-radius:10px;box-shadow:inset 0 0 18px #101a33}.face:after{content:"✦";position:absolute;inset:39px 91px;display:grid;place-items:center;border:8px ridge #ecc778;border-radius:50%;background:radial-gradient(circle,#fbe8a5,#ad792f);color:#765322;font-size:35px;box-shadow:0 0 20px #f4cd7688}.vault.unlocked .face:after{background:#a1f7c7;color:#197758;box-shadow:0 0 40px #63f4a7}.vault .top{position:absolute;top:-23px;left:13px;width:264px;height:47px;transform:skewX(-45deg);background:#7189ae;border:3px solid #aebfe0;border-radius:12px}.vault .side{position:absolute;right:-40px;top:9px;width:46px;height:166px;transform:skewY(-45deg);background:#233e68;border:3px solid #8ca4c9;border-radius:10px}.digits{display:flex;justify-content:center;gap:14px;perspective:600px;margin:0 0 22px}.digit{display:grid;place-items:center;width:72px;height:80px;border-radius:16px;border:2px solid #80a6c8;color:#d9e8fb;font-size:39px;font-weight:800;background:linear-gradient(150deg,#345783,#122444);box-shadow:9px 12px 0 #0b152e,11px 14px 22px #0009,inset 0 3px 6px #ffffff4b;transform:rotateX(9deg) rotateY(-6deg);transition:transform .2s,background .2s}.digit.filled{color:var(--gold);transform:rotateX(0) rotateY(0) translateY(-3px)}.digit.open{background:linear-gradient(145deg,#258964,#113f4d);color:#d9ffe7}.keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:430px;margin:0 auto 18px}button{cursor:pointer;font:inherit;color:#f6f9ff;border:1px solid #607eab;border-radius:12px;background:linear-gradient(#304971,#172d50);box-shadow:0 6px 0 #0b1732;padding:10px;min-height:48px;font-weight:700}button:hover:not(:disabled){filter:brightness(1.23);transform:translateY(-2px)}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.primary{background:linear-gradient(#eec779,#b07a33);border-color:#ffe5ab;color:#1f2236}.message{min-height:28px;color:var(--gold);font-weight:700}.panel h2{margin:0 0 12px}.panel p{color:var(--muted)}.legend{display:grid;gap:8px;padding:14px;border-radius:12px;background:#1b2d51;color:#d5e1f3;font-size:14px}.legend b{color:var(--gold)}.panel h3{margin:26px 0 10px}.history{padding:0;margin:0;list-style:none;display:grid;gap:8px;max-height:450px;overflow:auto}.history li{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #5d72984e;border-radius:12px;background:#182746;padding:11px}.history strong{font-size:19px;white-space:nowrap;color:#ffe3a4}.history span{font-size:12px;color:#c0d2e6;text-align:right}@media(max-width:760px){.game{grid-template-columns:1fr}.stage,.panel{padding:20px}.scene{height:230px}.vault{transform:scale(.83) rotateX(-14deg) rotateY(-21deg)}.vault.unlocked{transform:scale(.83) rotateX(-14deg) rotateY(21deg)}.digit{width:62px;height:69px;font-size:33px}.keypad{gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}