:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1209;--wood-dark:#3b2712;--wood:#6b4a24;--wood-light:#a8783d;--gold:#f4c95d;--gold-dark:#c98a1c;--text:#f3e8cf;--muted:#b9a785}html,body{background:#000;height:100%;margin:0;overflow:hidden}body{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid}#screen{image-rendering:pixelated;image-rendering:crisp-edges;outline:none;display:block}#home{z-index:1;overscroll-behavior:contain;background:var(--bg);color:var(--text);touch-action:pan-y;-webkit-user-select:text;user-select:text;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden auto}#home[hidden]{display:none}#home .backdrop{object-fit:cover;filter:blur(18px)brightness(.32)saturate(1.2);pointer-events:none;z-index:-1;width:calc(100% + 10vmax);height:calc(100% + 10vmax);position:fixed;inset:-5vmax}#home a{color:var(--gold);text-underline-offset:2px}#home p{margin:0}.topbar{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));z-index:1;pointer-events:none;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.tb,.langs{box-sizing:border-box;background:#00000059;border:1px solid #f4c95d59;border-radius:999px;height:28px}.tb{cursor:pointer;color:var(--muted);align-items:center;gap:6px;padding:0 11px;font:600 13px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex;position:relative}#home .tb{color:var(--muted);text-decoration:none}#home .tb:hover{color:var(--gold);background:#00000080;border-color:#f4c95dbf}.tb:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tb[hidden]{display:none}.tb svg{flex:none;width:15px;height:15px}.tb-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg), 0 0 8px #f4c95dcc;border-radius:50%;position:absolute;top:-2px;right:-2px}.tb-dot[hidden]{display:none}.langs{align-items:center;gap:2px;padding:2px;display:flex}#home .langs a{color:var(--muted);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;line-height:1;text-decoration:none}#home .langs a[aria-current]{background:var(--gold);color:var(--wood-dark)}#home .langs a:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.page{text-align:center;flex-direction:column;flex:1 0 auto;justify-content:safe center;align-items:center;gap:clamp(10px,2vh,20px);padding:clamp(40px,6vh,56px) 16px 8px;display:flex}.hero{box-sizing:border-box;background:linear-gradient(180deg, var(--wood-light), var(--wood) 45%, var(--wood-dark));border-radius:6px;flex:none;width:max(240px,min(652px,100%,177.778dvh - 49.7778rem + 12px));margin:0;padding:6px;line-height:0;position:relative;box-shadow:0 0 0 2px #1d1309,0 0 0 4px #f4c95d59,0 18px 50px #000000a6}.hero .slides{aspect-ratio:16/9;background:#000;border-radius:2px;position:relative;overflow:hidden}.hero img{width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity .9s;display:block;position:absolute;inset:0}.hero img.on{opacity:1}.hero .dots{background:#0006;border-radius:999px;gap:0;padding:0 3px;line-height:0;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hero .dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:18px;padding:0;display:grid}.hero .dots button:before{content:"";background:#ffffff73;border-radius:50%;width:8px;height:8px;transition:background-color .2s,transform .2s;box-shadow:0 0 0 1px #0000008c}.hero .dots button[aria-current]:before{background:var(--gold);transform:scale(1.2)}.hero .dots button:not([aria-current]):hover:before{background:#fffc}.hero .dots button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.hero img{transition:none}}.text{flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,12px);max-width:46rem;display:flex}#home h1{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 var(--wood-dark), 0 3px 12px #000000b3;margin:0;font-size:clamp(1.4rem,3.4vh,2.2rem)}.tagline{font-size:clamp(1rem,2.2vh,1.15rem);font-weight:600}.lead{opacity:.92;text-wrap:pretty}.news{color:#ffeec2;text-align:left;text-wrap:pretty;background:linear-gradient(#f4c95d33,#c98a1c1f);border:1px solid #f4c95dbf;border-radius:10px;align-items:center;gap:.6em;margin:2px 0;padding:.45em .95em .45em .45em;font-size:.95rem;font-weight:600;line-height:1.3;animation:2.6s ease-in-out infinite news-glow;display:inline-flex;box-shadow:0 0 0 1px #00000059,0 0 18px #f4c95d47,inset 0 1px #ffffff1f}.news[hidden]{display:none}.news .badge{letter-spacing:.08em;text-transform:uppercase;color:#2a1d10;background:linear-gradient(180deg, #ffe08a, var(--gold) 45%, var(--gold-dark));border-radius:6px;flex:none;padding:.2em .6em;font-size:.75em;font-weight:800;box-shadow:inset 0 1px #fff6,0 1px #120c05}@keyframes news-glow{50%{box-shadow:0 0 0 1px #00000059,0 0 28px #f4c95d80,inset 0 1px #ffffff1f}}@media (prefers-reduced-motion:reduce){.news{animation:none}}.controls{font-size:.95rem}.keys{color:var(--muted);opacity:.85;font-size:.8rem}.credits{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:2px 14px;padding:6px 16px 10px;font-size:.75rem;display:flex}.credits .build{opacity:.7;font-variant-numeric:tabular-nums}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(2px,.8vh,8px) 0;display:flex}.btn{font:inherit;letter-spacing:.02em;cursor:pointer;min-width:9.5rem;color:var(--text);border:2px solid var(--wood-light);background:linear-gradient(180deg, var(--wood), var(--wood-dark));border-radius:8px;padding:.55em 1.5em;font-size:1.05rem;font-weight:700;transition:transform 80ms,filter .15s;box-shadow:inset 0 1px #ffffff2e,0 4px #120c05,0 8px 18px #00000073}.btn.primary{color:#2a1d10;background:linear-gradient(180deg, #ffe08a, var(--gold) 45%, var(--gold-dark));border-color:#ffe39a}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff2e,0 2px #120c05,0 4px 10px #00000073}.btn:focus-visible{outline-offset:3px;outline:3px solid #fff3c4}.btn:disabled{cursor:progress;filter:saturate(.6)brightness(.85)}.btn[hidden]{display:none}@media (pointer:coarse),(max-height:700px){.keys{display:none}}@media (min-aspect-ratio:3/2) and (max-height:960px){.page{text-align:left;flex-direction:row;gap:clamp(20px,3vw,48px);padding:clamp(40px,6vh,56px) clamp(20px,4vw,56px) 8px}.hero{width:min(652px,50vw,177.778dvh - 12.4444rem + 12px)}.text{align-items:flex-start;max-width:34rem}.actions{justify-content:flex-start}}@media (min-aspect-ratio:3/2) and (max-height:520px){.page{gap:16px;padding-top:12px}.hero{width:min(44vw,177.778dvh - 8rem + 12px)}.tagline{display:none}#home h1{font-size:1.3rem}.lead{font-size:.8rem;line-height:1.35}.controls{font-size:.75rem;line-height:1.35}.news{padding:.35em .8em .35em .35em;font-size:.8rem}.btn{padding:.45em 1.3em;font-size:.95rem}.text{gap:6px}.actions{margin:0}.credits{padding:2px 12px 6px;font-size:.7rem}.topbar{top:max(6px, env(safe-area-inset-top))}}@media (max-width:480px){.page{gap:14px;padding-top:44px}.tagline{display:none}.lead{font-size:.9rem}.controls{font-size:.85rem}.news{font-size:.88rem}.btn{min-width:8rem;font-size:1rem}}@media (max-width:520px){.tb{padding:0 8px}.tb-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.modal{box-sizing:border-box;width:min(34rem,100vw - 32px);max-height:min(80dvh,44rem);color:var(--text);border:2px solid var(--wood-light);-webkit-user-select:text;user-select:text;background:linear-gradient(#2b1d0e,#1f150a);border-radius:10px;flex-direction:column;padding:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:none;box-shadow:0 0 0 2px #120c05,0 0 0 4px #f4c95d4d,0 24px 60px #000000b3}.modal[open]{display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.modal-head{border-bottom:1px solid #a8783d66;align-items:center;gap:12px;padding:14px 14px 10px 20px;display:flex}.modal h2{letter-spacing:.04em;color:var(--gold);flex:1;margin:0;font-size:1.15rem}.modal-x{width:32px;height:32px;color:var(--muted);cursor:pointer;background:#0000004d;border:1px solid #f4c95d59;border-radius:50%;flex:none;padding:0;font:22px/1 system-ui,sans-serif}.modal-x:hover{color:var(--gold);border-color:var(--gold)}.modal-x:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.modal-body{overscroll-behavior:contain;padding:14px 20px 18px;overflow:auto}.modal ul,.modal ol{margin:0;padding-left:1.3em}.modal li+li{margin-top:.45em}.modal li::marker{color:var(--gold-dark)}.release+.release{margin-top:18px}.release h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.8rem;font-weight:700}.steps li{padding-left:.2em}.step-icon{vertical-align:-.45em;width:1.6em;height:1.6em;color:var(--gold);background:#f4c95d24;border-radius:6px;place-items:center;margin:0 .25em;display:inline-grid}.step-icon svg{width:1.1em;height:1.1em}#home .modal-note{color:var(--muted);margin:14px 0 0;font-size:.85rem}#lobby{box-sizing:border-box;flex:1 0 auto;justify-content:center;align-items:safe center;padding:clamp(44px,6vh,56px) 12px 8px;display:flex}#lobby[hidden],.page[hidden]{display:none}#lobby [hidden]{display:none!important}.lb-card{box-sizing:border-box;text-align:left;background:#1a1209db;border-radius:10px;flex-direction:column;gap:12px;width:min(100%,36rem);padding:14px 16px 16px;display:flex;box-shadow:0 0 0 2px #1d1309,0 0 0 4px #f4c95d4d,0 18px 50px #0009}.lb-roomcard{width:min(100%,46rem)}.lb-head{align-items:center;gap:8px;min-height:40px;display:flex}.lb-head h2{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 var(--wood-dark);margin:0;font-size:1.25rem}#lobby h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.8rem}.lb-back{border:2px solid var(--wood-light);cursor:pointer;background:linear-gradient(180deg, var(--wood), var(--wood-dark));width:40px;height:40px;color:var(--text);border-radius:8px;flex:none;padding:0 0 4px;font:700 1.6rem/1 system-ui,sans-serif}.lb-back:focus-visible,.lb-clan:focus-visible,.lb-input:focus-visible{outline-offset:2px;outline:3px solid #fff3c4}.lb-intro{color:var(--muted);font-size:.92rem}.lb-muted{color:var(--muted)}.lb-hint{color:var(--muted);margin:0;font-size:.8rem}#lobby .btn{min-width:0}.lb-wide{width:100%}#lobby .lb-small{padding:.45em .9em;font-size:.88rem}.lb-field{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.lb-input{box-sizing:border-box;width:100%;font:inherit;color:var(--text);border:2px solid var(--wood);-webkit-user-select:text;user-select:text;background:#00000073;border-radius:8px;padding:.55em .7em;font-size:1rem;font-weight:500}.lb-input:focus{border-color:var(--gold);outline:none}.lb-input::placeholder{color:#b9a78599}select.lb-input{cursor:pointer}select.lb-input option{background:var(--bg);color:var(--text)}.lb-sep{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:.8rem;display:flex}.lb-sep:before,.lb-sep:after{content:"";background:#f4c95d40;flex:1;height:1px}.lb-join{gap:10px;display:flex}.lb-codeinput{text-transform:uppercase;letter-spacing:.3em;text-align:center;flex:1;min-width:0;font-size:1.15rem;font-weight:700}.lb-codeinput::placeholder{letter-spacing:.3em}.lb-joinbtn{flex:none}.lb-messages:empty{display:none}.lb-messages p{margin:0}.lb-error{color:#ffb4a8;background:#a01e1440;border:1px solid #ff786466;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;font-size:.9rem;display:flex}.lb-notice{color:var(--gold);font-size:.9rem}.lb-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lb-settings .lb-wide{grid-column:1/-1}.lb-summary{grid-column:1/-1;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.92rem;display:grid}.lb-summary dt{color:var(--muted)}.lb-summary dd{margin:0;font-weight:600}.lb-invite{background:#00000059;border:1px dashed #f4c95d66;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.lb-codebox{flex-direction:column;line-height:1.1;display:flex}.lb-codebox .lb-muted{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.lb-code{letter-spacing:.18em;color:var(--gold);-webkit-user-select:all;user-select:all;font:800 2.2rem/1.1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.lb-invite-actions{flex-wrap:wrap;gap:8px;display:flex}.lb-linkfield{flex-basis:100%;font-size:.85rem}.lb-clans{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:8px;display:grid}.lb-clan{text-align:left;cursor:pointer;font:inherit;color:var(--text);border:2px solid var(--wood);background:linear-gradient(#6b4a248c,#3b2712bf);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-height:52px;padding:8px 10px;display:grid}.lb-clan:hover:not(:disabled){border-color:var(--wood-light)}.lb-clan .lb-swatch{grid-row:1/3}.lb-swatch{background:var(--clan);border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:0 0 0 2px #0009,inset 0 -3px 4px #0000004d}.lb-swatch-s{flex:none;width:12px;height:12px}.lb-clanname{overflow-wrap:anywhere;font-size:.95rem;font-weight:700;line-height:1.2}.lb-owner{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.lb-clan.lb-mine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 14px #f4c95d59}.lb-clan.lb-mine .lb-owner{color:var(--gold);font-weight:600}.lb-clan.lb-taken{cursor:not-allowed;opacity:.6}.lb-clan.lb-taken .lb-owner{color:var(--text)}.lb-count{color:var(--muted);margin:0;font-size:.82rem}.lb-warn{color:#ffb4a8}.lb-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lb-cols .lb-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-players{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lb-players li{background:#00000040;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.lb-players li.lb-me{background:#f4c95d1f}.lb-pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lb-crown{color:var(--gold)}.lb-offline{color:#ffb4a8}.lb-ready{text-align:center;width:22px;color:var(--muted);flex:none;font-weight:800}.lb-ready.lb-yes{color:#7be08c}.lb-controls{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lb-controls .btn{min-width:10rem}.lb-leave{align-self:flex-start}@media (max-width:560px){.lb-cols{grid-template-columns:1fr}.lb-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-code{font-size:1.9rem}.lb-controls .btn{flex:1}}@media (max-height:520px) and (min-aspect-ratio:3/2){#lobby{align-items:flex-start;padding-top:40px}.lb-card{gap:8px;padding:10px 14px 12px}.lb-clans{grid-template-columns:repeat(4,minmax(0,1fr))}.lb-code{font-size:1.6rem}}.mp-root{z-index:20;pointer-events:none;color:var(--text);-webkit-user-select:none;user-select:none;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0}.mp-root [hidden]{display:none!important}.mp-safe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}.mp-fab{z-index:1;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;width:48px;height:48px;color:var(--gold);border:3px solid var(--ring,var(--gold));background:radial-gradient(circle at 35% 30%, var(--wood-light), var(--wood) 55%, var(--wood-dark));border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:fixed;box-shadow:0 0 0 2px #0000008c,0 4px 14px #0000008c}.mp-fab:focus-visible{outline-offset:3px;outline:3px solid #fff3c4}.mp-fab.mp-dragging{cursor:grabbing;transform:scale(1.08);box-shadow:0 0 0 2px #0000008c,0 10px 24px #0009}.mp-fab.mp-snap{transition:left .18s ease-out,top .18s ease-out}.mp-fab[data-state=turn]{--ring:#4ade80;animation:1.6s ease-in-out infinite mp-pulse}.mp-fab[data-state=wait]{--ring:#9b9b9b}.mp-fab[data-state=offline]{--ring:#ef4444}@keyframes mp-pulse{50%{box-shadow:0 0 0 2px #0000008c,0 0 0 7px #4ade8059,0 4px 14px #0000008c}}.mp-fab-icon{filter:drop-shadow(0 1px #0009);place-items:center;display:grid}.mp-badge{box-sizing:border-box;color:#fff;text-align:center;background:#e5372b;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font:700 11px/20px system-ui,sans-serif;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #1a1209}.mp-backdrop{z-index:2;pointer-events:auto;touch-action:none;background:0 0;position:fixed;inset:0}.mp-sheet{z-index:3;pointer-events:auto;box-sizing:border-box;background:var(--bg);touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;box-shadow:0 0 0 2px #1d1309,0 0 0 3px #f4c95d59,0 10px 40px #000000b3}@media (orientation:portrait){.mp-sheet{height:min(62vh,560px);max-height:min(62vh,560px);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:14px 14px 0 0;bottom:0;left:0;right:0}}@media (orientation:landscape){.mp-sheet{width:min(390px,52vw);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0;border-radius:14px 0 0 14px;top:0;bottom:0;right:0}}.mp-head{border-bottom:1px solid #f4c95d33;flex:none;align-items:center;gap:8px;padding:8px 8px 6px 10px;display:flex}.mp-tabs{flex:1;gap:4px;display:flex}.mp-tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-weight:700;position:relative}.mp-tab[aria-selected=true]{color:var(--wood-dark);background:var(--gold)}.mp-tab:focus-visible,.mp-close:focus-visible,.mp-btn:focus-visible,.mp-input:focus-visible,.mp-select:focus-visible{outline-offset:1px;outline:3px solid #fff3c4}.mp-tabbadge{box-sizing:border-box;color:#fff;text-align:center;background:#e5372b;border-radius:9px;min-width:18px;margin-left:6px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}.mp-close{cursor:pointer;width:40px;height:40px;color:var(--text);background:#ffffff14;border:0;border-radius:50%;flex:none;padding:0 0 3px;font:400 28px/1 system-ui,sans-serif}.mp-close:hover{background:#ffffff29}.mp-pane{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 12px 12px;display:flex;overflow:auto}.mp-muted{color:var(--muted)}.mp-empty{color:var(--muted);margin:0;font-size:13px}.mp-btn{font:inherit;cursor:pointer;color:var(--text);border:2px solid var(--wood-light);background:linear-gradient(180deg, var(--wood), var(--wood-dark));border-radius:8px;min-height:36px;padding:8px 14px;font-weight:700}.mp-btn:disabled{cursor:default;opacity:.7}.mp-btn.mp-small{min-height:30px;padding:4px 10px;font-size:12px}.mp-btn.mp-primary{color:#2a1d10;background:linear-gradient(180deg, #ffe08a, var(--gold) 45%, var(--gold-dark));border-color:#ffe39a}.mp-btn.mp-danger{background:linear-gradient(#7a2e1e,#4a1a10);border-color:#b4553f}.mp-input,.mp-select{box-sizing:border-box;font:inherit;color:var(--text);border:2px solid var(--wood);-webkit-user-select:text;user-select:text;background:#00000073;border-radius:8px;min-height:38px;padding:8px 10px}.mp-input:focus,.mp-select:focus{border-color:var(--gold);outline:none}.mp-select option{background:var(--bg)}.mp-roomline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mp-code{letter-spacing:.15em;color:var(--gold);-webkit-user-select:all;user-select:all;font:800 20px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.mp-roomline .mp-btn{margin-left:auto}.mp-copyfield{width:100%;font-size:12px}.mp-players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mp-player{background:#0000004d;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.mp-player.mp-current{border-left-color:var(--gold);background:#f4c95d1f}.mp-swatch{border-radius:50%;flex:none;width:16px;height:16px;display:inline-block;box-shadow:0 0 0 2px #0009}.mp-swatch-s{vertical-align:-1px;width:10px;height:10px;margin-right:6px}.mp-pmain{flex:1;min-width:0}.mp-pname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mp-nick{color:var(--text);opacity:.9}.mp-crown{color:var(--gold)}.mp-pstatus{color:var(--muted);font-size:12px}.mp-dot{vertical-align:0;background:#7be08c;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.mp-dot.mp-offline{background:#ef4444}.mp-dot.mp-ai{background:#64b5ff}.mp-dot.mp-kicked{background:#777}.mp-dot.mp-out{background:0 0;box-shadow:inset 0 0 0 1.5px #8a8a8a}.mp-turnmark{color:var(--gold);font-weight:700}.mp-countdown{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.mp-ainote{color:#64b5ff}.mp-pact{flex-direction:column;flex:none;align-items:stretch;gap:4px;display:flex}.mp-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mp-me{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.mp-me .mp-btn{flex:1}.mp-pane-chat{gap:8px;padding-bottom:10px}.mp-chatlist{-webkit-user-select:text;user-select:text;overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:0 2px;list-style:none;display:flex;overflow-y:auto}.mp-msg{overflow-wrap:anywhere}.mp-from{text-shadow:0 1px #000;font-weight:700}.mp-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.mp-msg .mp-text{white-space:pre-wrap}.mp-msg.mp-sys{color:var(--muted);font-size:13px;font-style:italic}.mp-msg.mp-sys .mp-text{display:inline}.mp-chatform{flex:none;gap:8px;display:flex}.mp-chatform .mp-input{flex:1;min-width:0}.mp-strip{z-index:0;bottom:max(var(--mp-bottom,8px), env(safe-area-inset-bottom));box-sizing:border-box;pointer-events:auto;cursor:pointer;white-space:nowrap;background:#000000ad;border:1px solid #f4c95d66;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:4px 14px;font-size:13px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.mp-strip .mp-swatch-s{margin:0}.mp-striptext{text-overflow:ellipsis;min-width:0;overflow:hidden}.mp-strip .mp-countdown{flex:none}.mp-is-open .mp-strip{display:none}.mp-strip.mp-bad{color:#ffb4a8;border-color:#ef4444b3}.mp-strip.mp-mine{color:#d9ffe4;border-color:#4ade80bf;animation:.35s mp-pill-in}@keyframes mp-pill-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.mp-toast{z-index:4;bottom:calc(max(var(--mp-bottom,8px), env(safe-area-inset-bottom)) + 36px);pointer-events:none;box-sizing:border-box;text-align:center;color:#f6ead0;background:#000000ad;border:1px solid #f4c95d66;border-radius:999px;max-width:calc(100% - 24px);padding:4px 14px;font:600 13px/1.4 system-ui,sans-serif;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.mp-toast.mp-err{color:#ffd9d2;border-color:#ff786499}.mp-toast.mp-show{animation:2.6s forwards mp-toast}@keyframes mp-toast{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}10%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mp-fab[data-state=turn],.mp-toast.mp-show{animation:none}.mp-fab.mp-snap{transition:none}}.mp-cover{z-index:1;pointer-events:auto;background:#000;place-items:center;display:grid;position:fixed;inset:0}.mp-cover[hidden]{display:none}.mp-cover-box{color:#f6ead0;background:#000000ad;border:1px solid #f4c95d66;border-radius:999px;align-items:center;gap:12px;padding:10px 18px;font:600 15px/1.4 system-ui,sans-serif;display:flex}.mp-spinner{border:2px solid #f4c95d4d;border-top-color:#f4c95d;border-radius:50%;width:16px;height:16px;animation:.9s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mp-spinner{animation:none}}