:root{--bg: #0b0d1a;--panel: rgba(14, 18, 38, .92);--gold: #ffcf5a;--gold-dark: #b8862b;--text: #eef1ff;--muted: #9aa3c7;--danger: #ff7a7a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Trebuchet MS,system-ui,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#ar{position:fixed;inset:0;overflow:hidden}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;overflow-y:auto;background:radial-gradient(circle at 50% 30%,#1c2250 0%,var(--bg) 70%)}#menu{background:#050710b3}[hidden]{display:none!important}.panel{width:min(420px,100%);background:var(--panel);border:2px solid var(--gold-dark);border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 0 40px #ffcf5a26}h1{margin:0 0 8px;font-size:34px;letter-spacing:3px;color:var(--gold);text-shadow:0 0 18px rgba(255,207,90,.5)}h1 span{color:#6fc8ff}h2{margin:0 0 12px;color:var(--gold)}.sub{color:var(--muted);margin:0 0 20px}#status{min-height:2.6em}.decks{display:grid;gap:12px;margin-bottom:12px;text-align:left}.player label{display:block;font-weight:700;color:var(--gold);margin-bottom:4px}.player .row{display:flex;gap:8px}.player select{flex:1;min-width:0;font:inherit;padding:10px;border-radius:10px;background:#1a1f40;color:var(--text);border:1px solid var(--gold-dark)}button.small{width:auto;margin:0;padding:10px 12px;font-size:14px;white-space:nowrap}.deck-info{margin:4px 0 0;font-size:13px;color:var(--muted);min-height:1.2em}.deck-info.warn{color:var(--danger)}#progress{height:8px;border-radius:4px;background:#22284a;overflow:hidden;margin:0 0 16px}#progress>div{height:100%;width:0;background:linear-gradient(90deg,#6fc8ff,var(--gold));transition:width .2s}button{font:inherit;font-weight:700;font-size:18px;color:#1a1204;background:linear-gradient(#ffe08a,var(--gold) 50%,var(--gold-dark));border:none;border-radius:10px;padding:14px 24px;width:100%;margin-top:8px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.secondary{background:#2a3160;color:var(--text)}.links{margin:16px 0 0;font-size:14px}a{color:#6fc8ff}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}#hud .bar{display:flex;justify-content:flex-end;gap:8px;padding:max(12px,env(safe-area-inset-top)) 16px 0}#hud .bar button{pointer-events:auto;width:48px;height:48px;padding:0;margin:0;font-size:22px;border-radius:50%;background:#0e1226b3;border:1px solid var(--gold-dark)}#hint{position:absolute;left:16px;right:16px;bottom:max(24px,env(safe-area-inset-bottom));text-align:center;padding:12px;border-radius:12px;background:#0e1226b3;transition:opacity .4s}#hint.hide{opacity:0}#card-list{list-style:none;padding:0;margin:0 0 12px;max-height:50vh;overflow-y:auto;text-align:left}#card-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 4px;border-bottom:1px solid #262c52}#card-list li span{color:var(--muted);font-size:14px;white-space:nowrap}#card-list li.missing span{color:var(--danger)}.preview-ui{position:fixed;left:16px;right:16px;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preview-ui select,.preview-ui button{width:auto;margin:0;font-size:16px;padding:10px 14px;border-radius:10px}.preview-ui select{background:#1a1f40;color:var(--text);border:1px solid var(--gold-dark);max-width:100%}.preview-ui a{align-self:center}