@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg: #1a0f08;--bg2: #261508;--bg3: #332010;--sand: #c8a96e;--sand-light: #e8d5a3;--sand-dark: #8b6914;--gold: #d4a017;--gold-light: #f0c040;--gold-dim: #7a5a0a;--stone: #6b5b3e;--lapis: #1a3a5c;--lapis-light: #2e5f8a;--white-piece: #f5e6c8;--black-piece: #2c1810;--rose-bg: #7a1828;--eyes-bg: #1a3a5c;--five-bg: #2a4a1c;--oasis-bg: #1a4a2c;--exit-bg: #4a3010;--valid-ring: rgba(80, 210, 80, .7);--selected-ring: rgba(255, 200, 40, .9);--radius: 8px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--sand-light);font-family:EB Garamond,serif;font-size:16px;line-height:1.5;overflow-x:hidden}.screen{display:none}.screen.active{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column}.lobby-card{background:var(--bg2);border:1px solid var(--stone);border-radius:12px;padding:2.5rem 2rem;width:min(420px,92vw);text-align:center;box-shadow:0 8px 32px #0009}.title{font-family:Cinzel,serif;font-size:clamp(1.2rem,4vw,1.7rem);font-weight:700;color:var(--gold-light);letter-spacing:2px;margin-bottom:.4rem;text-shadow:0 0 12px rgba(212,160,23,.4)}.subtitle{font-size:.9rem;color:var(--sand);letter-spacing:1.5px;margin-bottom:1.6rem}.lobby-section{text-align:left;margin-bottom:1.2rem}.lobby-section label{display:block;font-size:.8rem;color:var(--sand);letter-spacing:1px;margin-bottom:.3rem}input[type=text]{width:100%;background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);color:var(--sand-light);font-family:EB Garamond,serif;font-size:1rem;padding:.55rem .8rem;outline:none;transition:border-color var(--transition)}input[type=text]:focus{border-color:var(--gold)}input[type=text]::placeholder{color:var(--stone)}.lobby-actions{display:flex;flex-direction:column;gap:.8rem}.join-row{display:flex;gap:.5rem}.join-row input{flex:1;text-transform:uppercase;letter-spacing:3px}.divider{display:flex;align-items:center;gap:.8rem;color:var(--stone);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--stone)}.btn{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:1.5px;font-weight:600;border:none;border-radius:var(--radius);padding:.65rem 1.4rem;cursor:pointer;transition:opacity var(--transition),transform var(--transition),background var(--transition)}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:linear-gradient(160deg,var(--gold) 0%,var(--sand-dark) 100%);color:#1a0f08}.btn-primary:not(:disabled):hover{opacity:.9}.btn-secondary{background:transparent;color:var(--sand-light);border:1px solid var(--stone)}.btn-secondary:not(:disabled):hover{border-color:var(--gold);color:var(--gold-light)}.game-code{font-family:Cinzel,serif;font-size:2.5rem;letter-spacing:8px;color:var(--gold-light);background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);padding:.8rem 1.5rem;margin:.8rem auto;display:inline-block}.game-url{font-size:.75rem;color:var(--sand);word-break:break-all;background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);padding:.4rem .7rem;margin:.4rem auto}.hint{font-size:.8rem;color:var(--sand);margin-top:.6rem}.spinner{width:32px;height:32px;margin:1.5rem auto 0;border:3px solid var(--stone);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#screen-game{display:none;align-items:center;justify-content:flex-start;flex-direction:column;min-height:100vh;padding:.6rem}#screen-game.active{display:flex}.game-content{display:flex;flex-direction:column;gap:.45rem;width:100%;max-width:min(860px,97vw)}.game-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--stone);border-radius:var(--radius);padding:.5rem 1rem;gap:.5rem;order:0}.player-info{display:flex;align-items:center;gap:.5rem;min-width:120px}.side-black{flex-direction:row}.side-white{flex-direction:row-reverse}.player-stone{width:18px;height:18px;border-radius:50%;flex-shrink:0}.white-stone{background:var(--white-piece);border:2px solid var(--gold)}.black-stone{background:var(--black-piece);border:2px solid var(--sand)}.player-name{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.5px;color:var(--sand-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.player-score{font-size:.75rem;color:var(--sand);white-space:nowrap}.status-center{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:1px;color:var(--gold-light);text-align:center;flex:1}.player-info.active-turn .player-name{color:var(--gold-light)}.player-info.active-turn .player-stone{box-shadow:0 0 8px var(--gold)}.dice-slot{display:flex;align-items:center;justify-content:center;min-height:58px}.dice-panel{align-self:center;background:var(--bg2);border:1px solid var(--stone);border-radius:var(--radius);padding:.55rem .7rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center;transition:box-shadow .3s ease}.dice-panel.active-panel{border-color:var(--gold-dim);box-shadow:0 0 10px #d4a01740}.board-wrapper{display:flex;align-items:center;justify-content:center}#game-canvas{cursor:pointer;border-radius:var(--radius);border:2px solid var(--sand-dark);display:block;max-width:100%}.dice-row{display:flex;gap:6px;align-items:center}.die{width:30px;height:30px;border-radius:5px;background:var(--sand-light);color:var(--lapis);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform .15s ease}.die.active{background:var(--gold-light);transform:scale(1.12)}.dice-total{font-family:Cinzel,serif;font-size:1.2rem;color:var(--gold-light);margin-left:4px;min-width:28px}.move-hint{font-size:.8rem;color:var(--sand);font-style:italic}.hidden{display:none!important}.trophy{font-size:4rem;margin-bottom:.5rem}.error-msg{color:#e05050;font-size:.85rem;margin-top:.8rem;padding:.4rem .8rem;background:#c832321f;border:1px solid rgba(200,50,50,.3);border-radius:var(--radius)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.settings-row label{margin-bottom:0;white-space:nowrap}select{background:var(--bg3);border:1px solid var(--stone);border-radius:var(--radius);color:var(--sand-light);font-family:EB Garamond,serif;font-size:.95rem;padding:.4rem .6rem;outline:none;cursor:pointer;transition:border-color var(--transition)}select:focus{border-color:var(--gold)}.settings-row input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;cursor:pointer;flex-shrink:0}@media (max-width: 480px){.lobby-card{padding:1.8rem 1.2rem}.player-name{max-width:60px}.game-header{padding:.4rem .6rem}.dice-panel{padding:.4rem .6rem;gap:.5rem}}