.arcade-shell{padding-block:44px 80px}
.arcade-back{margin-bottom:18px}
.arcade-intro{display:grid;grid-template-columns:1fr minmax(230px,340px);align-items:center;gap:35px;margin-bottom:28px}
.arcade-intro h1{margin:0 0 12px;font-size:clamp(3.5rem,8vw,6rem);letter-spacing:-.04em}
.arcade-intro p:not(.arcade-kicker){max-width:49ch;color:#c6d1c5;font-size:1.1rem}
.arcade-intro img{width:100%;height:240px;object-fit:cover;object-position:center 41%;border:1px solid #6d826b;box-shadow:12px 12px 0 #29382f}
.arcade-kicker{color:#d2a18c;font-size:.75rem;font-weight:1000;letter-spacing:.16em}
.arcade-message{padding:15px 18px;background:#38302c;border:1px solid #967a6d;color:#f1eee5;margin:18px 0}
.arcade-message[hidden]{display:none}
.arcade-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.arcade-meta div{min-width:155px;padding:10px 17px;background:#28312a;border:1px solid #5b6b5d}
.arcade-meta span{display:block;color:#b1c0af;font-size:.72rem;font-weight:1000;letter-spacing:.1em}
.arcade-meta strong{display:block;font-size:1.1rem;font-variant-numeric:tabular-nums}
.arcade-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:20px;align-items:start}
.vault-panel,.evidence-panel{min-width:0;background:#28312a;border:1px solid #607061;padding:clamp(20px,3vw,34px)}
.vault-panel{background:radial-gradient(circle at 50% 160px,#3b443b,#263029 55%)}
.vault-top{display:flex;justify-content:space-between;gap:12px;color:#c4d0c2;font-size:.72rem;font-weight:1000;letter-spacing:.13em}
#vault-timer{color:#e2ab90;font-variant-numeric:tabular-nums}
.vault-face{display:grid;place-items:center;height:275px}
.vault-rim{display:grid;place-items:center;width:225px;height:225px;border-radius:50%;background:repeating-conic-gradient(#adb9a7 0 8deg,#3b4c3f 8deg 15deg);box-shadow:0 0 0 8px #19211a,0 0 0 10px #869384,0 16px 35px #0b100bcc}
.vault-core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:170px;height:170px;border:12px solid #263129;border-radius:50%;background:radial-gradient(circle,#18211b,#0e1611);box-shadow:inset 0 0 0 2px #789077,inset 0 0 22px #030604}
#vault-code{display:flex;gap:.22em;font-size:2.1rem;font-weight:1000;font-variant-numeric:tabular-nums;color:#e9b89d}
#vault-code .known{color:#c3dfb5}
#vault-code .unknown{color:#e9b89d}
.vault-core small{color:#a4b9a6;font-size:.7rem;letter-spacing:.12em;font-weight:1000}
.vault-panel h2,.evidence-panel h2{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.6rem)}
.vault-panel>p,.evidence-panel>p{color:#c5d0c4;max-width:62ch}
#guess-form{margin:25px 0 12px}
#guess-form label{display:block;margin-bottom:7px;font-weight:1000}
.guess-entry{display:flex;gap:10px;flex-wrap:wrap}
.guess-entry input{width:145px;min-width:0;padding:11px 14px;background:#edece4;border:1px solid #a7baa7;border-radius:4px;color:#1c291e;font-size:1.4rem;font-weight:1000;letter-spacing:.2em;text-align:center}
.guess-entry .button{flex:1;min-width:135px}
#guess-hint{display:block;margin-top:8px;color:#b7c7b6}
#start-button{margin-top:12px}
.evidence-heading,.guess-history li{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center;text-align:center}
.evidence-heading{margin-top:25px;padding:10px 6px;color:#b9c8b8;font-size:.75rem;font-weight:1000;letter-spacing:.04em}
.guess-history{padding:0;margin:0 0 25px;list-style:none;min-height:140px}
.guess-history li{padding:12px 6px;border-top:1px solid #526453;font-variant-numeric:tabular-nums}
.guess-history li span:first-child{color:#f1eee5;font-size:1.2rem;font-weight:1000;letter-spacing:.1em}
.guess-history li span:nth-child(2){color:#b9d9ad}.guess-history li span:nth-child(3){color:#e1ae92}
.evidence-note{border-top:1px solid #526453;padding-top:17px;font-size:.85rem;line-height:1.55}
.arcade-result-dialog{width:min(92vw,710px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #7c967a;background:#29312b;color:#f1eee5;box-shadow:0 20px 36px #050805b3;overflow:auto}
.arcade-result-dialog::backdrop{background:#080d0bd9}
.arcade-result-layout{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr)}
.arcade-result-visual{display:grid;place-items:center;min-height:300px;padding:20px;background:radial-gradient(circle,#52664a,#1c2920 69%)}
.arcade-result-visual img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 12px 18px #080d09a6)}
.arcade-result-copy{padding:clamp(24px,4vw,44px);align-self:center}
.arcade-result-copy h2{margin:0 0 15px;font-size:clamp(2.2rem,4vw,3.3rem);letter-spacing:-.035em}
.arcade-result-amount{color:#c5dfa8;font-size:2.5rem;font-weight:1000;font-variant-numeric:tabular-nums;line-height:1;margin:0 0 18px}
.arcade-result-copy>p:not(.arcade-result-amount){color:#d4dfd0;line-height:1.55}
.arcade-result-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.arcade-result-actions .text-link{width:100%;margin-top:8px}
.arcade-result-dialog.loss{border-color:#997c6d}
.arcade-result-dialog.loss .arcade-result-visual{padding:0;background:#1b241e}
.arcade-result-dialog.loss .arcade-result-visual img{width:100%;height:100%;min-height:300px;object-fit:cover;filter:saturate(.68) brightness(.6)}
.arcade-result-dialog.loss .arcade-result-amount{color:#e4ae91}
@media(max-width:800px){.arcade-grid{grid-template-columns:1fr}.arcade-intro{grid-template-columns:1fr minmax(140px,210px)}.arcade-intro img{height:190px}}
@media(max-width:560px){.arcade-intro{display:block}.arcade-intro img{width:100%;height:140px;margin-top:10px;object-position:center 36%}.arcade-meta div{flex:1;min-width:0}.arcade-meta strong{font-size:.88rem}.vault-face{height:235px}.vault-rim{width:185px;height:185px}.vault-core{width:140px;height:140px}#vault-code{font-size:1.6rem}.evidence-heading{font-size:.69rem}.arcade-result-layout{grid-template-columns:1fr}.arcade-result-visual{min-height:125px}.arcade-result-visual img{width:96px;height:96px}.arcade-result-dialog.loss .arcade-result-visual img{min-height:125px;max-height:140px}.arcade-result-actions .button{flex:1}}