: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}
