:root{--sea-deep:#173f4c;--ink:#22262a;--canvas:#f4ecd6;--canvas-2:#e9dcbb;--rope:#8a6a3d;--accent:#c8501f;--gold:#d9a521;--muted:#6b6455;--line:#cdbb91;--ok:#2a9d55;--f-display:"Kelly Slab","Rockwell",Georgia,serif;--f-body:"Alegreya Sans","Trebuchet MS",system-ui,sans-serif;--f-mono:"PT Mono",Consolas,ui-monospace,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[hidden]{display:none!important}input::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}html,body{height:100%}body{background:var(--sea-deep);color:var(--ink);font-family:var(--f-body);-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;overflow:hidden}#app{grid-template-columns:minmax(0,1fr) 330px;display:grid;position:fixed;inset:0}#stage{min-width:0;position:relative;overflow:hidden;container:stage/inline-size}.coin-pop{pointer-events:none;z-index:4;white-space:nowrap;font:800 22px/1 var(--f-body);text-shadow:0 1px #5a3b00,0 0 6px #00000059;opacity:0;will-change:transform,opacity;position:absolute;top:0;left:0}.coin-pop.up{color:#ffd23a}.coin-pop.down{color:#ff6b57}.coin-pop.big{text-shadow:0 2px 6px #00000059;font-size:38px}#c{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffdf6;border-radius:10px;padding:8px 13px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn[disabled]{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:#fff8ee;border-color:#5a2209;box-shadow:0 3px #5a2209}.btn.big{flex:1;padding:12px 16px;font-size:18px}.btn.sm{box-shadow:0 2px 0 var(--ink);padding:6px 10px;font-size:13px}#hud{background:var(--canvas);border-left:3px solid var(--rope);min-height:0;padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex}.hud-head{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:baseline;gap:10px;padding:14px 18px 10px;display:flex}.brand{font-family:var(--f-display);color:var(--sea-deep);font-size:24px;line-height:1}.code{font-family:var(--f-mono);color:var(--muted);font-size:13px}.turn{border-bottom:1px dashed var(--line);gap:10px;padding:12px 18px;display:grid}.turn-who{align-items:center;gap:10px;min-width:0;display:flex}.turn-who .name{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:800;overflow:hidden}.turn-who .where{color:var(--muted);font-size:13px}.dice-row{align-items:center;gap:10px;display:flex}.dice{gap:7px;display:flex}.die{border:2px solid var(--ink);width:50px;height:50px;box-shadow:0 3px 0 var(--ink);background:#fffdf6;border-radius:11px;place-items:center;display:grid}.die svg{width:38px;height:38px}.die.rolling{animation:.5s linear shake}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-14deg)translateY(-4px)}50%{transform:rotate(10deg)}75%{transform:rotate(-6deg)translateY(-2px)}to{transform:rotate(0)}}.status{min-height:20px;font-size:14px;line-height:1.4}.status b{color:var(--accent)}.section-t{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:10px 18px 4px;font-size:11px;font-weight:700}#players{flex:auto;min-height:60px;margin:0;padding:0 10px 8px;list-style:none;overflow:auto}#players li{border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}#players li.cur{background:var(--canvas-2)}.pn{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ps{color:var(--muted);font-size:12px}.pos{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.pos .coins{color:#8a6100;margin-top:1px;font-size:11px}.btn.buy{width:100%;margin-top:8px}.dot{vertical-align:1px;background:#b9b09a;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.dot.on{background:var(--ok)}.chip{border:1.5px solid;border-radius:99px;margin-right:3px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.chip.skip{color:#1a7fb0}.chip.skip2{color:#c42a2a}.chip.two{color:#a87a00}.chip.quiet{color:#f4ecd6;background:#22262a;border-color:#22262a}.chip.win{color:#8a6100;background:#f6dc8a;border-color:#d9a521}.chip.me{color:var(--sea-deep)}#log{color:#3d3a33;border-top:1px dashed var(--line);max-height:20vh;margin:0;padding:0 18px 10px;font-size:13px;list-style:none;overflow:auto}#log li{border-bottom:1px dotted var(--line);padding:4px 0}.clock{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:3;background:var(--canvas);border:2px solid var(--ink);font-family:var(--f-mono);font-variant-numeric:tabular-nums;box-shadow:0 2px 0 var(--ink);border-radius:10px;padding:5px 10px;font-size:14px;position:absolute}.res-who{align-items:center;gap:10px;margin:8px 0 4px;font-size:17px;display:flex}.res-wrap{margin:12px 0 16px;overflow-x:auto}.res{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.res th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:2px solid var(--ink);padding:6px 8px;font-size:11px;font-weight:700}.res td{border-bottom:1px dotted var(--line);vertical-align:middle;padding:8px}.res .n{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right}.res th.n{text-align:right}.res tr:first-child td{font-weight:700}.res tr.gone{opacity:.55}.pl{align-items:center;gap:8px;display:inline-flex}.leave-list{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.leave-list li{border:1.5px solid var(--line);background:#fbf5e4;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.hud-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px dashed var(--line);flex-wrap:wrap;gap:6px;display:flex}.toast{top:calc(12px + env(safe-area-inset-top,0px));background:var(--canvas);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;z-index:4;pointer-events:none;border-radius:12px;max-width:min(520px,100% - 32px);padding:9px 15px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;left:50%;transform:translate(-50%)}.toast.hide{opacity:0;transform:translate(-50%,-10px)}.toast .q{font-family:var(--f-display);color:var(--sea-deep);margin-bottom:2px;font-size:20px;font-weight:400;display:block}#loading{color:var(--canvas);font-family:var(--f-display);background:var(--sea-deep);z-index:30;place-items:center;font-size:28px;display:grid;position:fixed;inset:0}.overlay{z-index:10;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background:#0e28319e;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.sheet{background:var(--canvas);border:3px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:16px;width:min(720px,100%);max-height:calc(100% - 8px);padding:22px;overflow:auto}.sheet h1{font-family:var(--f-display);color:var(--sea-deep);text-wrap:balance;margin:0;font-size:clamp(30px,6vw,44px);font-weight:400;line-height:1}.sheet h2{font-family:var(--f-display);color:var(--sea-deep);text-wrap:balance;margin:0 0 6px;font-size:26px;font-weight:400}.lede{color:#3d3a33;max-width:62ch;margin:10px 0 16px;line-height:1.45}.hint{color:var(--muted);font-size:13px;line-height:1.4}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.seats{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.seats li{border:1.5px solid var(--line);background:#fbf5e4;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.seats .del{color:var(--muted);background:0 0;border:none;padding:2px 8px;font-size:20px}.form{border:1.5px dashed var(--rope);border-radius:12px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.form input,.codein{box-sizing:border-box;font:inherit;color:var(--ink);-webkit-text-fill-color:var(--ink);caret-color:var(--ink);border:1.5px solid var(--line);background:#fffdf6;border-radius:8px;width:100%;min-width:0;padding:8px 10px;font-weight:700}.share{background:#fbf5e4;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.share code{font-family:var(--f-mono);letter-spacing:.04em;-webkit-user-select:all;user-select:all;font-size:18px;font-weight:700}.legend{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 18px;margin:12px 0;display:grid}.legend div{align-items:center;gap:10px;font-size:14px;display:flex}.legend i{border:1px solid #00000059;border-radius:50%;flex:none;width:20px;height:20px}.rules{max-width:66ch;padding-left:20px;line-height:1.5}.orderlist{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.orderlist li{align-items:center;gap:10px;font-weight:700;display:flex}.orderlist .r{font-family:var(--f-mono);color:var(--muted);font-weight:400}@media (max-width:760px){#app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}#hud{border-left:none;border-top:3px solid var(--rope);max-height:44vh;padding-left:env(safe-area-inset-left,0px)}.hud-head,#log{display:none}#players{max-height:16vh}.die{width:42px;height:42px}.die svg{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.conn{top:calc(56px + env(safe-area-inset-top,0px));z-index:5;color:#5a2209;background:#fbe3d6;border:2px solid #5a2209;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.seat-pick{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.fig-preview{border:6px solid var(--ink);width:116px;height:116px;box-shadow:0 3px 0 var(--ink);background:#fbf5e4;border-radius:50%;flex:none;place-items:center;transition:background .2s;display:grid;overflow:hidden}.fig-preview img{object-fit:contain;width:100%;height:100%}.seat-fields{flex:1;gap:8px;min-width:200px;display:grid}.fld{color:var(--muted);grid-template-columns:56px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:700;display:grid}.fld select{font:inherit;color:var(--ink);border:1.5px solid var(--line);background:#fffdf6;border-radius:8px;width:100%;min-width:0;padding:7px 8px;font-weight:700}.fld select:focus-visible{outline:3px solid var(--accent);outline-offset:1px}#randomFig{justify-self:start}.color-row{align-items:center;gap:8px;min-width:0;display:flex}.swatch{border:2px solid var(--ink);border-radius:50%;flex:none;width:24px;height:24px}.badge{box-sizing:border-box;background:#fbf5e4;border:3px solid #1d1f22;border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.badge img{object-fit:contain;pointer-events:none;width:100%;height:100%}.clock.turnno{left:auto;right:calc(12px + env(safe-area-inset-right,0px))}body.home #app{grid-template-rows:1fr;grid-template-columns:1fr}body.home .gamebar,body.home .clock{display:none!important}:root{--shade:radial-gradient(ellipse at 50% 42%,#081a2033 0%,#081a2082 70%,#081a20b0 100%)}.overlay.home{background:0 0;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center}#shade{z-index:4;background:var(--shade);opacity:0;pointer-events:none;transition:opacity .6s;position:fixed;inset:0}body.home #shade,body.lobby #shade{opacity:1}.home-wrap{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(600px,100%);display:flex}.home-logo{flex:none;width:min(860px,96vw);margin:0;line-height:0}.home-logo img{filter:drop-shadow(0 10px 18px #00000073);width:100%;height:auto}.home-sub{filter:drop-shadow(0 8px 12px #00000073);flex:none;width:min(620px,92vw);height:auto;margin:-16.5% 0 -2%;display:block;position:relative}.home-lede{opacity:.7;color:#fff6e2;text-shadow:0 1px 2px #000000bf,0 0 12px #00000073;margin:10px 0 -4px;font-size:17px;line-height:1.4}.home-btn{width:100%;font:800 22px/1.1 var(--f-body);letter-spacing:.2px;color:#fffaf0;text-shadow:0 2px #00000040;border:0;border-radius:16px;padding:16px 18px;transition:transform 80ms,box-shadow 80ms,filter .15s}.home-btn:hover{filter:brightness(1.06)}.home-btn:active{transform:translateY(4px)}.home-btn[disabled]{filter:grayscale(.4)brightness(.9);cursor:default}.home-btn.create{background:linear-gradient(#e46a2e,#c8501f 55%,#b4441a);box-shadow:inset 0 2px #ffffff59,0 6px #6b2a0d,0 12px 22px #0006}.home-btn.create:active{box-shadow:inset 0 2px #ffffff59,0 2px #6b2a0d,0 6px 12px #0006}.home-join{box-sizing:border-box;background:linear-gradient(#463422c7,#342619d1);border:2px solid #d6b0708c;border-radius:20px;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex;box-shadow:inset 0 1px #ffecc840,0 10px 22px #0006}.home-code{box-sizing:border-box;text-align:center;width:100%;font:700 20px/1 var(--f-body);color:var(--ink);-webkit-text-fill-color:var(--ink);text-transform:lowercase;background:#fbf3df;border:2px solid #8a6a3d;border-radius:12px;padding:12px 14px;box-shadow:inset 0 3px 6px #0000002e}.home-code::placeholder{text-transform:none}.home-btn.join{background:linear-gradient(#5f9f8a,#4a8573 55%,#3d7262);padding:13px 16px;font-size:20px;box-shadow:inset 0 2px #ffffff4d,0 5px #23463c,0 10px 18px #00000059}.home-btn.join:active{box-shadow:inset 0 2px #ffffff4d,0 1px #23463c}.home-hint{color:#ffe3b0;text-shadow:0 1px 2px #000c;min-height:1.4em;margin:0;font-weight:700}@media (max-width:620px){.home-logo,.home-sub{width:100%}}@media (max-width:520px){.home-lede{font-size:15px}.home-btn{padding:14px;font-size:19px}.home-btn.join{font-size:17px}}@media (max-height:760px){.home-logo{width:min(640px,96vw)}.home-sub{width:min(470px,92vw)}.home-wrap{gap:10px}}@media (max-height:600px){.home-logo{width:min(460px,96vw)}.home-sub{width:min(360px,92vw)}}.overlay.table{background:0 0;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;right:330px;container-type:inline-size}.tbl-wrap{flex-direction:column;align-items:center;gap:16px;width:min(1000px,100%);display:flex}.tbl-title{width:min(520px,88%);margin:-22px 0 10px;line-height:0}.tbl-title img{filter:drop-shadow(0 8px 14px #00000073);width:100%;height:auto}.tbl-state{color:#ffe3b0;text-shadow:0 1px 2px #000c;margin:-6px 0 0;font-size:18px;font-weight:800}.tbl-state:empty{display:none}.tbl-share{box-sizing:border-box;color:#fff6e2;text-shadow:0 1px 3px #000000f2,0 0 10px #0009;border-top:1.5px solid #ffecc866;flex-wrap:wrap;align-items:center;gap:14px;width:100%;padding:14px 4px 0;display:flex}.tbl-code{font-size:17px}.tbl-code b{font-family:var(--f-mono);letter-spacing:.06em;-webkit-user-select:all;user-select:all;margin-left:6px;font-size:22px}.tbl-copy{color:#fff6e2;background:#fff6e229;border:1.5px solid #ffecc899;border-radius:10px;padding:7px 14px;font-weight:700}.tbl-copy:hover{background:#fff6e247}.tbl-share-hint{opacity:.9;margin-left:auto;font-size:14px}.tbl-main{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:16px;width:100%;display:grid}.tbl-board{filter:drop-shadow(0 12px 18px #00000073);border:30px solid #0000;border-image:url(/table-board.png) 66 fill/30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:6px;display:grid}.tbl-board[hidden]{display:none}.tbl-pick{background:#fff6e21a;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;display:flex}.car{justify-content:space-between;align-items:center;width:100%;display:flex}.car-arrow{color:#fbe8c4;text-shadow:0 3px #00000059;background:0 0;border:0;padding:0 10px 6px;font-size:56px;line-height:.8;transition:transform .1s}.car-arrow:hover{transform:scale(1.12)}.car-arrow.sm{font-size:40px}.car-pal{margin:-14px 0 16px}.car-fig{object-fit:contain;filter:drop-shadow(0 8px 10px #00000073);width:min(204px,46vw);height:min(204px,46vw)}.car-name{color:#fff6e2;text-shadow:0 1px 2px #0009;min-height:1.2em;font-size:15px;font-weight:700}.car-colors{align-items:center;gap:14px;display:flex}.dot-c{border:2px solid #ffffffa6;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .1s;box-shadow:0 2px 4px #0006}.dot-c.cur{border:3px solid #fff;width:42px;height:42px}.dot-c:hover{transform:scale(1.1)}.tbl-random{width:100%;font:700 16px var(--f-body);color:#4a3420;background:linear-gradient(#f6e8c8,#e6cf9e);border:0;border-radius:12px;margin-top:4px;padding:10px;box-shadow:0 4px #8a6a3d}.tbl-random:active{transform:translateY(3px);box-shadow:0 1px #8a6a3d}.tbl-seat{flex-direction:column;gap:12px;min-width:0;display:flex}.tbl-name{box-sizing:border-box;width:100%;min-height:64px;font:700 24px var(--f-body);color:var(--ink);-webkit-text-fill-color:var(--ink);background:#fffaf0;border:2px solid #8a6a3d;border-radius:16px;flex:1;padding:14px 18px;box-shadow:inset 0 3px 6px #00000026}.tbl-sit{text-align:left;min-height:64px;font:800 22px var(--f-body);color:#4a3420;background:linear-gradient(#f6e8c8,#e2c994);border:0;border-radius:16px;flex:1;padding:0 20px;box-shadow:inset 0 2px #ffffff80,0 5px #8a6a3d,0 10px 16px #0000004d}.tbl-sit:active{transform:translateY(4px);box-shadow:0 1px #8a6a3d}.tbl-sit[disabled]{filter:grayscale(.5);opacity:.7;cursor:default}.tbl-bot{text-align:left;color:#fff6e2;min-height:50px;font:700 18px var(--f-body);text-shadow:0 1px 2px #0009;background:#fff6e229;border:2px solid #ffecc899;border-radius:14px;flex:none;padding:0 18px}.tbl-bot:hover{background:#fff6e247}.tbl-bot[hidden]{display:none}.tbl-bot[disabled]{opacity:.5;cursor:default}.tbl-start-col{flex-direction:column;gap:8px;display:flex}.tbl-start{border-radius:22px;flex:1;min-height:130px;font-size:26px}#seatHint{opacity:.5}.tbl-start[disabled]{color:#fffaf080;text-shadow:none}.tbl-hint{color:#ffe3b0;text-shadow:0 1px 2px #000c;margin:0;font-size:14px;line-height:1.35}.tbl-hint:empty{display:none}.overlay.table{grid-template-rows:1fr auto 1fr}.overlay.table .tbl-wrap{grid-row:2}.tbl-foot{flex-wrap:wrap;grid-row:3;justify-content:center;align-self:center;gap:10px;padding:16px 0;display:flex}.tbl-back{color:#fff6e2;background:#fff6e224;border:1.5px solid #ffecc88c;border-radius:12px;padding:10px 24px;font-size:17px;font-weight:700}.tbl-back:hover{background:#fff6e242}@container (width<=900px){.tbl-main{grid-template-columns:1fr}.tbl-start{min-height:72px;font-size:24px}.tbl-share-hint{margin-left:0}}@container (width<=600px){.tbl-board{grid-template-columns:1fr}}.lobby-only{display:none}body.lobby .lobby-only{display:flex}#hud .hud-head,#hud .hud-foot,body.lobby #hud .turn{display:none}#hud{transition:transform .7s cubic-bezier(.3,.7,.3,1)}@media (min-width:761px){body.home #hud{box-shadow:none;transform:translate(105%)}}@media (max-width:760px){body.home #hud{display:none!important}#hud{animation:.65s cubic-bezier(.2,.8,.2,1) hudIn}}.side-block{flex-direction:column;min-height:0;display:flex}.side-players{flex:1.4 1 0}.side-chat{border-top:1px solid var(--line);flex:.8 1 0}.side-h{justify-content:space-between;align-items:baseline;padding:16px 18px 8px;font-size:16px;font-weight:800;display:flex}.side-count{color:var(--muted);font-size:15px;font-weight:400}.side-list{min-height:0;margin:0;padding:0 12px 8px;list-style:none;overflow:hidden auto}.side-list li{border-bottom:1px solid var(--line);grid-template-columns:16px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 4px;display:grid}.side-list li.side-empty{border:0;display:block}.side-list li{background:var(--canvas);position:relative}.side-list li.cur{background:var(--canvas-2);border-radius:9px}.side-list .pos{white-space:nowrap}.side-n{color:var(--muted);text-align:right;font-size:12px}.side-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-list .del{color:var(--muted);background:0 0;border:none;padding:0 6px;font-size:20px}.side-empty{color:var(--muted);margin:0;padding:0 18px;font-size:14px}.log-h{border-top:1px solid var(--line)}#log{border-top:0;flex:1 1 0;max-height:none}.side-list,#log{-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000)}.chip.bot{color:#6a5a8a}@media (max-width:760px){.overlay.table{bottom:34vh;right:0}#hud{height:34vh;max-height:34vh}#hud .side-chat{min-height:0;padding-bottom:env(safe-area-inset-bottom,0px);flex:none}.side-chat .side-h,.react-feed,.log-h{display:none}@keyframes hudIn{0%{transform:translateY(100%)}to{transform:none}}.tbl-main,.tbl-board{grid-template-columns:1fr}.tbl-start{min-height:64px;font-size:22px}.tbl-share-hint{margin-left:0}}.side-chat{min-height:132px;display:flex}.react-feed{flex:auto;min-height:0;margin:0;padding:0 18px;font-size:14px;list-style:none;overflow:auto}.react-feed li{border-bottom:1px dotted var(--line);white-space:nowrap;text-overflow:ellipsis;padding:3px 0;overflow:hidden}.react-feed li.side-empty{white-space:normal;border:0;padding:0}.react-emoji{vertical-align:-2px;font-size:18px}.react-bar{padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));justify-content:space-between;gap:6px;display:flex}.react-btn{border:1.5px solid var(--line);background:#fffaf0;border-radius:10px;flex:1;padding:6px 0;font-size:20px;line-height:1;transition:transform .1s}.react-btn:hover:not([disabled]){transform:scale(1.12)}.react-btn:active:not([disabled]){transform:scale(.95)}.react-btn[disabled]{opacity:.4;cursor:default}.gamebar{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(1010px,100% - 24px);display:flex;position:absolute;transform:translate(-50%)}.gamebar>*{pointer-events:auto}body.lobby .gamebar{display:none}.gb-status{box-sizing:border-box;text-align:center;color:#fff6e2;width:84%;font:600 15px/1.35 var(--f-body);text-shadow:0 1px 2px #0009;background:linear-gradient(#6b4c30,#553b24);border:1.5px solid #d6b07080;border-bottom:0;border-radius:14px 14px 0 0;min-height:20px;margin-bottom:-14px;padding:7px 22px 15px}.gb-status:empty:before{content:" "}.gb-status b{color:#ffcf7a}.gb-board{box-sizing:border-box;filter:drop-shadow(0 10px 16px #00000073);border:24px solid #0000;border-image:url(/table-board.png) 66 fill/24px;align-items:stretch;gap:12px;width:100%;padding:2px;display:flex;position:relative}.gb-dice{background:#281a0e38;border-radius:14px;flex:none;place-items:center;min-width:136px;padding:6px;display:grid;box-shadow:inset 0 2px 6px #0000004d}.gamebar .dice{gap:8px}.gamebar .die{background:#fffaf0;border:0;border-radius:12px;width:58px;height:58px;box-shadow:inset 0 -4px #0000001f,0 3px 6px #00000059}.gamebar .die svg{width:44px;height:44px}.gb-roll{min-height:70px;font:800 22px/1.1 var(--f-body);color:#fffaf0;text-shadow:0 2px #00000040;background:linear-gradient(#e46a2e,#c8501f 55%,#b4441a);border:0;border-radius:16px;flex:1.5;padding:0 14px;transition:transform 80ms,box-shadow 80ms,filter .15s;box-shadow:inset 0 2px #ffffff59,0 5px #6b2a0d,0 9px 16px #00000059}.gb-roll:hover:not([disabled]){filter:brightness(1.06)}.gb-roll:active:not([disabled]){transform:translateY(4px);box-shadow:inset 0 2px #ffffff59,0 1px #6b2a0d}.gb-roll[disabled]{filter:grayscale(.45)brightness(.92);color:#fffaf080;text-shadow:none;cursor:default}.gb-buy,.gb-btn{color:#4a3420;background:linear-gradient(#f6e8c8,#e2c994);border:0;border-radius:14px;transition:transform 80ms,box-shadow 80ms;box-shadow:inset 0 2px #ffffff80,0 5px #8a6a3d,0 9px 14px #00000047}.gb-buy:active:not([disabled]),.gb-btn:active{transform:translateY(4px);box-shadow:0 1px #8a6a3d}.gb-buy{min-width:92px;font:700 13px/1.2 var(--f-body);flex:none;padding:0 10px}.gb-buy[disabled]{opacity:.55;cursor:default}.gb-sep{background:#281a0e59;flex:none;width:2px;margin:2px;box-shadow:1px 0 #ffecc833}.gb-btn{min-height:70px;font:800 19px var(--f-body);flex:1;padding:0 10px}.gb-leave{flex:.7}.gb-cam{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gb-cam-btn{font:600 16px var(--f-body);color:#fff6e2;text-shadow:0 1px 2px #00000080;background:#342619d6;border:1.5px solid #d6b0708c;border-radius:10px;padding:6px 18px;box-shadow:0 3px 8px #0000004d}.gb-cam-btn:hover{background:#463422e6}.gb-cam-btn[aria-pressed=true]{color:#ffe3a6;border-color:#f0c060}@container stage (width<=760px){.gamebar{gap:6px;width:calc(100% - 16px);bottom:6px}.gb-status{width:100%;padding:5px 12px 13px;font-size:13px}.gb-board{border-width:16px;border-image-width:16px;flex-wrap:wrap;gap:8px}.gb-dice{min-width:0;padding:4px}.gamebar .die{width:42px;height:42px}.gamebar .die svg{width:32px;height:32px}.gb-roll{flex:40%;min-height:52px;font-size:18px}.gb-buy{min-width:72px;font-size:12px}.gb-sep{display:none}.gb-btn{flex:25%;min-height:42px;font-size:15px}.gb-cam-btn{padding:4px 10px;font-size:13px}}.rules-ov{background:#081a208c}.scroll{box-sizing:border-box;color:#4a3420;filter:drop-shadow(0 14px 24px #00000073);scrollbar-width:thin;scrollbar-color:#4a342066 transparent;border:96px solid #0000;border-width:112px 96px 108px;border-image:url(/rules-scroll.png) 150 130 145 fill/112px 96px 108px;width:min(780px,100%);max-height:calc(100% - 8px);padding:14px 38px 22px;overflow:auto}.scroll-title{font:400 36px/1 var(--f-display);color:#5a3a1e;margin:10px 0 16px}.scroll-cols{grid-template-columns:1fr;gap:16px;display:grid}.scroll-rules{counter-reset:r;gap:10px;margin:0;padding:0;list-style:none;display:grid}.scroll-rules>li{counter-increment:r;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;font-size:15px;line-height:1.05;display:grid}.scroll-rules>li:before{content:counter(r);font:400 28px/.9 var(--f-display);color:#8a5a2b}.scroll-rules b{margin-bottom:4px;display:block}.scroll-sub{gap:3px;margin:0;padding-left:18px;display:grid}.scroll-sub li::marker{color:#8a5a2b}.scroll-legend{border-top:1.5px solid #4a342066;padding-top:14px}.scroll-legend h3{font:700 16px/1.2 var(--f-body);color:#5a3a1e;margin:0 0 12px}.scroll-legend .legend{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 18px;margin:0;display:grid}.scroll-legend .legend div{font-size:14px;line-height:1.25}.scroll-legend .legend i{border:1.5px solid #4a34208c;width:22px;height:22px}.scroll-hint{color:#6b5236;margin:16px 0 14px;font-size:13px;line-height:1.3}.scroll-ok{width:100%;font:800 20px var(--f-body);color:#fffaf0;text-shadow:0 2px #00000040;background:linear-gradient(#e46a2e,#c8501f 55%,#b4441a);border:0;border-radius:14px;padding:14px;box-shadow:inset 0 2px #ffffff59,0 4px #6b2a0d,0 6px 8px #4a280f2e}.scroll-ok:active{transform:translateY(4px);box-shadow:inset 0 2px #ffffff59,0 1px #6b2a0d}@media (max-width:700px){.scroll{border-width:64px 44px 62px;border-image-width:64px 44px 62px}.scroll-title{margin:6px 0 10px;font-size:28px}.scroll{padding:8px 16px 14px}.scroll-legend .legend{grid-template-columns:1fr 1fr}.scroll-rules>li{font-size:14px}}.res-scroll{flex-direction:column;width:min(900px,100%);display:flex}.res-note{color:#6b5236;margin:-6px 0 12px;font-size:14px}.res-scroll .res-wrap{scrollbar-width:thin;scrollbar-color:#4a342066 transparent;max-height:min(52vh,560px);margin:0 0 18px;overflow:auto}.res-scroll .res{color:#4a3420;min-width:600px;font-size:15px}.res-scroll .res th{z-index:1;font:700 13px/1.15 var(--f-body);letter-spacing:0;text-transform:none;color:#5a3a1e;vertical-align:bottom;background:#efdcb6;border-bottom:1.5px solid #4a34208c;padding:4px 8px 8px;position:sticky;top:0}.res-scroll .res td{border-bottom:1px solid #4a342059;padding:9px 8px}.res-scroll .res tr:first-child td{font-weight:400}.res-sort{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1.5px dashed #5a3a1e59;padding:0}.res-sort:hover{color:#8a3d12}.res-sort.on{color:#b4441a;border-bottom-color:#b4441a}.res-sort.on:after{content:" ▼";font-size:10px}.res-n{text-align:right;color:#8a5a2b;width:18px;font-family:var(--f-display);font-size:18px;display:inline-block}.res-scroll .chip{color:#6b5236}.res-scroll .chip.win{color:#8a6100}.gb-timer{color:#ffe3a6;font-variant-numeric:tabular-nums;background:#ffecc82e;border-radius:99px;margin-left:10px;padding:0 8px;font-weight:800;display:inline-block}.gb-timer.hurry{color:#fff;background:#c8501f;animation:.5s ease-in-out infinite alternate hurry}@keyframes hurry{to{transform:scale(1.12)}}.tbl-timer{color:#fff6e2;text-shadow:0 1px 2px #0009;background:#281a0e8c;border:1.5px solid #d6b07073;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.tbl-check{font:700 16px var(--f-body);cursor:pointer;align-items:center;gap:10px;display:flex}.tbl-check input{accent-color:#c8501f;cursor:pointer;width:22px;height:22px;margin:0}.tbl-check input:disabled,.tbl-check input:disabled+span{cursor:default}.tbl-timer-opts{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tbl-timer-opts button{font:700 14px var(--f-body);color:#4a3420;text-shadow:none;background:linear-gradient(#f6e8c8,#e2c994);border:0;border-radius:10px;padding:7px 0;box-shadow:0 3px #8a6a3d}.tbl-timer-opts button.on{color:#fffaf0;background:linear-gradient(#e46a2e,#c8501f);box-shadow:0 3px #6b2a0d}.tbl-timer-opts button:disabled{opacity:.45;cursor:default}.tbl-timer-opts button.on:disabled{opacity:.8}body.preview #hud,body.preview .gamebar,body.preview .clock{display:none!important}body.preview #app{grid-template-rows:1fr;grid-template-columns:1fr}.preview-bar{z-index:4;text-align:center;color:#fff6e2;text-shadow:0 1px 2px #0009;background:#342619db;border:1.5px solid #d6b0708c;border-radius:12px;gap:2px;padding:8px 18px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.preview-bar b{font:400 22px/1.1 var(--f-display)}.preview-bar span{opacity:.85;font-size:13px}.scroll-hint-2{margin-top:-8px}@media (min-width:700px){.scroll-hint-2{white-space:nowrap}}.leave-scroll{width:min(680px,100%)}.leave-note{color:#4a3420;margin:-4px 0 14px;font-size:15px;line-height:1.35}.leave-rows{max-height:min(40vh,420px);margin:0 0 16px;padding:0;list-style:none;overflow:auto}.leave-rows li{border-bottom:1px solid #4a34204d;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 2px;display:grid}.leave-name{text-overflow:ellipsis;white-space:nowrap;color:#4a3420;min-width:0;overflow:hidden}.leave-hint{color:#7a6248;font-size:13px}.leave-actions{gap:10px;display:grid}.leave-btn{font:700 16px var(--f-body);color:#4a3420;background:linear-gradient(#f6e8c8,#e2c994);border:0;border-radius:12px;padding:11px 14px;box-shadow:inset 0 2px #ffffff80,0 4px #8a6a3d}.leave-btn:active{transform:translateY(3px);box-shadow:0 1px #8a6a3d}.leave-btn.sm{padding:6px 12px;font-size:14px}.leave-btn.primary{color:#fffaf0;background:linear-gradient(#e46a2e,#c8501f);box-shadow:0 4px #6b2a0d}.side-split{z-index:2;cursor:row-resize;touch-action:none;flex:none;height:9px;margin:-4px 0;position:relative}.side-split:after{content:"";background:var(--line);height:1px;position:absolute;top:4px;left:0;right:0}.side-split:hover:after,.side-split.drag:after{background:var(--rope);height:3px;top:3px}#hud .log-h,#hud .side-chat{border-top:0}.side-players,#log{box-sizing:border-box}@media (max-width:760px){.side-split{display:none}#hud .side-chat{border-top:1px solid var(--line)}}.tbl-main.guest{grid-template-columns:minmax(0,760px);justify-content:center}.tbl-main.guest .tbl-start-col{display:none}.tbl-check input{appearance:none;background:#5e4329 50%/18px no-repeat;border:2px solid #d6b070bf;border-radius:6px;flex:none;width:24px;height:24px;margin:0;box-shadow:inset 0 2px 3px #00000073}.tbl-check input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2.5 10.8 L4.6 9.1 L8.1 12.4 L15.6 3.2 L17.6 4.9 L8.4 16.3 Z' fill='%23fffaf0' stroke='%23fffaf0' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M5.2 10.6 L7.4 12.5 M12.6 7.4 L13.6 8.3' stroke='%235e4329' stroke-width='0.9' stroke-linecap='round'/%3E%3C/svg%3E")}.tbl-check input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.home-top,.home-bottom{align-items:center;gap:inherit;flex-direction:column;width:100%;display:flex}.overlay.leaving,.overlay.entering{overflow:hidden}.overlay.home.leaving .home-top{animation:1s cubic-bezier(.45,0,.7,.35) both homeUp}.overlay.home.leaving .home-bottom{animation:1s cubic-bezier(.45,0,.7,.35) both homeDown}.overlay.home.entering .home-top{animation:1s cubic-bezier(.45,0,.7,.35) reverse both homeUp}.overlay.home.entering .home-bottom{animation:1s cubic-bezier(.45,0,.7,.35) reverse both homeDown}.overlay.bare{background:0 0!important}@keyframes homeUp{0%{transform:none}to{transform:translateY(-110vh)}}@keyframes homeDown{0%{transform:none}to{transform:translateY(110vh)}}.overlay.table.leaving .tbl-wrap{animation:1s cubic-bezier(.45,0,.7,.35) both tblOut}.overlay.table.leaving .tbl-foot{visibility:hidden}@keyframes tblOut{0%{transform:none}to{transform:translateY(-110vh)}}.overlay.table.entering .tbl-wrap{animation:1.1s cubic-bezier(.22,.8,.3,1) both tblIn}@keyframes tblIn{0%{transform:translateY(-100vh)}to{transform:none}}@media (prefers-reduced-motion:reduce){.overlay.table .tbl-wrap,#hud{transition:none!important;animation:none!important}}.win-ov{background:radial-gradient(at 50% 35%,#140e049e 0%,#040e12db 70%,#040e12ed 100%)}.win-wrap{flex-direction:column;align-items:center;gap:6px;width:min(900px,100%,170vh - 816px);display:flex}.win-ov:not([hidden]) .win-title{filter:drop-shadow(0 10px 18px #00000080);width:min(540px,66%);height:auto;margin-bottom:-4px}.win-who{color:#fff6e2;text-shadow:0 2px 4px #000c;text-align:left;align-items:center;gap:16px;display:flex}.win-who .badge{border-width:4px;box-shadow:0 4px 14px #00000080}.win-who b{font:400 38px/1.05 var(--f-display);color:#ffd36b;display:block}.win-who span{font:700 20px var(--f-body);display:block}.win-time{color:#ffe3b0;text-shadow:0 1px 3px #000c;margin:3px 0 0;font-size:15px}.win-board{box-sizing:border-box;aspect-ratio:1600/838;filter:drop-shadow(0 12px 20px #00000073);background:url(/win-board.png) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;align-self:flex-start;width:104.439%;min-height:0;margin:4px 0 0 -2.67624%;padding:8.5% 10% 7%;display:flex;overflow:hidden}.win-board .res-wrap{scrollbar-width:thin;scrollbar-color:#4a342066 transparent;flex:0 auto;min-height:0;margin:0;overflow:auto}.win-board .res{color:#4a3420;min-width:540px;font-size:15px}.win-board .res th{font:700 13px/1.15 var(--f-body);letter-spacing:0;text-transform:none;color:#5a3a1e;background:0 0;border-bottom:1.5px solid #4a34208c;padding:2px 8px 7px}.win-board .res td{border-bottom:1px solid #4a34204d;padding:6px 8px}.win-board .res tr:first-child td{font-weight:700}.win-note{color:#6b5236;text-align:center;margin:6px 0 0;font-size:13px}.win-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:8px;display:flex}.win-btn{font:800 17px var(--f-body);color:#4a3420;background:linear-gradient(#f6e8c8,#e2c994);border:0;border-radius:14px;padding:13px 18px;box-shadow:inset 0 2px #ffffff80,0 4px #8a6a3d,0 8px 14px #0000004d}.win-btn.primary{color:#fffaf0;text-shadow:0 2px #00000040;background:linear-gradient(#e46a2e,#c8501f 55%,#b4441a);box-shadow:inset 0 2px #ffffff59,0 4px #6b2a0d,0 8px 14px #0000004d}.win-btn.light{color:#3a2a1a;background:#fffdf6;margin-left:auto;box-shadow:0 4px #b9a888,0 8px 14px #00000040}.win-btn:active{transform:translateY(3px)}.win-btn[hidden]{display:none}@media (max-width:700px){.win-board{padding:8% 8% 6%}.win-who b{font-size:28px}.win-btn.light{margin-left:0}}.coin-ic{vertical-align:-.18em;object-fit:contain;width:1.1em;height:1.1em;display:inline-block}.leave-note:empty{display:none}#leaveEndNote{margin-top:-8px}.win-ov:not([hidden]) .win-title{animation:.8s cubic-bezier(.2,.9,.3,1.15) both winDrop}.win-ov:not([hidden]) .win-who,.win-ov:not([hidden]) .win-board,.win-ov:not([hidden]) .win-actions{animation:.75s cubic-bezier(.2,.85,.25,1) both winRise}.win-ov:not([hidden]) .win-who{animation-delay:.35s}.win-ov:not([hidden]) .win-board{animation-delay:.48s}.win-ov:not([hidden]) .win-actions{animation-delay:.6s}@keyframes winDrop{0%{transform:translateY(-100vh)}to{transform:none}}@keyframes winRise{0%{transform:translateY(100vh)}to{transform:none}}@media (prefers-reduced-motion:reduce){.win-ov *{animation:none!important}}@media (min-width:761px){body{--side:330px}body.home,body.preview{--side:0px}#app{display:block}#stage{position:absolute;inset:0}#hud{box-sizing:border-box;z-index:5;width:330px;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 20px #0000002e}.gamebar{left:calc((100% - var(--side)) / 2);width:min(1010px,calc(100% - var(--side) - 24px))}.toast,.preview-bar{left:calc((100% - var(--side)) / 2)}.clock.turnno{right:calc(12px + var(--side) + env(safe-area-inset-right,0px))}.conn{left:calc((100% - var(--side)) / 2)}}.res-actions{gap:10px;display:grid}.res-actions [hidden]{display:none}.win-board .res th{z-index:1;background:#ecd2a6;position:sticky;top:0}.win-board .res td{padding:4px 8px}.win-board .badge{border-width:2px;width:26px!important;height:26px!important}.win-btn{padding:11px 14px;font-size:15px}.toast,.conn{z-index:6}.lang-switch{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#1420248c;border-radius:999px;gap:2px;padding:3px;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffecc840,0 4px 12px #0000004d}.lang-switch button{font:700 14px/1 var(--f-body);color:#ffe9c4;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;transition:background .2s,color .2s}.lang-switch button:hover{background:#ffecc81f}.lang-switch button[aria-pressed=true]{color:#fffaf0;cursor:default;background:linear-gradient(#e46a2e,#c8501f);box-shadow:inset 0 1px #ffffff59}.lang-switch button:focus-visible{outline-offset:2px;outline:2px solid #ffe3b0}.overlay.home.leaving .lang-switch{animation:1s cubic-bezier(.45,0,.7,.35) both langOut}.overlay.home.entering .lang-switch{animation:1s cubic-bezier(.45,0,.7,.35) reverse both langOut}@keyframes langOut{0%{transform:translate(-50%)}to{transform:translate(-50%,110vh)}}.top-right{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:3;align-items:center;gap:8px;display:flex;position:absolute}.top-right .clock.turnno{position:static}@media (min-width:761px){.top-right{right:calc(12px + var(--side) + env(safe-area-inset-right,0px))}}body.home .top-right,body.preview .top-right{display:none}.donate-btn{font:700 13px/1.1 var(--f-body);color:var(--ink);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#f4ecd68c;border:1.5px solid #22262a59;border-radius:10px;padding:6px 11px;transition:background .2s,border-color .2s}.donate-btn span{color:#c8501f}.donate-btn:hover{background:#f4ecd6e6;border-color:#22262a99}.donate-btn:focus-visible{outline:2px solid var(--sea-deep);outline-offset:2px}@media (max-width:520px){.donate-btn{padding:5px 8px;font-size:12px}}.donate-scroll{width:min(640px,100%)}.donate-row{align-items:center;gap:18px;margin:4px 0 14px;display:flex}.donate-qr{background:#fffdf6;border-radius:8px;flex:none;width:132px;height:132px;box-shadow:0 0 0 2px #8a6a3d}.donate-how p{color:#4a3420;margin:0 0 10px;font-size:15px;line-height:1.35}.donate-link{box-sizing:border-box;text-align:center;font-size:18px;text-decoration:none;display:block}.donate-legal{color:#6b5236;margin:0 0 14px;font-size:12.5px;line-height:1.4}.donate-close{width:100%;display:block}@media (max-width:520px){.donate-row{flex-direction:column;align-items:stretch}.donate-qr{align-self:center}}