:root{--bg: #000129;--surface: #040233;--purple: #803edf;--purple-light: #b7a9f0;--purple-deep: #5912b1;--purple-darkest: #1f0356;--text: #ffffff;--text-muted: rgba(255, 255, 255, .64);--turn-green: #31dc41;--danger: #de3a45;--font: "Google Sans Flex", Lexend, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}button{font:inherit;color:inherit}img{display:block}@keyframes diceGlow{0%,to{box-shadow:0 0 #b7a9f0b3}50%{box-shadow:0 0 0 calc(var(--u) * 14) #b7a9f000}}@keyframes popIn{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}.app-shell{--u: min(calc(100vw / 1080), calc(100vh / 1920), calc(480px / 1080));width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}@supports (height: 100dvh){.app-shell{--u: min(calc(100vw / 1080), calc(100dvh / 1920), calc(480px / 1080));height:100dvh}}.stage{--stage-h: max(calc(var(--u) * 1920), 100vh);--gap: calc((var(--stage-h) - var(--u) * 1920) / 2);position:relative;width:calc(var(--u) * 1080);height:var(--stage-h);overflow:hidden;background:var(--bg) url(/assets/board_glow-DtnEdY2C.jpg) center / 100% calc(var(--u) * 1920) no-repeat}@supports (height: 100dvh){.stage{--stage-h: max(calc(var(--u) * 1920), 100dvh)}}.stage-body{position:absolute;left:0;top:var(--gap);width:calc(var(--u) * 1080);height:calc(var(--u) * 1920)}.match-header{position:absolute;left:0;top:0;width:calc(var(--u) * 1080);height:calc(var(--u) * 186);border-bottom:calc(var(--u) * 3) solid rgba(255,255,255,.2);box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 12) #00000040;z-index:10}.match-header-blur{position:absolute;left:calc(var(--u) * 198);top:calc(var(--u) * -51);width:calc(var(--u) * 684);height:calc(var(--u) * 474);mix-blend-mode:color-dodge;pointer-events:none}.room-code{position:absolute;left:calc(var(--u) * 34);top:calc(var(--u) * 94);max-width:calc(var(--u) * 360);font-size:calc(var(--u) * 41);line-height:calc(var(--u) * 40);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-pill{position:absolute;left:50%;top:calc(var(--u) * 66);transform:translate(-50%);height:calc(var(--u) * 96);display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 16);padding:0 calc(var(--u) * 24);background:var(--surface);border:calc(var(--u) * 3) solid var(--purple);border-radius:calc(var(--u) * 24);filter:drop-shadow(0 calc(var(--u) * 12) calc(var(--u) * 12) rgba(0,0,0,.6));white-space:nowrap}.header-pill.is-timer{min-width:calc(var(--u) * 200)}.header-pill.is-prize{gap:calc(var(--u) * 12)}.header-pill.is-moves{padding:0 calc(var(--u) * 32)}.header-pill-icon{width:calc(var(--u) * 40);height:calc(var(--u) * 40)}.header-pill-coin{width:calc(var(--u) * 48);height:calc(var(--u) * 48);border-radius:50%;object-fit:cover}.header-pill-text{font-size:calc(var(--u) * 42);line-height:calc(var(--u) * 60);font-variant-numeric:tabular-nums}.header-pill-count{font-size:calc(var(--u) * 56);line-height:calc(var(--u) * 72);font-weight:700}.header-pill-caption{font-size:calc(var(--u) * 24);line-height:calc(var(--u) * 30);color:var(--purple-light)}.settings-button{position:absolute;left:calc(var(--u) * 939);top:calc(var(--u) * 66);width:calc(var(--u) * 96);height:calc(var(--u) * 96);display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(to bottom,var(--purple-deep),var(--purple-darkest));border:calc(var(--u) * 3) solid var(--purple);border-radius:calc(var(--u) * 24);filter:drop-shadow(0 calc(var(--u) * 12) calc(var(--u) * 12) rgba(0,0,0,.6));cursor:pointer}.settings-button img{width:calc(var(--u) * 48);height:calc(var(--u) * 48)}.status-line{position:absolute;left:calc(var(--u) * 40);top:calc(var(--u) * 416);width:calc(var(--u) * 1000);font-size:calc(var(--u) * 26);line-height:calc(var(--u) * 32);text-align:center;color:var(--purple-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:6}.player-panel{position:absolute;width:calc(var(--u) * 704);z-index:5}.player-panel.is-top{right:0;top:calc(var(--u) * 221);height:calc(var(--u) * 245)}.player-panel.is-bottom{left:0;top:calc(var(--u) * 1499);height:calc(var(--u) * 189)}.player-panel>*{position:absolute}.player-ring img{width:100%;height:100%}.player-ring .player-ring-glow{position:absolute;left:calc(var(--u) * -94);top:calc(var(--u) * -104);width:calc(var(--u) * 373);height:calc(var(--u) * 341);max-width:none}.player-panel.is-top .player-ring{transform:scaleX(-1)}.player-avatar{border-radius:50%;background:var(--player-color);display:flex;align-items:center;justify-content:center;font-size:calc(var(--u) * 52);font-weight:700}.player-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.turn-timer{position:absolute;right:calc(var(--u) * -8);bottom:calc(var(--u) * -8);min-width:calc(var(--u) * 44);height:calc(var(--u) * 44);padding:0 calc(var(--u) * 6);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u) * 22);background:var(--surface);border:calc(var(--u) * 3) solid var(--turn-green);font-size:calc(var(--u) * 24);font-weight:700;font-variant-numeric:tabular-nums}.player-tag{display:flex;align-items:center;gap:calc(var(--u) * 32);white-space:nowrap}.player-tag.is-top{right:calc(var(--u) * 40);top:calc(var(--u) * -4);height:calc(var(--u) * 40);flex-direction:row-reverse}.player-tag.is-bottom{left:0;top:calc(var(--u) * 153);height:calc(var(--u) * 40)}.player-tag.is-bottom .player-name{width:calc(var(--u) * 192);text-align:center}.player-name{max-width:calc(var(--u) * 300);font-size:calc(var(--u) * 24);line-height:calc(var(--u) * 32);font-weight:600;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}.player-tag.is-top .player-name{max-width:calc(var(--u) * 260);text-align:right}.mover-chip{flex:none;height:calc(var(--u) * 40);display:flex;align-items:center;gap:calc(var(--u) * 8);padding:0 calc(var(--u) * 14) 0 calc(var(--u) * 6);border-radius:calc(var(--u) * 10);background:radial-gradient(circle at 0 50%,#ffffff4d,#ffffff1a 60%);font-size:calc(var(--u) * 24);line-height:calc(var(--u) * 32)}.player-reroll{pointer-events:none}.player-reroll img{position:absolute;left:calc(var(--u) * -32);top:calc(var(--u) * -28);width:calc(var(--u) * 112);height:calc(var(--u) * 112);max-width:none}.mover-chip-icon{position:relative;width:calc(var(--u) * 33);height:calc(var(--u) * 33)}.mover-chip-icon img{width:calc(var(--u) * 24);height:calc(var(--u) * 24);margin:calc(var(--u) * 4.5);transform:rotate(-30deg)}.mover-chip-icon span{position:absolute;left:calc(var(--u) * 20);top:calc(var(--u) * 12);font-family:Lexend,var(--font);font-size:calc(var(--u) * 16);line-height:calc(var(--u) * 24);font-weight:500}.player-lives{display:flex;flex-direction:column;gap:calc(var(--u) * 10)}.player-lives img{width:calc(var(--u) * 32);height:calc(var(--u) * 32)}.player-divider{border-radius:calc(var(--u) * 2);background:#b7a9f033}.player-score-label{font-size:calc(var(--u) * 24);line-height:calc(var(--u) * 32);color:var(--text-muted)}.player-panel.is-top .player-score-label{text-align:right}.player-score{font-size:calc(var(--u) * 64);line-height:calc(var(--u) * 80);font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.player-score-trend img{position:absolute;left:calc(var(--u) * -94);top:calc(var(--u) * -104);width:calc(var(--u) * 248);height:calc(var(--u) * 248);max-width:none}.dice{position:relative;width:100%;height:100%;padding:0;border:0;border-radius:20%;background-color:transparent;background-repeat:no-repeat;cursor:default}.dice-active{cursor:pointer;animation:diceGlow 1.1s ease-in-out infinite}.dice-number img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dice-number span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--u) * 64);font-weight:700;color:#222}.board-area{position:absolute;left:calc(var(--u) * 31);top:calc(var(--u) * 409);width:calc(var(--u) * 1022);z-index:4}.board-wrap{width:100%}.board-wrap canvas{display:block}.bottom-bar{position:absolute;left:0;top:calc(var(--u) * 1768 + 2 * var(--gap));width:calc(var(--u) * 1080);height:calc(var(--u) * 100);z-index:7}.bottom-bar>*{position:absolute}.network-icon{left:calc(var(--u) * 31);top:0;width:calc(var(--u) * 64);height:calc(var(--u) * 64)}.network-icon.is-offline{opacity:.35}.network-latency{left:calc(var(--u) * 12);top:calc(var(--u) * 68);width:calc(var(--u) * 110);font-size:calc(var(--u) * 24);line-height:calc(var(--u) * 32);font-weight:500;text-align:center;text-transform:capitalize;white-space:nowrap}.bar-button{top:0;width:calc(var(--u) * 100);height:calc(var(--u) * 100);display:flex;align-items:center;justify-content:center;padding:0;background:var(--surface);border:calc(var(--u) * 3) solid var(--purple);border-radius:calc(var(--u) * 24);box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 24) #0009}.bar-button:disabled{cursor:default}.bar-button img{width:calc(var(--u) * 54);height:calc(var(--u) * 54)}.bar-button.is-chat{left:calc(var(--u) * 802)}.bar-button.is-emoji{left:calc(var(--u) * 942)}.move-tile{flex:none;width:calc(var(--u) * 64);height:calc(var(--u) * 64);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u) * 10);background:#ffffff1a;color:var(--purple-light);font-size:calc(var(--u) * 40);font-weight:700}.moves-empty{align-self:center;padding:0 calc(var(--u) * 12);color:var(--purple-light);font-size:calc(var(--u) * 28)}.moves-strip{left:calc(var(--u) * 141);top:0;width:calc(var(--u) * 638);height:calc(var(--u) * 100);padding:0;border:0;background:transparent;cursor:pointer}.moves-strip-bg,.moves-grid-bg,.moves-strip-fade{position:absolute;transform:scaleY(-1);pointer-events:none}.moves-strip-bg{top:0;right:0;bottom:0;left:0}.moves-strip-bg img{position:absolute;left:calc(var(--u) * -24);top:calc(var(--u) * -12);width:calc(var(--u) * 686);height:calc(var(--u) * 148);max-width:none}.moves-strip-tiles{position:absolute;left:calc(var(--u) * 20);top:calc(var(--u) * 18);width:calc(var(--u) * 613);height:calc(var(--u) * 64);display:flex;gap:calc(var(--u) * 10);overflow:hidden}.moves-strip-fade{left:calc(var(--u) * 554);top:calc(var(--u) * 4);width:calc(var(--u) * 81);height:calc(var(--u) * 92)}.moves-strip-fade img{position:absolute;left:calc(var(--u) * -24);top:calc(var(--u) * -12);width:calc(var(--u) * 129);height:calc(var(--u) * 140);max-width:none}.moves-grid-backdrop{position:fixed;top:0;right:0;bottom:0;left:0}.moves-grid{position:absolute;left:calc(var(--u) * 141);top:calc(var(--u) * -231);width:calc(var(--u) * 638);height:calc(var(--u) * 331)}.moves-grid-bg{top:0;right:0;bottom:0;left:0}.moves-grid-bg img{position:absolute;left:calc(var(--u) * -24);top:calc(var(--u) * -12);width:calc(var(--u) * 686);height:calc(var(--u) * 379);max-width:none}.moves-grid-tiles{position:absolute;left:calc(var(--u) * 20);top:calc(var(--u) * 20);width:calc(var(--u) * 595);max-height:calc(var(--u) * 291);display:flex;flex-wrap:wrap;align-content:flex-start;gap:calc(var(--u) * 11.5);overflow-y:auto;scrollbar-width:none}.moves-grid-tiles::-webkit-scrollbar{display:none}.moves-grid-collapse{position:absolute;left:calc(var(--u) * 596);top:calc(var(--u) * 289.5);width:calc(var(--u) * 27.5);height:calc(var(--u) * 27.5);padding:0;border:0;background:transparent;cursor:pointer}.moves-grid-collapse img{position:absolute;left:15.41%;top:15.41%;width:84.59%;height:84.59%}.phase-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000129c7;z-index:80;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--u) * 24);text-align:center}.phase-overlay strong{font-size:calc(var(--u) * 140);line-height:1;font-weight:700}.phase-overlay span{font-size:calc(var(--u) * 36);color:var(--purple-light)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000129b3;z-index:160;display:flex;align-items:center;justify-content:center}.settings-modal,.result-card{background:var(--surface);border:calc(var(--u) * 3) solid var(--purple);border-radius:calc(var(--u) * 40);box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 48) #0009;animation:popIn .2s ease both}.settings-modal{width:calc(var(--u) * 800);padding:calc(var(--u) * 48) calc(var(--u) * 48) calc(var(--u) * 44);position:relative}.modal-title{text-align:center;font-size:calc(var(--u) * 48);font-weight:700;margin-bottom:calc(var(--u) * 40)}.modal-close{position:absolute;top:calc(var(--u) * 32);right:calc(var(--u) * 32);width:calc(var(--u) * 72);height:calc(var(--u) * 72);padding:0;border:calc(var(--u) * 3) solid var(--purple);border-radius:calc(var(--u) * 18);background:linear-gradient(to bottom,var(--purple-deep),var(--purple-darkest));font-size:calc(var(--u) * 36);font-weight:700;line-height:1;cursor:pointer}.settings-row{height:calc(var(--u) * 110);display:flex;align-items:center;justify-content:space-between;border-top:calc(var(--u) * 3) solid rgba(183,169,240,.2);font-size:calc(var(--u) * 36)}.settings-row strong{color:var(--purple-light);font-weight:500}.settings-toggle{min-width:calc(var(--u) * 150);height:calc(var(--u) * 64);padding:0 calc(var(--u) * 24);border:calc(var(--u) * 3) solid var(--purple);border-radius:calc(var(--u) * 32);background:#ffffff1a;color:var(--purple-light);font-size:calc(var(--u) * 28);font-weight:700;line-height:1;cursor:pointer}.settings-toggle.is-on{background:linear-gradient(to bottom,var(--purple-deep),var(--purple-darkest));color:var(--text)}.quit-button{width:100%;height:calc(var(--u) * 110);margin-top:calc(var(--u) * 24);background:linear-gradient(to bottom,#e0515b,#8e1621);border:calc(var(--u) * 3) solid #ff8a92;border-radius:calc(var(--u) * 24);font-size:calc(var(--u) * 36);font-weight:700;cursor:pointer}.result-backdrop{background:#000129d9;z-index:200}.result-card{--winner-color: #fff;width:calc(var(--u) * 920);padding:calc(var(--u) * 64) calc(var(--u) * 56);text-align:center}.result-trophy{font-size:calc(var(--u) * 120);line-height:1;margin-bottom:calc(var(--u) * 16)}.result-card h1{margin:0;color:var(--winner-color);font-size:calc(var(--u) * 72);line-height:1.15}.result-self{margin:calc(var(--u) * 24) 0 calc(var(--u) * 40);color:var(--purple-light);font-weight:500;font-size:calc(var(--u) * 32)}.result-players{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 24)}.result-player{border:calc(var(--u) * 3) solid rgba(183,169,240,.25);border-radius:calc(var(--u) * 24);background:#ffffff0d;padding:calc(var(--u) * 24) calc(var(--u) * 16);display:flex;flex-direction:column;gap:calc(var(--u) * 8)}.result-player strong{font-size:calc(var(--u) * 64)}.result-player span,.result-player small,.settlement-line{color:var(--text-muted);font-size:calc(var(--u) * 28);font-weight:500}.settlement-line{display:block;margin-top:calc(var(--u) * 40)}