@font-face{font-family:Abaddon;src:url(/assets/fonts/Abaddon-Bold.woff) format("woff");font-weight:700;font-style:normal}body{margin:0;padding:0;background-color:#0a0a0a;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;color:#e8d5b0;font-family:Abaddon,Segoe UI,Arial,sans-serif}#game-wrapper{--rune-glow-color: transparent;--hud-scale: 1;position:relative;display:flex;flex-direction:column;max-width:100vw;border:3px solid transparent;border-radius:6px;transition:border-color .14s ease,box-shadow .14s ease;box-shadow:none}#game-wrapper.rune-glow-active{border-color:var(--rune-glow-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--rune-glow-color) 75%,transparent),0 0 20px color-mix(in srgb,var(--rune-glow-color) 55%,transparent),0 0 42px color-mix(in srgb,var(--rune-glow-color) 35%,transparent)}@keyframes rune-cast-pulse{0%{box-shadow:0 0 0 6px #fff,0 0 50px var(--rune-cast-color),0 0 100px var(--rune-cast-color),0 0 180px color-mix(in srgb,var(--rune-cast-color) 80%,transparent),inset 0 0 80px color-mix(in srgb,var(--rune-cast-color) 50%,transparent);border-color:#fff;filter:brightness(1.4)}8%{box-shadow:0 0 0 8px color-mix(in srgb,var(--rune-cast-color) 95%,white),0 0 80px var(--rune-cast-color),0 0 160px color-mix(in srgb,var(--rune-cast-color) 90%,transparent),0 0 260px color-mix(in srgb,var(--rune-cast-color) 60%,transparent),inset 0 0 100px color-mix(in srgb,var(--rune-cast-color) 55%,transparent);border-color:#fff;filter:brightness(1.25)}25%{box-shadow:0 0 0 5px color-mix(in srgb,var(--rune-cast-color) 90%,transparent),0 0 50px color-mix(in srgb,var(--rune-cast-color) 80%,transparent),0 0 120px color-mix(in srgb,var(--rune-cast-color) 55%,transparent),0 0 200px color-mix(in srgb,var(--rune-cast-color) 30%,transparent),inset 0 0 60px color-mix(in srgb,var(--rune-cast-color) 35%,transparent);border-color:var(--rune-cast-color);filter:brightness(1.08)}55%{box-shadow:0 0 0 3px color-mix(in srgb,var(--rune-cast-color) 55%,transparent),0 0 30px color-mix(in srgb,var(--rune-cast-color) 40%,transparent),0 0 70px color-mix(in srgb,var(--rune-cast-color) 20%,transparent),inset 0 0 30px color-mix(in srgb,var(--rune-cast-color) 15%,transparent);border-color:color-mix(in srgb,var(--rune-cast-color) 60%,transparent);filter:brightness(1)}to{box-shadow:none;border-color:transparent;filter:brightness(1)}}#game-wrapper.rune-cast-pulse{animation:rune-cast-pulse 1.4s cubic-bezier(.16,1,.3,1) forwards}.rune-cast-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;border-radius:inherit}.rune-cast-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;overflow:visible}.rune-particle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}.rune-particle--streak{border-radius:1px}#game-container{line-height:0}#hud-top,#hud-bottom{background:#06060cbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;gap:calc(12px * var(--hud-scale));padding:calc(6px * var(--hud-scale)) calc(10px * var(--hud-scale));font-size:calc(14px * var(--hud-scale));color:#d4c4a0;white-space:nowrap;overflow:hidden;pointer-events:none}#hud-top>*,#hud-bottom>*{min-width:0}#hud-top{border-radius:4px 4px 0 0}#hud-bottom{border-radius:0 0 4px 4px}#hud-connection{font-weight:700;font-size:calc(13px * var(--hud-scale));text-shadow:1px 1px 2px rgba(0,0,0,.8)}#hud-connection.online{color:#6adb7a}#hud-connection.offline{color:#c43}#hud-connection.connecting{color:#dda844}#hud-round{color:#f0c050;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#hud-phase{color:#a89878;text-shadow:1px 1px 2px rgba(0,0,0,.6)}#hud-timer{color:#ffcf66;font-weight:700;min-width:calc(60px * var(--hud-scale));text-shadow:1px 1px 2px rgba(0,0,0,.7)}#hud-score{margin-left:auto;color:#e8d8b8;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#hud-progress-wrap{width:calc(100px * var(--hud-scale));height:calc(10px * var(--hud-scale));background:#1a1408;border:2px solid #4a3520;border-radius:2px;overflow:hidden;flex-shrink:0;box-shadow:inset 0 1px 4px #0009}#hud-progress-fill{height:100%;width:0%;background:linear-gradient(180deg,#e8b030,#c89020);transition:width .2s ease,background-color .2s ease;border-radius:1px;box-shadow:0 0 4px #c8a02866}#hud-progress-fill.complete{background:linear-gradient(180deg,#50d060,#38a848);box-shadow:0 0 6px #50d06080}#hud-hearts{display:flex;gap:calc(3px * var(--hud-scale));align-items:center}#hud-hearts img{width:calc(28px * var(--hud-scale));height:calc(28px * var(--hud-scale));image-rendering:pixelated;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.6))}#hud-hearts img.empty{opacity:.35;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.4)) grayscale(.3)}#hud-weapon{color:#c8b898;font-size:calc(14px * var(--hud-scale));margin-left:calc(8px * var(--hud-scale));text-shadow:1px 1px 2px rgba(0,0,0,.7);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}#hud-runes{display:flex;gap:calc(3px * var(--hud-scale));margin-left:auto;flex:0 0 auto}.rune-slot{--rune-glyph-color: #6f6656;--rune-glyph-tile-x: -64px;--rune-glyph-tile-y: -80px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(46px * var(--hud-scale));height:calc(46px * var(--hud-scale));background:linear-gradient(180deg,#1c1610,#12100a);border:2px solid #555544;border-radius:4px;position:relative;opacity:.85;box-shadow:inset 0 1px 4px #00000080,0 1px 2px #0006;overflow:hidden}.rune-slot.bound{opacity:1;border-width:2px}.rune-slot.depleted{opacity:.45}.rune-slot .rune-key{position:absolute;top:calc(2px * var(--hud-scale));left:calc(4px * var(--hud-scale));font-size:calc(10px * var(--hud-scale));color:#8a7a60;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.6);z-index:2}.rune-slot .rune-glyph{position:absolute;right:calc(3px * var(--hud-scale));bottom:calc(3px * var(--hud-scale));width:calc(12px * var(--hud-scale));height:calc(12px * var(--hud-scale));background-color:var(--rune-glyph-color);opacity:.9;z-index:2;-webkit-mask-image:url(assets/tiles/dungeon_tiles.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:calc(256px * var(--hud-scale)) calc(272px * var(--hud-scale));-webkit-mask-position:calc(var(--rune-glyph-tile-x) * var(--hud-scale)) calc(var(--rune-glyph-tile-y) * var(--hud-scale));mask-image:url(assets/tiles/dungeon_tiles.png);mask-repeat:no-repeat;mask-size:calc(256px * var(--hud-scale)) calc(272px * var(--hud-scale));mask-position:calc(var(--rune-glyph-tile-x) * var(--hud-scale)) calc(var(--rune-glyph-tile-y) * var(--hud-scale))}.rune-slot.undiscovered .rune-glyph{opacity:.55}.rune-slot .rune-center-count{font-size:calc(21px * var(--hud-scale));font-weight:700;line-height:1;z-index:3;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.45)}#rune-choice{position:absolute;left:0;right:0;top:0;z-index:60;background:#06060ceb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0 0 6px 6px;padding:calc(12px * var(--hud-scale)) calc(14px * var(--hud-scale));animation:rune-choice-in .2s ease-out}#rune-choice.hidden{display:none}@keyframes rune-choice-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}#rune-choice .rune-choice-title{font-size:calc(14px * var(--hud-scale));font-weight:700;margin-bottom:calc(6px * var(--hud-scale));text-shadow:1px 1px 2px rgba(0,0,0,.8)}#rune-choice .rune-choice-subtitle{font-size:calc(11px * var(--hud-scale));color:#888;margin-bottom:calc(8px * var(--hud-scale))}#rune-choice .rune-choice-grid{display:flex;flex-wrap:wrap;gap:calc(4px * var(--hud-scale))}#rune-choice .rune-ability-btn{display:flex;flex-direction:column;position:relative;flex:1 1 calc(140px * var(--hud-scale));max-width:calc(200px * var(--hud-scale));background:linear-gradient(180deg,#1c1820,#12101a);border:2px solid #3a3a5a;border-radius:4px;padding:calc(6px * var(--hud-scale)) calc(8px * var(--hud-scale));cursor:pointer;transition:border-color .12s,background .12s;pointer-events:auto}#rune-choice .rune-ability-btn:hover{background:linear-gradient(180deg,#2a2840,#1a1830)}#rune-choice .rune-ability-btn .ability-key{position:absolute;top:calc(4px * var(--hud-scale));right:calc(6px * var(--hud-scale));font-size:calc(11px * var(--hud-scale));font-weight:700;color:#6a6a7a;background:#0a0a14;border:1px solid #3a3a5a;padding:calc(1px * var(--hud-scale)) calc(5px * var(--hud-scale));line-height:1.3;text-shadow:none}#rune-choice .rune-ability-btn .ability-name{font-size:calc(13px * var(--hud-scale));font-weight:700;color:#e0e0f0;text-shadow:1px 1px 1px rgba(0,0,0,.6)}#rune-choice .rune-ability-btn .ability-desc{font-size:calc(10px * var(--hud-scale));color:#889;margin-top:calc(2px * var(--hud-scale));line-height:1.3}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#06060cc7;image-rendering:pixelated}.menu-overlay.hidden{display:none}.menu-overlay--title{background:radial-gradient(ellipse 120% 60% at 50% 18%,rgba(200,150,50,.1) 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(10,6,2,.95) 0%,transparent 70%),radial-gradient(circle at 50% 50%,transparent 30%,rgba(0,0,0,.7) 100%),#06060cd9}.menu-fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background:radial-gradient(ellipse 40% 20% at 20% 60%,rgba(200,180,140,.8) 0%,transparent 100%),radial-gradient(ellipse 50% 25% at 70% 50%,rgba(180,160,120,.6) 0%,transparent 100%),radial-gradient(ellipse 30% 15% at 50% 70%,rgba(160,140,100,.5) 0%,transparent 100%);animation:fog-drift 20s ease-in-out infinite alternate}@keyframes fog-drift{0%{transform:translate(-8%) scaleX(1.1);opacity:.05}50%{opacity:.08}to{transform:translate(8%) scaleX(.95);opacity:.05}}.menu-corner{position:absolute;width:calc(24px * var(--hud-scale, 1));height:calc(24px * var(--hud-scale, 1));pointer-events:none;opacity:0;animation:corner-fade-in 1.5s ease-out 1.8s forwards}.menu-corner--tl{top:calc(12px * var(--hud-scale, 1));left:calc(12px * var(--hud-scale, 1));border-top:3px solid #5a4a30;border-left:3px solid #5a4a30;box-shadow:-1px -1px #000,inset 1px 1px #8a7a50}.menu-corner--tr{top:calc(12px * var(--hud-scale, 1));right:calc(12px * var(--hud-scale, 1));border-top:3px solid #5a4a30;border-right:3px solid #5a4a30;box-shadow:1px -1px #000,inset -1px 1px #8a7a50}.menu-corner--bl{bottom:calc(12px * var(--hud-scale, 1));left:calc(12px * var(--hud-scale, 1));border-bottom:3px solid #5a4a30;border-left:3px solid #5a4a30;box-shadow:-1px 1px #000,inset 1px -1px #8a7a50}.menu-corner--br{bottom:calc(12px * var(--hud-scale, 1));right:calc(12px * var(--hud-scale, 1));border-bottom:3px solid #5a4a30;border-right:3px solid #5a4a30;box-shadow:1px 1px #000,inset -1px -1px #8a7a50}@keyframes corner-fade-in{0%{opacity:0}to{opacity:.6}}.menu-cinematic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8px * var(--hud-scale, 1));width:100%;height:100%;padding:calc(20px * var(--hud-scale, 1));box-sizing:border-box}.menu-content{display:flex;flex-direction:column;align-items:center;gap:calc(14px * var(--hud-scale, 1));padding:calc(28px * var(--hud-scale, 1)) calc(36px * var(--hud-scale, 1));max-width:calc(460px * var(--hud-scale, 1));width:90%;background:#0e0c0a;border:3px solid #3a3520;border-top-color:#5a4a30;border-left-color:#5a4a30;border-bottom-color:#1a1408;border-right-color:#1a1408;box-shadow:4px 4px #000,-1px -1px #222 inset;image-rendering:pixelated}.menu-title-group{text-align:center;position:relative;padding:calc(16px * var(--hud-scale, 1)) calc(32px * var(--hud-scale, 1))}.menu-title-burst{position:absolute;top:-60%;right:-40%;bottom:-60%;left:-40%;background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(240,192,80,.18) 0%,rgba(240,192,80,.06) 40%,transparent 70%);pointer-events:none;animation:burst-fade 4s ease-out .5s forwards;opacity:0}@keyframes burst-fade{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}.menu-title-img{display:block;width:calc(416px * var(--hud-scale, 1));height:auto;image-rendering:pixelated;image-rendering:crisp-edges;margin:0 auto calc(8px * var(--hud-scale, 1));animation:title-img-enter .9s cubic-bezier(.22,1,.36,1) .3s both;filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}@keyframes title-img-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.menu-subtitle{font-size:calc(14px * var(--hud-scale, 1));color:#7a6a50;text-shadow:1px 1px 0 #000;margin:calc(12px * var(--hud-scale, 1)) 0 0 0;letter-spacing:.3em;text-transform:uppercase;animation:subtitle-fade-in 1.2s ease-out 1s both}@keyframes subtitle-fade-in{0%{opacity:0;letter-spacing:.6em}to{opacity:1;letter-spacing:.3em}}#menu-demo-btn{animation:demo-btn-enter .6s ease-out 1.8s both}@keyframes demo-btn-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-flavor{font-size:calc(11px * var(--hud-scale, 1));color:#4a4030;text-shadow:1px 1px 0 #000;letter-spacing:.15em;text-transform:uppercase;margin:0;animation:flavor-blink 2.5s ease-in-out 2.5s infinite;opacity:0;animation:flavor-appear 1s ease-out 2s forwards,flavor-blink 2.5s ease-in-out 3s infinite}@keyframes flavor-appear{0%{opacity:0}to{opacity:1}}@keyframes flavor-blink{0%,to{opacity:.6}50%{opacity:1}}.menu-name-group{width:80%;display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--hud-scale, 1))}.menu-name-label{font-size:calc(11px * var(--hud-scale, 1));color:#7a6a50;letter-spacing:.2em;text-shadow:1px 1px 0 #000}.menu-name-row{display:flex;gap:calc(4px * var(--hud-scale, 1));width:100%;justify-content:center}.menu-name-input{font-family:Abaddon,Segoe UI,Arial,sans-serif;font-size:calc(16px * var(--hud-scale, 1));font-weight:700;color:#e8d5b0;background:#141210;border:2px solid;border-top-color:#0a0808;border-left-color:#0a0808;border-bottom-color:#3a3520;border-right-color:#3a3520;padding:calc(6px * var(--hud-scale, 1)) calc(10px * var(--hud-scale, 1));width:calc(200px * var(--hud-scale, 1));text-align:center;outline:none;letter-spacing:.06em;image-rendering:pixelated;box-shadow:inset 2px 2px #000}.menu-name-input::placeholder{color:#4a4030}.menu-name-input:focus{border-bottom-color:#5a4a30;border-right-color:#5a4a30;background:#1a1810}.menu-name-reroll{font-size:calc(18px * var(--hud-scale, 1))!important;padding:calc(4px * var(--hud-scale, 1)) calc(8px * var(--hud-scale, 1))!important;line-height:1;min-width:calc(36px * var(--hud-scale, 1))}.rune-orbit-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:calc(400px * var(--hud-scale, 1));height:calc(220px * var(--hud-scale, 1));animation:orbit-fade-in 1s ease-out 1.3s both}@keyframes orbit-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#rune-orbit-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.rune-orbit-wrap .menu-btn{position:relative;z-index:2}.menu-heading{font-size:calc(28px * var(--hud-scale, 1));color:#f0c050;text-shadow:2px 2px 0 #1a1408,-1px -1px 0 #f8d878;letter-spacing:.1em;margin:0}.menu-separator{width:80%;height:2px;background:#3a3520;border:none;box-shadow:0 1px #5a4a30}.menu-btn{font-family:Abaddon,Segoe UI,Arial,sans-serif;font-size:calc(16px * var(--hud-scale, 1));font-weight:700;padding:calc(10px * var(--hud-scale, 1)) calc(32px * var(--hud-scale, 1));border:3px solid;border-radius:0;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:none;outline:none;image-rendering:pixelated;position:relative}.menu-btn:active{transform:translate(2px,2px);box-shadow:none!important}.menu-btn-primary{background:#d4a020;color:#1a1408;text-shadow:1px 1px 0 #f0d060;border-top-color:#f0d060;border-left-color:#f0d060;border-bottom-color:#8a6010;border-right-color:#8a6010;box-shadow:3px 3px #000}.menu-btn-primary:hover{background:#e8b830;border-top-color:#f8e080;border-left-color:#f8e080}.menu-btn-secondary{background:#1c1610;color:#a89878;text-shadow:1px 1px 0 #000;border-top-color:#3a3520;border-left-color:#3a3520;border-bottom-color:#0a0808;border-right-color:#0a0808;box-shadow:3px 3px #000}.menu-btn-secondary:hover{background:#2a2418;color:#d4c4a0;border-top-color:#4a4530;border-left-color:#4a4530}.menu-btn-lg{font-size:calc(22px * var(--hud-scale, 1));padding:calc(16px * var(--hud-scale, 1)) calc(56px * var(--hud-scale, 1));box-shadow:4px 4px #000,0 0 20px #d4a0204d,0 0 40px #d4a02026;animation:play-glow 2s ease-in-out 2s infinite}@keyframes play-glow{0%,to{box-shadow:4px 4px #000,0 0 20px #d4a02040,0 0 40px #d4a0201a}50%{box-shadow:4px 4px #000,0 0 30px #f0c05073,0 0 60px #f0c05033,0 0 80px #f0c05014}}.menu-btn-lg:hover{box-shadow:4px 4px #000,0 0 35px #f0c85080,0 0 70px #f0c85040;animation:none}.menu-btn-lg:active{transform:translate(4px,4px);animation:none}.menu-btn-primary:before{content:"▶";margin-right:calc(8px * var(--hud-scale, 1));margin-left:calc(-16px * var(--hud-scale, 1));animation:pixel-blink .8s steps(1) infinite;font-size:.7em}@keyframes pixel-blink{0%,60%{opacity:1}61%,to{opacity:0}}.room-status{font-size:calc(13px * var(--hud-scale, 1));color:#7a7a6a;text-shadow:1px 1px 0 #000}.room-status-error{color:#c43}.room-list{width:100%;max-height:calc(200px * var(--hud-scale, 1));overflow-y:auto;display:flex;flex-direction:column;gap:calc(4px * var(--hud-scale, 1))}.room-row{display:flex;align-items:center;gap:calc(10px * var(--hud-scale, 1));padding:calc(8px * var(--hud-scale, 1)) calc(12px * var(--hud-scale, 1));background:#141210;border:2px solid;border-top-color:#3a3520;border-left-color:#3a3520;border-bottom-color:#0a0808;border-right-color:#0a0808;border-radius:0;transition:none;image-rendering:pixelated}.room-row:hover{background:#1c1a14;border-top-color:#5a4a30;border-left-color:#5a4a30}.room-id{font-size:calc(14px * var(--hud-scale, 1));color:#e8d5b0;font-weight:700;flex:1;font-family:Abaddon,Segoe UI,Arial,sans-serif;letter-spacing:.08em;text-shadow:1px 1px 0 #000}.room-players{font-size:calc(13px * var(--hud-scale, 1));color:#8a7a60;text-shadow:1px 1px 0 #000}.room-join-btn{font-family:Abaddon,Segoe UI,Arial,sans-serif;font-size:calc(12px * var(--hud-scale, 1));font-weight:700;padding:calc(4px * var(--hud-scale, 1)) calc(12px * var(--hud-scale, 1));background:#d4a020;color:#1a1408;text-shadow:1px 1px 0 #f0d060;border:2px solid;border-top-color:#f0d060;border-left-color:#f0d060;border-bottom-color:#8a6010;border-right-color:#8a6010;border-radius:0;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:none;outline:none;box-shadow:2px 2px #000;image-rendering:pixelated}.room-join-btn:active{transform:translate(2px,2px);box-shadow:none}.room-join-btn:hover:not(:disabled){background:#e8b830;border-top-color:#f8e080;border-left-color:#f8e080}.room-row-full{opacity:.85}.room-row-full:hover{background:#141210;border-top-color:#3a3520;border-left-color:#3a3520}.room-join-btn:disabled{background:#2a2518;color:#4a4030;text-shadow:none;cursor:not-allowed;border-top-color:#3a3520;border-left-color:#3a3520;border-bottom-color:#0a0808;border-right-color:#0a0808;box-shadow:2px 2px #000}.room-actions{display:flex;gap:calc(8px * var(--hud-scale, 1));flex-wrap:wrap;justify-content:center}.room-list::-webkit-scrollbar{width:8px}.room-list::-webkit-scrollbar-track{background:#0a0808;border:1px solid #1a1408}.room-list::-webkit-scrollbar-thumb{background:#3a3520;border:1px solid #5a4a30}.room-list::-webkit-scrollbar-thumb:hover{background:#4a4530}.room-watch-btn{font-family:Abaddon,Segoe UI,Arial,sans-serif;font-size:calc(12px * var(--hud-scale, 1));font-weight:700;padding:calc(4px * var(--hud-scale, 1)) calc(12px * var(--hud-scale, 1));background:#1c2838;color:#7ab8d4;text-shadow:1px 1px 0 #0a1420;border:2px solid;border-top-color:#3a6080;border-left-color:#3a6080;border-bottom-color:#0a1420;border-right-color:#0a1420;border-radius:0;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:none;outline:none;box-shadow:2px 2px #000;image-rendering:pixelated}.room-watch-btn:hover{background:#243848;color:#a0d8f0;border-top-color:#5080a0;border-left-color:#5080a0}.room-watch-btn:active{transform:translate(2px,2px);box-shadow:none}.spectator-indicator{position:absolute;top:calc(8px * var(--hud-scale, 1));left:50%;transform:translate(-50%);z-index:80;font-family:Abaddon,Segoe UI,Arial,sans-serif;font-size:calc(13px * var(--hud-scale, 1));font-weight:700;color:#7ab8d4;background:#0a1420d1;border:2px solid #3a6080;padding:calc(4px * var(--hud-scale, 1)) calc(14px * var(--hud-scale, 1));letter-spacing:.15em;text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.8);pointer-events:none;animation:spectator-pulse 2.5s ease-in-out infinite}@keyframes spectator-pulse{0%,to{opacity:.7}50%{opacity:1}}.split-divider{position:absolute;top:0;width:4px;pointer-events:none;z-index:50;transform:translate(-50%);transition:opacity .15s ease;background:#dcbe78cc;box-shadow:0 0 6px #c8aa6466,0 0 14px #c8aa6433,inset 0 0 3px #ffdc964d}