:root{color-scheme:dark;--bg:#0b0d16;--panel:#131826;--line:#34374c;--text:#edf0fc;--muted:#b0b6cf;--cyan:#6ce8eb;--pink:#f293d1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#29203b,transparent 60%),var(--bg);color:var(--text);font:16px/1.65 system-ui,Segoe UI,sans-serif}.shell{max-width:1180px;margin:auto;padding:24px}a{color:var(--cyan)}header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;font:11px/1.5 monospace;letter-spacing:1.5px}header a{text-decoration:none}.mast{display:flex;align-items:center;justify-content:space-between;padding:34px 0 26px}.eyebrow,.label{font:11px/1.6 monospace;letter-spacing:2px;color:var(--cyan)}h1{font:900 clamp(54px,10vw,100px)/1 system-ui;letter-spacing:-5px;margin:8px 0 15px;text-shadow:3px 1px #913b83}h1 span{color:var(--cyan)}h2{font-size:26px;line-height:1.2;margin:12px 0 20px}h3{margin:8px 0}p{margin:10px 0}.mast p:not(.eyebrow){color:var(--muted)}.chip{border:1px solid #77527b;padding:22px;transform:rotate(-3deg);font:14px/1.9 monospace;letter-spacing:2px;color:var(--pink)}nav,.actions{display:flex;gap:10px;flex-wrap:wrap}button,.button{font:600 14px/1.4 system-ui;min-height:44px;padding:10px 16px;border-radius:5px;border:1px solid #505671;background:#20263a;color:var(--text);cursor:pointer}button:hover{border-color:var(--cyan);background:#2b3450}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.primary{background:var(--cyan);color:#081718;border-color:var(--cyan)}.primary:hover{background:#a2ffff}.danger{color:#ffb7c4;border-color:#a14b65}button:disabled{opacity:.5;cursor:wait}.small{font-size:12px;color:var(--muted)}#saveStatus{margin-bottom:22px}.panel{background:linear-gradient(125deg,#181d2e,#101622);border:1px solid var(--line);border-radius:10px;padding:28px;margin-bottom:18px}.start{display:grid;grid-template-columns:1fr 1fr;gap:40px}.introcopy{font-size:19px}.introcopy p{color:var(--muted)}.introcopy strong{color:var(--text)}label{display:block;margin:12px 0 6px}input,select,textarea{width:100%;font:inherit;background:#090e18;border:1px solid #4f5672;border-radius:5px;color:var(--text);padding:13px}input[type=checkbox]{width:auto;margin-right:10px}textarea{min-height:160px;resize:vertical}form .primary{margin-top:22px;width:100%}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{border-left:2px solid var(--cyan);padding:8px 12px;background:#141a28;font:12px/1.6 monospace;color:var(--muted)}.stat b{display:block;font-size:21px;color:var(--text)}.cardrow{display:flex;gap:24px;align-items:flex-start;margin:20px 0}.playingcard{background:#ebe8e0;color:#182433;width:116px;min-width:116px;height:168px;border:1px solid white;border-radius:9px;padding:10px 14px;font:700 25px/1.1 Georgia,serif;box-shadow:5px 6px 0 #0005;display:flex;flex-direction:column;justify-content:space-between}.playingcard.red{color:#a91a50}.playingcard .suit{font-size:54px;align-self:center}.playingcard .bottom{align-self:flex-end;transform:rotate(180deg)}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px}.suitname{color:var(--pink);font:12px monospace;letter-spacing:3px}.tokens{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0}.token{height:30px;background:#333a53;border:1px solid #64708f;border-radius:3px}.token.done{background:#3d8789;border-color:var(--cyan)}.held{display:flex;flex-wrap:wrap;gap:7px}.mini{padding:6px 10px;background:#282035;border:1px solid #bb7aa6;color:#f7c4e5;border-radius:4px;font-family:monospace}.die{font-size:62px;line-height:1;background:#dde9ec;color:#111b27;display:inline-flex;width:90px;height:90px;align-items:center;justify-content:center;border-radius:15px;box-shadow:5px 6px 0 #394655;margin:15px 0}.notice{border-left:3px solid var(--pink);padding:12px 16px;background:#271c30;margin:16px 0;color:#f2c9e7}.deck{display:flex;gap:7px;margin:20px 0}.back{width:48px;height:70px;background:repeating-linear-gradient(45deg,#26324a 0 3px,#152036 3px 7px);border:1px solid var(--cyan);border-radius:4px}.actions{margin-top:20px}.log{font:12px/1.7 monospace;color:var(--muted);padding-left:18px;max-height:240px;overflow:auto}.entry{border-bottom:1px solid var(--line);padding:18px 0;white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:25px 0;margin-top:25px;font-size:12px;color:var(--muted)}footer button{font-size:12px;margin-top:10px}dialog{max-width:760px;width:calc(100% - 32px);max-height:85vh;background:#151a29;color:var(--text);border:1px solid #697294;border-radius:10px;padding:26px}dialog::backdrop{background:#000b}.close{float:right;margin:0 0 15px 15px}dialog h2{clear:both}dialog li{margin:10px 0}.flash{animation:pulse .5s ease} @keyframes pulse{50%{box-shadow:0 0 35px #6ce8eb55}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:760px){.shell{padding:16px}.chip{display:none}.start,.layout{grid-template-columns:1fr}.start{gap:20px}.stats{grid-template-columns:1fr 1fr}.panel{padding:20px}header span{display:none}.cardrow{gap:16px}.playingcard{width:78px;min-width:78px;height:120px;font-size:20px;padding:8px}.playingcard .suit{font-size:36px}.prompt{font-size:16px}nav button{flex:1 1 auto}.mast{padding-top:24px}.actions button{flex:1 1 auto}.layout aside{display:grid;grid-template-columns:1fr;gap:0}}