:root{--md-surface:#0d1626;--md-on-surface:#eef3ff;--md-on-surface-variant:#a9b6d0;--md-primary:#f8afa2;--md-on-primary:#5c1a12;--md-primary-container:#7a3329;--md-on-primary-container:#ffdad3;--md-surface-container:#152238;--md-surface-container-high:#1e2f4a;--md-surface-container-low:#111c30;--md-outline:#8391ad;--md-outline-variant:#33476b;--tm-brand:#9ad2fe;--board:#0d1626;--cell:#1a2a44;--cell-hi:#2c3f60;--chain:#ffd34d;--shape-md:12px;--shape-lg:18px;--shape-xl:28px;--shape-full:999px;--elevation-2:0 2px 6px #00000059, 0 1px 2px #0000004d;--font-ui:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-title:"Chakra Petch", "IBM Plex Sans", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--board);overscroll-behavior:none;height:100%;margin:0}body{font-family:var(--font-ui);color:var(--md-on-surface);-webkit-user-select:none;user-select:none}button,input{color:inherit;font-family:inherit}#app{min-height:100%}.ic{vertical-align:-.15em;flex:none;width:1em;height:1em;display:inline-block}.row{align-items:center;gap:10px;display:flex}.grow{flex:1}.stack{flex-direction:column;gap:14px;display:flex}p{color:var(--md-on-surface-variant);margin:0;line-height:1.45}h1,h2{font-family:var(--font-title);text-transform:uppercase;letter-spacing:1.5px;margin:0}h1{font-size:26px;line-height:1.1}h2{font-size:20px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--md-on-surface-variant);font-size:11px;font-weight:700}.btn{cursor:pointer;border-radius:var(--shape-full);letter-spacing:.8px;text-transform:uppercase;background:var(--md-primary);min-height:52px;color:var(--md-on-primary);border:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.btn .ic{font-size:22px}.btn.big{min-height:64px;font-size:18px}.btn.big .ic{font-size:28px}.btn.quiet{background:var(--md-surface-container-high);color:var(--md-on-surface);border:1px solid var(--md-outline-variant)}.btn.round{flex:none;width:52px;padding:0}.btn.danger{color:#ff8a8a}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.toggle{border-radius:var(--shape-md);cursor:pointer;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.toggle .ic{color:var(--md-primary);font-size:22px}.toggle .switch{background:var(--md-outline-variant);border-radius:13px;flex:none;width:44px;height:26px;margin-left:auto;position:relative}.toggle .switch:after{content:"";background:var(--md-on-surface-variant);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle.on .switch{background:var(--md-primary)}.toggle.on .switch:after{background:var(--md-on-primary);transform:translate(18px)}.seg{gap:8px;display:flex}.seg button{border-radius:var(--shape-md);border:2px solid var(--md-outline-variant);background:var(--md-surface-container);cursor:pointer;flex:1;place-items:center;min-height:64px;display:grid}.seg button.on{border-color:var(--md-primary);background:var(--md-surface-container-high)}.minigrid{grid-template-columns:repeat(var(--n), 1fr);gap:2px;width:40px;height:40px;display:grid}.minigrid i{background:var(--md-on-surface-variant);opacity:.7;border-radius:2px}.seg button.on .minigrid i{background:var(--md-primary);opacity:1}.screen{max-width:980px;padding:calc(var(--safe-t) + 14px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 32px) calc(var(--safe-l) + 16px);flex-direction:column;gap:20px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.wordmark{font-family:var(--font-title);letter-spacing:2px;text-transform:uppercase;font-size:17px;font-weight:700}.brandmark{letter-spacing:2px;color:var(--tm-brand);font-size:11px;font-family:var(--font-mono)}.family{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.famorb{cursor:pointer;border-radius:var(--shape-lg);background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;width:88px;padding:4px;display:flex}.famorb span{text-overflow:ellipsis;white-space:nowrap;max-width:84px;font-size:13px;font-weight:600;overflow:hidden}.famorb.add{color:var(--md-on-surface-variant)}.famorb .addic{border:2px dashed var(--md-outline);border-radius:50%;width:64px;height:64px;padding:16px}.orb svg{width:100%;height:auto;display:block}.games{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.gamecard{text-align:left;border-radius:var(--shape-xl);cursor:pointer;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);box-shadow:var(--elevation-2);align-items:flex-start;gap:16px;padding:18px;display:flex}.gamecard:active{transform:scale(.98)}.gameicon{border-radius:var(--shape-lg);background:var(--md-primary);width:64px;height:64px;color:var(--md-on-primary);flex:none;place-items:center;font-size:34px;display:grid}.gamename{font-family:var(--font-title);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:18px;font-weight:700}.gamemeta{color:var(--md-on-surface-variant);font-size:13px;font-family:var(--font-mono);gap:12px;margin-top:10px;display:flex}.gamemeta span{align-items:center;gap:5px;display:inline-flex}.gamemeta .noread{color:var(--md-primary);font-family:var(--font-ui);font-weight:600}.soon{align-items:center;gap:8px;font-size:14px;display:flex}.welcome{flex-direction:column;gap:8px;display:flex}.editgrid{grid-template-columns:180px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:640px){.editgrid{grid-template-columns:1fr}.preview{justify-self:center}}.preview{width:160px}.nameinput{border-radius:var(--shape-md);border:2px solid var(--md-outline-variant);background:var(--md-surface-container);-webkit-user-select:text;user-select:text;width:100%;min-height:56px;padding:0 18px;font-size:20px;font-weight:600}.nameinput:focus{border-color:var(--md-primary);outline:none}.nameinput.need{border-color:#ff8a8a}.picks{flex-wrap:wrap;gap:8px;display:flex}.pick{border-radius:var(--shape-md);border:2px solid var(--md-outline-variant);background:var(--md-surface-container);cursor:pointer;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.pick.on{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary)}.swatch{border-radius:50%;width:30px;height:30px;display:block}.swatch.glow{box-shadow:0 0 12px 2px}.setuphead{align-items:center;gap:16px;display:flex}.setuphead h1{flex:1}.seatgrid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;display:grid}.seattile{border-radius:var(--shape-lg);cursor:pointer;background:var(--md-surface-container);border:3px solid var(--md-outline-variant);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:14px;font-weight:600;display:flex;position:relative}.seattile .orb{width:72px}.seattile.on{border-color:var(--seat);background:color-mix(in srgb, var(--seat) 14%, var(--md-surface-container))}.seattile:not(.on) .orb{opacity:.55}.seattile span{align-items:center;gap:4px;display:inline-flex}.seatbadge{color:var(--seat);font-size:22px;position:absolute;top:6px;right:8px}.botlevel{color:var(--md-on-surface-variant);font-size:12px}.addbot{color:var(--md-on-surface-variant);border-style:dashed;justify-content:center}.addbot .addic{width:48px;height:48px}.seatcount{font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.play{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 12px);flex-direction:column;gap:10px;display:flex;position:fixed;inset:0}.playtop{align-items:center;gap:12px;display:flex}.turnchip{border-radius:var(--shape-full);border:2px solid var(--md-outline-variant);background:var(--md-surface-container);align-items:center;gap:8px;min-height:48px;padding:4px 16px 4px 4px;font-size:16px;font-weight:700;display:inline-flex}.turnchip:empty{display:none}.chiporb{width:40px}.chipshape{font-size:20px}.docks{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.docks.bottom{flex-direction:row-reverse}.docks.top.flipped{flex-direction:row-reverse;transform:rotate(180deg)}.dock{border-radius:var(--shape-full);background:var(--md-surface-container);border:3px solid color-mix(in srgb, var(--seat) 35%, transparent);align-items:center;gap:8px;min-width:150px;padding:6px 14px 6px 6px;transition:border-color .2s,box-shadow .2s;display:flex}.dock.on{border-color:var(--seat);box-shadow:0 0 0 4px color-mix(in srgb, var(--seat) 25%, transparent), 0 0 24px color-mix(in srgb, var(--seat) 40%, transparent)}.dockorb{flex:none;width:56px}.dockinfo{flex-direction:column;gap:2px;display:flex}.dockname{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.dockname .shape{color:var(--seat);font-size:18px}.botmark{color:var(--md-on-surface-variant)}.board{flex:1;place-items:center;min-height:0;display:grid}.actionbar{justify-content:center;min-height:64px;display:flex}.actionbar .btn.big{min-width:min(360px,100%)}.waiting{color:var(--md-on-surface-variant);align-items:center;gap:10px;font-size:32px;animation:1.2s ease-in-out infinite pulse;display:flex}@keyframes pulse{50%{opacity:.45}}.tttgrid{--n:3;grid-template-columns:repeat(var(--n), minmax(0, 1fr));grid-template-rows:repeat(var(--n), minmax(0, 1fr));aspect-ratio:1;gap:8px;width:min(92vw,100dvh - 300px,620px);display:grid}.tttcell{border-radius:var(--shape-md);border:2px solid var(--md-outline-variant);background:var(--cell);cursor:pointer;place-items:center;padding:8%;display:grid;position:relative}.tttcell.open:hover{border-color:var(--md-outline);background:var(--cell-hi)}.tttcell:disabled{cursor:default}.tttcell .cellorb{width:100%}.tttcell.last .cellorb{animation:.25s ease-out pop}.tttcell .cellshape{color:var(--seat);font-size:clamp(12px,3vw,20px);position:absolute;top:4px;right:6px}.tttcell.last{border-color:var(--seat)}.tttcell.won{box-shadow:0 0 0 3px var(--seat), 0 0 22px var(--seat);border-color:#fff}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.drift{flex-direction:column;align-items:center;gap:18px;display:flex}.horizon{place-items:center;width:170px;height:170px;display:grid;position:relative}.horizonring{color:#b98cff;opacity:.55;width:100%;height:100%;animation:18s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.pot{position:relative}.potgems,.shards{color:#7fe0ff;align-items:center;gap:2px;display:inline-flex}.potgems{flex-wrap:wrap;justify-content:center;max-width:120px;font-size:22px}.num{font-family:var(--font-mono);color:var(--md-on-surface);margin-left:6px;font-size:1.1em;font-weight:700}.shards{font-size:15px}.shards.empty{color:var(--md-on-surface-variant);opacity:.6}.dockextra{align-items:center;gap:8px;display:flex}.gain{color:#7dffb0;font-family:var(--font-mono);align-items:center;font-weight:700;animation:.3s ease-out pop;display:inline-flex}.loss{color:#ff9a9a;animation:.3s ease-out pop;display:inline-flex}.dice{gap:14px;min-height:76px;display:flex}.die{color:#15123a;width:76px;height:76px;box-shadow:var(--elevation-2);background:#f4f7ff;border-radius:18px;place-items:center;font-size:40px;display:grid}.die.fS{color:#c99400}.die.fC{color:#7a3fd6}.die.rolling{animation:.5s ease-out both roll}@keyframes roll{0%{opacity:0;transform:rotate(-200deg)scale(.3)}70%{opacity:1;transform:rotate(15deg)scale(1.08)}}.events{align-items:center;gap:12px;min-height:44px;font-size:28px;display:flex}.flare{color:#ffd34d;gap:6px;animation:.4s ease-out pop;display:inline-flex}.standby{align-items:center;gap:8px;font-size:18px;font-weight:700;display:inline-flex}.rollbtn:not(.big){min-height:44px;padding:0 14px}.tablemode .dock{min-width:200px}.scrim{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04081099;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-xl);box-shadow:var(--elevation-2);padding:22px}.modal{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.note{font-size:13px}.result{text-align:center;align-items:center}.resultorbs{justify-content:center;gap:8px;display:flex}.resultorb{width:120px;animation:.4s ease-out pop}.about{border-top:1px solid var(--md-outline-variant);padding-top:14px}.appname{color:var(--md-on-surface);font-size:15px;font-weight:700}.ver{color:var(--md-on-surface-variant);margin-top:2px;font-size:12px}.appicon img{border-radius:10px;display:block}.tm{color:var(--md-on-surface-variant);letter-spacing:2px;margin-top:4px;font-size:11px}.legal{gap:16px;margin-top:10px;display:flex}.legal a{color:var(--md-primary);font-size:13px;font-weight:600;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.rules .toggle{min-height:60px}.ruletext{flex-direction:column;gap:2px;display:flex}.ruletext small{color:var(--md-on-surface-variant);font-size:13px;font-weight:400}.resultlines{flex-direction:column;gap:6px;width:100%;display:flex}.resultline{border-radius:var(--shape-md);background:var(--md-surface-container-high);align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:flex}.resultline .shape{color:var(--seat)}.resultline .num{margin-left:auto}.resultline .muted{color:var(--md-on-surface-variant);font-size:13px;font-weight:400}.chkwrap{flex-direction:column;align-items:center;gap:8px;display:flex}.combo{min-height:30px;font-family:var(--font-title);color:var(--chain);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.chkgrid{aspect-ratio:1;border-radius:var(--shape-md);border:3px solid var(--md-outline-variant);grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(94vw,100dvh - 330px,640px);display:grid;overflow:hidden}.chkcell{aspect-ratio:1;border:0;place-items:center;min-width:0;min-height:0;padding:6%;display:grid;position:relative;overflow:hidden}.chkcell.light{background:#24344f}.chkcell.dark{cursor:pointer;background:#101b2e}.chkcell.can{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--seat) 55%, transparent)}.chkcell.sel{background:#1b2b47;box-shadow:inset 0 0 0 4px #fff}.chkcell.last{background:#172640}.chkorb{place-items:center;width:100%;height:100%;display:grid}.chkorb svg{width:100%;height:100%;display:block}.chkcell .hint{opacity:.85;background:#e8f0ff;border-radius:50%;width:26%;height:26%;position:absolute}.chkcell.tjump .hint{background:0 0;border:4px solid #ff6b6b;width:70%;height:70%}.chkcell.tchain .hint{border:4px solid var(--chain);background:0 0;width:70%;height:70%;animation:.9s ease-in-out infinite pulse}.memgrid{--cols:4;--rows:4;grid-template-columns:repeat(var(--cols), 1fr);width:min(94vw, calc((100dvh - 300px) * var(--cols) / var(--rows)), 680px);gap:10px;display:grid}.memcard{aspect-ratio:1;border-radius:var(--shape-lg);border:2px solid var(--md-outline-variant);cursor:pointer;background:linear-gradient(145deg,#23365a,#152238);place-items:center;transition:transform .2s;display:grid;position:relative}.memcard:not(:disabled):active{transform:scale(.95)}.memcard .memback{color:#7a8fbf;width:40%;height:40%}.memcard.up{border-color:var(--pic);background:#f4f7ff}.memcard.up.fresh{animation:.25s ease-out flip}.memcard .memic{width:62%;height:62%;color:var(--pic);stroke-width:2.4px}.memcard.got{opacity:.55;border-color:var(--seat);border-width:3px}.memcard.pop{opacity:1;animation:.35s ease-out pop}.memseat{color:var(--seat);font-size:16px;position:absolute;top:4px;right:6px}@keyframes flip{0%{transform:rotateY(90deg)}}.yacht{flex-direction:column;align-items:center;gap:14px;width:min(96vw,720px);display:flex}.ydice{justify-content:center;gap:10px;display:flex}.ydie{aspect-ratio:1;cursor:pointer;width:clamp(52px,15vw,76px);box-shadow:var(--elevation-2);background:#f4f7ff;border:3px solid #0000;border-radius:16px;place-items:center;padding:0;transition:transform .15s;display:grid}.ydie svg{fill:#15123a;width:100%;height:100%}.ydie .ic{color:#8391ad;font-size:30px}.ydie.blank{background:#2c3f60}.ydie.held{border-color:var(--seat);box-shadow:0 0 0 3px color-mix(in srgb, var(--seat) 40%, transparent), var(--elevation-2);transform:translateY(-8px)}.ydie.rolling{animation:.45s ease-out both roll}.ydie.pick{border-color:var(--chain)}.ydie.mini{width:48px}.ydie:disabled{cursor:default}.ypicker{border-radius:var(--shape-lg);background:var(--md-surface-container-high);border:2px solid var(--chain);gap:8px;padding:10px;display:flex}.ycard{grid-template-columns:1fr 1fr;gap:6px 12px;width:100%;display:grid}@media (max-width:560px){.ycard{grid-template-columns:1fr}}.ycol{flex-direction:column;gap:6px;display:flex}.ycat{border-radius:var(--shape-md);border:1px solid var(--md-outline-variant);background:var(--md-surface-container);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:4px 12px;font-size:14px;font-weight:600;display:flex}.ycat small{color:var(--md-on-surface-variant);font-size:11px;font-weight:400;display:block}.ycat.open{border-color:var(--md-outline);background:var(--md-surface-container-high)}.ycat.open.good .num{color:#7dffb0}.ycat.done{opacity:.7}.ycat.done .num{color:var(--md-on-surface)}.ycat:disabled{cursor:default}.ybonus{color:var(--md-on-surface-variant);font-size:13px;font-family:var(--font-mono);justify-content:space-between;padding:4px 12px;display:flex}.ybonus.got{color:#ffd34d}.rollsleft{gap:4px;margin-left:4px;display:inline-flex}.rollsleft i{opacity:.25;background:currentColor;border-radius:50%;width:8px;height:8px}.rollsleft i.on{opacity:1}.btn.on{background:var(--chain);color:#15123a}.tuner{color:var(--chain);display:inline-flex}.play .board{overflow-y:auto}.together .eyebrow{align-items:center;gap:6px;display:flex}.tablelist{flex-direction:column;gap:10px;margin-top:8px;display:flex}.tablecard{border-radius:var(--shape-lg);background:var(--md-surface-container);border:1px solid var(--md-outline-variant);text-align:left;cursor:pointer;align-items:center;gap:14px;padding:12px 16px;display:flex}.tablecard p{font-size:13px}.gameicon.small{border-radius:var(--shape-md);width:44px;height:44px;font-size:24px}.gamename.small{margin:0;font-size:15px}.tablestate{font-family:var(--font-mono);color:var(--md-on-surface-variant);white-space:nowrap;margin-left:auto;font-size:13px}.tablestate.open{color:#7dffb0}.seatrow{flex-wrap:wrap;gap:8px;display:flex}.seatmini{border-radius:var(--shape-full);border:2px solid var(--seat);background:var(--md-surface-container);align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:14px;font-weight:600;display:flex}.seatmini .orb{width:40px}.seatmini.open{opacity:.8;border-style:dashed}.seatmini .shape{color:var(--seat);margin-right:4px}.openseat{border:2px dashed var(--md-outline);width:40px;height:40px;color:var(--md-on-surface-variant);border-radius:50%;place-items:center;font-size:22px;display:grid}.openseat.big{width:72px;height:72px;font-size:34px}.waiting.big{justify-content:center;padding:30px 0;font-size:48px}.nameinput.small{text-transform:uppercase;min-height:48px;font-size:16px}.err{color:#ff9a9a;min-height:1.2em}.invitecode{font-family:var(--font-mono);color:var(--chain);font-size:18px;font-weight:700}.toast{left:50%;bottom:calc(var(--safe-b) + 24px);z-index:300;border-radius:var(--shape-full);background:var(--md-surface-container-high);border:1px solid var(--md-outline);box-shadow:var(--elevation-2);padding:12px 20px;font-weight:600;animation:.25s ease-out pop;position:fixed;transform:translate(-50%)}