@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"Space Grotesk", Courier, monospace;--bg-dark:#0a0a0f;--bg-card:#14141e99;--bg-glass:#0f0f1966;--border-glass:#ffffff14;--primary:#00f0ff;--secondary:#ff007f;--accent:#39ff14;--warning:#fc0;--purple:#b026ff;--orange:#ff4500;--text-primary:#f0f0f7;--text-secondary:#a0a0b0;--text-muted:#606070;--shadow-neon:0 0 15px #00f0ff59;--shadow-neon-pink:0 0 15px #ff007f59;--shadow-glass:0 8px 32px 0 #0000005e;font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);box-sizing:border-box;min-height:100vh;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a0f80}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f0ff4d}.app-container{background:radial-gradient(circle,#151528 0%,#08080f 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#00f0ff0d 0%,#0000 70%);width:50%;height:50%;position:absolute;top:-10%;left:-10%}.app-container:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#ff007f0d 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-10%;right:-10%}.app-header{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0a0fcc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-text{font-family:var(--font-mono);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-shadow:0 0 30px #00f0ff33;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.game-layout{z-index:1;flex-grow:1;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:grid}@media (width>=1024px){.game-layout{grid-template-columns:minmax(400px,450px) 1fr minmax(300px,350px)}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:1.25rem;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex}.glass-panel:hover{border-color:#ffffff1f}.btn-neon{color:var(--text-primary);border:1px solid var(--primary);font-family:var(--font-sans);cursor:pointer;text-shadow:0 0 8px #00f0ff80;background:0 0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 10px #00f0ff1a}.btn-neon:hover{background:var(--primary);color:#000;box-shadow:var(--shadow-neon);text-shadow:none;transform:translateY(-2px)}.btn-neon:active{transform:translateY(0)}.btn-neon-pink{border-color:var(--secondary);text-shadow:0 0 8px #ff007f80;box-shadow:0 0 10px #ff007f1a}.btn-neon-pink:hover{background:var(--secondary);color:var(--text-primary);box-shadow:var(--shadow-neon-pink);text-shadow:none}.btn-neon-disabled{opacity:.4;cursor:not-allowed;border-color:var(--text-muted);box-shadow:none;text-shadow:none;pointer-events:none}.board-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:650px;margin:0 auto;display:flex;position:relative}.board-grid{background:#11111a;border:2px solid #ffffff1a;border-radius:1rem;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.board-tile{font-family:var(--font-mono);border:1px solid #ffffff08;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.25rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex;position:relative}.board-tile.even-tile{background:#14141e66}.board-tile.odd-tile{background:#1e1e2d66}.tile-number{color:var(--text-muted);pointer-events:none;font-size:.7rem}.board-tile.has-ladder-start{background:#39ff140d}.board-tile.has-snake-start{background:#ff007f0d}.tile-indicator{pointer-events:none;border-radius:3px;padding:1px 3px;font-size:.6rem;font-weight:700;position:absolute;bottom:2px;right:2px}.tile-indicator.ladder{color:var(--accent);background:#39ff1433}.tile-indicator.snake{color:var(--secondary);background:#ff007f33}.board-overlay-svg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.tokens-container{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:90%;margin:auto;display:flex;position:absolute;bottom:.25rem;left:0;right:0}.player-token{color:#000;width:18px;height:18px;box-shadow:0 2px 5px #00000080, 0 0 10px var(--token-color);background-color:var(--token-color);transform-origin:50%;z-index:5;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;animation:2s ease-in-out infinite tokenPulse;display:flex}@media (width>=640px){.player-token{width:24px;height:24px;font-size:12px}}.player-token.active-token{z-index:10;animation:1s ease-in-out infinite alternate tokenActivePulse}@keyframes tokenPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes tokenActivePulse{0%{box-shadow:0 4px 10px #0009, 0 0 15px var(--token-color);transform:scale(1.15)translateY(0)}to{box-shadow:0 8px 15px #0006, 0 0 25px var(--token-color);transform:scale(1.15)translateY(-5px)}}.setup-group{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.input-text{border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-sans);background:#0a0a0f99;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.input-text:focus{border-color:var(--primary);box-shadow:0 0 10px #00f0ff1a}.avatar-selector{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.avatar-option{border:1px solid var(--border-glass);cursor:pointer;background:#ffffff08;border-radius:.75rem;justify-content:center;align-items:center;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.avatar-option:hover{background:#ffffff14}.avatar-option.selected{border-color:var(--primary);box-shadow:var(--shadow-neon);background:#00f0ff26;transform:scale(1.05)}.color-selector{gap:.5rem;display:flex}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .2s;position:relative}.color-option.selected{box-shadow:0 0 10px var(--option-color);border-color:#fff;transform:scale(1.15)}.dice-scene{perspective:300px;cursor:pointer;width:60px;height:60px;margin:1.5rem auto}.dice-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .1s linear;position:relative}.dice-face{box-sizing:border-box;background:linear-gradient(135deg,#1b1b2d 0%,#0d0d18 100%);border:2px solid #ffffff26;border-radius:12px;flex-wrap:wrap;place-content:center;width:60px;height:60px;padding:8px;display:flex;position:absolute;box-shadow:inset 0 0 10px #00f0ff1a,0 0 15px #00000080}.dice-face.rolling{border-color:var(--primary);box-shadow:inset 0 0 15px #00f0ff4d,0 0 25px #00f0ff66}.dice-dot{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 5px var(--primary);border-radius:50%;margin:2px}.dice-dot-empty{width:8px;height:8px;margin:2px}.dice-3d[data-face="1"]{transform:rotateX(0)rotateY(0)}.dice-3d[data-face="2"]{transform:rotateX(180deg)rotateY(0)}.dice-3d[data-face="3"]{transform:rotateX(0)rotateY(-90deg)}.dice-3d[data-face="4"]{transform:rotateX(0)rotateY(90deg)}.dice-3d[data-face="5"]{transform:rotateX(-90deg)rotateY(0)}.dice-3d[data-face="6"]{transform:rotateX(90deg)rotateY(0)}.dice-face:first-child{transform:rotateY(0)translateZ(30px)}.dice-face:nth-child(2){transform:rotateY(180deg)translateZ(30px)}.dice-face:nth-child(3){transform:rotateY(90deg)translateZ(30px)}.dice-face:nth-child(4){transform:rotateY(-90deg)translateZ(30px)}.dice-face:nth-child(5){transform:rotateX(90deg)translateZ(30px)}.dice-face:nth-child(6){transform:rotateX(-90deg)translateZ(30px)}@keyframes diceSpin{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(720deg)rotateY(720deg)rotate(360deg)}}.dice-rolling{animation:.6s linear infinite diceSpin}.log-list{flex-direction:column;flex-grow:1;gap:.5rem;max-height:250px;margin-top:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.log-entry{font-family:var(--font-sans);background:#ffffff05;border-left:3px solid #0000;border-radius:.5rem;flex-direction:column;padding:.5rem .75rem;font-size:.85rem;line-height:1.3;display:flex}.log-entry.log-roll{border-left-color:var(--primary)}.log-entry.log-ladder{border-left-color:var(--accent);background:#39ff1408}.log-entry.log-snake{border-left-color:var(--secondary);background:#ff007f08}.log-entry.log-victory{border-left-color:var(--warning);background:#ffcc000d}.log-entry.log-system{border-left-color:var(--text-muted)}.log-time{font-family:var(--font-mono);color:var(--text-muted);align-self:flex-end;font-size:.65rem}.log-message{color:var(--text-primary)}.log-player-name{color:var(--player-color);font-weight:600}.turn-banner{border:1px solid var(--border-glass);background:#ffffff05;border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.turn-indicator{align-items:center;gap:.5rem;display:flex}.turn-dot{background-color:var(--player-color);width:10px;height:10px;box-shadow:0 0 8px var(--player-color);border-radius:50%}.lobby-players{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.lobby-player-row{border:1px dashed var(--border-glass);background:#ffffff08;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.lobby-player-info{align-items:center;gap:.5rem;display:flex}.lobby-player-avatar{font-size:1.25rem}.lobby-player-name{font-weight:500}.standings-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.standing-card{border:1px solid var(--border-glass);background:#ffffff05;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.standing-card.active{border-color:var(--player-color);box-shadow:0 0 10px rgba(var(--player-color-rgb), .15);background:#ffffff0a}.standing-card.active:before{content:"";background-color:var(--player-color);width:4px;position:absolute;top:0;bottom:0;left:0}.victory-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#05050ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.victory-card{text-align:center;border:2px solid var(--warning);max-width:450px;box-shadow:0 10px 40px #fc03, var(--shadow-glass);background:linear-gradient(145deg,#18182a 0%,#0d0d17 100%);border-radius:1.5rem;padding:3rem 2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.victory-avatar{margin-bottom:1rem;font-size:5rem;animation:2s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.victory-title{font-family:var(--font-mono);color:var(--warning);text-shadow:0 0 15px #ffcc0080;margin-bottom:.5rem;font-size:2rem;font-weight:700}