:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--table:#0e1e33;--table-2:#14304f;--grid:#8cbeff0f;--paper:#e9efec;--paper-2:#dce5e1;--ink:#13202f;--ink-soft:#4a5a6b;--text:#eaf2ff;--muted:#9db0c8;--line:#ffffff1a;--sheet:#12243b;--accent:#f2b33d;--crisis:#e5484d;--good:#2fcb8b;--warn:#f2b33d;--f-display:"Unbounded","Arial Black",system-ui,sans-serif;--f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}html,body{min-height:100%}body{background:var(--table);color:var(--text);font-family:var(--f-body);background-image:radial-gradient(ellipse at 30% 20%,var(--table-2),transparent 60%), linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;font-size:15px}.gutter{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1240px;margin:0 auto;padding-block:14px 0;display:flex}.brand{font-family:var(--f-display);letter-spacing:-.01em;font-size:18px;font-weight:800}.brand span{color:var(--accent)}.tabs{background:#ffffff0f;border-radius:999px;gap:2px;padding:4px;display:flex}.tabs a{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none}.tabs a.on{background:var(--text);color:var(--ink)}.boardname{color:var(--muted);flex-basis:100%;margin-top:-4px;font-size:12px}.boardname b{color:var(--text)}.wrap{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;max-width:1240px;margin:0 auto;padding-block:16px 40px;display:grid}@media (width<=1000px){.wrap{grid-template-columns:minmax(0,1fr)}}.board-shell{width:min(100%,800px);margin-inline:auto;position:relative}.board{aspect-ratio:1;background:linear-gradient(145deg,#1e4166,#0b1a2c);border-radius:22px;grid-template:repeat(9,1fr)/repeat(9,1fr);gap:3px;padding:9px;display:grid;position:relative;box-shadow:0 30px 60px -20px #0009,inset 0 0 0 1px #ffffff14}.board.enter{animation:.9s cubic-bezier(.2,.9,.2,1) both boardIn}@keyframes boardIn{0%{opacity:.4;transform:perspective(1200px)rotateX(18deg)scale(.94)}to{opacity:1;transform:none}}.tile{background:var(--paper);color:var(--ink);text-align:center;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:14% 3px 3px;font-size:clamp(6px,.95vw,9.5px);line-height:1.1;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:translateY(-2px);box-shadow:0 6px 14px -6px #00000080}.tile .stripe{background:var(--sc,transparent);height:15%;position:absolute;inset:0 0 auto}.tile svg{width:36%;max-width:24px;height:auto;stroke:var(--sc,var(--ink));fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.tile .nm{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-weight:600}.tile .sn{display:none}.tile .pr{font-family:var(--f-mono);color:var(--ink-soft);font-size:.95em;font-weight:700}.tile.corner{background:var(--paper-2);padding:5px}.tile.corner .nm{font-family:var(--f-display);-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;font-size:.88em;font-weight:700}.tile.corner svg{width:42%;max-width:36px}.tile.risk{background:#f6e1df}.tile.risk svg{stroke:var(--crisis)}.tile.opp{background:#dff3e9}.tile.opp svg{stroke:#14915e}.tile.diag{background:#e3e8fb}.tile.diag svg{stroke:#4b5fd1}.tile.comite{background:#f5ecd9}.tile.comite svg{stroke:#9a6a12}@media (width<=680px){.tile .nm{display:none}.tile.corner .sn{font-family:var(--f-display);text-transform:uppercase;font-size:.9em;font-weight:700;display:block}.tile svg{width:46%}}.tile.owned{box-shadow:inset 0 0 0 2px var(--oc)}.tile .flag{aspect-ratio:1;background:var(--oc);border-radius:50%;width:18%;max-width:12px;position:absolute;top:17%;right:5%;box-shadow:0 0 0 2px #fff}.tile.hit{animation:.5s hit}@keyframes hit{50%{transform:scale(1.08)}}.center{background:radial-gradient(circle at 50% 40%,#f2b33d1a,#0000 55%),#050e1a59;border:1px dashed #ffffff1f;border-radius:14px;flex-direction:column;grid-area:2/2/9/9;justify-content:center;align-items:center;gap:clamp(6px,1.4vw,14px);padding:clamp(8px,2vw,22px);display:flex;position:relative;overflow:hidden}.logo{font-family:var(--f-display);letter-spacing:-.02em;text-align:center;text-wrap:balance;font-size:clamp(18px,4.4vw,46px);font-weight:800;line-height:.95}.logo span{color:var(--accent)}.tag{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;text-align:center;text-wrap:balance;max-width:90%;font-size:clamp(9px,1.3vw,13px)}.rounds{align-items:center;gap:4px;display:flex}.rounds i{background:#ffffff24;border-radius:4px;width:clamp(14px,3vw,26px);height:7px;display:block}.rounds i.done{background:var(--accent)}.rounds i.now{background:#fff;animation:1.4s infinite pulse}.rounds i.cr{background:#e5484d73}.rounds i.cr.done{background:var(--crisis)}@keyframes pulse{50%{opacity:.45}}.rlabel{font-family:var(--f-mono);color:var(--muted);text-align:center;font-size:clamp(9px,1.3vw,12px)}.rlabel b{color:var(--text)}.dice{--ds:clamp(28px,6vw,58px);gap:clamp(8px,2vw,16px);display:flex}.die{width:var(--ds);height:var(--ds);perspective:500px}.cube{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.75,.25,1.05);position:relative}.face{background:linear-gradient(145deg,#fff,#e2e8f0);border-radius:20%;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:16%;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f}.face b{aspect-ratio:1;border-radius:50%;place-self:center;width:62%}.face b.p{background:var(--ink)}.f1{transform:translateZ(calc(var(--ds)/2))}.f2{transform:rotateY(90deg) translateZ(calc(var(--ds)/2))}.f3{transform:rotateX(90deg) translateZ(calc(var(--ds)/2))}.f4{transform:rotateX(-90deg) translateZ(calc(var(--ds)/2))}.f5{transform:rotateY(-90deg) translateZ(calc(var(--ds)/2))}.f6{transform:rotateY(180deg) translateZ(calc(var(--ds)/2))}.turn{align-items:center;gap:8px;font-size:clamp(10px,1.5vw,15px);font-weight:600;display:flex}.turn .dot{background:var(--pc);border-radius:50%;width:12px;height:12px}.btn{background:var(--accent);color:#1b1302;border:0;border-radius:999px;padding:.7em 1.4em;font-size:clamp(12px,1.5vw,15px);font-weight:700;transition:transform .1s,box-shadow .1s,opacity .2s;box-shadow:0 6px #a8741a}.btn:active{transform:translateY(4px);box-shadow:0 2px #a8741a}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.ghost{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn.danger{background:var(--crisis);color:#fff;box-shadow:0 6px #8e2226}.btn.sm{box-shadow:none;padding:.5em 1em;font-size:13px}.btn.sm.ghost{box-shadow:inset 0 0 0 1.5px var(--line)}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:90%;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#0a1423eb;border-radius:999px;max-width:100%;padding:6px 12px;font-size:clamp(10px,1.4vw,13px);animation:2.6s forwards tin;overflow:hidden}@keyframes tin{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.tokens{pointer-events:none;position:absolute;inset:0}.token{aspect-ratio:1;background:var(--pc);width:clamp(14px,3vw,28px);font-family:var(--f-display);color:#0b1626;border:2.5px solid #fff;border-radius:50%;place-items:center;font-size:clamp(7px,1.2vw,11px);font-weight:800;transition:left .17s ease-out,top .17s ease-out;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 10px #00000073}.token.hop{animation:.17s ease-out hop}.token.active{box-shadow:0 0 0 4px #ffffff40,0 5px 10px #00000073}@keyframes hop{50%{margin-top:-10px}}.float{font-family:var(--f-mono);text-shadow:0 2px 6px #000000b3;pointer-events:none;z-index:5;font-size:clamp(11px,1.8vw,16px);font-weight:700;animation:1.4s forwards fl;position:absolute;transform:translate(-50%,-50%)}@keyframes fl{to{opacity:0;margin-top:-46px}}.side{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0812208c;border-radius:16px;min-width:0;padding:14px}.ph{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.ph h2{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.ph small{color:var(--muted);text-align:right;font-size:12px}.players{gap:8px;display:grid}@media (width<=1000px) and (width>=600px){.players{grid-template-columns:1fr 1fr}}.pcard{background:#ffffff0a;border:1px solid #0000;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px;transition:background .3s,border-color .3s;display:grid}.pcard.active{border-color:var(--pc);background:#ffffff17}.av{background:var(--pc);width:34px;height:34px;font-family:var(--f-display);color:#0b1626;border-radius:50%;grid-row:span 3;align-self:start;place-items:center;font-weight:800;display:grid}.pname{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.pname em{color:var(--muted);margin-left:4px;font-size:12px;font-style:normal;font-weight:500}.money{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:16px;font-weight:700}.money.neg{color:var(--crisis)}.meta{color:var(--muted);flex-wrap:wrap;grid-column:2/4;align-items:center;gap:6px;font-size:12px;display:flex}.chip{color:var(--text);background:#ffffff12;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;display:inline-flex}.chip.xp{color:var(--accent);background:#f2b33d2e}.chip.st-0{color:#5fe3ae;background:#2fcb8b2e}.chip.st-1{color:var(--accent);background:#f2b33d2e}.chip.st-2{color:#ff8a8d;background:#e5484d33}.chip.st-3{background:var(--crisis);color:#fff}.health{grid-column:2/4;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hb{color:var(--muted);gap:2px;font-size:10px;display:grid}.hb span{justify-content:space-between;display:flex}.hb i{background:#ffffff1a;border-radius:3px;height:5px;display:block;overflow:hidden}.hb i b{height:100%;width:var(--v);background:var(--hc);transition:width .6s;display:block}.stars{color:var(--accent);font-size:11px}.log{gap:6px;max-height:240px;margin:0;padding:0;font-size:13px;list-style:none;display:grid;overflow:auto}.log li{color:var(--muted);gap:8px;line-height:1.35;display:flex}.log li b{color:var(--text);font-weight:600}.log li:before{content:"";background:var(--lc,var(--muted));border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.log li:first-child{color:var(--text);animation:.4s tin2}@keyframes tin2{0%{opacity:0;transform:translate(-6px)}}.online{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.online .live{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#030912ad;place-items:center;animation:.25s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:22px;width:min(100%,480px);max-height:100%;padding:22px;animation:.4s cubic-bezier(.2,.9,.3,1.3) pop;overflow:auto;box-shadow:0 40px 80px -20px #000000b3}.sheet.wide{width:min(100%,660px)}@keyframes pop{0%{opacity:0;transform:scale(.88)translateY(14px)}}.sheet h3{font-family:var(--f-display);text-wrap:balance;margin:0 0 6px;font-size:20px;line-height:1.15}.sheet p{color:var(--muted);margin:0 0 14px;line-height:1.5}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.eyebrow .dot{background:var(--pc);border-radius:50%;width:10px;height:10px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.actions .btn.pressed{outline:3px solid #fff}.deed{background:var(--paper);color:var(--ink);border-radius:14px;margin:6px 0 4px;animation:.6s cubic-bezier(.2,.9,.3,1.2) flip;overflow:hidden}@keyframes flip{0%{transform:perspective(700px)rotateY(80deg)}}.deed .hd{background:var(--sc);color:#fff;padding:12px 14px}.deed .hd small{text-transform:uppercase;letter-spacing:.14em;opacity:.85;font-size:10px;font-weight:700;display:block}.deed .hd strong{font-family:var(--f-display);font-size:18px}.deed .ds{color:var(--ink-soft);padding:10px 14px 0;font-size:13px}.deed dl{grid-template-columns:1fr auto;gap:6px 12px;margin:0;padding:12px 14px;font-size:14px;display:grid}.deed dt{color:var(--ink-soft)}.deed dd{font-family:var(--f-mono);text-align:right;margin:0;font-weight:700}.deed .note{color:var(--ink-soft);padding:0 14px 12px;font-size:12px}.card{color:var(--ink);border-radius:14px;margin:6px 0;padding:16px;animation:.6s cubic-bezier(.2,.9,.3,1.2) flip}.card.risk{background:#f6e1df}.card.opp{background:#dff3e9}.card.diag{background:#e3e8fb}.card.comite{background:#f5ecd9}.card .k{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:10px;font-weight:800}.card.risk .k{color:#b3262b}.card.opp .k{color:#0f7a4e}.card.diag .k{color:#4b5fd1}.card.comite .k{color:#9a6a12}.card .t{font-family:var(--f-display);margin:6px 0;font-size:16px;line-height:1.3}.card .v{font-family:var(--f-mono);font-size:18px;font-weight:700}.card .w{color:var(--ink-soft);margin-top:6px;font-size:13px}.experts{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=480px){.experts{grid-template-columns:1fr}}.xcard{text-align:left;border:1.5px solid var(--line);color:var(--text);background:#ffffff0d;border-radius:14px;gap:6px;padding:12px;transition:border-color .2s,transform .2s;display:grid}.xcard:hover,.xcard.pressed{border-color:var(--accent);transform:translateY(-2px)}.xcard[disabled]{opacity:.4;cursor:not-allowed;transform:none}.xcard .xn{font-weight:700}.xcard .xr{color:var(--muted);font-size:12px;line-height:1.4}.xcard .xc{font-family:var(--f-mono);color:var(--accent);font-weight:700}.xav{background:#f2b33d26;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.xav svg{width:22px;stroke:var(--accent);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.opts{gap:10px;display:grid}.opt{text-align:left;border:1.5px solid var(--line);color:var(--text);background:#ffffff0d;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 14px;transition:border-color .2s;display:grid}.opt:hover,.opt.pressed{border-color:var(--accent)}.opt b{font-weight:700}.opt span{color:var(--muted);grid-column:1;font-size:12px}.opt i{font-style:normal;font-family:var(--f-mono);color:var(--accent);text-align:right;grid-area:1/2/3;align-self:center;font-weight:700}.opt[disabled]{opacity:.4;cursor:not-allowed}.stages{flex-wrap:wrap;gap:4px;margin:0 0 14px;display:flex}.stages span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#ffffff0f;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.stages span.on{background:var(--crisis);color:#fff}.stages span.done{color:var(--text)}.crisis .sheet{background:linear-gradient(160deg,#3a1017,var(--sheet) 60%);border-color:#e5484d80}.siren{background:linear-gradient(90deg,var(--crisis),#ff9a6b,var(--crisis));background-size:200% 100%;border-radius:3px;height:6px;margin-bottom:16px;animation:1s linear infinite siren}@keyframes siren{to{background-position:-200% 0}}.shake{animation:.6s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.crisis-flash{background:var(--crisis);pointer-events:none;z-index:40;animation:.9s forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.5}to{opacity:0}}.result{gap:8px;margin-top:6px;display:grid}.result>div{background:#ffffff0d;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.result .av{grid-row:auto;width:26px;height:26px;font-size:11px}.result .amt{font-family:var(--f-mono);font-weight:700}.result .amt.neg{color:#ff8a8d}.result .amt.pos{color:var(--good)}.lesson{background:#2fcb8b1a;border:1px solid #2fcb8b59;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.5}.lesson b{letter-spacing:.14em;text-transform:uppercase;color:#5fe3ae;margin-bottom:4px;font-size:10px;display:block}.setup-rows{gap:10px;margin:10px 0;display:grid}.srow{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.field{border:1.5px solid var(--line);width:100%;color:var(--text);font:inherit;background:#ffffff0f;border-radius:10px;padding:9px 11px}textarea.field{resize:vertical;min-height:120px;line-height:1.5}select.field option{background:var(--sheet)}label.lb{color:var(--muted);letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:700;display:block}.seg{background:#ffffff0f;border-radius:999px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.seg button.on{background:var(--text);color:var(--ink)}.rules{color:var(--muted);gap:4px;margin:12px 0 0;padding-left:18px;font-size:13px;display:grid}.podium{gap:8px;display:grid}.podium>div{background:#ffffff0d;border-radius:12px;grid-template-columns:28px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.podium>div:first-child{border:1px solid var(--accent);background:#f2b33d29}.podium .rk{font-family:var(--f-display);color:var(--accent);font-weight:800}.podium .sc{font-family:var(--f-mono);font-weight:700}.podium small{color:var(--muted);font-size:11px;display:block}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0}.studio{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:24px;max-width:1240px;margin:0 auto;padding-block:16px 48px;display:grid}@media (width<=1000px){.studio{grid-template-columns:minmax(0,1fr)}}.studio h1{font-family:var(--f-display);text-wrap:balance;margin:0 0 6px;font-size:clamp(22px,3vw,30px);line-height:1.1}.studio .lead{color:var(--muted);max-width:60ch;margin:0 0 16px;line-height:1.55}.form{gap:14px;display:grid}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kit{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.kit span{color:var(--muted);background:#ffffff0f;border-radius:999px;padding:3px 8px;font-size:11px}.status{color:var(--muted);align-items:center;gap:8px;min-height:1.4em;font-size:13px;display:flex}.spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview{gap:16px;min-width:0;display:grid}.pv-head{flex-direction:column;gap:12px;display:flex}.pv-head h2{font-family:var(--f-display);margin:4px 0;font-size:22px;line-height:1.15}.pv-head p{color:var(--muted);max-width:60ch;margin:0;line-height:1.5}.pill{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.pill.draft{color:var(--accent);background:#f2b33d2e}.pill.ok{color:#5fe3ae;background:#2fcb8b2e}.pv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=760px){.pv-grid{grid-template-columns:minmax(0,1fr)}}.mini{width:100%;max-width:520px}.mini .board{border-radius:14px;gap:2px;padding:6px}.mini .tile{border-radius:4px;font-size:clamp(5px,.7vw,7.5px)}.mini .tile .pr,.mini .tile .nm,.mini .tile .sn{display:none}.mini .tile svg{width:55%}.mini .center{gap:6px;padding:8px}.mini .logo{font-size:clamp(14px,2.4vw,24px)}.list{gap:6px;font-size:13px;line-height:1.45;display:grid}.list>div{background:#ffffff0a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 10px;display:grid}.list small{color:var(--muted);grid-column:1/3}.list .n{font-family:var(--f-mono);white-space:nowrap;font-weight:700}.list .n.neg{color:#ff8a8d}.list .n.pos{color:#5fe3ae}.dimtag{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.saved{gap:8px;display:grid}.saved>div{background:#ffffff0a;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.saved b{font-weight:700}.saved small{color:var(--muted);grid-column:1;font-size:12px}.saved .acts{grid-area:1/2/3;gap:6px;display:flex}.empty{color:var(--muted);padding:10px 0;font-size:13px}.note{color:var(--muted);font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html,body{margin:0}body{font-size:15px;line-height:1.4}.view{max-width:1240px;margin:0 auto;padding-block:16px 48px}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.tabs button.on{background:var(--text);color:var(--ink)}.home{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;padding-block:32px 48px;display:grid}@media (width<=900px){.home{grid-template-columns:minmax(0,1fr)}}.home h1{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:8px 0 14px;font-size:clamp(30px,5vw,56px);line-height:1}.home h1 span{color:var(--accent)}.home .lead{color:var(--muted);max-width:52ch;margin:0 0 18px;font-size:17px;line-height:1.55}.home .mini{max-width:520px}.cards{gap:14px;display:grid}.cards .panel{gap:12px;display:grid}.cards h2{font-family:var(--f-display);margin:0;font-size:16px}.cards p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline .field{flex:1;min-width:140px}.lobby{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;padding-block:16px 48px;display:grid}@media (width<=900px){.lobby{grid-template-columns:minmax(0,1fr)}}.code{font-family:var(--f-mono);letter-spacing:.12em;color:var(--accent);font-size:clamp(26px,4vw,40px);font-weight:700}.seats{gap:8px;display:grid}.seatrow{background:#ffffff0a;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.seatrow .av{grid-row:auto;width:30px;height:30px}.seatrow.empty{opacity:.55;border:1px dashed var(--line);background:0 0}.banner{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:1.4em;font-size:clamp(10px,1.4vw,13px);display:flex}.banner b{color:var(--text)}.timer{font-family:var(--f-mono);color:var(--accent)}.cardpop{z-index:6;cursor:pointer;width:min(86%,360px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 60px -20px #0009}.decide-wait{color:var(--muted);font-size:12px}.err{color:#ff8a8d;font-size:13px}.stage{aspect-ratio:1/.94;isolation:isolate;background:radial-gradient(120% 90% at 50% 18%,#5fc3ff 0%,#2a86f0 38%,#1648b8 72%,#0e2c78 100%);border-radius:26px;width:100%;min-height:340px;max-height:calc(100dvh - 90px);position:relative;overflow:hidden;box-shadow:0 30px 70px -25px #000000b3,inset 0 0 0 1px #ffffff2e}.stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 50% 62%,#ffffff47,transparent 70%), repeating-conic-gradient(from 0deg at 50% 120%,#ffffff0d 0 6deg,transparent 6deg 12deg);position:absolute;inset:0}@media (width<=700px){.stage{aspect-ratio:1/1.12;border-radius:20px}}.stage.enter{animation:1s cubic-bezier(.2,.9,.2,1) both stageIn}@keyframes stageIn{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:none}}.stage3d{position:absolute;inset:0}.stage3d canvas{touch-action:manipulation;display:block;width:100%!important;height:100%!important}.labels3d{pointer-events:none;position:absolute;inset:0;overflow:hidden}.float3d{font-family:var(--f-display);white-space:nowrap;border-radius:999px;padding:.15em .5em;font-size:clamp(15px,2.6vw,24px);font-weight:800;animation:1.6s cubic-bezier(.2,.9,.3,1) forwards float3d;position:absolute;transform:translate(-50%,-50%)}.float3d.pos{color:#1b4d1f;background:linear-gradient(#ffe27a,#f7b92b);box-shadow:0 4px #b07a10,0 10px 20px #00000040}.float3d.neg{color:#fff;background:linear-gradient(#ff7b7f,#e5484d);box-shadow:0 4px #8e2226,0 10px 20px #00000040}@keyframes float3d{0%{opacity:0;transform:translate(-50%,-20%)scale(.4)}18%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}30%{transform:translate(-50%,-70%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-170%)scale(.95)}}.hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(10px,2vw,18px);display:flex;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{-webkit-backdrop-filter:blur(8px);background:#0816348c;border:1px solid #ffffff2e;border-radius:999px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:6px 14px;max-width:100%;padding:8px 14px;display:flex;box-shadow:0 8px 20px #00000040}.hud-top .rlabel{color:#d7e6ff;font-size:12px}.hud-top .turn{font-size:13px}.hud-mid{pointer-events:none;flex:1;position:relative}.hud-mid>*{pointer-events:auto}.hud-mid .toasts{bottom:8%}.hud-bottom{flex-direction:column;align-items:center;gap:6px;display:flex}.hud-bottom .banner{color:#d7e6ff;background:#0816348c;border-radius:999px;padding:3px 12px}.hud-bottom .banner:empty{display:none}.btn.roll{font-family:var(--f-display);letter-spacing:.01em;background:linear-gradient(#ffd45e,#f2a82b);padding:.75em 2em;font-size:clamp(14px,2.2vw,19px);font-weight:800;box-shadow:0 7px #a8641a,0 16px 30px -8px #00000080}.btn.roll:not([disabled]){animation:1.6s ease-in-out infinite rollPulse}.btn.roll[disabled]{opacity:1;color:#d7e6ff;box-shadow:none;font-family:var(--f-body);background:#08163499;padding:.6em 1.4em;font-size:13px;font-weight:700}@keyframes rollPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hud-mid .cardpop{box-shadow:0 30px 60px -10px #0000008c,0 0 0 4px #fff9}@media (width<=700px){.players{grid-template-columns:1fr 1fr;gap:6px}.pcard{grid-template-columns:auto minmax(0,1fr);gap:2px 8px;padding:8px}.pcard .av{grid-row:span 2;width:30px;height:30px;font-size:14px}.pcard .money{grid-column:2;font-size:15px}.pcard .health{grid-column:1/-1;gap:4px}.pcard .health .hb span{font-size:9px}.pcard .meta{grid-column:1/-1}.pcard .meta .chip:not([class*=st-]),.pcard .meta .stars,.side .panel .ph small{display:none}}.card.big .t{font-size:19px}.card .d{color:var(--ink);margin-top:4px;font-size:14px;line-height:1.45}.ask{color:var(--text);margin:12px 0 4px;font-weight:700}.lesson-mini{color:var(--ink-soft);border-top:1px dashed #0000002e;margin-top:10px;padding-top:8px;font-size:12.5px;line-height:1.4}.lesson-mini b{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:2px;font-size:10px;display:block}.opt i{max-width:44%;font-size:12.5px}.hb em{font-style:normal}.hb em.short{display:none}@media (width<=700px){.hb em.full{display:none}.hb em.short{display:inline}.hud-top{gap:2px 10px;padding:6px 12px}.hud-top .rounds i{width:16px;height:6px}.hud-top .rlabel{font-size:10.5px}.hud-top .turn{font-size:12px}.btn.roll{font-size:15px}.cardpop .d{font-size:13px}}.cardpop .d{margin-bottom:4px}