:root{--wood:#b07a43;--wood-dark:#7c5230;--parchment:#f3e6cf;--ink:#2b1d10;--gold:#e8b94a;--felt:#3f5b46;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--parchment);background:radial-gradient(1200px 800px at 50% 0,#2a2016,#171009 70%);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.screen{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100%;padding:24px;display:flex}.logo{letter-spacing:6px;color:var(--gold);text-shadow:0 4px 0 var(--wood-dark), 0 8px 24px #000;font-size:84px;font-weight:900}.logo.small{font-size:40px}.tagline{opacity:.7;margin-top:-10px}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff10;border:1px solid #ffffff20;border-radius:18px;flex-direction:column;gap:12px;width:min(380px,92vw);padding:22px;display:flex}.inp{color:var(--parchment);background:#00000030;border:1px solid #ffffff30;border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.inp:focus{border-color:var(--gold)}.btn{color:var(--parchment);cursor:pointer;background:#ffffff18;border:1px solid #ffffff30;border-radius:12px;padding:12px 16px;font-size:16px}.btn:hover{background:#ffffff28}.btn.primary{color:#2b1d10;background:linear-gradient(#e8b94a,#c9902a);border:none;font-weight:800}.btn:disabled{opacity:.5;cursor:not-allowed}.row{gap:8px;display:flex}.row .inp{text-transform:uppercase;letter-spacing:3px;flex:1}.or{text-align:center;opacity:.5}.err{color:#ff9b9b;font-size:14px}.hint{opacity:.75;text-align:center;font-size:14px}.conn-badge{background:#000a;border-radius:10px;padding:6px 12px;font-size:13px;position:fixed;top:8px;left:50%;transform:translate(-50%)}.code-box{font-size:20px}.code-box b{color:var(--gold);letter-spacing:4px}.seats{flex-direction:column;gap:10px;width:min(460px,94vw);display:flex}.seat{background:#ffffff10;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.seat.you{outline:2px solid var(--gold)}.dot{border-radius:50%;width:16px;height:16px;box-shadow:inset -2px -2px 3px #0006}.seat-name{flex:1}.tag{opacity:.6;margin-left:8px;font-size:12px}.seat-actions{flex-wrap:wrap;gap:4px;display:flex}.mini{color:var(--parchment);cursor:pointer;background:#ffffff12;border:1px solid #ffffff30;border-radius:8px;padding:5px 8px;font-size:12px}.ball-color-picker{flex-direction:column;gap:8px;display:flex}.ball-color-picker.compact{background:#ffffff0b;border:1px solid #ffffff18;border-radius:14px;width:min(460px,94vw);padding:12px 14px}.ball-color-title{opacity:.86;font-size:13px}.ball-color-title b{color:var(--parchment)}.ball-color-options{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.ball-color-choice{appearance:none;cursor:pointer;background:var(--ball-color);color:#171009;width:28px;min-width:0;height:28px;box-shadow:inset -4px -5px 7px #0005, inset 3px 3px 5px var(--ball-light), 0 2px 5px #0008;border:2px solid #ffffff8c;border-radius:50%;padding:0;font-size:15px;font-weight:1000}.ball-color-choice:hover:not(:disabled){transform:scale(1.1)}.ball-color-choice.selected{outline:3px solid var(--gold);outline-offset:2px}.ball-color-choice.taken{opacity:.2;cursor:not-allowed;filter:grayscale(.7)}@media (width<=430px){.ball-color-options{gap:5px}.ball-color-choice{width:25px;height:25px}}.game-root{flex-direction:column;height:100%;display:flex;position:relative}.players{z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:10px}.pchip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#0006;border:1px solid #ffffff18;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:flex}.pchip.active{outline:2px solid var(--gold)}.pchip .sig{font-size:15px}.board-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:6px;display:flex;position:relative}.board-svg{filter:drop-shadow(0 24px 50px #000b);width:min(64vh,680px);height:min(64vh,680px)}.fx-reaction{pointer-events:none;font-size:96px;animation:2.4s ease-out forwards pop;position:absolute;top:20%}.fx-reaction .quip{background:#000a;border-radius:12px;padding:8px 14px;font-size:22px}@keyframes pop{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.win-banner{color:#2b1d10;background:linear-gradient(#e8b94a,#c9902a);border-radius:16px;padding:16px 24px;font-size:24px;font-weight:900;position:absolute;top:40%;box-shadow:0 10px 40px #000}.hints{flex-wrap:wrap;justify-content:center;gap:8px;min-height:20px;padding:6px;display:flex}.act-btn{color:#2b1d10;cursor:pointer;background:linear-gradient(#e8b94a,#c9902a);border:none;border-radius:10px;padding:8px 14px;font-weight:700}.hand{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex}.pcard{color:#2b1d10;cursor:pointer;background:linear-gradient(160deg,#fffaf0,#e8d9bd);border:2px solid #00000030;border-radius:12px;justify-content:center;align-items:center;width:62px;height:92px;font-weight:800;transition:transform .12s;display:flex;box-shadow:0 4px 10px #0006}.pcard .card-rank{font-size:22px}.pcard.sel{outline:3px solid var(--gold);transform:translateY(-14px)}.pcard:disabled{cursor:default}.emotes{justify-content:center;gap:6px;padding:8px;display:flex}.emote{cursor:pointer;background:#ffffff12;border:1px solid #ffffff30;border-radius:50%;width:44px;height:44px;font-size:22px}.emote.on{outline:2px solid var(--gold)}@media (width<=520px){.logo{font-size:60px}.pcard{width:52px;height:78px}.board-svg{width:98vw}}.link{color:var(--gold);cursor:pointer;background:0 0;border:none;font-size:15px;text-decoration:underline}.rules-screen{justify-content:flex-start;overflow-y:auto}.menu-back{z-index:40;position:fixed;top:16px;left:16px}.rules-list{flex-direction:column;gap:12px;width:min(560px,94vw);display:flex}.rule{background:#ffffff10;border-radius:12px;padding:12px 14px}.rule-h{color:var(--gold);margin-bottom:4px;font-weight:800}.rule-b{opacity:.9;font-size:14px;line-height:1.45}.tutorial-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:12px;max-width:720px;margin:10px auto 0;padding:10px 18px}.tutorial-card .rule-b{font-size:15px}.tutorial-head{z-index:5;opacity:.9;white-space:nowrap;font-size:16px;position:absolute;top:10px;left:14px}.replay-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.replay-controls input[type=range]{flex:1;min-width:140px}.cards-catalog{height:100%;padding:58px 24px 34px;overflow-y:auto}.cards-catalog-head{text-align:center;margin-bottom:16px}.cards-catalog-head h1{color:var(--gold);margin:0 0 4px;font-size:30px}.cards-catalog-head p{opacity:.65;margin:0;font-size:14px}.cards-catalog-grid{grid-template-columns:repeat(6,100px);justify-content:center;gap:12px 18px;width:max-content;max-width:100%;margin:0 auto;display:grid}.catalog-card{text-align:center;width:100px;margin:0}.catalog-card-face{filter:drop-shadow(0 7px 11px #0009);width:100px;height:164px}.catalog-card-face svg{width:100%;height:100%;display:block}.catalog-card figcaption{color:var(--parchment);margin-top:3px;font-size:12px;font-weight:700}@media (width<=760px){.cards-catalog{padding-inline:12px}.cards-catalog-grid{grid-template-columns:repeat(3,88px);gap:12px 14px}.catalog-card{width:88px}.catalog-card-face{width:88px;height:145px}}.pcard{position:relative;overflow:hidden}.pcard .card-rank{z-index:0;position:relative}.card-img{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (width>=720px){.pcard{width:78px;height:116px}.pcard .card-rank{font-size:26px}.pcard:not([disabled]):hover{transform:translateY(-8px);box-shadow:0 10px 20px #0008}.hand{gap:12px;padding:14px}.emotes{gap:8px}.emote{width:48px;height:48px;font-size:24px}}.sig{border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:13px;font-weight:800;display:inline-flex}.sig.plus{color:#fff;background:#2f7d4f}.sig.minus{color:#fff;background:#6f3030}.join-box{background:#ffffff10;border:1px solid #ffffff20;border-radius:16px;align-items:center;gap:16px;padding:14px 18px;display:flex}.qr{image-rendering:pixelated;background:#fff;border-radius:10px;padding:6px}.join-side{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.emote.dim{opacity:.45}.hints{min-height:46px}.sig-emo{font-size:15px;line-height:1}.pcard{color:#26325c;background:linear-gradient(#fffdf6,#f3ecd8);border:2px solid #26325c}.pcard.special{background:linear-gradient(#fffdf6,#eaeef7)}.pcard .card-rank{color:#26325c;z-index:1;font-weight:800;position:relative}.card-flower{opacity:.14;pointer-events:none;z-index:0;position:absolute;inset:14%}.card-rank.special-name{text-transform:uppercase;letter-spacing:.3px;text-align:center;padding:0 3px;font-size:12px;line-height:1.1}@media (width>=720px){.card-rank.special-name{font-size:14px}}.mover-toast{border:2px solid var(--gold);z-index:6;background:#000c;border-radius:12px;padding:6px 16px;font-size:16px;font-weight:700;animation:2.6s ease-out forwards pop;position:absolute;top:8px;left:50%;transform:translate(-50%)}.pchip.moved{box-shadow:0 0 0 2px var(--gold), 0 0 14px #e8b94a88}.scrub-bar{justify-content:center;align-items:center;gap:8px;display:flex}.hints{z-index:5;flex-direction:column;align-items:stretch;width:250px;min-height:0;position:absolute;top:205px;left:10px}.act-list{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:10px;flex-direction:column;gap:6px;width:100%;padding:8px;display:flex}.act-title{opacity:.7;font-size:12px}.act-btn{text-align:left;width:100%;font-size:14px}.act-btn.cancel{color:var(--parchment);background:#ffffff20}.emotes{z-index:5;flex-direction:column;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.board-svg{width:min(78vh,860px);height:min(78vh,860px)}@media (width>=1000px){.board-wrap{padding:6px 275px}}@media (width<=999px){.hints{width:auto;position:static}.emotes{flex-direction:row;position:static;transform:none}}.emotes .emote{color:#e8d9b8;background:#ffffff0e;border:1px solid #ffffff2e;width:52px;height:52px}.emotes .emote:hover{background:#ffffff14}.game-root{overflow:hidden}.board-wrap{padding:4px 74px 2px}.board-svg{filter:drop-shadow(0 25px 54px #000c);width:min(100%,100vh - 154px,960px);height:min(100%,100vh - 154px,960px);overflow:visible}.board-marble{transition:transform .175s cubic-bezier(.22,.78,.22,1)}.board-player,.field-action,.source-hit,.target-hit,.borrow-card{cursor:pointer}.board-player,.board-prompt{pointer-events:none}.source-hit,.target-hit{-webkit-tap-highlight-color:transparent;outline:none}.source-hit:focus,.source-hit:focus-visible,.target-hit:focus,.target-hit:focus-visible{outline:none}.field-action:hover rect{filter:brightness(1.22)}.borrow-card{transition:filter .16s}.borrow-card:hover{filter:brightness(1.13)drop-shadow(0 0 8px #f5d486)}.source-ring,.selected-source-ring,.target-ring,.last-target,.turn-pulse{transform-box:fill-box;transform-origin:50%}.source-ring{animation:1.05s ease-in-out infinite board-source-pulse}.selected-source-ring{animation:.8s ease-in-out infinite board-selected-pulse}.target-ring{animation:.9s ease-in-out infinite board-target-pulse}.capture-ring{animation-duration:.62s}.last-target{animation:1.4s ease-in-out infinite board-last-pulse}.turn-pulse{animation:1.15s ease-in-out infinite board-turn-pulse}@keyframes board-source-pulse{50%{opacity:.78;transform:scale(1.18)}}@keyframes board-selected-pulse{50%{opacity:.46;transform:scale(1.1)}}@keyframes board-target-pulse{50%{opacity:.46;transform:scale(1.13)}}@keyframes board-last-pulse{50%{opacity:.25;transform:scale(1.16)}}@keyframes board-turn-pulse{50%{opacity:.38;transform:scale(1.13)}}.hand{z-index:8;flex-wrap:nowrap;align-items:flex-end;gap:10px;min-height:146px;padding:7px 72px 9px}.pcard,.pcard.special{width:82px;height:135px;box-shadow:none;background:0 0;border:0;border-radius:7px;padding:0;transition:transform .18s,filter .18s;overflow:visible}.card-face{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.pcard.sel{filter:drop-shadow(0 0 7px #f4d16f)drop-shadow(0 10px 9px #0009);outline:0;transform:translateY(-13px)}.pcard:not([disabled]):hover{filter:brightness(1.05)drop-shadow(0 9px 8px #0008);box-shadow:none;transform:translateY(-8px)}.pcard.sel:not([disabled]):hover{transform:translateY(-13px)}.quick-btn{padding-block:14px;font-size:18px}.mover-toast{pointer-events:none;top:55px}.error-toast{color:#ffb3a7;border-color:#c0392b;animation:3.2s ease-out forwards pop;top:100px}.leave-btn{color:#d98a80;border-color:#a4423844;font-size:18px}.leave-confirm{color:#fff;background:#8f2630;border-color:#ffb3a7;font-size:13px;font-weight:800}.win-banner{z-index:20;text-align:center}.win-banner .act-btn{width:auto;margin-top:10px}.scrub-bar{z-index:12;position:absolute;bottom:154px;left:50%;transform:translate(-50%)}@media (width>=1000px){.board-wrap{padding:4px 74px 2px}.emotes{right:10px}}.game-root{flex-direction:row}.board-wrap{aspect-ratio:1;flex:none;height:100%;padding:0}.board-svg{filter:drop-shadow(14px 0 36px #000a);width:100%;max-width:none;height:100%;max-height:none}.hand-panel{flex:auto;justify-content:center;align-items:center;min-width:0;padding:24px 12px;display:flex}.hand{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:500px;min-height:0;padding:0}.pcard,.pcard.special{width:138px;height:228px}.side-tools{z-index:30;gap:8px;display:flex;position:absolute;top:10px;right:12px}.tool-btn{color:#e8d9b8;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff2e;border-radius:50%;width:46px;height:46px;font-size:18px}.tool-btn:hover{background:#ffffff18}.tool-btn.dim{opacity:.4}.tool-btn.on{outline:2px solid var(--gold)}.tool-btn[disabled]{opacity:.3;cursor:default}.prompt-overlay{color:#fff8e6;z-index:9;pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1120b8;border:1px solid #ffffff4a;border-radius:16px;max-width:62%;padding:12px 26px;font-size:19px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scrub-bar{bottom:42px}@media (width<=999px){.game-root{flex-direction:column}.board-wrap{aspect-ratio:1;align-self:center;width:min(100vw,100dvh - 352px);height:auto}.hand-panel{flex:1 0 auto;min-height:306px;padding:8px}.pcard,.pcard.special{width:82px;height:135px}.prompt-overlay{padding:8px 14px;font-size:14px}.side-tools{flex:none;justify-content:center;width:100%;padding:0 6px 6px;position:static}.tool-btn{width:40px;height:40px}}@media (width>=1000px) and (width<=1279px) and (height<=800px){.hand{gap:12px;max-width:190px}.pcard,.pcard.special{width:82px;height:135px}.side-tools{gap:5px}.tool-btn{width:42px;height:42px}}@media (width<=999px) and (orientation:landscape){.game-root:not(.tutorial-root){flex-direction:row;overflow:hidden}.game-root:not(.tutorial-root) .board-wrap{aspect-ratio:1;width:auto;height:100%}.game-root:not(.tutorial-root) .hand-panel{flex:auto;min-height:0;padding:42px 8px 8px}.game-root:not(.tutorial-root) .hand{gap:10px;max-width:300px}.game-root:not(.tutorial-root) .side-tools{gap:4px;width:auto;padding:0;position:absolute;top:4px;right:4px}.game-root:not(.tutorial-root) .tool-btn{width:34px;height:34px;font-size:15px}}.tutorial-root{flex-direction:column;align-items:center;gap:10px;padding:10px 12px 12px;overflow-y:auto}.tutorial-root .tutorial-head{flex:none;align-self:center;position:static}.tutorial-root .board-wrap{aspect-ratio:1;flex:none;width:min(100dvh - 230px,92vw,620px);height:auto}.tutorial-root .tutorial-card{flex:none;width:min(720px,100%);margin:0}.tutorial-root .replay-controls{flex:none;padding:0}@media (prefers-reduced-motion:reduce){.board-marble{transition:none}.source-ring,.selected-source-ring,.target-ring,.last-target,.turn-pulse,.mover-toast{animation:none}}.guide-root{scroll-behavior:smooth;height:100%;overflow-y:auto}.g-hero{text-align:center;background:radial-gradient(900px 480px at 50% -10%,#3a2b1a,#0000 75%);padding:64px 24px 34px;position:relative}.g-hero-kicker{letter-spacing:4px;text-transform:uppercase;opacity:.6;margin-bottom:12px;font-size:12px}.g-hero h1{letter-spacing:1px;margin:0 0 6px;font-size:clamp(34px,6vw,58px);font-weight:900}.g-gold{color:var(--gold);text-shadow:0 3px 0 var(--wood-dark), 0 7px 22px #000}.g-hero-sub{opacity:.65;margin:0 0 26px}.g-facts{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:28px;display:flex}.g-fact{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;min-width:92px;padding:10px 20px}.g-fact b{color:var(--gold);font-size:22px;display:block}.g-fact span{opacity:.65;font-size:12px}.g-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#171009ee;border-block:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding:10px;display:flex;position:sticky;top:0}.g-nav a{color:var(--parchment);opacity:.8;border-radius:8px;padding:4px 10px;font-size:14px;text-decoration:none}.g-nav a:hover{color:var(--gold);opacity:1;background:#ffffff0d}.g-sec{max-width:880px;margin:0 auto;padding:38px 22px 8px;scroll-margin-top:64px}.g-sec h2{color:var(--gold);border-bottom:1px solid #ffffff1c;margin:0 0 14px;padding-bottom:8px;font-size:27px}.g-sec p,.g-sec li{font-size:15.5px;line-height:1.6}.g-steps{flex-direction:column;gap:10px;padding-left:22px;display:flex}.g-law-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.g-law{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.55}.g-law h4{color:var(--gold);margin:0 0 6px;font-size:16px}.g-card-block{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:flex-start;gap:20px;margin-bottom:14px;padding:16px 18px;display:flex}.g-card-face{filter:drop-shadow(0 8px 14px #0009);flex:0 0 96px;width:96px;height:158px}.g-card-face svg{width:100%;height:100%}.g-card-text h3{margin:2px 0 8px;font-size:19px}.g-card-text p{margin:0 0 8px}.g-note{border-left:3px solid var(--gold);background:#e8b94a14;border-radius:0 10px 10px 0;padding:8px 12px;font-size:14px}.g-list{flex-direction:column;gap:8px;padding-left:20px;display:flex}.g-example{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;margin-top:14px;padding:14px 18px}.g-example h4{color:var(--gold);margin:0 0 8px}.g-dict{grid-template-columns:max-content 1fr;gap:8px 18px;display:grid}.g-dict dt{color:var(--gold);font-weight:800}.g-dict dd{opacity:.9;margin:0}.g-footer{text-align:center;opacity:.95;padding:40px 20px 60px}.g-footer p{opacity:.55;margin-bottom:18px;font-size:13px}@media (width<=640px){.g-card-block{flex-direction:column}.g-card-face{width:80px;height:132px}.g-dict{grid-template-columns:1fr;gap:2px}.g-dict dd{margin-bottom:10px}}