: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;--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:#0d0612}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 #ffd46b55!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(#ffe08a,#e0a94a);text-decoration:none;box-shadow:0 8px 24px -10px #e0a94a}.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(#ff7ab2,#b8226a);box-shadow:0 8px 24px -10px #ff4f9a}.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:#0f0714;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:#0f0714;color:var(--mut)}.seg button.on{background:linear-gradient(#ff7ab2,#b8226a);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:#ffd46b66}.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,#3a1d44,#1d0f26);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:#ffd46b1f;border:1px solid #ffd46b66;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:#0f0714;color:var(--mut);text-decoration:line-through}.bchip.on{background:#ff4f9a26;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:#0f0714;overflow:hidden;transition:.2s}.tile.on{border-color:var(--rose);background:linear-gradient(160deg,#ff4f9a1f,#0f0714);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}.steps{display:flex;gap:6px;margin:14px 0 16px;flex-wrap:wrap}.steps 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)}.steps button b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff1a;font-size:13px}.steps button.on{color:var(--tx);border-color:var(--rose);background:#ff4f9a1f}.steps 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:#0f0714;color:var(--mut);font-size:14px}.tchip.on{border-color:var(--gold);background:#ffd46b1f;color:var(--tx)}.tchip.on:before{content:"✓ ";color:var(--gold)}.nope{margin-top:18px}.nope summary{cursor:pointer;color:var(--mut)}.steps{flex-wrap:nowrap}.steps button{flex:1;min-width:0;justify-content:center;white-space:nowrap;font-size:14px;padding:7px 10px 7px 6px}@media (max-width: 420px){.steps button{font-size:12.5px;gap:5px}.steps button b{width:20px;height:20px;font-size:11px}}