@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700;750&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17191c;background:#fff;font-synthesis:none;font-weight:400;font-size:16px;--muted:#828894;--border:#e5e6e9}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #3b82f6;outline-offset:5px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.game{position:relative;width:100%;height:100svh;min-height:650px;overflow:hidden;background:#fff}header{position:absolute;z-index:3;top:26px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:34px;font-weight:750;letter-spacing:-1.6px;display:flex;align-items:center;gap:23px}.swatches{display:flex;gap:7px}.swatches i{width:16px;height:16px;border-radius:3px;box-shadow:inset 0 -2px 2px #00000012}.text-button{background:none;border:0;color:#777e8b;font-size:14px;font-weight:500;padding:10px 0}.text-button:hover{color:#17191c}.tower{position:absolute;inset:13% 16% 19%;touch-action:none;cursor:grab}.tower canvas{display:block;width:100%;height:100%;touch-action:none}.player{position:absolute;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;pointer-events:none}.player-top{top:4.5%}.player-bottom{bottom:12.2%}.player-number{width:34px;height:34px;border:1.5px solid #222;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:600;margin-bottom:2px;background:#fff;transition:background .2s,color .2s}.player strong{font-size:16px;font-weight:700;line-height:1.3}.player>span:last-child{font-size:14px;color:var(--muted)}.player.active .player-number{background:#17191c;color:#fff}.dice-area{position:absolute;top:46%;right:12.4%;display:flex;align-items:center;flex-direction:column;gap:22px;z-index:3}.dice-area>strong{font-size:16px;letter-spacing:-.25px}.dice-button{height:100px;width:100px;padding:0;border:0;background:transparent;perspective:600px;display:grid;place-items:center;transition:transform .2s}.dice-button:not(:disabled):hover{transform:translateY(-5px)}.dice{position:relative;width:76px;height:76px;transform-style:preserve-3d;transform:rotateX(-23deg) rotateY(-32deg);transition:transform 1.25s cubic-bezier(.18,.7,.2,1)}.face{position:absolute;width:76px;height:76px;border-radius:7px;backface-visibility:hidden;box-shadow:inset 0 1px 3px #ffffff30,inset 0 -4px 6px #00000010}.front{background:#ef4444;transform:translateZ(38px)}.back{background:#a855f7;transform:rotateY(180deg) translateZ(38px)}.right{background:#facc15;transform:rotateY(90deg) translateZ(38px)}.left{background:#f97316;transform:rotateY(-90deg) translateZ(38px)}.top{background:#3b82f6;transform:rotateX(90deg) translateZ(38px)}.bottom{background:#22c55e;transform:rotateX(-90deg) translateZ(38px)}.dice-button:after{content:"";position:absolute;bottom:-8px;width:82px;height:14px;background:#0000000b;filter:blur(8px);border-radius:50%;z-index:-1}footer{position:absolute;left:36px;right:36px;bottom:29px;display:flex;align-items:end;justify-content:center;z-index:4}footer>p{position:absolute;left:0;bottom:0;font-size:13px;color:var(--muted);margin:0 0 10px}.actions{display:flex;align-items:center;justify-content:center;gap:16px}.primary,.secondary{height:46px;padding:0 30px;min-width:162px;border-radius:9px;font-weight:650;font-size:14px;transition:background .2s,transform .2s}.primary{background:#191b1e;border:1px solid #191b1e;color:#fff;box-shadow:0 2px 4px #0000000a}.primary:hover:not(:disabled){background:#36383e;transform:translateY(-1px)}.primary:disabled{opacity:.75}.secondary{background:#fff;border:1px solid #b9bdc5;color:#555d69}.secondary:hover:not(:disabled){background:#f5f6f8}.secondary:disabled{color:#a9afb9;border-color:#d2d5da}.toast{position:fixed;left:50%;bottom:98px;transform:translate(-50%);background:#191b1e;color:#fff;padding:12px 20px;z-index:10;border-radius:10px;box-shadow:0 5px 20px #0001;font-size:14px;text-align:center;max-width:90vw;width:max-content}.turn-status{position:absolute;top:16%;left:50%;transform:translate(-50%);font-size:14px;color:#717887;z-index:3;text-align:center;width:90%;pointer-events:none}.turn-status strong{color:#222}.dialog-backdrop{position:fixed;inset:0;background:#ffffffbd;backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;padding:24px}.dialog{background:#fff;border:1px solid #eee;box-shadow:0 20px 90px #00000012;border-radius:20px;padding:36px;max-width:420px;width:100%;position:relative}.dialog h2{font-size:30px;letter-spacing:-1px;margin:0 0 15px}.dialog p,.dialog li{font-size:15px;line-height:1.7;color:#747985}.dialog ol{padding-left:20px;margin-bottom:28px}.dialog li{padding-left:4px;margin-bottom:8px}.dialog .primary{width:100%}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:25px;color:#969ba4}.invite-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:7px;margin:10px 0 20px;font:inherit;font-size:13px}.dice-subtitle{font-size:13px;color:var(--muted);max-width:135px;text-align:center}.game.playing .tower{inset:18% 16%}.game.playing .player-top{top:4%}.game.playing .player-bottom{bottom:7%}.game.playing footer{justify-content:flex-end}.game.playing footer>p{bottom:0}.connection{color:#d97706!important}@media(min-width:1500px){.tower{inset:12% 21% 19%}.dice-area{right:19%}}@media(max-width:850px){header{left:24px;right:24px;top:22px}.brand{font-size:28px;gap:14px}.swatches{gap:5px}.swatches i{width:12px;height:12px}.tower{inset:15% 7% 21%}.dice-area{right:8%;top:45%;gap:18px;transform:scale(.85);transform-origin:right center}footer{bottom:22px;left:24px;right:24px}footer>p{display:none}.player-top{top:10%}.player-bottom{bottom:13%}.game.playing .tower{inset:20% 7% 18%}.game.playing .player-top{top:10%}.turn-status{top:22%;font-size:13px}}@media(max-width:520px){.game{min-height:620px}header{left:20px;right:20px;top:20px}.brand{font-size:27px;gap:12px}.swatches{gap:4px}.swatches i{width:10px;height:10px}.text-button{font-size:12px}.player-top{top:11%}.player-number{width:29px;height:29px;font-size:14px}.player strong{font-size:14px}.player>span:last-child{font-size:12px}.tower{inset:21% 12% 24% -7%}.dice-area{right:10%;top:44%;transform:scale(.64);gap:18px}.dice-area>strong{font-size:18px}.player-bottom{bottom:14.5%}.actions{gap:10px;width:100%}.primary,.secondary{min-width:0;padding:0 22px;height:45px;font-size:13px;flex:1}footer{bottom:28px;left:22px;right:22px}.game.playing .tower{inset:25% 12% 19% -7%}.game.playing .player-top{top:11%}.game.playing .player-bottom{bottom:9%}.turn-status{top:24%;font-size:12px}.game.playing footer{bottom:15px}.dialog{padding:28px}.dialog h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.dice{transition-duration:.1s}button{transition:none}}.dialog{color:#17191c;max-height:90svh}.dialog::backdrop{background:#ffffffb8;backdrop-filter:blur(7px)}.move-count{font-size:13px;color:var(--muted)}.connection-banner{position:absolute;z-index:8;bottom:92px;left:50%;transform:translate(-50%);background:#fffbeb;color:#92400e;border:1px solid #fde68a;border-radius:9px;padding:12px 18px;font-size:14px;max-width:90%;text-align:center}.connection-banner a{text-decoration:underline}.button-link{display:flex;align-items:center;justify-content:center}.graphics-error{position:absolute;left:20%;right:20%;top:40%;text-align:center;background:#fff;padding:30px;z-index:9;border:1px solid #eee;border-radius:12px}.dice-view{display:block;width:76px;height:76px;transform-style:preserve-3d;transform:rotateX(-23deg) rotateY(-32deg)}.dice{display:block}@media(min-width:851px){.primary,.secondary{min-width:190px;height:50px;font-size:15px}.player strong,.dice-area>strong{font-size:18px}.player-number{height:38px;width:38px;font-size:17px}}@media(max-width:520px){.primary,.secondary{font-size:14px}.dice-area>strong{font-size:20px}}