:root{color:#141413;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#141413;--muted:#6c6a64;--line:#e6dfd8;--card:#efe9de;--arena:#f5f0e8;--accent:#cc785c;--paper:#faf9f5;--ease:cubic-bezier(.16, 1, .3, 1);background:#faf9f5;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#faf9f5;min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,p{margin:0}.moon{background:#f3e6df;border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset -5px 0 #cc785c}.btn-main,.btn-ghost{border-radius:14px;min-height:40px}.btn-main{background:var(--accent);color:#fff;letter-spacing:.04em;border:0;padding:0 1.5rem;font-weight:750}.btn-main:disabled{opacity:.55;cursor:progress}.btn-main:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn-ghost{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:0 .8rem}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-ghost[aria-expanded=true]{background:var(--card)}.lobby{place-items:center;height:100dvh;padding:1.25rem;display:grid;overflow:hidden}.lobby-card{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.75rem;width:min(400px,100%);max-height:calc(100dvh - 2.5rem);padding:1.15rem 1.15rem 1.25rem;display:flex;overflow:auto}.lobby-card,.rules-body,.settlement,.drawer-body{scrollbar-width:none}.lobby-card::-webkit-scrollbar{display:none}.rules-body::-webkit-scrollbar{display:none}.settlement::-webkit-scrollbar{display:none}.drawer-body::-webkit-scrollbar{display:none}.brand,.bar-actions,.lobby-actions,.presets,.room-bar{align-items:center;gap:.55rem;display:flex}.brand{white-space:nowrap}.lobby-card h1{letter-spacing:.04em;font-size:1.8rem;font-weight:800}.lead,.last,.phase,.drawer-body,.seat small{color:var(--muted)}.lead{line-height:1.55}.names{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.names li{grid-template-columns:4.2rem 1fr auto;align-items:center;gap:.45rem;display:grid}.names input{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:40px;padding:0 .75rem}.stack{color:var(--muted);font-size:.9rem}.lobby-card>input{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:40px;padding:0 .75rem}.mode-switch{background:#e8e0d2;border-radius:8px;grid-template-columns:1fr 1fr;gap:.25rem;padding:.2rem;display:grid}.mode-switch button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:750}.mode-switch button[aria-selected=true]{background:var(--accent);color:#fff}.join-slot{grid-template-rows:0fr;margin-bottom:-.75rem;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),margin-bottom .3s cubic-bezier(.22,1,.36,1);display:grid}.join-slot.open{grid-template-rows:1fr;margin-bottom:0}.join-fields{gap:.75rem;min-height:0;display:grid;overflow:hidden}.join-fields input{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:40px;padding:0 .75rem}.lobby-card>.btn-main{border-radius:8px;width:100%;min-width:0;min-height:44px;font-size:1rem}.equal-actions{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.equal-actions .btn-ghost,.equal-actions .btn-main{width:100%;min-width:0;min-height:44px;box-shadow:none;border-radius:8px;padding:0 .5rem;font-size:1rem;font-weight:750}.form-error{color:#c64545}.room-link{color:var(--muted);overflow-wrap:anywhere}.lobby-card details{color:var(--muted)}.lobby-card summary{cursor:pointer}.lobby-card li{margin:.3rem 0}.room{grid-template-rows:auto minmax(420px,1fr) auto;min-height:100vh;display:grid}.room-bar{background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.75rem 1rem}.brand strong{font-size:1.05rem}.round,.chip{color:var(--muted);font-size:.85rem}.chip{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:999px;padding:.1rem .5rem}.bar-actions{flex-wrap:wrap;justify-content:flex-end}.arena{background:var(--arena);border-radius:18px;min-height:460px;margin:.75rem;position:relative;overflow:visible}.dice-well{z-index:1;width:min(680px,74%);height:min(420px,68%);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.dice-canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.dice-well.casting:before{content:"";z-index:2;pointer-events:none;width:42%;height:42%;animation:cast-ring 1.15s var(--ease) infinite;border:2px solid #cc785ccc;border-radius:50%;position:absolute;top:50%;left:50%}.cast-note{z-index:3;color:var(--ink);letter-spacing:.08em;pointer-events:none;background:#faf9f5f0;border-radius:999px;margin:0;padding:.35rem .8rem;font-weight:750;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cast-ring{0%{opacity:.2;transform:translate(-50%,-50%)scale(.72)}70%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}.seat{z-index:2;text-align:center;width:92px;transition:left .28s var(--ease), top .28s var(--ease);justify-items:center;gap:.15rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.seat[role=button]{cursor:pointer}.seat[role=button]:focus-visible{outline-offset:4px;outline:3px solid #bc5f376b}.avatar{color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 8px 18px #14141314}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.mini{width:28px;height:28px;box-shadow:none;flex:none;font-size:.75rem}.avatar.away{filter:grayscale();opacity:.62}.away-tag{color:var(--muted);letter-spacing:.06em;background:#1414130f;border-radius:999px;padding:0 .35rem;font-size:.68rem;line-height:1.45;display:inline-block}.seat small.away-tag,.settlement .away-tag,.seat.away b{color:var(--muted)}.avatar-picker{min-width:0}.avatar-flow{-webkit-user-select:none;user-select:none;height:118px;overflow:hidden}.avatar-flow-scene{perspective:640px;cursor:grab;touch-action:pan-y;height:100%;position:relative}.avatar-flow-scene:active{cursor:grabbing}.avatar-flow-stage{transform-style:preserve-3d;position:absolute;inset:0}.avatar-flow button{background:var(--card);transform-origin:50%;border:2px solid #0000;border-radius:50%;width:74px;height:74px;padding:0;position:absolute;top:50%;left:50%;overflow:hidden}.avatar-flow button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.avatar-flow img,.avatar-strip img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.avatar-strip{scrollbar-width:none;gap:.4rem;min-width:0;padding:4px 2px 6px;display:flex;overflow-x:auto}.avatar-strip::-webkit-scrollbar{display:none}.avatar-strip button{background:var(--paper);border:2px solid #0000;border-radius:50%;flex:none;width:44px;height:44px;padding:0;overflow:hidden}.avatar-strip button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.roster{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.roster li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;margin:0;display:grid}.roster b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster small{color:var(--muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.rules-anchor{display:contents}.rules-layer{z-index:40;background:#14141347;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.rules-card{background:var(--card);border:1px solid var(--line);transform-origin:50%;border-radius:12px;grid-template-rows:auto minmax(0,1fr);width:min(440px,100%);max-height:min(720px,100dvh - 2.5rem);display:grid;overflow:hidden}.rules-card>header{background:var(--card);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.05rem .65rem;display:flex}.rules-card h2{font-size:1.05rem;font-weight:750}.rules-body{align-content:start;gap:.35rem;padding:0 1.05rem 1.1rem;display:grid;overflow:auto}.rules-body h3{margin:.85rem 0 .3rem;font-size:.98rem;font-weight:750}.rules-body p{line-height:1.55}.rule-flow{gap:.35rem;display:grid}.rule-row{border-top:1px solid var(--line);gap:.4rem;margin-top:.7rem;padding-top:.7rem;display:grid}.rule-row header{justify-content:space-between;align-items:baseline;gap:.75rem;padding:0;display:flex}.rule-row header span{color:var(--muted);font-size:.85rem}.rule-example{gap:.28rem;display:grid}.rule-example p{color:var(--muted);font-size:.88rem}.rule-dice{flex-wrap:wrap;gap:.28rem;display:flex}.rule-dice .die-face{border-radius:7px;width:30px;height:30px}.rule-dice .die-face i{width:5px;height:5px}.rules-enter-active,.rules-leave-active{transition:opacity .25s cubic-bezier(.22,1,.36,1)}.rules-leave-active{transition-duration:.15s}.rules-enter-from,.rules-leave-to{opacity:0}.rules-enter-active .rules-card,.rules-leave-active .rules-card{transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1)}.rules-leave-active .rules-card{transition-duration:.15s}.rules-enter-from .rules-card,.rules-leave-to .rules-card{opacity:0;transform:scale(.96)}.line-bubble{z-index:5;border:1px solid var(--line);background:var(--paper);width:max-content;max-width:11rem;color:var(--ink);text-align:left;pointer-events:none;border-radius:10px;margin:0;padding:.32rem .55rem;font-size:.8rem;line-height:1.35;position:absolute;box-shadow:0 8px 18px #1414130f}.line-bubble.above{bottom:calc(100% + .2rem);left:50%;transform:translate(-50%)}.line-bubble.left,.line-bubble.right{top:0;transform:translateY(-60%)}.line-bubble.left{right:calc(100% - .2rem)}.line-bubble.right{left:calc(100% - .2rem)}.line-bubble.fading{opacity:0;transition:opacity .28s var(--ease)}.seat:has(.line-bubble){z-index:5}.line-cursor{background:var(--ink);vertical-align:text-bottom;width:1px;height:.9em;margin-left:1px;animation:1s step-end infinite line-blink;display:inline-block}@keyframes line-blink{50%{opacity:0}}.quips{grid-column:3;place-self:end;position:relative}.quip-scrim{z-index:24;background:0 0;border:0;position:fixed;inset:0}.quip-pop{z-index:26;background:var(--card);border:1px solid var(--line);transform-origin:100% 100%;border-radius:12px;gap:.35rem;width:max-content;max-width:min(16rem,70vw);padding:.55rem;display:grid;position:absolute;bottom:calc(100% + .45rem);right:0}.quip-pop button{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:8px;min-height:36px;padding:.3rem .6rem}@media (hover:hover){.quip-pop button:hover{border-color:var(--accent)}}.quip-enter-active{transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1)}.quip-leave-active{transition:transform .15s cubic-bezier(.22,1,.36,1),opacity .15s cubic-bezier(.22,1,.36,1)}.quip-enter-from,.quip-leave-to{opacity:0;transform:scale(.96)}.seat b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;overflow:hidden}.seat small{font-size:.72rem}.seat.active{z-index:3}.seat.active .avatar{animation:1.6s ease-in-out infinite seat-pulse}.seat.champion .avatar{box-shadow:0 0 0 2px #faf9f5,0 8px 18px #14141314}@keyframes seat-pulse{0%,to{box-shadow:0 0 0 3px #faf9f5, 0 0 0 6px var(--accent)}50%{box-shadow:0 0 0 3px #faf9f5,0 0 0 10px #cc785c59}}.dock{background:var(--paper);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:1rem;padding:.65rem 1.25rem 1.35rem;display:grid}.result{grid-column:1;justify-self:start;gap:.4rem;min-width:0;display:grid}.action{grid-column:2;justify-items:center;gap:.3rem;display:grid}.turn{font-size:1.45rem;font-weight:750}.turn b{font-weight:850}.phase{font-size:.85rem}.throw-btn{--throw-edge:#a9583e;--throw-side:#cc785c;--throw-lip:#d9a08c;border:2px solid var(--throw-edge);color:#5c2e22;letter-spacing:.08em;min-width:210px;min-height:58px;transform-style:preserve-3d;background:#f8efe9;border-radius:.75em;padding:.45em 1.35em .5em;font-size:1.25rem;font-weight:750;transition:transform .15s ease-out,background .15s ease-out;position:relative;transform:translate(0,0)}.throw-btn span{z-index:1;position:relative}.throw-btn:before{content:"";border-radius:inherit;background:var(--throw-side);box-shadow:0 0 0 2px var(--throw-edge), 0 .62em 0 0 var(--throw-lip);pointer-events:none;transition:transform .15s ease-out,box-shadow .15s ease-out;position:absolute;inset:0;transform:translate3d(0,.72em,-1em)}@media (hover:hover){.throw-btn:hover:not(:disabled){background:#f3ddd4;transform:translateY(.22em)}.throw-btn:hover:not(:disabled):before{box-shadow:0 0 0 2px var(--throw-edge), 0 .42em 0 0 var(--throw-lip);transform:translate3d(0,.5em,-1em)}}.throw-btn:active:not(:disabled){background:#f0d2c6;transform:translateY(.72em)}.throw-btn:active:not(:disabled):before{box-shadow:0 0 0 2px var(--throw-edge), 0 0 var(--throw-lip);transform:translateZ(-1em)}.throw-btn:disabled{cursor:not-allowed;color:var(--muted);background:var(--arena);border-color:var(--line)}.throw-btn:disabled:before{background:#e6dfd8;box-shadow:0 0 0 2px #e6dfd8,0 .62em #efe9de}.reveal{gap:.35rem;margin-top:.15rem;display:flex}.die-face{background:#fff;border:1px solid #e6dfd8;border-radius:9px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:36px;height:36px;display:grid}.die-face i{background:#141413;border-radius:50%;place-self:center;width:6px;height:6px}.die-face.red i{background:#e23d32}.die-face .tl{grid-area:1/1}.die-face .tc{grid-area:1/2}.die-face .tr{grid-area:1/3}.die-face .ml{grid-area:2/1}.die-face .mc{grid-area:2/2}.die-face .mr{grid-area:2/3}.die-face .bl{grid-area:3/1}.die-face .bc{grid-area:3/2}.die-face .br{grid-area:3/3}.settlement{z-index:4;width:min(520px,100% - 1.5rem);max-height:min(64%,460px);animation:settlement-in .28s var(--ease);border:1px solid var(--line);background:#faf9f5f5;border-radius:18px;gap:.65rem;padding:.9rem 1rem 1rem;display:grid;position:absolute;top:46%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.settlement.embedded{background:0 0;border:0;width:auto;max-height:none;padding:0;animation:none;position:static;transform:none}@keyframes settlement-in{0%{opacity:0}to{opacity:1}}.settlement header,.settlement>div{gap:.35rem;display:grid}.settlement p,.settlement li span,.settlement ol li{color:var(--muted)}.settlement h3{margin:0;font-size:.95rem}.champion-line,.who{align-items:center;gap:.45rem;min-width:0;display:flex}.who b,.champion-line strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settlement ul,.settlement ol{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.settlement ul li,.settlement ol li{border-bottom:1px solid var(--line);gap:.35rem;padding-bottom:.45rem;display:grid}.settlement li.mine b{color:#a9583e}.rank-counts{grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;margin:0;display:grid}.rank-counts div{justify-items:center;gap:.05rem;display:grid}.rank-counts dt{color:var(--muted);font-size:.68rem}.rank-counts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:750}.rank-counts dd.empty{color:var(--muted);font-weight:650}.end-card{z-index:4;border:1px solid var(--line);text-align:center;background:#faf9f5f0;border-radius:16px;gap:.2rem;padding:.7rem 1rem;display:grid;position:absolute;top:18%;left:50%;transform:translate(-50%)}.scrim{z-index:20;background:#14141347;border:0;position:fixed;inset:0}.drawer{border-left:1px solid var(--line);z-index:21;width:min(360px,100%);transition:transform .24s var(--ease);background:#faf9f5;grid-template-rows:auto 1fr;padding:.9rem 1rem 1.2rem;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(104%)}.drawer.open{transform:translate(0)}.drawer>header{justify-content:space-between;align-items:center;display:flex}.drawer h2{font-size:1rem;font-weight:750}.drawer-body{align-content:start;gap:.8rem;margin-top:.8rem;display:grid;overflow:auto}.pool-list,.people-list,.log-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.pool-list li,.people-list li,.log-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:.6rem;padding-bottom:.4rem;display:flex}.pool-list small{color:var(--muted);margin-left:.35rem}.pool-list em,.people-list em{color:var(--muted);margin-left:.15rem;font-style:normal}.people-list li,.log-list li{display:grid}.holder-line{color:#a9583e}@media (width<=720px){.room{grid-template-rows:auto minmax(520px,1fr) auto}.dock{grid-template-columns:1fr;gap:.55rem}.result,.action{grid-column:1;justify-self:center}.quips{z-index:6;grid-column:auto;justify-self:auto;position:fixed;bottom:.55rem;right:.6rem}.quips.open{z-index:26}.quips>.btn-ghost{background:var(--paper);min-height:36px;padding:0 .7rem;box-shadow:0 6px 16px #14141314}.quip-pop{transform-origin:bottom;grid-template-columns:1fr 1fr;width:auto;max-width:none;position:fixed;bottom:.75rem;left:.75rem;right:.75rem}.reveal{justify-content:center}.seat{width:64px}.avatar{width:42px;height:42px;font-size:.9rem}.dice-well{width:86%;height:48%}.rank-counts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.35rem}.settlement:not(.embedded){max-height:48%;top:20%;transform:translate(-50%)}.drawer{width:100%}.room-bar{align-items:flex-start}.btn-ghost{min-height:34px;padding:0 .55rem;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.seat,.drawer,.btn-main,.throw-btn,.throw-btn:before,.join-slot,.settlement,.dice-well.casting:before,.line-bubble,.line-cursor,.rules-layer,.rules-card,.quip-pop{transition:none;animation:none}.throw-btn:hover:not(:disabled),.throw-btn:active:not(:disabled){transform:none}.throw-btn:hover:not(:disabled):before,.throw-btn:active:not(:disabled):before{transform:translate3d(0,.72em,-1em)}.seat.active .avatar{box-shadow:0 0 0 3px #faf9f5, 0 0 0 6px var(--accent);animation:none}}