.home{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1815}.home-center{display:flex;flex-direction:column;align-items:center;gap:12px}.home-title{font-family:Cinzel,serif;font-size:56px;font-weight:700;letter-spacing:10px;color:#8b7355}.home-tagline{font-family:Crimson Text,serif;font-size:18px;font-style:italic;color:#6b6052;margin-bottom:24px}.home-actions{display:flex;gap:12px}.home-footer{position:absolute;bottom:24px;font-size:13px;color:#3d3830}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1815}.back-link{position:absolute;top:24px;left:24px;font-family:Crimson Text,serif;font-size:15px;color:#6b6052;background:none;border:none;cursor:pointer}.back-link:hover{color:#8b7355}.login-card{width:100%;max-width:360px;padding:40px 32px;background:#1f1d19;border:1px solid #2e2b27;border-radius:4px}.login-title{font-family:Cinzel,serif;font-size:22px;font-weight:600;color:#c4b99a;letter-spacing:2px;text-align:center;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:18px}.login-form label{display:flex;flex-direction:column;gap:6px}.login-form label span{font-family:Cinzel,serif;font-size:11px;font-weight:600;color:#6b6052;letter-spacing:1px;text-transform:uppercase}.login-form input{font-family:Crimson Text,serif;font-size:16px;padding:10px 12px;background:#16140f;border:1px solid #2e2b27;border-radius:3px;color:#c4b99a;outline:none;transition:border-color .2s}.login-form input::placeholder{color:#3d3830}.login-form input:focus{border-color:#5a4f3f}.login-form input:disabled{opacity:.5}.form-error{font-size:14px;color:#9e5555;padding:10px 12px;background:#9e555514;border:1px solid rgba(158,85,85,.15);border-radius:3px}.toggle-link{display:block;width:100%;margin-top:20px;font-family:Crimson Text,serif;font-size:14px;color:#6b6052;background:none;border:none;cursor:pointer;text-align:center}.toggle-link:hover{color:#8b7355}.btn-primary{font-family:Cinzel,serif;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;background:#2e2b27;border:1px solid #3d3830;border-radius:3px;color:#c4b99a;cursor:pointer;transition:background .2s,border-color .2s}.btn-primary:hover:not(:disabled){background:#3d3830;border-color:#5a4f3f}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.lobby{height:100vh;display:flex;flex-direction:column;background:#1a1815}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #2e2b27}.lobby-brand{font-family:Cinzel,serif;font-size:18px;font-weight:700;color:#8b7355;letter-spacing:4px}.lobby-right{display:flex;align-items:center;gap:16px}.lobby-email{font-size:14px;color:#6b6052}.lobby-status{font-family:JetBrains Mono,monospace;font-size:12px;color:#9e5555;padding:4px 10px;background:#1f1d19;border:1px solid #2e2b27;border-radius:3px}.lobby-status.on{color:#6b8a5e}.lobby-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.lobby-class{display:flex;flex-direction:column;align-items:center;gap:8px}.lobby-class .label{font-family:Cinzel,serif;font-size:11px;font-weight:600;color:#5a4f3f;letter-spacing:2px;text-transform:uppercase}.lobby-class-name{font-family:Cinzel,serif;font-size:32px;font-weight:700;color:#c4b99a;letter-spacing:4px;text-transform:capitalize}.btn-play{font-family:Cinzel,serif;font-size:16px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:16px 48px;background:#2e2b27;border:1px solid #3d3830;border-radius:3px;color:#c4b99a;cursor:pointer;transition:background .2s,border-color .2s}.btn-play:hover:not(:disabled){background:#3d3830;border-color:#5a4f3f}.btn-play:disabled{opacity:.6;cursor:not-allowed}.btn-play.queuing{color:#8b7355}.lobby-error{font-size:14px;color:#9e5555}.lobby-nav{display:flex;justify-content:center;gap:8px;padding:20px;border-top:1px solid #2e2b27}.btn-small{font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:8px 16px;background:transparent;border:1px solid #2e2b27;border-radius:3px;color:#6b6052;cursor:pointer;transition:color .2s,border-color .2s}.btn-small:hover{color:#c4b99a;border-color:#5a4f3f}.select-page{height:100vh;display:flex;flex-direction:column;background:#1a1815}.select-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #2e2b27}.select-header h1{font-family:Cinzel,serif;font-size:20px;font-weight:600;color:#c4b99a;letter-spacing:3px}.select-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:24px;align-content:center}.select-card{display:flex;flex-direction:column;gap:6px;padding:20px;background:#1f1d19;border:1px solid #2e2b27;border-radius:4px;cursor:pointer;text-align:left;transition:border-color .2s}.select-card:hover{border-color:#5a4f3f}.select-card.active{border-color:#8b7355}.select-name{font-family:Cinzel,serif;font-size:18px;font-weight:700;color:#c4b99a;letter-spacing:2px}.select-desc{font-family:Crimson Text,serif;font-size:14px;color:#6b6052}.select-footer{display:flex;justify-content:center;padding:20px;border-top:1px solid #2e2b27}.settings-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f0d0ad9;z-index:200}.settings-modal{width:100%;max-width:460px;max-height:80vh;background:#1f1d19;border:1px solid #2e2b27;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2e2b27}.settings-header h2{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:#c4b99a;letter-spacing:3px}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid #2e2b27;border-radius:3px;font-size:18px;color:#6b6052;cursor:pointer}.close-btn:hover{color:#c4b99a;border-color:#5a4f3f}.settings-content{flex:1;padding:20px;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.section-title{font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#5a4f3f;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #2e2b27;display:flex;justify-content:space-between;align-items:center}.terrain-reset-btn{font-family:Crimson Text,serif;font-size:12px;padding:2px 10px;background:none;border:1px solid #2e2b27;border-radius:3px;color:#6b6052;cursor:pointer;letter-spacing:0;text-transform:none}.terrain-reset-btn:hover{color:#9e5555;border-color:#9e5555}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.setting-row label{font-family:Crimson Text,serif;font-size:15px;color:#8a8070}.slider-container{display:flex;align-items:center;gap:10px}.slider-container input[type=range]{width:120px;height:3px;background:#2e2b27;border-radius:2px;outline:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#8b7355;border-radius:50%;cursor:pointer}.slider-value{font-family:JetBrains Mono,monospace;font-size:11px;color:#5a4f3f;width:36px;text-align:right}.button-group{display:flex;gap:4px}.quality-btn{font-family:Cinzel,serif;font-size:11px;font-weight:600;padding:6px 12px;background:transparent;border:1px solid #2e2b27;border-radius:3px;color:#6b6052;cursor:pointer}.quality-btn:hover{color:#c4b99a}.quality-btn.active{border-color:#8b7355;color:#8b7355}.toggle-btn{font-family:Cinzel,serif;font-size:11px;font-weight:600;padding:6px 14px;background:transparent;border:1px solid #2e2b27;border-radius:3px;color:#6b6052;cursor:pointer;min-width:56px}.toggle-btn:hover{color:#c4b99a}.toggle-btn.active{border-color:#6b8a5e;color:#6b8a5e}.controls-info{display:flex;flex-direction:column;gap:6px}.control-row{display:flex;align-items:center;gap:12px}.control-row .key{font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 10px;background:#16140f;border:1px solid #2e2b27;border-radius:3px;color:#8b7355;min-width:72px;text-align:center}.control-row .action{font-size:14px;color:#6b6052}.settings-footer{padding:14px 20px;border-top:1px solid #2e2b27;display:flex;justify-content:center}.done-btn{font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:10px 32px;background:#2e2b27;border:1px solid #3d3830;border-radius:3px;color:#c4b99a;cursor:pointer}.done-btn:hover{background:#3d3830}.shop-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f0d0ad9;z-index:200}.shop-modal{width:100%;max-width:600px;max-height:80vh;background:#1f1d19;border:1px solid #2e2b27;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2e2b27}.shop-header h2{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:#c4b99a;letter-spacing:3px}.shop-content{flex:1;padding:20px;overflow-y:auto}.shop-error{font-size:14px;color:#9e5555;padding:10px 12px;background:#9e555514;border:1px solid rgba(158,85,85,.15);border-radius:3px;margin-bottom:16px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.shop-item{padding:16px;background:#1a1815;border:1px solid #2e2b27;border-radius:4px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s}.shop-item:hover:not(.owned){border-color:#5a4f3f}.shop-item.owned{opacity:.5}.item-preview{height:60px;display:flex;align-items:center;justify-content:center;background:#16140f;border-radius:3px}.preview-emoji{font-size:28px}.item-info{text-align:center}.item-name{font-family:Cinzel,serif;font-size:13px;font-weight:600;color:#c4b99a;margin:0 0 2px}.item-type{font-size:11px;color:#5a4f3f;text-transform:uppercase;letter-spacing:1px}.item-action{margin-top:auto}.buy-btn{width:100%;font-family:Cinzel,serif;font-size:13px;font-weight:600;padding:8px;background:#2e2b27;border:1px solid #3d3830;border-radius:3px;color:#c4b99a;cursor:pointer;display:flex;align-items:center;justify-content:center}.buy-btn:hover:not(:disabled){background:#3d3830}.buy-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid #3d3830;border-top-color:#8b7355;border-radius:50%;animation:spin .8s linear infinite}.owned-badge{display:block;width:100%;text-align:center;font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:2px;padding:8px;border:1px solid rgba(107,138,94,.3);border-radius:3px;color:#6b8a5e}.shop-footer{padding:14px 20px;border-top:1px solid #2e2b27}.shop-note{font-size:12px;font-style:italic;color:#3d3830;text-align:center;margin:0}.inventory-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f0d0ad9;z-index:200}.inventory-modal{width:100%;max-width:520px;max-height:80vh;background:#1f1d19;border:1px solid #2e2b27;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2e2b27}.inventory-header h2{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:#c4b99a;letter-spacing:3px}.inventory-content{flex:1;padding:20px;overflow-y:auto}.inventory-loading{font-size:14px;font-style:italic;color:#5a4f3f;text-align:center;padding:32px}.inventory-error{font-size:14px;color:#9e5555;padding:10px 12px;background:#9e555514;border:1px solid rgba(158,85,85,.15);border-radius:3px;margin-bottom:16px}.inventory-section{margin-bottom:20px}.inventory-section .section-title{font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#5a4f3f;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #2e2b27}.empty-section{text-align:center;padding:32px 16px}.empty-section p{font-size:14px;color:#5a4f3f;margin:0 0 4px}.empty-section .hint{font-size:13px;font-style:italic;color:#3d3830}.inventory-grid{display:flex;flex-direction:column;gap:8px}.inventory-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1a1815;border:1px solid #2e2b27;border-radius:4px}.inventory-item:hover{border-color:#3d3830}.inventory-item.equipped{border-color:#6b8a5e4d}.item-preview{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#16140f;border-radius:3px}.preview-icon{font-size:20px}.item-details{flex:1;display:flex;flex-direction:column;gap:2px}.item-name{font-family:Cinzel,serif;font-size:13px;font-weight:600;color:#c4b99a}.equipped-badge{font-size:11px;color:#6b8a5e}.equip-btn{font-family:Cinzel,serif;font-size:11px;font-weight:600;padding:6px 14px;background:transparent;border:1px solid #2e2b27;border-radius:3px;color:#6b6052;cursor:pointer;min-width:72px;display:flex;align-items:center;justify-content:center}.equip-btn:hover:not(:disabled){color:#c4b99a;border-color:#5a4f3f}.equip-btn:disabled{opacity:.4;cursor:not-allowed}.equip-btn.unequip{border-color:#6b8a5e4d;color:#6b8a5e}.inventory-item .spinner{width:12px;height:12px;border:2px solid #2e2b27;border-top-color:#8b7355;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inventory-footer{padding:14px 20px;border-top:1px solid #2e2b27}.inventory-stats{font-family:JetBrains Mono,monospace;font-size:11px;color:#3d3830;text-align:center}.game-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#1a1815;z-index:1000;transition:opacity .5s ease-out}.game-loader.fade-out{opacity:0;pointer-events:none}.gl-title{font-family:Cinzel,serif;font-size:32px;font-weight:700;letter-spacing:8px;color:#8b7355}.gl-bar-track{width:240px;height:3px;background:#2e2b27;border-radius:2px;overflow:hidden}.gl-bar-fill{height:100%;background:#8b7355;border-radius:2px;transition:width .3s ease}.gl-info{display:flex;justify-content:space-between;width:240px}.gl-label{font-family:Crimson Text,serif;font-size:13px;font-style:italic;color:#5a4f3f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.gl-pct{font-family:JetBrains Mono,monospace;font-size:12px;color:#5a4f3f}.app-root{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;background:#1a1815;color:#c4b99a;font-family:Crimson Text,Georgia,serif}.ui-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.ui-layer>*{pointer-events:auto}::selection{background:#8b73554d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2e2b27;border-radius:3px}*:focus-visible{outline:1px solid #8b7355;outline-offset:2px}.game-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#1a1815;z-index:1000;transition:opacity .5s ease-out}.game-loading.fade-out{opacity:0;pointer-events:none}.game-loading-text{font-family:Cinzel,serif;font-size:32px;font-weight:700;letter-spacing:8px;color:#8b7355}