:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse at center,#1a0a2e,#0a0a0a 70%)}.dragon-select-screen{text-align:center;max-width:400px;padding:3rem 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem}.dragon-title-art{margin-bottom:2rem}.dragon-emoji{font-size:4rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 0 20px rgba(250,204,21,.4))}.dragon-select-screen h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#facc15,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.subtitle{color:#ffffff80;font-size:1rem;margin-top:.25rem}.player-select p{color:#ffffffb3;margin-bottom:1rem}.select-buttons{display:flex;gap:1rem;justify-content:center}.select-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:2px solid #facc15;border-radius:.75rem;background:#facc151a;color:#facc15;cursor:pointer;transition:all .2s}.select-btn:hover{background:#facc1540;transform:translateY(-2px);box-shadow:0 4px 20px #facc1533}.game-container{max-width:800px;width:100%}.game-header{text-align:center;margin-bottom:1.25rem}.title-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.dragon-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(250,204,21,.3))}.game-header h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#facc15,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-header .tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff73;border:1px solid rgba(255,255,255,.1);padding:.15rem .5rem;border-radius:.25rem;margin-top:.25rem}.game-layout{display:flex;gap:1.5rem;align-items:flex-start}@media(max-width:700px){.game-layout{flex-direction:column;align-items:center}}.board-wrapper{position:relative;flex-shrink:0}.board-svg{display:block;border:2px solid rgba(250,204,21,.15);border-radius:.5rem;background:#0f0f23;box-shadow:0 0 40px #facc1514,inset 0 0 30px #00000080}.start-zone{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.75rem;color:#fff6}.start-dragon{font-size:1.1rem}.controls-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:200px}.dice-display{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem}.dice-display.rolling{animation:diceShake .15s infinite alternate}@keyframes diceShake{0%{transform:rotate(-5deg) scale(1.02)}to{transform:rotate(5deg) scale(1.02)}}.dice-placeholder{font-size:2.5rem;color:#fff3;font-weight:700}.dice-svg{display:block}.roll-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:.75rem;background:linear-gradient(135deg,#facc15,#f59e0b);color:#1a1a2e;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.roll-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #facc1566}.roll-btn:disabled{opacity:.5;cursor:not-allowed}.player-info-row{display:flex;gap:.75rem;width:100%}.player-card{flex:1;padding:.5rem;text-align:center;border:2px solid rgba(255,255,255,.1);border-radius:.75rem;background:#ffffff05;transition:all .3s}.player-card.active{background:#ffffff0f;box-shadow:0 0 15px #facc1526}.player-card.winner{background:#facc151a;animation:winnerGlow 1s infinite alternate}@keyframes winnerGlow{0%{box-shadow:0 0 10px #facc1533}to{box-shadow:0 0 25px #facc1580}}.player-dragon{font-size:1.5rem}.player-name{font-size:.75rem;font-weight:600;color:#fffc}.player-pos{font-size:.65rem;color:#fff6;font-family:monospace}.message-box{width:100%;padding:.65rem;text-align:center;font-size:.8rem;color:#ffffffb3;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;line-height:1.4}.legend{display:flex;gap:1rem;font-size:.7rem;color:#ffffff80}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-dot{width:10px;height:10px;border-radius:50%}.snake-dot{background:#ef4444}.ladder-dot{background:#facc15}.restart-btn{padding:.65rem 1.5rem;font-size:.85rem;font-weight:600;border:2px solid #facc15;border-radius:.75rem;background:transparent;color:#facc15;cursor:pointer;transition:all .2s}.restart-btn:hover{background:#facc1526}