:root{--bg:#05070a;--obsidian:#08090e;--obsidian-surface:#0e111a;--obsidian-elevated:#131722;--gold-dark:#8c6d23;--gold:#c8a248;--gold-bright:#f5d76e;--gold-glow:#f5d76e73;--border-gold:#c8a2486b;--border-subtle:#ffffff1f;--text:#ede8dc;--text-muted:#8e95a5;--font-serif:"Cinzel", serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--chamfer-clip:polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{background:var(--bg);width:100vw;height:100vh;color:var(--text);font-family:var(--font-sans);overflow:hidden}#canvas-container{z-index:1;width:100vw;height:100vh;position:fixed;inset:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}#cinematic-montage-overlay{z-index:60;pointer-events:auto;flex-direction:column;justify-content:space-between;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}#cinematic-montage-overlay.fade-out{opacity:0;pointer-events:none}.montage-particles-canvas{pointer-events:none;z-index:62;width:100%;height:100%;position:absolute;inset:0}.cinema-bar{z-index:65;background:#040508;border-color:#c8a24859;justify-content:space-between;align-items:center;width:100%;padding:0 32px;display:flex;position:relative}.cinema-bar.top{border-bottom:1px solid #c8a24852;height:76px;box-shadow:0 8px 32px #000000d9}.cinema-bar.bottom{border-top:1px solid #c8a24852;flex-direction:column;justify-content:center;height:82px;padding:0 32px;box-shadow:0 -8px 32px #000000d9}.cinema-brand-lockup{align-items:center;gap:12px;display:flex}.cinema-diamond{color:var(--gold-bright);text-shadow:0 0 10px #f5d76eb3;font-size:.95rem}.cinema-game-title{font-family:var(--font-serif);letter-spacing:.22em;color:var(--gold);font-size:1.15rem;font-weight:800}.cinema-roman-label{letter-spacing:.16em;color:var(--text-muted);text-transform:uppercase;border-left:1px solid #c8a24866;padding-left:12px;font-size:.72rem}.cinema-mute-btn{border:1px solid var(--border-gold);clip-path:var(--chamfer-clip);color:var(--gold);letter-spacing:.08em;cursor:pointer;background:#0e111acc;padding:8px 16px;font-size:.74rem;font-weight:700;transition:all .2s}.cinema-mute-btn:hover{color:var(--gold-bright);background:#c8a2482e}.cinema-lower-third{z-index:64;pointer-events:none;text-align:right;flex-direction:column;align-items:flex-end;gap:4px;max-width:580px;animation:.45s cubic-bezier(.16,1,.3,1) forwards lowerThirdSlide;display:flex;position:absolute;bottom:98px;right:36px}@keyframes lowerThirdSlide{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.cinema-act-eyebrow{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:2px;display:flex}.cinema-act-badge{font-family:var(--font-serif);letter-spacing:.24em;color:var(--gold-bright);text-transform:uppercase;clip-path:var(--chamfer-clip);background:#c8a2481f;border:1px solid #c8a24859;padding:3px 10px;font-size:.76rem;font-weight:800}.cinema-act-heading{font-family:var(--font-serif);letter-spacing:.16em;color:#fff8e7;text-transform:uppercase;text-shadow:0 4px 18px #000000f2,0 0 24px #c8a24866;font-size:clamp(1.25rem,2.8vw,1.85rem);font-weight:900;line-height:1.15}.cinema-act-subheading{font-family:var(--font-serif);letter-spacing:.04em;color:#c9cbce;text-shadow:0 2px 10px #000000f2;max-width:480px;font-size:clamp(.74rem,1.2vw,.86rem);font-style:italic}.cinema-lower-third-line{background:linear-gradient(90deg, transparent, var(--gold));width:140px;height:2px;margin-top:4px}.cinema-horizon-track{background:#ffffff1a;width:100%;height:2px;position:absolute;top:0;left:0}.cinema-horizon-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold-bright));height:100%;transition:width .1s linear;box-shadow:0 0 10px #f5d76ecc}.cinema-bottom-content{justify-content:space-between;align-items:center;width:100%;padding-top:4px;display:flex}.cinema-status-group{letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:12px;font-size:.82rem;display:flex}.cinema-status-orb{background:var(--gold-bright);border-radius:50%;width:8px;height:8px;animation:1.8s infinite alternate orbFlicker;box-shadow:0 0 10px #f5d76ee6}@keyframes orbFlicker{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.cinema-status-text{font-family:var(--font-serif);letter-spacing:.08em;color:var(--text);font-size:.82rem}.cinema-percent-readout{font-variant-numeric:tabular-nums;color:var(--gold-bright);font-family:monospace;font-size:.82rem;font-weight:700}.cinema-skip-btn{border:1px solid var(--gold);clip-path:var(--chamfer-clip);color:var(--gold-bright);font-family:var(--font-serif);letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#c8a24840,#0e111ae6);align-items:center;gap:10px;padding:10px 22px;font-size:.84rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);animation:.4s ease-out fadeInSkip;display:flex;box-shadow:0 4px 20px #0009,0 0 16px #c8a24840}@keyframes fadeInSkip{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cinema-skip-btn:hover{border-color:var(--gold-bright);background:linear-gradient(135deg,#f5d76e66,#141826f2);transform:translateY(-2px);box-shadow:0 6px 24px #f5d76e73}.skip-shortcut{color:#fff;background:#00000073;border:1px solid #c8a24866;padding:2px 6px;font-family:monospace;font-size:.72rem}#loading-overlay.hidden{display:none!important}#hud-top{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:18px;left:24px;right:24px}.crest-brand-container{background:var(--obsidian);border:1px solid var(--border-gold);clip-path:var(--chamfer-clip);pointer-events:auto;align-items:center;gap:12px;padding:8px 18px;display:flex;box-shadow:0 10px 32px #000000bf,inset 0 0 12px #00000080}.crest-portfolio-link{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .2s}.crest-portfolio-link:hover{color:var(--gold-bright);text-shadow:0 0 12px #f5d76e99}.crest-gem-sep{color:var(--gold-bright);opacity:.75;font-size:.8rem}.crest-title-box{align-items:center;display:flex}.crest-brand-title{font-family:var(--font-serif);letter-spacing:.16em;color:#fff8e7;text-transform:uppercase;font-size:.95rem;font-weight:800}.sovereign-turn-banner{background:var(--obsidian);border:1px solid var(--border-gold);clip-path:var(--chamfer-clip);pointer-events:auto;align-items:center;gap:16px;padding:8px 24px;display:flex;box-shadow:0 12px 36px #000000d9,inset 0 0 16px #0009}.banner-flourish{color:var(--gold);letter-spacing:.1em;opacity:.7;font-size:.74rem}.banner-core-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.banner-turn-headline{align-items:center;gap:9px;display:flex}.banner-gem-orb{background:#f5f3ef;border-radius:50%;width:9px;height:9px;transition:all .25s;box-shadow:0 0 10px #ffffffe6}.banner-gem-orb.black{border:1.5px solid var(--gold);background:#1e222b;box-shadow:0 0 10px #c8a248b3}.banner-turn-prose{font-family:var(--font-serif);letter-spacing:.16em;color:var(--gold-bright);text-transform:uppercase;font-size:.92rem;font-weight:800}.banner-sub-row{align-items:center;gap:8px;display:flex}.banner-mode-badge{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.banner-opponent-badge{letter-spacing:.08em;color:#4ea8de;text-transform:uppercase;font-size:.68rem;font-weight:700}.tactical-command-bar{background:var(--obsidian);border:1px solid var(--border-gold);clip-path:var(--chamfer-clip);pointer-events:auto;align-items:center;gap:4px;padding:4px;display:flex;box-shadow:0 10px 32px #000000bf,inset 0 0 12px #00000080}.cmd-btn{clip-path:var(--chamfer-clip);color:var(--text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:8px 14px;font-size:.78rem;font-weight:700;transition:all .18s;display:flex}.cmd-btn:hover{color:var(--gold-bright);background:#c8a24824;border-color:#c8a24859;transform:translateY(-1px)}.cmd-btn.pvp-btn{color:var(--gold-bright);background:linear-gradient(135deg,#c8a24838,#0e111ad9);border-color:#c8a24873}.cmd-btn.pvp-btn.active{border-color:var(--gold-bright);background:linear-gradient(135deg,#c8a24866,#1e2434e6);box-shadow:0 0 14px #f5d76e66}.cmd-btn.reset-btn:hover{color:#ff8a93;border-color:#e6394699}.cmd-icon{font-size:.85rem}.tactical-camera-dock{z-index:20;background:var(--obsidian);border:1px solid var(--border-gold);clip-path:var(--chamfer-clip);align-items:center;gap:3px;padding:4px;display:flex;position:fixed;bottom:20px;right:24px;box-shadow:0 12px 36px #000000d9,inset 0 0 12px #00000080}.dock-btn{clip-path:var(--chamfer-clip);color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:8px 13px;font-size:.74rem;font-weight:700;transition:all .18s}.dock-btn:hover{color:var(--text);background:#ffffff0f}.dock-btn.active{border-color:var(--gold);color:var(--gold-bright);text-shadow:0 0 10px #f5d76e99;background:linear-gradient(135deg,#c8a2484d,#0e111ae6)}.dock-divider{background:#c8a24847;width:1px;height:20px;margin:0 3px}.dock-btn.hide-btn{color:var(--text-muted)}.dock-btn.hide-btn:hover{color:#fff;border-color:#ffffff4d}#hud-bottom{z-index:20;pointer-events:none;align-items:center;gap:12px;display:flex;position:fixed;bottom:20px;left:24px}.legend-chamfered-card{background:var(--obsidian);clip-path:var(--chamfer-clip);color:var(--text-muted);pointer-events:auto;border:1px solid #c8a2484d;align-items:center;gap:10px;padding:8px 16px;font-size:.74rem;display:flex;box-shadow:0 10px 28px #000000b3}.legend-tag{font-family:var(--font-serif);letter-spacing:.12em;color:var(--gold-bright);font-size:.7rem;font-weight:700}.legend-divider{color:#c8a24866}.legend-prose{letter-spacing:.02em}.captured-chamfered-card{background:var(--obsidian);clip-path:var(--chamfer-clip);color:var(--text);pointer-events:auto;border:1px solid #ffffff24;padding:8px 14px;font-size:.76rem;box-shadow:0 10px 28px #000000b3}.mobile-only-restore-ui{z-index:35;background:var(--obsidian);border:1px solid var(--gold);clip-path:var(--chamfer-clip);color:var(--gold-bright);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:9px 18px;font-size:.78rem;font-weight:700;display:none;position:fixed;top:18px;right:24px}body.cinematic-ui-hidden #hud-top,body.cinematic-ui-hidden #hud-bottom,body.cinematic-ui-hidden #camera-dock{opacity:0;pointer-events:none;transition:opacity .25s}body.cinematic-ui-hidden .mobile-only-restore-ui{display:block}.grimoire-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030508d9;justify-content:center;align-items:center;padding:16px;animation:.22s ease-out decreeFadeIn;display:flex;position:fixed;inset:0}@keyframes decreeFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.grimoire-decree-card{border:1px solid var(--border-gold);clip-path:var(--chamfer-clip);width:100%;max-width:500px;color:var(--text);background:#090c12;flex-direction:column;gap:18px;padding:32px 28px;display:flex;position:relative;box-shadow:0 28px 72px #000000e6,0 0 40px #c8a24826}.decree-corner{border:2px solid var(--gold);pointer-events:none;width:12px;height:12px;position:absolute}.decree-corner.top-left{border-bottom:none;border-right:none;top:6px;left:6px}.decree-corner.top-right{border-bottom:none;border-left:none;top:6px;right:6px}.decree-corner.bottom-left{border-top:none;border-right:none;bottom:6px;left:6px}.decree-corner.bottom-right{border-top:none;border-left:none;bottom:6px;right:6px}.decree-header{text-align:center;position:relative}.decree-title-row{justify-content:center;align-items:center;gap:12px;display:flex}.decree-gem{color:var(--gold-bright);font-size:.85rem}.decree-title{font-family:var(--font-serif);letter-spacing:.18em;color:var(--gold);text-transform:uppercase;font-size:1.35rem;font-weight:800}.decree-subtitle{letter-spacing:.04em;color:var(--text-muted);margin-top:5px;font-size:.78rem}.decree-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:1.25rem;transition:color .15s;position:absolute;top:-8px;right:0}.decree-close-btn:hover{color:#fff}.decree-form-grid{gap:14px;display:flex}.decree-field{flex-direction:column;flex:1;gap:6px;display:flex}.decree-field.pin-field{max-width:130px}.decree-label{font-family:var(--font-serif);letter-spacing:.08em;color:var(--gold-bright);text-transform:uppercase;font-size:.72rem;font-weight:700}.decree-input{clip-path:var(--chamfer-clip);color:var(--text);background:#0f1420;border:1px solid #ffffff24;outline:none;padding:11px 14px;font-size:.9rem;transition:all .2s}.decree-input:focus{border-color:var(--gold);box-shadow:0 0 14px #c8a24859}.decree-tab-bar{border-bottom:1px solid #c8a2484d;gap:4px;display:flex}.decree-tab{font-family:var(--font-serif);letter-spacing:.08em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:.82rem;font-weight:700;transition:all .2s}.decree-tab.active{color:var(--gold-bright);border-bottom-color:var(--gold);text-shadow:0 0 10px #f5d76e80}.decree-panel{flex-direction:column;gap:14px;display:flex}.decree-section-title{font-family:var(--font-serif);letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.74rem;font-weight:700}.decree-side-picker{gap:8px;display:flex}.side-option-btn{clip-path:var(--chamfer-clip);color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:.74rem;font-weight:700;transition:all .2s;display:flex}.side-swatch{border-radius:50%;width:9px;height:9px}.side-swatch.white{background:#f0ece1}.side-swatch.black{border:1px solid var(--gold);background:#141720}.side-option-btn.selected{border-color:var(--gold);color:var(--gold-bright);background:#c8a24833}.decree-gold-btn{clip-path:var(--chamfer-clip);font-family:var(--font-serif);letter-spacing:.12em;color:#080a0f;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#d4af37,#98751e);border:1px solid #f5d76e;padding:13px 20px;font-size:.88rem;font-weight:800;transition:all .2s;box-shadow:0 8px 24px #c8a24866}.decree-gold-btn:hover{background:linear-gradient(135deg,#f5d76e,#b88d22);transform:translateY(-2px);box-shadow:0 12px 32px #f5d76e8c}.decree-active-room-box{text-align:center;clip-path:var(--chamfer-clip);background:#06080d;border:1px solid #c8a2484d;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.active-room-label{font-family:var(--font-serif);letter-spacing:.14em;color:var(--text-muted);font-size:.72rem;font-weight:700}.active-room-code-display{letter-spacing:.26em;color:var(--gold-bright);text-shadow:0 0 22px #f5d76e99;font-family:monospace;font-size:2.3rem;font-weight:900}.active-room-btn-row{gap:10px;width:100%;display:flex}.decree-action-btn{clip-path:var(--chamfer-clip);letter-spacing:.06em;color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;flex:1;padding:10px 14px;font-size:.78rem;font-weight:700;transition:all .18s}.decree-action-btn:hover{border-color:var(--gold);color:var(--gold-bright)}.decree-action-btn.gold{border-color:var(--gold);color:var(--gold-bright);background:#c8a24826}.active-room-status-row{color:var(--text-muted);align-items:center;gap:8px;font-size:.78rem;display:flex}.status-flame{border-radius:50%;width:8px;height:8px}.status-flame.waiting{background:#fa3;animation:1.8s infinite orbFlicker;box-shadow:0 0 8px #ffaa33d9}.status-flame.connected{background:#38b000;box-shadow:0 0 10px #38b000e6}.decree-footer-action{margin-top:6px}.decree-leave-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.74rem;text-decoration:underline;transition:color .15s}.decree-leave-btn:hover{color:#ff6b6b}.decree-status-console{clip-path:var(--chamfer-clip);color:var(--gold-bright);text-align:center;background:#06080d;border:1px solid #c8a24840;padding:9px 14px;font-size:.76rem}.decree-toast{border:1px solid var(--gold);clip-path:var(--chamfer-clip);color:var(--gold-bright);letter-spacing:.06em;white-space:nowrap;background:#080a0f;padding:8px 20px;font-size:.8rem;font-weight:700;animation:.2s ease-out toastPop;position:absolute;bottom:-48px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #000000d9}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}#checkmate-overlay{z-index:55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#checkmate-overlay.visible{opacity:1;pointer-events:auto}.checkmate-banner{border:1px solid var(--border-gold);clip-path:var(--chamfer-clip);text-align:center;background:#080a0f;flex-direction:column;align-items:center;gap:12px;padding:28px 36px;display:flex;box-shadow:0 24px 64px #000000e6,0 0 36px #c8a24859}.checkmate-ornament{font-family:var(--font-serif);letter-spacing:.18em;color:var(--gold-bright);font-size:.8rem}.checkmate-crown{color:var(--gold);font-size:2.2rem}.checkmate-title{font-family:var(--font-serif);letter-spacing:.18em;color:#fff;text-transform:uppercase;font-size:2rem;font-weight:900}.checkmate-rule{background:var(--gold);width:140px;height:1px;margin:4px 0}.checkmate-subtitle{font-family:var(--font-serif);color:var(--text-muted);font-size:.9rem;font-style:italic}.checkmate-actions{gap:10px;margin-top:10px;display:flex}.checkmate-btn{background:var(--obsidian-surface);border:1px solid var(--gold);clip-path:var(--chamfer-clip);color:var(--gold-bright);font-family:var(--font-serif);letter-spacing:.08em;cursor:pointer;padding:10px 18px;font-size:.78rem;font-weight:700;transition:all .2s}.checkmate-btn:hover{background:#c8a24838}.checkmate-btn.secondary{color:var(--text-muted);border-color:#fff3}.mobile-controls-trigger,.mobile-sheet-backdrop,.mobile-sheet-handle-wrap,.mobile-sheet-header,.mobile-sheet-section-label,.mobile-sheet-hint{display:none}@media (width<=992px){#hud-top{flex-wrap:wrap;gap:10px}.sovereign-turn-banner{order:3;justify-content:center;width:100%}}@media (width<=768px){#hud-top{flex-wrap:nowrap;justify-content:space-between;top:12px;left:12px;right:12px}.crest-brand-container{gap:8px;padding:6px 12px}.crest-portfolio-link{font-size:.72rem}.crest-brand-title{font-size:.8rem}.sovereign-turn-banner,.tactical-command-bar{display:none}.mobile-controls-trigger{pointer-events:auto;background:var(--obsidian);border:1px solid var(--gold);clip-path:var(--chamfer-clip);color:var(--gold-bright);letter-spacing:.08em;cursor:pointer;padding:8px 14px;font-size:.76rem;font-weight:700;display:block}.tactical-camera-dock{gap:2px;padding:3px;bottom:12px;right:12px}.dock-btn{padding:6px 8px;font-size:.68rem}#hud-bottom{bottom:12px;left:12px}.legend-chamfered-card{display:none}.cinema-lower-third{text-align:right;max-width:calc(100% - 32px);bottom:92px;left:16px;right:16px}.mobile-sheet-backdrop{z-index:40;opacity:0;pointer-events:none;background:#000000a6;transition:opacity .25s;display:block;position:fixed;inset:0}.mobile-sheet-backdrop.open{opacity:1;pointer-events:auto}.tactical-command-bar.mobile-sheet-open{z-index:45;border:1px solid var(--border-gold);clip-path:none;background:#090c12;border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;gap:10px;padding:16px 18px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #000000e6}.mobile-sheet-handle-wrap{cursor:pointer;justify-content:center;width:100%;padding:4px 0 8px;display:flex}.mobile-sheet-handle{background:#c8a24866;border-radius:2px;width:44px;height:4px}.mobile-sheet-header{border-bottom:1px solid #c8a24833;justify-content:space-between;align-items:center;width:100%;padding-bottom:8px;display:flex}.mobile-sheet-title{font-family:var(--font-serif);letter-spacing:.12em;color:var(--gold);font-size:.92rem;font-weight:800}.mobile-sheet-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.mobile-sheet-section-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.mobile-sheet-hint{color:var(--text-muted);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;margin-top:6px;padding:8px 10px;font-size:.72rem;display:block}.mobile-sheet-hint strong{color:var(--gold-bright)}.cmd-btn{justify-content:center;width:100%;padding:12px;font-size:.82rem}}.picker-btn{clip-path:var(--chamfer-clip);font-family:var(--font-serif);letter-spacing:.06em;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #d4af3747;flex:1;justify-content:center;align-items:center;padding:10px 8px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.picker-btn:hover{border-color:var(--gold);color:var(--gold-bright);background:#d4af371f}.picker-btn.active{border-color:var(--gold-bright);color:var(--gold-bright);background:linear-gradient(135deg,#d4af3747,#141824e6);box-shadow:0 0 12px #d4af3759}input[type=range]{appearance:none;background:#0a0c12d9;border:1px solid #d4af3759;border-radius:3px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f5d76e;border:2px solid #221c10;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 8px #f5d76ecc}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}