:root{color-scheme:dark;--bg0: #0d0612;--bg1: #1a0b22;--bg2: #26102d;--wine: #4b1631;--card: #22112b;--card2: #2d1638;--line: #ffffff1f;--tx: #f6ecf5;--mut: #bda8c6;--gold: #ffd46b;--rose: #ff4f9a;--sky: #5ccfff;--ok: #7fdcae;--bad: #ff8a9a;--bg0-rgb: 13 6 18;--bg1-rgb: 26 11 34;--bg2-rgb: 38 16 45;--wine-rgb: 75 22 49;--card-rgb: 34 17 43;--card2-rgb: 45 22 56;--tx-rgb: 246 236 245;--mut-rgb: 189 168 198;--gold-rgb: 255 212 107;--rose-rgb: 255 79 154;--sky-rgb: 92 207 255;--ok-rgb: 127 220 174;--bad-rgb: 255 138 154;--ink: #0f0714;--ink-rgb: 15 7 20;--rose-dark: #b8226a;--rose-dark-rgb: 184 34 106;--rose-light: #ff7ab2;--rose-light-rgb: 255 122 178;--gold-light: #ffe08a;--gold-light-rgb: 255 224 138;--gold-dark: #e0a94a;--gold-dark-rgb: 224 169 74;--panel-a: #3a1d44;--panel-a-rgb: 58 29 68;--panel-b: #1d0f26;--panel-b-rgb: 29 15 38;--radius: 18px;--serif: "Cormorant Garamond", Georgia, serif;--sans: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;background:var(--bg0)}body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% -10%,var(--wine),var(--bg2) 45%,var(--bg0) 100%) fixed;color:var(--tx);font:16px/1.5 var(--sans)}a{color:var(--gold)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hdr{display:flex;align-items:center;gap:10px;padding:12px clamp(16px,4vw,40px);position:relative;z-index:5}.hdr .logo{font:italic 600 30px/1 var(--serif);color:var(--tx);text-decoration:none;letter-spacing:.01em}.hdr .logo b{color:var(--rose);font-weight:600}.hdr nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center}.hdr nav a,.hdr nav button{padding:7px 12px;border-radius:10px;color:var(--mut);text-decoration:none;background:none;border:0;font-size:15px}.hdr nav a:hover,.hdr nav button:hover,.hdr nav a.on{color:var(--tx);background:#ffffff10}.hdr .prem{color:var(--gold)!important;border:1px solid rgb(var(--gold-rgb) / .333)!important}@media (max-width: 720px){.hdr{flex-wrap:wrap}.hdr nav{margin-left:0;width:100%}}.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 80px}.narrow{max-width:760px}h1,h2,h3{margin:0}.display{font:italic 600 clamp(44px,8vw,92px) / .95 var(--serif);letter-spacing:-.01em}.h2{font:italic 600 clamp(30px,4vw,44px) / 1.05 var(--serif)}.lead{color:var(--mut);font-size:clamp(17px,2vw,20px);max-width:60ch}.muted{color:var(--mut)}.small{font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 24px;font-weight:700;font-size:17px;color:#1b0a22;background:linear-gradient(var(--gold-light),var(--gold-dark));text-decoration:none;box-shadow:0 8px 24px -10px var(--gold-dark)}.btn:disabled{opacity:.5;cursor:default}.btn.alt{color:var(--tx);background:#ffffff12;border:1px solid #ffffff2a;box-shadow:none;font-weight:600}.btn.rose{color:#fff;background:linear-gradient(var(--rose-light),var(--rose-dark));box-shadow:0 8px 24px -10px var(--rose)}.btn.sm{padding:7px 14px;font-size:15px;border-radius:10px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,3vw,26px)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:11px 14px;border-radius:12px;border:1px solid #ffffff30;background:var(--ink);color:var(--tx)}label.field{display:block;margin:12px 0}label.field>span{display:block;color:var(--mut);font-size:14px;margin-bottom:5px}.seg{display:flex;border-radius:12px;overflow:hidden;border:1px solid #ffffff30}.seg button{flex:1;padding:10px 12px;border:0;background:var(--ink);color:var(--mut)}.seg button.on{background:linear-gradient(var(--rose-light),var(--rose-dark));color:#fff;font-weight:700}.chk{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:6px 0}.chk input{width:18px;height:18px;accent-color:var(--rose)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;border:1px solid var(--line);color:var(--mut);font-size:14px}.pill.gold{color:var(--gold);border-color:rgb(var(--gold-rgb) / .4)}.ov{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0a030fcc;padding:16px;overflow:auto;backdrop-filter:blur(4px)}.mcard{width:min(560px,100%);padding:30px;border-radius:26px;text-align:center;background:linear-gradient(160deg,var(--panel-a),var(--panel-b));border:1px solid #ffffff22;box-shadow:0 30px 70px #000c,inset 0 2px #fff2;animation:flip .5s cubic-bezier(.2,.8,.3,1.1)}@keyframes flip{0%{transform:perspective(900px) rotateY(-90deg) translateY(30px) scale(.7);opacity:0}}.mcard .kind{color:var(--gold);font-size:15px;letter-spacing:.05em}.mcard h2{font:italic 600 clamp(32px,6vw,46px) / 1.05 var(--serif);margin:6px 0 8px}.mcard h3{color:var(--gold);font-size:20px;margin:0 0 4px}.mcard .txt{font-size:clamp(20px,3vw,27px);line-height:1.35;margin:12px 0 18px}.mcard .acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.chip{display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:99px;background:rgb(var(--gold-rgb) / .122);border:1px solid rgb(var(--gold-rgb) / .4);color:var(--gold);font-size:15px}.tmr{display:flex;gap:14px;align-items:center;justify-content:center;margin:0 0 16px}.tmr b{font:700 34px var(--sans);min-width:96px;font-variant-numeric:tabular-nums}.tmr b.end{color:var(--bad);animation:pulse .6s 3}@keyframes pulse{50%{transform:scale(1.15)}}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;background:#2b1534;border:1px solid #ffffff30;border-radius:14px;padding:11px 18px;box-shadow:0 10px 30px #000a;max-width:calc(100% - 32px)}.game-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px clamp(16px,3vw,28px)}.game-top .back{color:var(--mut);text-decoration:none;font-size:15px}.game-top .sp{flex:1}.turn{font:italic 600 clamp(30px,4vw,48px) / 1.05 var(--serif);color:var(--pc, var(--rose));text-shadow:0 0 24px color-mix(in srgb,var(--pc, var(--rose)) 50%,transparent)}.stage-center{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}}.wgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:8px 0 16px;transition:opacity .2s}.wcol{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:12px}.wcol>b{display:block;font-size:19px;margin-bottom:8px}.wrow{display:grid;grid-template-columns:1fr auto 2.2em auto;align-items:center;gap:8px;margin:6px 0;text-align:left}.wrow b{text-align:center;font-size:20px}.wrow .btn.sm{min-width:40px;padding:6px 0}button.pp{font:inherit;cursor:pointer}.basechips{display:flex;flex-wrap:wrap;gap:8px}.bchip{padding:9px 14px;border-radius:99px;border:1px solid #ffffff30;background:var(--ink);color:var(--mut);text-decoration:line-through}.bchip.on{background:rgb(var(--rose-rgb) / .149);border-color:var(--rose);color:var(--tx);text-decoration:none}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.tile{border-radius:16px;border:1px solid #ffffff22;background:var(--ink);overflow:hidden;transition:.2s}.tile.on{border-color:var(--rose);background:linear-gradient(160deg,rgb(var(--rose-rgb) / .122),var(--ink));box-shadow:0 0 22px -10px var(--rose)}.tile .tgl{position:relative;display:block;width:100%;text-align:left;background:none;border:0;padding:13px 52px 13px 14px;color:var(--tx);cursor:pointer}.tile .tgl b{display:block;font-size:16px}.tile .tgl small{display:block;color:var(--mut);font-size:13px;margin-top:3px;line-height:1.35}.tile .tgl i{position:absolute;right:14px;top:15px;width:34px;height:20px;border-radius:99px;background:#ffffff25;transition:.2s}.tile .tgl i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.tile.on .tgl i{background:var(--rose)}.tile.on .tgl i:after{left:17px}.tile .roles{margin:0 10px 12px}.tile .roles button{padding:8px 6px;font-size:13px}.wsteps{display:flex;gap:6px;margin:14px 0 16px;flex-wrap:wrap}.wsteps button{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:99px;border:1px solid #ffffff22;background:#ffffff08;color:var(--mut)}.wsteps button b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff1a;font-size:13px}.wsteps button.on{color:var(--tx);border-color:var(--rose);background:rgb(var(--rose-rgb) / .122)}.wsteps button.on b{background:var(--rose);color:#fff}.sh{font-size:19px;margin:0 0 10px}.wizbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.wizbar .btn.rose{margin-left:auto}.body-ed{margin-top:8px;color:var(--mut);font-size:14px}.body-ed summary{cursor:pointer}.bodyrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:10px 0}.bodyrow b{min-width:80px;color:var(--tx)}.bodyrow .seg{width:160px}.tsub{padding:0 12px 12px;display:grid;gap:10px}.tq>span{display:block;font-size:13px;color:var(--mut);margin-bottom:5px}.tq .seg button{padding:8px 6px;font-size:13px}.tile .roles{display:none}.tchips{display:flex;flex-wrap:wrap;gap:7px}.tchip{padding:8px 13px;border-radius:99px;border:1px solid #ffffff2a;background:var(--ink);color:var(--mut);font-size:14px}.tchip.on{border-color:var(--gold);background:rgb(var(--gold-rgb) / .122);color:var(--tx)}.tchip.on:before{content:"✓ ";color:var(--gold)}.nope{margin-top:18px}.nope summary{cursor:pointer;color:var(--mut)}.wsteps{flex-wrap:nowrap}.wsteps button{flex:1;min-width:0;justify-content:center;white-space:nowrap;font-size:14px;padding:7px 10px 7px 6px}@media (max-width: 420px){.wsteps button{font-size:12.5px;gap:5px}.wsteps button b{width:20px;height:20px;font-size:11px}}.tiles{align-items:start}.analcols{display:grid;gap:12px}.tiles{display:flex;gap:10px;align-items:flex-start}.tiles .tcol{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}@media (max-width: 640px){.tiles{flex-direction:column;align-items:stretch}}.mcard,.gcardm{position:relative}.xclose{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff2a;background:#ffffff10;color:var(--tx);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;z-index:2}.xclose:hover{background:#fff2}.lockrow{grid-template-columns:auto 1fr}.lockrow .seg{display:flex;min-width:0}.lockrow .seg button{flex:1;padding:6px 4px;font-size:12px;white-space:nowrap;min-width:0}