:root{--brand:#5b2edb;--brand-deep:#3a1a9e;--brand-soft:#e6deff;--gold:#ffc233;--bg:#f3f0ff;--bg-2:#e9e1ff;--surface:#fff;--surface-2:#f7f4ff;--text:#1b1530;--muted:#5b5478;--line:#d9d1ef;--danger:#c62828;--ok:#1f9d55;--red:#e53935;--green:#2ea84f;--yellow:#ffc107;--blue:#1e7fe0;--shadow:0 6px 24px #28146e1f;--radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand:#b9a3ff;--brand-deep:#8f73ff;--brand-soft:#2c2556;--bg:#120d2b;--bg-2:#1e1550;--surface:#1d1740;--surface-2:#231c4a;--text:#eae5ff;--muted:#b8b0d9;--line:#3a3168;--shadow:0 6px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{background:linear-gradient(180deg, var(--bg-2), var(--bg) 40%);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,Noto Sans Arabic,sans-serif;line-height:1.5}a{color:var(--brand)}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}.page{width:100%;max-width:1080px;margin:0 auto;padding:16px}.page-narrow{max-width:640px}.topbar{align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--brand);align-items:center;gap:10px;margin-right:auto;font-size:1.25rem;font-weight:900;text-decoration:none;display:flex}.brand img{border-radius:10px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h2{color:var(--brand);font-size:1.1rem}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.spacer{flex:1}.btn{appearance:none;min-height:48px;font:inherit;cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-flex}@media (prefers-color-scheme:dark){.btn{color:#1b0a55}}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-soft{background:var(--brand-soft);color:var(--text)}.btn-ghost{color:var(--brand);border:2px solid var(--line);background:0 0}.btn-danger{color:var(--danger);border:2px solid var(--danger);background:0 0}.btn-gold{color:#fff;background:linear-gradient(135deg,#ffb300,#ff7a00)}.btn-green{color:#fff;background:linear-gradient(135deg,#1fa463,#0c7a5b)}.btn-purple{color:#fff;background:linear-gradient(135deg,#5b2edb,#3a1a9e)}.big-choice{text-align:start;border-radius:22px;align-items:center;gap:14px;width:100%;min-height:76px;padding:16px;display:flex}.big-choice .icon{background:#fff3;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:1.6rem;display:grid}.big-choice .title{font-size:1.1rem;font-weight:800;display:block}.big-choice .sub{opacity:.9;font-size:.9rem;font-weight:500}.segmented{background:var(--brand-soft);border-radius:14px;gap:3px;padding:3px;display:flex}.segmented button{min-height:44px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;padding:10px 6px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--brand);color:#fff}@media (prefers-color-scheme:dark){.segmented button[aria-pressed=true]{color:#1b0a55}}.input{border:2px solid var(--line);background:var(--surface-2);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:12px 14px}.input:focus{border-color:var(--brand);outline:none}.code-input{text-transform:uppercase;letter-spacing:.25em;text-align:center;font-weight:800}label.switch{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 4px;display:flex}.list li:last-child{border-bottom:0}.pill{background:var(--brand-soft);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.online{background:var(--ok)}.offline{background:#9e9aae}.avatar{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.error{color:var(--danger);font-weight:600}.toast{color:#fff;box-shadow:var(--shadow);z-index:50;background:#1b1530;border-radius:14px;max-width:calc(100vw - 32px);padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.game{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:720px;margin:0 auto;padding:8px;display:flex}.panels{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.panel{background:var(--surface);min-height:64px;box-shadow:var(--shadow);border:3px solid #0000;border-radius:18px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex;position:relative}.panel.right{text-align:end;flex-direction:row-reverse}.panel.active{border-color:var(--seat);background:color-mix(in srgb, var(--surface) 78%, var(--seat))}.panel .info{flex:1;min-width:0}.panel .name{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.panel.empty{visibility:hidden}.bubble{top:-14px;color:#1b1530;box-shadow:var(--shadow);z-index:5;white-space:nowrap;background:#fff;border-radius:12px;padding:4px 10px;font-weight:700;animation:.25s ease-out pop;position:absolute;inset-inline-start:40px}.banner{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:700;display:flex}.timer{background:var(--seat);border-radius:2px;height:4px;transition:width .25s linear}.board{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;position:relative;overflow:visible;box-shadow:0 10px 30px #140a3c40}.board svg.grid-art{border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.token{pointer-events:none;z-index:2;width:8.66667%;height:8.66667%;transition:left .17s linear,top .17s linear,width .2s,height .2s;position:absolute;transform:translate(-50%,-78%)}.token.small{width:6%;height:6%}.token.flying{z-index:4;transition:left .5s cubic-bezier(.3,0,.3,1),top .5s cubic-bezier(.3,0,.3,1)}.token.hop svg{animation:.17s ease-out hop}.token.movable{pointer-events:auto;cursor:pointer;z-index:3}.token.movable svg{animation:.7s ease-in-out infinite alternate bob}.token .ring{border:3px solid var(--seat);border-radius:50%;width:90%;height:34%;animation:.7s ease-in-out infinite alternate pulse;position:absolute;bottom:-2%;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #fff}.dest{border:2px dashed var(--seat);pointer-events:none;border-radius:50%;width:4%;height:4%;position:absolute;transform:translate(-50%,-50%)}@keyframes hop{0%{transform:translateY(0)scale(1)}45%{transform:translateY(-38%)scale(.94,1.06)}85%{transform:translateY(0)scale(1.1,.88)}to{transform:translateY(0)scale(1)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-12%)}}@keyframes pulse{0%{opacity:.55;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1.05)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.die{cursor:default;background:0 0;border:0;flex:none;width:48px;height:48px;padding:0}.die.can-roll{cursor:pointer;animation:.6s ease-in-out infinite alternate pulse-die}.die.spinning svg{animation:.42s linear infinite spin-die}@keyframes spin-die{0%{transform:rotate(0)scale(.92)}to{transform:rotate(360deg)scale(.92)}}.die.rolling svg{animation:.6s cubic-bezier(.2,.7,.3,1) tumble}@keyframes pulse-die{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes tumble{0%{transform:rotate(0)scale(.8)}60%{transform:rotate(600deg)scale(1.12)}to{transform:rotate(720deg)scale(1)}}.overlay{z-index:40;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay .card{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto}.chat-tray{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chat-tray button{background:var(--surface);font:inherit;cursor:pointer;box-shadow:var(--shadow);color:var(--text);border:0;border-radius:12px;padding:8px 10px}@media (max-width:360px){.panel .avatar-slot{display:none}.page{padding:10px}.card{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}