.dice-online{--dice-ink:#30425c;--dice-muted:#63758d;--dice-blue:#3c73b0;--dice-mist:#dcecf9;--dice-paper:#fffcf5;--dice-coral:#ed947f;color:var(--dice-ink);font-family:inherit;max-width:100%}.dice-online *{box-sizing:border-box}.dice-online button,.dice-online input,.dice-online select{font:inherit}.dice-online button{cursor:pointer;touch-action:manipulation}.dice-online button:disabled{cursor:not-allowed;opacity:.48}.dice-online a:focus-visible,.dice-online button:focus-visible,.dice-online input:focus-visible,.dice-online select:focus-visible{outline:3px solid #3c73b0;outline-offset:3px}.dice-online-nav{display:flex;min-width:0;align-items:center;gap:4px}.dice-online-back{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border-radius:50%;background:#fffcf5;color:var(--dice-ink);text-decoration:none;box-shadow:0 2px 0 #dce4eb;transition:background .15s,transform .15s}.dice-online-back:hover{background:#e8f2fb}.dice-online-back:active{transform:scale(.92)}.dice-online-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.6rem 0 1.1rem;padding:1.3rem 1.65rem;border:2px solid #c6ddeb;border-radius:2rem;background:radial-gradient(circle at 75% 15%,#fff7dc 0 11%,transparent 35%),linear-gradient(135deg,#e8f3fc,#d9eaf8);box-shadow:0 9px 0 #b8d4e9,0 17px 25px #5c8bb126;overflow:hidden}.dice-online-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#78a6ca33 1px,transparent 0);background-size:19px 19px;pointer-events:none}.dice-online-hero>div,.dice-online-hero>img{position:relative}.dice-online-hero img{width:clamp(105px,21vw,145px);height:auto;filter:drop-shadow(0 10px 7px #547c9833);transform:rotate(-7deg);animation:dice-online-hero-bob 4s ease-in-out infinite}.dice-online-hero h1{font-size:clamp(2rem,6vw,3rem);line-height:1.12;letter-spacing:-.04em;margin:.42rem 0 .4rem;font-weight:950}.dice-online-hero p{font-size:.9rem;font-weight:700;margin:0;color:#566f88}.dice-online-kicker{display:inline-flex;align-items:center;gap:.35rem;color:#376d9d;font-size:.73rem;font-weight:900;letter-spacing:.13em}.dice-online-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.8rem}.dice-online-paper{background:var(--dice-paper);border:2px solid #e1e9eb;border-radius:1.7rem;box-shadow:0 6px 0 #d5e3e9,0 14px 20px #7a9bb31d}.dice-online-entry-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.3rem;min-height:18rem}.dice-online-card-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.35rem;background:#e7f1f8;transform:rotate(-6deg);margin-bottom:.55rem}.dice-online-entry-card:nth-child(2) .dice-online-card-icon{background:#fff0d8;transform:rotate(6deg)}.dice-online-entry-card h2{font-size:1.32rem;line-height:1.2;font-weight:900;margin:.15rem 0 .9rem}.dice-online-entry-card label{font-size:.8rem;font-weight:800;margin-bottom:.35rem;color:var(--dice-muted)}.dice-online-entry-card input,.dice-online-entry-card select{width:100%;height:48px;border:2px solid #bcd4e3;border-radius:.85rem;background:#fff;color:var(--dice-ink);font-size:1rem;padding:.55rem .75rem;font-weight:800}.dice-online-entry-card input{text-transform:uppercase;letter-spacing:.12em}.dice-online-challenge,.dice-online-primary,.dice-online-secondary{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;min-height:48px;border-radius:.95rem;padding:.7rem 1.2rem;font-weight:900;transition:transform .16s,box-shadow .16s}.dice-online-primary{border:2px solid #2a619b;background:#3c73b0;color:white;box-shadow:0 5px 0 #234f82}.dice-online-secondary{border:2px solid #9fc5e1;background:#dcecf9;color:#305780;box-shadow:0 5px 0 #a6c9e1}.dice-online-challenge{border:2px solid #d47d6a;background:#f9b39c;color:#693b38;box-shadow:0 5px 0 #d78472}.dice-online-challenge:not(:disabled):hover,.dice-online-primary:not(:disabled):hover,.dice-online-secondary:not(:disabled):hover{transform:translateY(-2px)}.dice-online-challenge:not(:disabled):active,.dice-online-primary:not(:disabled):active,.dice-online-secondary:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 #8aaac2}.dice-online-entry-card>button:last-child{width:100%;margin-top:auto}.dice-online-error,.dice-online-note{margin:1.1rem 0;color:#84513f;font-size:.9rem;font-weight:700}.dice-online-error{color:#9b3d39}.dice-online-solo{display:inline-flex;min-height:44px;align-items:center;gap:.5rem;margin-top:1.3rem;color:var(--dice-blue);font-size:.9rem;font-weight:850;text-decoration:none}.dice-online-solo:hover{text-decoration:underline}.dice-online-room-nav{display:flex;align-items:center;justify-content:space-between}.dice-online-sync{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:#e2f2e9;padding:.35rem .7rem;color:#316b52;font-size:.75rem;font-weight:850}.dice-online-room-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:.7rem 0 1rem}.dice-online-room-heading h1{font-size:clamp(2rem,6vw,3rem);font-weight:950;line-height:1;margin:.3rem 0 0}.dice-online-room-code{display:flex;align-items:center;gap:.5rem;border-radius:1rem;background:#e6f0f8;border:2px solid #bcd5e7;padding:.4rem .55rem .4rem .8rem;white-space:nowrap}.dice-online-room-code span{font-size:.7rem;color:var(--dice-muted);font-weight:800}.dice-online-room-code strong{font-size:1.13rem;letter-spacing:.1em}.dice-online-room-code button{display:grid;place-items:center;width:42px;height:42px;border:0;background:#fff;color:var(--dice-blue);border-radius:.7rem}.dice-online-table{position:relative;min-height:22rem;padding:1.1rem;border:7px solid #dfaa83;border-radius:clamp(2rem,7vw,4rem);background:radial-gradient(ellipse at 50% 43%,#6caaa0,#43897f 62%,#337669 100%);box-shadow:inset 0 0 0 4px #f6d3a6,inset 0 0 0 9px #3c7e70,0 9px 0 #bd8466,0 18px 26px #3c504927;overflow:hidden}.dice-online-table:before{content:"";position:absolute;inset:1rem;border:2px dashed #ffffff45;border-radius:inherit;pointer-events:none}.dice-online-table-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,1.25fr);gap:1rem;min-height:19rem;align-items:center}.dice-online-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.dice-online-player{display:flex;align-items:center;gap:.35rem;min-width:0;padding:.45rem .55rem;border-radius:1rem;background:#fffaf2ee;box-shadow:0 4px 0 #234f4840;transition:transform .25s}.dice-online-player.is-turn{transform:translateY(-3px);background:#fff1c8;box-shadow:0 6px 0 #bc925953}.dice-online-player>div:nth-child(2){display:grid;min-width:0}.dice-online-player strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dice-online-player span{font-size:.7rem;color:#697888;font-weight:700}.dice-online-player svg:last-child{flex:none;color:#d19155}.dice-online-table-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#fff;text-align:center;min-height:12rem;text-shadow:0 2px 0 #214e4859}.dice-online-table-center h2{font-size:clamp(1.35rem,4vw,2.35rem);line-height:1.1;font-weight:950;margin:.2rem 0}.dice-online-table-center p{font-size:.85rem;font-weight:800;margin:0}.dice-online-cup{display:block;width:7rem;height:7rem;flex:none;background:url(/game-tools/dice/cup.svg) 50%/contain no-repeat;filter:drop-shadow(5px 8px 5px #173b483e);transform:rotate(-11deg)}.dice-online-cup--shaking{animation:dice-online-cup-shake 2.4s ease-in-out infinite}.dice-online-trophy{color:#ffdf8e;filter:drop-shadow(0 4px 0 #27554d)}.dice-online-controls{padding:1.15rem 1.3rem;margin-top:1.1rem}.dice-online-controls>p{font-size:.85rem;color:var(--dice-muted);font-weight:700;margin:0 0 .75rem}.dice-online-actions{display:flex;gap:.7rem;flex-wrap:wrap}.dice-online-hand-heading{display:flex;align-items:center;justify-content:space-between}.dice-online-hand-heading strong{font-size:1rem}.dice-online-hand-heading button{min-height:44px;border:0;background:transparent;color:var(--dice-blue);font-weight:800}.dice-online-hand{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;min-height:4rem;margin:.2rem 0}.dice-online-die{display:inline-block;width:clamp(48px,12vw,68px);height:clamp(48px,12vw,68px);flex:none;background-repeat:no-repeat;background-size:800% 400%;border-radius:.7rem;filter:drop-shadow(0 5px 3px #4964772c)}.dice-online-covered{display:grid;place-items:center;min-height:4rem;color:var(--dice-muted);font-weight:800}.dice-online-bid{display:flex;align-items:end;gap:.6rem;flex-wrap:wrap;padding-top:.65rem;border-top:1px dashed #b8ced8}.dice-online-bid label{display:grid;gap:.25rem;font-size:.75rem;font-weight:800;color:var(--dice-muted)}.dice-online-bid input,.dice-online-bid select{height:48px;width:5rem;border:2px solid #bcd4e3;border-radius:.75rem;background:#fff;padding:.45rem .6rem;font-size:1rem;font-weight:900;color:var(--dice-ink)}.dice-online-reveal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;margin-bottom:.9rem}.dice-online-reveal>div{min-width:0}.dice-online-reveal strong{font-size:.82rem}.dice-online-reveal .dice-online-die{width:clamp(40px,7vw,56px);height:clamp(40px,7vw,56px)}.dice-online-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem .15rem}.dice-online-footer p{font-size:.77rem;line-height:1.5;font-weight:700;color:var(--dice-muted);max-width:36rem}.dice-online-footer>div{display:flex;gap:.5rem;flex:none}.dice-online-footer button{min-height:44px;border:0;background:none;padding:.4rem;color:var(--dice-muted);font-size:.78rem;font-weight:800}.dice-online-footer button:hover{color:var(--dice-blue)}@keyframes dice-online-hero-bob{50%{transform:translateY(-6px) rotate(-4deg)}}@keyframes dice-online-cup-shake{0%,60%,to{transform:rotate(-11deg)}15%{transform:rotate(3deg) translateX(3px)}30%{transform:rotate(-17deg) translateX(-3px)}45%{transform:rotate(-3deg)}}@media(max-width:650px){.dice-online-entry-grid{grid-template-columns:1fr;gap:.8rem}.dice-online-entry-card{min-height:14rem}.dice-online-hero{padding:1rem 1.1rem}.dice-online-room-heading{align-items:start}.dice-online-room-code{align-self:end}.dice-online-room-code span{display:none}.dice-online-table{min-height:25rem;padding:.7rem;border-width:5px}.dice-online-table-inner{display:flex;flex-direction:column-reverse;justify-content:center;gap:.7rem}.dice-online-roster{width:100%}.dice-online-table-center{min-height:8rem}.dice-online-cup{width:5.25rem;height:5.25rem}.dice-online-player{padding:.35rem}.dice-online-reveal{grid-template-columns:1fr}.dice-online-footer{flex-direction:column;align-items:flex-start}.dice-online-footer>div{width:100%;justify-content:flex-end}}@media(max-width:390px){.dice-online-room-code strong{font-size:.9rem}.dice-online-player .draw-guess-cat-sprite{width:42px!important;height:42px!important}.dice-online-player strong{font-size:.7rem}.dice-online-player span{font-size:.65rem}.dice-online-bid input,.dice-online-bid select{width:4.3rem}}@media(max-width:360px){.dice-online-hero{gap:.6rem;padding:.95rem}.dice-online-hero img{width:80px;flex:none}.dice-online-hero h1{font-size:1.65rem}.dice-online-hero p{font-size:.78rem;line-height:1.4}.dice-online-roster{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dice-online-cup--shaking,.dice-online-hero img{animation:none}.dice-online-challenge,.dice-online-player,.dice-online-primary,.dice-online-secondary{transition:none}}.dice-online-room{padding-bottom:2rem}.dice-online-room .dice-online-room-heading{align-items:center;margin:.9rem 0 1.1rem}.dice-online-room .dice-online-room-heading h1{font-size:clamp(2rem,5vw,2.9rem);letter-spacing:-.055em}.dice-online-room .dice-online-room-code{background:#fffdf8;border-color:#d7e5ef;box-shadow:0 4px 0 #d4e2e9}.dice-online-room .dice-online-table{border:7px solid #efc99e;background:radial-gradient(ellipse at 49% 27%,#a8d7e9 0,#82bed6 58%,#70aecb 100%);box-shadow:inset 0 0 0 3px #fff5db,inset 0 0 0 8px #7db6cf,0 8px 0 #cf9e7c,0 18px 28px #45698624}.dice-online-room .dice-online-table:before{inset:.9rem;border-color:#f7fcff80}.dice-online-room .dice-online-table-center{color:#244660;text-shadow:none}.dice-online-room .dice-online-table-center p{color:#315f7f}.dice-online-room .dice-online-player{background:#fffcf6;box-shadow:0 4px 0 #4e86a25c;border:1px solid #f5f4ee}.dice-online-room .dice-online-player.is-turn{background:#fff0c9;box-shadow:0 6px 0 #b9875a6b}.dice-online-room .dice-online-player strong{color:#294764}.dice-online-room .dice-online-player span{color:#647c91}.dice-online-room .dice-online-cup{width:8.5rem;height:8.5rem;filter:drop-shadow(6px 11px 7px #31526849)}.dice-online-table-inner--lobby{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:22rem;padding:.5rem}.dice-online-lobby-scene{display:flex;flex:1;min-height:15rem;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;color:#244660}.dice-online-lobby-count{position:absolute;top:0;left:0;padding:.32rem .7rem;border:1px solid #e1f2f8;border-radius:999px;background:#eff9fcbd;color:#3a6681;font-size:.72rem;font-weight:900;letter-spacing:.04em}.dice-online-lobby-art{position:relative;width:13rem;height:9rem;margin-top:.25rem}.dice-online-lobby-art:before{content:"";position:absolute;left:17%;right:15%;bottom:.35rem;height:1.3rem;border-radius:50%;background:#3a73954a;filter:blur(9px)}.dice-online-lobby-art .dice-online-cup{position:absolute;z-index:2;top:-.4rem;left:3.2rem;transform:rotate(-12deg);animation:dice-online-lobby-cup 4.4s ease-in-out infinite}.dice-online-lobby-art .dice-online-die{position:absolute;z-index:1;width:3.55rem;height:3.55rem;bottom:.25rem}.dice-online-lobby-art .dice-online-die:nth-of-type(2){left:.25rem;transform:rotate(-17deg)}.dice-online-lobby-art .dice-online-die:nth-of-type(3){right:.2rem;transform:rotate(16deg)}.dice-online-lobby-spark{position:absolute;z-index:3;right:1.1rem;top:.1rem;color:#fff5ca;font-size:1.8rem;text-shadow:0 3px 0 #75a9c1;animation:dice-online-spark 2.8s ease-in-out infinite}.dice-online-lobby-scene h2{position:relative;margin:.25rem 0 0;font-size:clamp(1.35rem,4vw,2rem);font-weight:950;letter-spacing:-.04em}.dice-online-lobby-scene p{position:relative;margin:.2rem 0 0;font-size:.82rem;font-weight:800;color:#416c84}.dice-online-table-inner--lobby .dice-online-roster{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;align-items:stretch}.dice-online-table-inner--lobby .dice-online-player{min-height:5.6rem;padding:.45rem .6rem;gap:.5rem}.dice-online-player-avatar-button{position:relative;display:grid;place-items:center;flex:none;width:58px;height:58px;padding:0;border:0;background:transparent;border-radius:1rem;transition:transform .18s}.dice-online-player-avatar-button:hover{transform:rotate(-7deg) scale(1.06)}.dice-online-player-avatar-button>svg{position:absolute;right:-4px;bottom:0;width:22px;height:22px;padding:4px;border-radius:50%;background:#fce3ad;color:#6c5439;box-shadow:0 2px 0 #d9bd8d}.dice-online-empty-seat{display:flex;min-height:5.6rem;align-items:center;justify-content:center;gap:.5rem;border:2px dashed #ecf9ffae;border-radius:1rem;background:#eaf8ff24;color:#f8fcff;font-size:.8rem;font-weight:900;transition:transform .18s,background .18s}.dice-online-empty-seat svg{padding:5px;width:2rem;height:2rem;border-radius:50%;background:#ecf9ff50}.dice-online-empty-seat:hover{transform:translateY(-3px);background:#eaf8ff44}.dice-online-table-inner--lobby .dice-online-table-center{display:none}.dice-online-lobby-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem}.dice-online-lobby-status{display:grid;gap:.4rem}.dice-online-lobby-status p{margin:0;color:#526d83;font-size:.82rem;font-weight:800;line-height:1.4}.dice-online-ready-dots{display:flex;gap:.35rem}.dice-online-ready-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#c5d8e2}.dice-online-ready-dots i.is-ready{background:#5fae8a;box-shadow:0 0 0 3px #e2f2e7}.dice-online-change-cat{display:inline-flex;width:-moz-max-content;width:max-content;min-height:32px;align-items:center;gap:.35rem;padding:.1rem 0;border:0;background:transparent;color:#326d9e;font-size:.78rem;font-weight:900}.dice-online-change-cat:hover{text-decoration:underline}.dice-online-room .dice-online-footer{margin-top:1.5rem}.dice-online-character-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:1rem;background:#223f5b9c;backdrop-filter:blur(5px)}.dice-online-character-dialog{width:min(100%,39rem);max-height:min(88dvh,49rem);overflow:auto;padding:1.2rem;border:2px solid #deebf0;border-radius:1.8rem;background:#fffcf5;box-shadow:0 8px 0 #a4c6d7,0 26px 70px #18375466}.dice-online-character-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.dice-online-character-heading h2{margin:.15rem 0 0;font-size:1.55rem;line-height:1.1;font-weight:950}.dice-online-character-heading button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#e9f3fa;color:#315676}.dice-online-character-preview{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:7rem;margin:.7rem 0;padding:.4rem;border-radius:1.4rem;background:radial-gradient(circle at 40% 0,#fff5d9,#e5f3fa 70%);color:#304d69;font-size:1.2rem;font-weight:950}.dice-online-character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.dice-online-character-grid button{position:relative;display:flex;min-width:0;min-height:5.5rem;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;border:2px solid transparent;border-radius:1rem;background:#f0f5f8;color:#38546f;font-size:.7rem;font-weight:850;transition:transform .16s,background .16s}.dice-online-character-grid button:hover{transform:translateY(-3px);background:#e5f1fa}.dice-online-character-grid button[aria-pressed=true]{border-color:#92bcdb;background:#e2f1fb;box-shadow:0 3px 0 #b4d2e4}.dice-online-character-grid button span:last-of-type{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dice-online-character-grid button>svg{position:absolute;right:4px;top:4px;color:#3c73b0}.dice-online-character-confirm{position:sticky;bottom:0;width:100%;margin-top:1rem}@keyframes dice-online-lobby-cup{0%,to{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-7px)}}@keyframes dice-online-spark{50%{transform:scale(1.18) rotate(15deg);opacity:.7}}@media(max-width:750px){.dice-online-table-inner--lobby .dice-online-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-online-lobby-controls{display:block}.dice-online-lobby-controls .dice-online-actions{display:flex;margin-top:.7rem}.dice-online-lobby-controls .dice-online-actions>*{flex:1}}@media(max-width:650px){.dice-online-room .dice-online-table{min-height:0;padding:.7rem;border-width:5px}.dice-online-table-inner--lobby{min-height:19.5rem;gap:.5rem;padding:.25rem}.dice-online-lobby-scene{min-height:13.5rem}.dice-online-lobby-art{height:8rem}.dice-online-lobby-art .dice-online-cup{width:7rem;height:7rem;left:3.55rem}.dice-online-lobby-art .dice-online-die{width:3.1rem;height:3.1rem}.dice-online-table-inner--lobby .dice-online-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.dice-online-empty-seat,.dice-online-table-inner--lobby .dice-online-player{min-height:4.7rem}.dice-online-player-avatar-button{width:50px;height:50px}.dice-online-player-avatar-button .draw-guess-cat-sprite{width:50px!important;height:50px!important}.dice-online-character-dialog{padding:1rem}.dice-online-character-preview{min-height:5.8rem}.dice-online-character-preview .draw-guess-cat-sprite{width:82px!important;height:82px!important}.dice-online-character-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem}.dice-online-character-grid button{min-height:4.45rem;font-size:.62rem}.dice-online-character-grid button .draw-guess-cat-sprite{width:47px!important;height:47px!important}}@media(max-width:360px){.dice-online-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:390px){.dice-online-table-inner--lobby .dice-online-player{gap:.2rem;padding:.25rem}.dice-online-lobby-count{top:-.2rem}.dice-online-room .dice-online-room-heading{gap:.5rem}.dice-online-room .dice-online-room-code{padding:.25rem}.dice-online-room .dice-online-room-code strong{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.dice-online-lobby-art .dice-online-cup,.dice-online-lobby-spark{animation:none}.dice-online-character-grid button,.dice-online-empty-seat,.dice-online-player-avatar-button{transition:none}}