:root{color-scheme:dark;--bg:#091214;--panel:#112124;--line:#294044;--gold:#e3be79;--muted:#9aafb0;--ink:#f0f1e8;--teal:#8edbc9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 15%,#19353688,transparent 65%),var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #425557;border-radius:6px;padding:9px 15px;color:var(--ink);background:#182b2e;transition:background .18s,transform .18s,border-color .18s}button:hover:not(:disabled){background:#284347;border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--gold)}header{max-width:1480px;margin:auto;padding:20px 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-family:Georgia,serif;letter-spacing:2px;font-size:20px}.brand img{width:43px}.brand small{display:block;font:9px/1.8 system-ui;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:8px}nav button{font-size:12px;background:transparent;padding:8px 12px}main{max-width:1420px;margin:auto;padding:30px 38px 14px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.4px;font-weight:650;margin:0 0 7px}h1{font:normal clamp(38px,4vw,58px)/1.05 Georgia,serif;margin:0;letter-spacing:-1.5px}h1 em{color:var(--gold);font-style:normal}h1 span{display:block;font:10px/2 system-ui;letter-spacing:4px;color:#b5c5c2;margin-top:8px}p.intro{color:var(--muted);margin:8px 0 0;font-size:13px}.mission{display:flex;flex-direction:column;text-align:right;gap:5px}.live{font:9px monospace;color:var(--teal);letter-spacing:1px}.mission strong{font:24px Georgia,serif}.mission>span:last-child{color:var(--muted);font:9px monospace;letter-spacing:1px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.story{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#102023}.portrait{width:100%;height:210px;object-fit:cover;object-position:50% 34%;display:block;mask-image:linear-gradient(#000 80%,transparent)}.story-copy{padding:16px 20px 18px}.story h2{font:24px Georgia,serif;margin:4px 0 12px}.story p:not(.eyebrow){font-size:12px;color:#bac7c5;line-height:1.8;margin:0}.story blockquote{font:italic 17px/1.5 Georgia,serif;color:var(--gold);border-left:2px solid #a48a51;padding-left:12px;margin:19px 0 8px}.story small{font-size:10px;color:var(--muted)}.progress{padding:17px 20px;border-top:1px solid var(--line)}.progress>div{display:flex;justify-content:space-between;font-size:11px}.progress strong{color:var(--gold)}progress{width:100%;height:5px;accent-color:var(--gold);margin:12px 0}progress::-webkit-progress-bar{background:#2a3b3e;border-radius:4px}progress::-webkit-progress-value{background:var(--gold);border-radius:4px}.progress small{display:block;font-size:10px}.opposition{border-top:1px solid var(--line);display:flex;gap:12px;padding:15px 20px;align-items:center}.opposition img{width:43px;height:52px;object-fit:cover;border-radius:4px;object-position:top}.opposition div>*{display:block}.opposition strong{font:16px Georgia;margin:3px 0}.opposition span{font-size:10px;color:var(--muted)}.opposition small{font-size:8px;letter-spacing:1.2px}.table{background:radial-gradient(ellipse at center,#1c3636,#112325);border:1px solid #385052;border-radius:12px;padding:22px 25px 12px;box-shadow:0 20px 60px #0004;position:relative}.table-top,.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.table h2{font:22px Georgia,serif;margin:0}.table h2 span,.table h2 small{font:11px system-ui;color:var(--muted);margin-left:8px}.direction{font:9px monospace;letter-spacing:1.5px;color:var(--gold);text-align:right}.direction small{display:block;color:var(--muted);letter-spacing:0;font:10px system-ui;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px auto;max-width:700px}.card{position:relative;aspect-ratio:.73;max-height:216px;min-width:0;border:1px solid #9a9c89;border-radius:8px;overflow:hidden;background:#172322;padding:0;color:#fff;box-shadow:0 7px 12px #0005;text-align:left;isolation:isolate;display:block;width:100%}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;z-index:-2}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051517 0%,#051517aa 23%,transparent 55%,#0005 100%);z-index:-1;pointer-events:none}.card .corner{position:absolute;left:7px;top:7px;min-width:32px;padding:3px 5px;border-radius:4px;background:#f6eedc;color:#172828;font:bold 23px/1.05 Georgia;text-align:center;box-shadow:0 1px 4px #0005}.card.red .corner{color:#a32835}.corner span{display:block;font-size:20px}.card.joker .corner{font-size:13px}.card .caption{position:absolute;bottom:10px;left:10px;right:8px;display:flex;flex-direction:column}.caption strong{font:15px/1.2 Georgia;margin-bottom:5px}.caption small{font:8px system-ui;letter-spacing:1.2px;color:#d7d5bc}.card .value{position:absolute;top:9px;right:7px;font:10px monospace;padding:3px 5px;background:#081a1be0;border-radius:3px;color:#f6e7c3}.card.selected{border:3px solid var(--gold);box-shadow:0 0 0 3px #e3be7922,0 8px 25px #0008;transform:translateY(-5px)}.card.selected .corner{left:5px;top:5px}.card.selected:before{content:'✓';position:absolute;right:7px;top:34px;border-radius:50%;background:var(--gold);color:#162627;width:22px;height:22px;text-align:center;font-weight:800}.card.target{border-color:var(--teal);box-shadow:0 0 0 3px #8edbc933}.card.empty{border:1px dashed #486463;background:#10262844;box-shadow:none;display:flex;align-items:center;justify-content:center;color:#72908a;font:11px monospace}.card.empty:after{display:none}.card:hover:not(:disabled){transform:translateY(-4px)}.piles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #385052;border-bottom:1px solid #385052;padding:12px 0}.pile{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:var(--muted)}.pile strong{display:block;font:17px/1.4 Georgia;color:var(--ink)}.mini-back{display:flex;align-items:center;justify-content:center;width:27px;height:36px;border:1px solid #957e52;border-radius:3px;background:repeating-radial-gradient(circle,#26362d 0 2px,#102123 3px 6px);font:22px Georgia;color:var(--gold)}.mini-back.personal{border-color:#6caaa0}.pile-icon{font-size:25px;color:var(--gold)}.danger{color:#db8d83}.phasebar{display:flex;justify-content:space-between;margin:17px 0 16px;color:#78928e;font:9px monospace;letter-spacing:1px;gap:5px}.phasebar .active{color:var(--gold);font-weight:bold}.hand-heading h2{font-size:19px}.text-button{border:0;background:none;color:var(--gold);padding:4px 0;font-size:11px}.hand{margin:16px auto 18px}.hand .card{max-height:194px}.action-panel{background:#0b1b1ed9;border:1px solid #304849;border-radius:7px;padding:14px 15px}.action-panel #message{font-size:12px;color:#e3ebe5;min-height:18px}.action-panel #selection{font:11px/1.5 monospace;color:var(--gold);margin-top:5px;min-height:16px}.actions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.actions button{font-size:12px;padding:9px 15px}.primary{background:var(--gold);color:#192625;border-color:var(--gold);font-weight:700}.primary:hover:not(:disabled){background:#f4dca5;color:#0e2021}.danger-button{border-color:#925f57;color:#edaaa1}.save-note{font-size:9px;text-align:right;color:#89a29e;margin:10px 0 0}footer{display:flex;gap:15px;justify-content:space-between;color:#829b97;font-size:10px;padding:25px 0 8px}footer a{text-decoration:none}dialog{background:#112427;border:1px solid #66776b;border-radius:12px;width:min(740px,92vw);max-height:90dvh;color:var(--ink);padding:24px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#020b0fce;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head button{padding:5px 11px}dialog h2{font:32px Georgia;color:var(--gold);margin:16px 0}dialog h3{font:19px Georgia;color:#e8d8af}dialog p,dialog li{font-size:13px;color:#c4d1cd;line-height:1.8}dialog label{display:block;padding:14px;border:1px solid #46605c;border-radius:6px;margin:12px 0;cursor:pointer}dialog label span{display:block;font-size:12px;color:var(--muted);padding-left:25px}dialog label input{accent-color:var(--gold)}.modal-actions{display:flex;gap:10px;margin-top:20px}.cast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cast-card img{width:100%;height:195px;object-fit:cover;object-position:top;border-radius:5px}.cast-card h3{font-size:17px;margin:8px 0 0}.cast-card p{font-size:11px;margin:4px 0}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rule-grid>div{padding:0 14px;background:#0b1c1e;border-radius:6px}.rule-grid h3{font-size:16px}.rule-note{border-left:2px solid var(--gold);padding-left:14px}[hidden]{display:none!important}@media(min-width:1500px){.card{max-height:240px}.hand .card{max-height:215px}}@media(max-width:1050px){.layout{grid-template-columns:200px minmax(0,1fr);gap:16px}main{padding:24px}.table{padding:20px 16px 12px}.cards{gap:9px}.story-copy,.progress{padding:16px}.caption strong{font-size:13px}.card .value{font-size:8px}.card .corner{font-size:21px;min-width:28px}.story .portrait{height:170px}}@media(max-width:780px){header{padding:15px 18px;flex-wrap:wrap}.brand{font-size:17px}.brand img{width:35px}nav{width:100%;justify-content:space-between}nav button{flex:1;font-size:11px;padding:8px 3px}main{padding:22px 14px}.heading{margin-bottom:21px}.mission{display:none}.layout{display:block}.story{display:none}.table{padding:17px 13px 12px}.cards{gap:10px}.card{max-height:230px}.hand .card{max-height:210px}.piles{gap:4px}.pile{gap:5px;font-size:9px}.mini-back{width:21px;height:30px}footer{display:block;line-height:1.8}footer a{display:block;margin-top:8px}.cast-grid{grid-template-columns:repeat(2,1fr)}.rule-grid{grid-template-columns:1fr}}@media(max-width:460px){h1{font-size:42px}.intro{max-width:285px}.table h2{font-size:19px}.direction{font-size:8px}.direction small{font-size:8px}.cards{gap:7px;margin:16px auto}.card{border-radius:5px;aspect-ratio:.64}.card .corner{left:4px;top:4px;min-width:23px;font-size:18px;padding:2px}.corner span{font-size:15px}.card .value{top:5px;right:3px;font-size:7px;padding:2px}.card .caption{left:5px;right:4px;bottom:6px}.caption strong{font-size:11px}.caption small{font-size:6px;letter-spacing:.3px}.card.selected{transform:translateY(-3px);border-width:2px}.card.selected:before{top:30px;right:4px;width:16px;height:16px;font-size:10px}.phasebar{font-size:7px;letter-spacing:.3px}.actions{gap:7px}.actions button{padding:9px 10px;font-size:11px}.action-panel{padding:12px 10px}.pile{font-size:8px}.pile-icon{font-size:20px}.pile strong{font-size:15px}.table-top .eyebrow{font-size:8px}.card.joker .corner{font-size:10px}.cast-card img{height:160px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}