@font-face{font-family:Cinzel;src:url(/chainhold/morrok/fonts/cinzel.woff2)format("woff2");font-weight:400 900;font-display:swap}:root{--bg:#0b0d10;--panel:#08090cd1;--panel-solid:#0e0f13;--edge:#5a4a2c;--edge-light:#8c7444;--gold:#ffd100;--gold-soft:#e8c66b;--lit:#40aaff;--line:#ffffff1f;--text:#f2efe6;--muted:#a99f8b;--hp:#19c519;--hp-dark:#0b6e0b;--mana:#1a3dff;--rage:#e21212;--energy:#f2d500;--error:#ff2a1f;--red-button:#8f0d0d;--title:"Cinzel", "Trajan Pro", Georgia, serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-muted:var(--muted);--controls-accent:var(--gold);--controls-ink:#1a1206;--controls-warn:var(--gold-soft);--controls-card:#0e0d0c;--controls-edge:var(--edge);--controls-title:var(--title);--controls-title-colour:var(--gold-soft)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);user-select:none;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;text-shadow:0 1px 1px #000,0 0 2px #000;font-size:13px;position:fixed;inset:0}#hud button,#hud a,#hud .slot,#hud .unitframe,#hud .compact,#hud .endscreen,#hud .spellbook{pointer-events:auto}.hidden{display:none!important}.wowpanel,.unitframe .framebody,.compact,.castbar .casttrack,.matchchip,.micro,.tooltip,.endpanel{background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge), 0 2px 10px #0000008c;border:1px solid #000}.matchchip{border-radius:3px;align-items:center;gap:12px;padding:5px 14px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.matchchip .modechip{font-family:var(--title);letter-spacing:.08em;color:var(--gold-soft);font-size:12px;font-weight:700}.matchchip .timer{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.matchchip .slice{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.matchchip .damp{color:#ff8a7a;font-size:12px}.unitframe{grid-template-rows:auto auto auto;grid-template-columns:66px 210px;align-items:center;column-gap:0;display:grid;position:absolute}.unitframe.mirrored{grid-template-columns:210px 66px}.unitframe .portrait{z-index:2;background:#000;border:3px solid #b8964f;border-radius:50%;grid-area:1/1;width:66px;height:66px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 12px #000c,inset 0 0 8px #000000e6}.unitframe.mirrored .portrait{grid-column:2}.unitframe.hostile .portrait{border-color:#b23a2e}.portrait .portraitimg{object-fit:cover;width:100%;height:100%;display:block}.unitframe .framebody{border-radius:0 3px 3px 0;grid-area:1/2;margin-left:-12px;padding:5px 8px 6px 18px}.unitframe.mirrored .framebody{border-radius:3px 0 0 3px;grid-column:1;margin-left:0;margin-right:-12px;padding:5px 18px 6px 8px}.frame-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12px;font-weight:700;overflow:hidden}.bar{background:#050505;border:1px solid #000;height:16px;position:relative;overflow:hidden}.bar .fill{background:linear-gradient(#2fe12f, var(--hp) 45%, var(--hp-dark));width:100%;height:100%;transition:width 80ms linear}.bar.res{height:9px;margin-top:2px}.bar.res .fill{background:linear-gradient(#5b7bff, var(--mana) 50%, #0b1f99)}.bar.res[data-power=rage] .fill{background:linear-gradient(#ff5a5a, var(--rage) 50%, #7a0606)}.bar.res[data-power=energy] .fill{background:linear-gradient(#fff27a, var(--energy) 50%, #8f7a00)}.bar .barnum{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.barnum-text,.castlabel-text{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000,0 0 2px #000,0 0 2px #000;white-space:nowrap;background:#0000008c;border-radius:2px;padding:0 4px;font-weight:700}.bar .barnum-text{font-size:11px;line-height:1.2}.bar.res .barnum-text{display:none}.unitframe .auras{flex-wrap:wrap;grid-area:2/1/auto/span 2;gap:3px;min-height:24px;margin:5px 0 0 54px;display:flex}.unitframe.mirrored .auras{justify-content:flex-end;margin:5px 54px 0 0}.aura{border:1px solid #000;width:24px;height:24px;position:relative;box-shadow:0 0 0 1px #3a3a3a}.aura.debuff{box-shadow:0 0 0 1px #c41f1f}.aura img{width:100%;height:100%;display:block}.aura .auratime{text-align:center;color:#fff;font-size:10px;font-weight:700;position:absolute;inset:auto 0 -2px}.unitframe .cast{grid-area:3/1/auto/span 2;margin:3px 0 0 54px}.unitframe.mirrored .cast{margin:3px 54px 0 0}.unitframe.dead .bar .fill{background:#444}.unitframe.empty{visibility:hidden}.you-frame{bottom:136px;left:calc(50% - 470px)}.pips{gap:4px;margin-top:3px;display:flex}.pip{background:#14100cb8;border-radius:1px;width:14px;height:6px;box-shadow:inset 0 0 0 1px #d6be9659}.pip.on{background:#d8c04a;box-shadow:inset 0 0 0 1px #f4e6a8}.pips[data-cls=priest] .pip.on{background:#f0ead6;box-shadow:inset 0 0 0 1px #fff}.target-frame{bottom:136px;left:calc(50% + 194px)}.party,.arenaframes{flex-direction:column;gap:6px;width:196px;display:flex;position:absolute;top:26%}.party{left:14px}.arenaframes{right:14px}.compact{cursor:pointer;border-radius:2px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;gap:0 5px;padding:4px;display:grid}.compact .portrait.small{width:36px;height:36px;box-shadow:0 0 0 1px var(--edge);border:1px solid #000;overflow:hidden}.compact .framebody{min-width:0}.compact .bar.hp{height:24px}.compact .frame-name{z-index:1;color:#fff;max-width:64%;font-size:11px;position:absolute;top:3px;left:5px}.compact .bar.hp .barnum{justify-items:end;padding-right:4px}.compact .bar.res{height:5px}.compact .auras{grid-column:1/span 2;gap:2px;margin-top:3px;display:flex}.compact .auras:empty{display:none}.compact .aura{width:18px;height:18px}.compact .aura .auratime{font-size:9px}.compact .cast{margin-top:2px}.compact.targeted{box-shadow:inset 0 0 0 1px var(--gold), 0 0 0 1px #000, 0 0 10px #ffd10059}.compact.dead{opacity:.55}.castbar,.cast{align-items:center;gap:4px;display:flex}.castbar{width:300px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.casticon{border:1px solid #000;flex:none;width:22px;height:22px}.castbar .casticon{width:26px;height:26px}.casttrack{background:#060606;border:1px solid #000;flex:1;height:16px;position:relative;overflow:hidden}.castbar .casttrack{border-radius:2px;height:20px}.castfill{background:linear-gradient(#ffe36b,#f2b100 55%,#a26a00);width:0%;height:100%}.channel .castfill{background:linear-gradient(#7cf07c,#1fb51f 55%,#0b6b0b)}.failed .castfill{background:linear-gradient(#ff6a6a,#c41414 55%,#6e0606)}.castlabel{place-items:center;display:grid;position:absolute;inset:0}.cast .castlabel-text{font-size:10px}.castbar .castlabel-text{font-size:12px}.casttime{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.cast .casttime{display:none}.actionbar{box-shadow:inset 0 0 0 1px var(--edge);background:#0000008c;border:1px solid #000;border-radius:3px;align-items:center;gap:3px;padding:5px 6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.slot{cursor:pointer;background:#050505;border:1px solid #000;width:46px;height:46px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a2a2a,0 0 0 1px #3d3324}.slot .icon{width:calc(100% - 2px);height:calc(100% - 2px);display:block;position:absolute;inset:1px}.slot.empty .icon{display:none}.slot.empty{cursor:default;background:radial-gradient(circle at 50% 40%,#191a1d,#070708)}.slot .sweep{background:conic-gradient(#000000b8 var(--left,0deg), transparent 0);position:absolute;inset:1px;transform:scaleX(-1)}.slot .slotcd{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 4px #000;background:#0009;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;inset:0}.slot .key{color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;background:#000000b3;border-radius:2px;padding:0 2px;font-size:11px;font-weight:700;position:absolute;top:1px;right:3px}.slot.empty .key{color:#8a8a8a}.slot .key.range{color:#ff3a2a}.slot.nopower .icon{filter:brightness(.55)sepia()hue-rotate(185deg)saturate(3)}.slot.unusable .icon{filter:grayscale()brightness(.45)}.slot.locked{box-shadow:inset 0 0 0 1px #c41f1f,0 0 0 1px #3d3324}.slot.lit:after{content:"";border:2px solid var(--lit);pointer-events:none;animation:.7s ease-in-out infinite alternate lit;position:absolute;inset:0}@keyframes lit{0%{background:#40aaff0f;box-shadow:inset 0 0 6px 2px #40aaff8c}to{background:#40aaff2e;box-shadow:inset 0 0 18px 6px #40aafff2}}.slot.casting{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 1px #3d3324}.slot:hover:not(.empty){box-shadow:inset 0 0 0 2px #fff7cf,0 0 0 1px #3d3324}.slot.pressed .icon{animation:.14s ease-out press}@keyframes press{0%{filter:brightness(1.8);transform:scale(.92)}to{filter:none;transform:none}}.barpage{color:var(--gold-soft);flex-direction:column;align-items:center;margin-left:4px;font-size:12px;font-weight:700;line-height:1.05;display:flex}.barpage .pagearrow{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:8px;line-height:1.2}.barpage .pagearrow:hover{color:var(--gold)}.dragicon{z-index:40;width:36px;height:36px;box-shadow:0 0 0 1px var(--gold), 0 4px 10px #0009;pointer-events:none;opacity:.9;border:1px solid #000;position:fixed;top:0;left:0}body.dragging .actionbar .slot{box-shadow:inset 0 0 0 1px #ffd1008c,0 0 0 1px #3d3324}.spellbook{text-shadow:none;z-index:30;color:#3a2810;background:linear-gradient(#efe3c4,#e2d1a8 60%,#d6c193);border:1px solid #000;border-radius:6px;width:760px;padding:0 0 12px;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #6b5431,inset 0 0 0 5px #2b2114,inset 0 0 34px #5a3c1473,0 10px 40px #000000b3}.sbhead{background:linear-gradient(#2c2418,#15100a);border-radius:6px 6px 0 0;justify-content:center;align-items:center;height:46px;display:flex;position:relative;box-shadow:inset 0 -1px #8c7444,inset 0 0 0 1px #000}.sbtitle{text-shadow:0 1px 2px #000;font-family:var(--title);letter-spacing:.04em;color:var(--gold);margin:0;font-size:20px;font-weight:700}.sbclose{color:#ffe9c2;cursor:pointer;background:radial-gradient(circle at 40% 35%,#c42a1d,#6a0b06);border:1px solid #000;border-radius:50%;width:26px;height:26px;font-size:16px;line-height:1;position:absolute;top:9px;right:10px;box-shadow:inset 0 0 0 1px #e8c66b}.sbtabs{gap:4px;padding:10px 26px 0;display:flex}.sbtab{font-family:var(--title);color:var(--gold-soft);background:linear-gradient(#4a3a20,#2a2012);border:1px solid #000;border-bottom:0;border-radius:5px 5px 0 0;padding:5px 16px 6px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #8c7444}.sbtab.picked{color:var(--gold);background:linear-gradient(#6b5412,#3f3008)}.sbpage{background:#fffaeb59;border:1px solid #462d0f73;border-radius:3px;min-height:190px;margin:0 22px;padding:14px 16px 10px}.sbcategory{font-family:var(--title);text-shadow:0 1px #0000008c,0 0 1px #000;margin:0 0 12px;font-size:17px;font-weight:700}.sbgrid{grid-template-columns:repeat(3,220px);gap:10px 15px;display:grid}.sbitem{cursor:grab;background:linear-gradient(90deg,#50371429,#50371400);border-radius:4px;align-items:center;gap:10px;width:220px;height:60px;padding:0 6px;display:flex}.sbitem:hover{background:linear-gradient(90deg,#78501447,#7850140a)}.sbicon{border:1px solid #000;flex:none;width:40px;height:40px;position:relative;box-shadow:0 0 0 1px #8c7444,0 2px 4px #00000073}.sbicon img{width:100%;height:100%;display:block}.sbitem.unassigned .sbicon{box-shadow:0 0 0 1px var(--gold), 0 0 10px 2px #ffc428d9}.sbtext{flex-direction:column;gap:2px;min-width:0;display:flex}.sbname{color:#2e1e08;font-size:15px;font-weight:700;line-height:1.1}.sbsub{color:#5c4523;font-size:11px;line-height:1.2}.sbfoot{color:#5c4523;justify-content:space-between;padding:8px 28px 0;font-size:12px;display:flex}.sbpagenum{font-weight:700}.sbtip{z-index:35}.tooltip{z-index:20;pointer-events:none;background:#04060ef0;border-radius:4px;width:300px;padding:9px 11px 10px;font-size:13px;line-height:1.35;position:fixed;box-shadow:inset 0 0 0 1px #6b6b78,0 4px 18px #000000b3}.tiphead{align-items:center;gap:8px;margin-bottom:4px;display:flex}.tipicon{border:1px solid #000;width:30px;height:30px}.tipname{color:#fff;font-size:15px;font-weight:700}.tiprow{color:#fff;justify-content:space-between;display:flex}.tipright{text-align:right}.tiptext{color:var(--gold);margin-top:4px}.plates{position:absolute;inset:0;overflow:hidden}.plate{transform-origin:50% 100%;width:118px;position:absolute;top:0;left:0}.platename{text-align:center;white-space:nowrap;margin-bottom:2px;font-size:12px;font-weight:700}.platebar{background:#0a0a0a;border:1px solid #000;height:9px;box-shadow:0 0 0 1px #ffffff1f}.plate:not(.hostile) .platebar{height:5px}.platefill{width:100%;height:100%}.plate.targeted .platebar{box-shadow:0 0 0 1px #fff,0 0 6px #fff9}.plate.targeted .platename{color:#fff!important}.plate.stealthed{opacity:.4}.platecast{background:#0a0a0a;border:1px solid #000;height:6px;margin-top:2px}.platecastfill{background:#f2b100;height:100%}.starttimer{width:195px;height:13px;box-shadow:inset 0 0 0 1px var(--edge), 0 0 0 1px #000, 0 2px 8px #0009;background:#060606;border:1px solid #000;border-radius:2px;position:absolute;top:155px;left:50%;overflow:hidden;transform:translate(-50%)}.starttimer .startfill{background:linear-gradient(#ffe36b,#f2b100 55%,#a26a00);width:100%;height:100%}.starttimer .starttime{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000,0 0 2px #000,0 0 2px #000;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.startnumber{font-family:var(--title);color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 3px 2px #3a2400,0 0 18px #ffaa00bf,0 0 2px #000;pointer-events:none;font-size:72px;font-weight:900;line-height:1;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}.startnumber.large{font-size:112px}.notice{color:var(--error);white-space:nowrap;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 3px #000;font-size:19px;font-weight:700;position:absolute;top:17%;left:50%;transform:translate(-50%)}.notice.flash{animation:2s ease-in forwards fadeout}@keyframes fadeout{0%,65%{opacity:1}to{opacity:0}}.loss{background:linear-gradient(90deg,#0000,#000000b3 15% 85%,#0000);align-items:center;gap:12px;padding:6px 18px 6px 6px;display:flex;position:absolute;top:31%;left:50%;transform:translate(-50%)}.lossicon{border:1px solid #000;width:48px;height:48px;box-shadow:0 0 0 1px #c41f1f}.losstext{color:var(--gold);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.help{color:var(--muted);white-space:nowrap;font-size:10.5px;transition:opacity 1.2s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.help.faded{opacity:0}.micro{border-radius:3px;align-items:center;gap:8px;padding:5px 8px;display:flex;position:absolute;bottom:12px;right:12px}.micro .status{color:var(--muted);border-right:1px solid var(--line);padding-right:6px;font-size:11px}.micro button,.ghost{box-shadow:inset 0 0 0 1px var(--edge);color:var(--gold-soft);font-family:var(--body);cursor:pointer;background:linear-gradient(#2a2418,#15110a);border:1px solid #000;border-radius:3px;padding:4px 9px;font-size:12px}.micro button:hover,.ghost:hover{color:var(--gold);box-shadow:inset 0 0 0 1px var(--edge-light)}.primary,.playbutton,.redbutton{background:linear-gradient(#b81414, var(--red-button) 55%, #4a0606);color:var(--gold);font-family:var(--title);letter-spacing:.04em;text-shadow:0 1px 2px #000;cursor:pointer;border:1px solid #000;border-radius:3px;padding:10px 30px;font-size:17px;font-weight:700;position:relative;box-shadow:inset 0 0 0 1px #d6a94a,inset 0 0 0 3px #3a0303,0 2px 8px #000000b3}.primary:hover,.playbutton:hover,.redbutton:hover{color:#fff3b0;background:linear-gradient(#d42020,#a51010 55%,#5a0808)}.endscreen{background:radial-gradient(circle at 50% 40%,#00000059,#000000c7);place-items:center;display:grid;position:absolute;inset:0}.endpanel{z-index:3;text-align:center;background:#08090cf5;border-radius:4px;width:min(640px,100vw - 32px);padding:22px 26px;position:relative}.endtitle{font-family:var(--title);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px #3a2500,0 0 18px #ffbe2873,0 3px 6px #000;margin:0;font-size:54px;font-weight:900}.endscreen.lost .endtitle{color:#c9c3b6;text-shadow:0 2px #222,0 0 14px #c8281e73,0 3px 6px #000}.endnote{color:var(--muted);margin:4px 0 14px;font-size:13px}.endtable{font-variant-numeric:tabular-nums;text-align:left;background:#00000073;border:1px solid #000;flex-direction:column;gap:2px;padding:8px 10px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #2c2518}.endrow{grid-template-columns:1fr 90px 90px;align-items:center;gap:12px;padding:3px 6px;display:grid}.endrow.head{font-family:var(--title);letter-spacing:.06em;color:var(--gold-soft);border-bottom:1px solid #3a3020;margin-bottom:2px;padding-bottom:5px;font-size:11px;font-weight:700}.endrow.ours{background:linear-gradient(90deg,#285ac82e,#0000)}.endrow.theirs{background:linear-gradient(90deg,#c828282e,#0000)}.endrow.mine{box-shadow:inset 2px 0 0 var(--gold)}.endname{align-items:center;gap:8px;font-weight:700;display:flex}.endface{border:1px solid #b8964f;border-radius:50%;width:26px;height:26px}.endnum{text-align:right}.endrating{color:var(--text);margin:14px 0 0;font-size:14px}.endbuttons{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.endbuttons .ghost{font-family:var(--title);padding:9px 16px;font-size:14px;font-weight:700}.endbuttons .back-to-games{box-shadow:inset 0 0 0 1px var(--edge);color:var(--gold-soft);font-family:var(--title);background:linear-gradient(#2a2418,#15110a);border:1px solid #000;border-radius:3px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}#start{z-index:5;pointer-events:auto;background:#07080a url(/chainhold/morrok/ui/keyart.webp) 0/cover no-repeat;position:fixed;inset:0}#start.hidden{display:none}#start:before{content:"";pointer-events:none;background:linear-gradient(#04040600 45%,#04040633 66%,#040406db 100%),linear-gradient(270deg,#040406c7 0%,#04040600 34%);position:absolute;inset:0}.sr-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modenav{background:linear-gradient(#000000bf,#00000059);border-bottom:1px solid #b8964f;align-items:stretch;padding:0 26px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 1px #000,0 6px 18px #00000080}.modetab{color:var(--gold-soft);font-family:var(--title);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-shadow:0 1px 2px #000;background:0 0;border:none;border-left:1px solid #b8964f59;padding:12px 22px 10px;font-size:14px;font-weight:700}.modetab:first-child{border-left:none}.modetab:hover,.modetab.picked{color:var(--gold)}.modetab.picked{box-shadow:inset 0 -2px 0 var(--gold)}.classlist{border-radius:3px;flex-direction:column;gap:8px;width:min(330px,34vw);max-height:calc(100vh - 160px);padding:12px;display:flex;position:absolute;top:70px;right:22px;overflow:auto}.classlist .listhead{font-family:var(--title);color:var(--gold-soft);letter-spacing:.06em;border-bottom:1px solid #3a3020;padding:4px 6px 6px;font-size:13px;font-weight:700}.classcard{text-align:left;color:var(--text);font-family:var(--body);cursor:pointer;background:linear-gradient(#17140f,#0c0a07);border:1px solid #000;border-radius:3px;grid-template-columns:62px 1fr;align-items:center;gap:10px;padding:7px;display:grid;box-shadow:inset 0 0 0 1px #3a3020}.classcard:hover{box-shadow:inset 0 0 0 1px var(--edge-light)}.classcard.picked{box-shadow:inset 0 0 0 1px var(--gold), 0 0 14px #ffd10040;background:linear-gradient(#6b5412,#3f3008)}.classcard img{border:1px solid #000;width:62px;height:62px;display:block;box-shadow:0 0 0 1px #8c7444}.classcard .classname{font-family:var(--title);font-size:18px;font-weight:700;display:block}.classcard .classrole{color:#d8cfbb;margin-top:2px;font-size:12px;display:block}.enter{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.enter .entername{font-family:var(--title);color:var(--gold);text-shadow:0 2px 3px #000,0 0 12px #000c;font-size:26px;font-weight:700}.enter .playbutton{min-width:270px;padding:12px 36px;font-size:22px}.enter .playhelp{color:#e9e2cf;text-shadow:0 1px 2px #000;font-size:12px}.enter .botlevel{color:var(--gold-soft);text-shadow:0 1px 2px #000;margin-top:-4px;font-size:12px;font-weight:700}.rankedrow{gap:8px;margin-top:4px;display:flex}.rankedbutton{box-shadow:inset 0 0 0 1px var(--edge);color:var(--gold-soft);font-family:var(--title);letter-spacing:.06em;cursor:pointer;background:linear-gradient(#2a2418,#15110a);border:1px solid #000;border-radius:3px;padding:6px 12px;font-size:12px;font-weight:700}.rankedbutton:hover{color:var(--gold)}#start .back-to-games{background:linear-gradient(#b81414, var(--red-button) 55%, #4a0606);color:var(--gold);font-family:var(--title);border:1px solid #000;border-radius:3px;align-items:center;gap:8px;padding:10px 26px 10px 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;bottom:40px;left:24px;box-shadow:inset 0 0 0 1px #d6a94a,inset 0 0 0 3px #3a0303,0 2px 8px #000000b3}.startfooter{color:#cfc7b4;text-shadow:0 1px 2px #000;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.startfooter .startnote{border-left:1px solid var(--line);padding-left:12px}.startside{gap:8px;display:flex;position:absolute;top:12px;right:22px}.queuepanel{text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:min(420px,100vw - 32px);padding:22px 24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.queuepanel .starttitle{font-family:var(--title);color:var(--gold);margin:0;font-size:22px}.queuepanel .queuemode{font-family:var(--title);letter-spacing:.1em;color:var(--gold-soft);margin:0;font-size:13px}.queuepanel .queueplace{font-variant-numeric:tabular-nums;margin:0;font-size:30px;font-weight:700}.queuepanel .queuewait{color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.queuepanel .queuewait.queueblocked{color:var(--error);font-weight:700}@media (width<=900px){.classlist{flex-direction:row;width:auto;inset:auto 16px 190px;overflow-x:auto}.classlist .listhead{display:none}.classcard{text-align:center;grid-template-columns:1fr;justify-items:center;min-width:96px}.modetab{padding:10px 10px 8px;font-size:12px}#start .back-to-games{top:52px;bottom:auto;left:16px}}.practicecard{box-shadow:inset 0 0 0 1px var(--edge);color:var(--gold-soft);text-align:left;cursor:pointer;background:linear-gradient(#2a2418,#15110a);border:1px solid #000;border-radius:3px;align-items:center;gap:8px;padding:4px 12px 4px 4px;text-decoration:none;display:flex}.practicecard:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 0 10px #ffd10040}.practicecard img{border:1px solid #000;width:34px;height:34px;display:block;box-shadow:0 0 0 1px #8c7444}.practicewords{flex-direction:column;gap:1px;display:flex}.practicename{font-family:var(--title);letter-spacing:.06em;color:var(--gold);font-size:12px;font-weight:700}.practicehelp{color:#d8cfbb;font-size:11px}.meter{width:300px;box-shadow:inset 0 0 0 1px var(--edge), 0 2px 10px #0000008c;pointer-events:auto;background:#06070ac7;border:1px solid #000;border-radius:3px;position:absolute;bottom:56px;right:12px}.meterhead{background:linear-gradient(#2c2418,#120e08);border-bottom:1px solid #8c7444;align-items:center;gap:8px;height:32px;padding:0 6px 0 8px;display:flex}.meterkind{white-space:nowrap;text-align:left;font-family:var(--title);color:var(--gold);cursor:pointer;background:0 0;border:0;flex:1;padding:0;font-size:14px;font-weight:700}.meterkind:before{content:"▾";width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--gold);color:#fff3c4;text-align:center;background:linear-gradient(#6b5412,#3f3008);border-radius:2px;margin-right:6px;font-size:11px;line-height:16px;display:inline-block}.metertime{color:#e9e2cf;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.meterreset{color:var(--gold-soft);cursor:pointer;background:linear-gradient(#4a3a20,#2a2012);border:1px solid #000;border-radius:3px;padding:2px 6px;font-size:10px;box-shadow:inset 0 0 0 1px #8c7444}.meterrows{flex-direction:column;gap:4px;padding:6px;display:flex}.meterempty:empty{display:none}.meterempty{color:var(--muted);padding:4px 10px 10px;font-size:12px}.meterbar{cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;height:24px;padding:0;display:flex}.metericon{background:#15110a;flex:none;width:24px;height:24px}.metericon img{width:100%;height:100%;display:block}.metertrack{background:#0000008c;flex:1;height:24px;position:relative;overflow:hidden}.meterfill{opacity:.85;position:absolute;top:0;bottom:0;left:0}.metername,.metervalue{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000,0 0 2px #000,0 0 2px #000;white-space:nowrap;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;bottom:0}.metername{left:6px;right:110px;overflow:hidden}.metervalue{right:6px}.meterback{color:var(--gold-soft);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0 0 2px;font-size:12px;font-weight:700}.practice{pointer-events:auto;flex-direction:column;gap:5px;width:300px;padding:8px 10px 10px;display:flex;position:absolute;top:360px;left:12px}.practicetitle{font-family:var(--title);color:var(--gold);margin:0 0 2px;font-size:14px;font-weight:700}.practicebutton{box-shadow:inset 0 0 0 1px var(--edge);color:var(--gold-soft);text-align:left;cursor:pointer;background:linear-gradient(#2a2418,#15110a);border:1px solid #000;border-radius:3px;padding:4px 8px;font-size:12px}.practicebutton.on{color:var(--gold);background:linear-gradient(#6b5412,#3f3008)}.practicespar{align-items:center;gap:4px;display:flex}.practicelabel{color:#e9e2cf;flex:1;font-size:12px}.practiceselect{max-width:92px;color:var(--gold-soft);background:#15110a;border:1px solid #000;border-radius:3px;padding:2px;font-size:11px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:2px solid #0000;border-radius:8px}#start .startside a{text-decoration:none}@media (width<=480px){.practicehelp,.entername{display:none}}.actionbar.extra{background:#0000006b;gap:2px;padding:3px 4px}.actionbar.extra.hidden{display:none}.actionbar.extra .slot{width:40px;height:40px}.actionbar.bottomLeft,.actionbar.bottomRight{bottom:calc(82px + 48px * var(--row,0))}.actionbar.right,.actionbar.right2{top:50%;bottom:auto;left:auto;right:calc(6px + 48px * var(--row,0));flex-direction:column;transform:translateY(-50%)}#hud .castbar{bottom:calc(96px + 48px * var(--low-bars,0))}#hud .arenaframes{right:calc(14px + 48px * var(--right-bars,0))}.quickbind{z-index:40;background:var(--panel);width:min(520px,100vw - 32px);box-shadow:inset 0 0 0 1px var(--edge), 0 2px 10px #0000008c;pointer-events:auto;text-align:center;border:1px solid #000;justify-items:center;gap:8px;padding:14px 18px;display:grid;position:absolute;top:16%;left:50%;transform:translate(-50%)}.quickbind.hidden{display:none}.qb-title{font-family:var(--title);color:var(--gold);font-size:18px}.qb-hint{font-size:13px;line-height:1.4}.qb-done{font:inherit;color:var(--text);border:1px solid var(--edge);cursor:pointer;background:#ffffff14;padding:6px 18px;font-size:13px}.quickbinding .actionbar .slot{cursor:pointer;outline:1px solid #ffd89073}.quickbinding .actionbar .slot.qb-hover{outline:2px solid var(--gold);box-shadow:0 0 0 2px #ffd89059}.micro .microicon{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;pointer-events:auto;background:#050505;border:1px solid #000;border-radius:3px;padding:0;position:relative;overflow:hidden}.micro .microicon img{object-fit:cover;width:100%;height:100%;display:block}.micro .microicon:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 0 6px #ffd89066}.micro .microicon:active{transform:translateY(1px)}.charsheet{z-index:30;width:360px;max-width:calc(100vw - 24px);text-shadow:none;color:#3a2810;pointer-events:auto;background:linear-gradient(#efe3c4,#e2d1a8 60%,#d6c193);border:1px solid #000;border-radius:6px;padding:0 0 12px;position:fixed;top:12%;left:230px;box-shadow:inset 0 0 0 2px #6b5431,inset 0 0 0 5px #2b2114}.charsheet.hidden{display:none}.cs-who{align-items:center;gap:14px;padding:16px 20px 10px;display:flex}.cs-face{object-fit:cover;border:2px solid #6b5431;border-radius:50%;width:76px;height:76px;box-shadow:0 0 0 2px #2b2114}.cs-name{font-family:var(--title);font-size:24px;font-weight:700}.cs-class{color:#6b5431;font-size:14px}.cs-stats{margin:0;padding:4px 20px 8px}.cs-row{border-top:1px solid #6b543159;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.cs-row dt{margin:0}.cs-row dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.opt-form{gap:2px;display:grid}.opt-row{cursor:pointer;border-radius:4px;align-items:flex-start;gap:12px;min-height:34px;padding:8px;display:flex}.opt-row:hover{background:#ffffff0b}.opt-check{width:17px;height:17px;accent-color:var(--controls-accent,#d2a667);cursor:pointer;margin:1px 0 0}.opt-words{gap:2px;display:grid}.opt-name{font-size:13.5px}.opt-hint{color:var(--muted,#93a0ae);font-size:12px;line-height:1.35}.opt-para{margin:0 8px 8px}.opt-quick,.opt-choice{font:inherit;color:var(--text,#e7ecf2);border:1px solid var(--line,#ffffff24);cursor:pointer;background:0 0;border-radius:4px;justify-self:start;margin:0 8px;padding:8px 16px;font-size:13px}.opt-quick:hover,.opt-choice:hover{background:#ffffff14}.opt-choices{gap:4px;padding-bottom:12px;display:flex}.opt-choice{margin:0}.opt-choices .opt-choice:first-child{margin-left:8px}.opt-choice.on{color:var(--controls-ink,#0d1218);background:var(--controls-accent,#d2a667);border-color:#0000}.matchchip{display:none}#start.dungeonstart{background-color:#060507;background-image:none;background-position:0;background-repeat:no-repeat;background-size:cover}#start.dungeonstart:before{background:linear-gradient(270deg,#040304eb 0%,#040304b3 32%,#04030400 58%),linear-gradient(#04030400 70%,#040304cc 100%)}.dungeonintro{flex-direction:column;gap:12px;width:min(440px,100vw - 32px);max-height:calc(93vh - 70px);display:flex;position:absolute;top:7vh;right:max(16px,4vw);overflow:auto}.dungeontitle{font-family:var(--title);letter-spacing:.05em;color:var(--gold);text-shadow:0 2px #3a0a00,0 0 22px #ff3c1e73,0 3px 6px #000;margin:0;font-size:clamp(36px,4.4vw,58px);font-weight:900}.dungeontagline{color:var(--text);margin:0;font-size:16px}.dungeonlore{color:var(--muted);margin:0;font-size:14px;font-style:italic;line-height:1.45}.dungeonintro .classlist{width:auto;max-height:none;position:static;overflow:visible}.dungeonintro .playhelp{color:var(--gold-soft);margin:0;font-size:13px}.dungeonintro .playbutton,.dungeonintro .groupopen{align-self:flex-start;min-width:200px}.grouphead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.groupcode{font-family:var(--title);letter-spacing:.08em;color:var(--gold);text-shadow:0 1px 2px #000;font-size:20px;font-weight:700}.groupplace.taken img{filter:saturate(.6)brightness(.8)}.groupplace:disabled{cursor:default}.groupplace.picked:disabled,.groupplace.taken:disabled{opacity:1}.groupwait,.groupstatus{margin:0;font-size:13px}.groupwait{color:var(--muted);font-style:italic}.groupstatus{color:#ff8a70}.dungeonintro .groupleave{align-self:flex-start}.endagain:disabled{opacity:.6;cursor:default}.tracker{pointer-events:none;text-align:right;background:linear-gradient(90deg,#0000,#0000008c 30%);width:260px;padding:8px 10px;position:absolute;top:58px;right:14px}.trackerhead{font-family:var(--title);color:var(--gold);text-shadow:0 1px 2px #000;justify-content:flex-end;align-items:baseline;gap:10px;font-size:15px;font-weight:700;display:flex}.trackertime{color:var(--text);font-family:var(--body);font-variant-numeric:tabular-nums;font-size:13px}.trackerrow{color:var(--text);text-shadow:0 1px 2px #000;margin-top:4px;font-size:13px}.trackerrow.done{color:#8a8478}.bossframe{pointer-events:none;grid-template-columns:52px minmax(0,1fr);width:min(430px,100vw - 28px);animation:.18s ease-out bossin;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes bossin{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)}}.bossface{z-index:1;border:2px solid var(--boss,#b23a2e);object-fit:cover;background:#000;border-radius:50%;width:52px;height:52px;box-shadow:0 0 0 2px #000,0 0 14px #000c}.bossbody{background:var(--panel);min-width:0;box-shadow:inset 0 0 0 1px var(--edge), 0 2px 10px #0000008c;border:1px solid #000;border-radius:0 3px 3px 0;margin-left:-10px;padding:4px 8px 6px 16px}.bossline{align-items:baseline;gap:8px;min-width:0;display:flex}.bossname{min-width:0;color:var(--boss,#ece1c8);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000;flex:1;font-size:15px;font-weight:700;overflow:hidden}.bossphase{color:#15100a;letter-spacing:.06em;text-transform:uppercase;background:#c9a24a;border-radius:3px;flex:none;padding:1px 6px;font-size:11px;font-weight:700}.bossphase[data-tone=open]{color:#140a18;background:#c25bff}.bossphase[data-tone=free]{color:#1a0500;background:#ff3b1f}.bossbar{background:#050505;border:1px solid #000;height:18px;margin-top:4px;position:relative;overflow:hidden}.bosshpfill{background:linear-gradient(#ff5a4a,#b3201a 55%,#6a0b08);width:100%;height:100%;transition:width 80ms linear}.bosshpnum{color:#f4eee2;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000,0 0 3px #000;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0 6px 0 auto}.bosscast{align-items:center;gap:4px;margin-top:4px;display:flex}.bosscast .casticon{width:18px;height:18px}.bosscast .casttrack{border-radius:2px;height:18px}.bosscast .castlabel-text{font-size:12px}@media (width<=720px){#start.dungeonstart:before{background:linear-gradient(#040304d1 0%,#040304b8 70%,#04030433 100%)}.dungeonintro{max-height:calc(100vh - 170px);top:104px;left:16px;right:auto}.bossframe{grid-template-columns:44px minmax(0,1fr);width:calc(100vw - 16px);top:6px}.bossface{width:44px;height:44px}.bossname{font-size:13px}.bossbar{height:16px}.bosshpnum{font-size:11px}.bosscast .casttrack{height:16px}.bosscast .castlabel-text{font-size:11px}#hud:has(.bossframe:not(.hidden)) .tracker{top:100px}#hud:has(.bossframe:not(.hidden)) .yell{top:34%}#hud:has(.bossframe:not(.hidden)) .raidwarning{top:40%}}.yell{color:#ff4b3a;text-align:center;text-shadow:0 1px 2px #000,0 0 8px #000;pointer-events:none;max-width:min(720px,100vw - 32px);font-size:17px;font-weight:600;position:absolute;top:17%;left:50%;transform:translate(-50%)}.raidwarning{color:#ffb52a;max-width:min(820px,100vw - 32px);font-family:var(--title);text-align:center;text-shadow:0 2px 2px #000,0 0 12px #000000e6;pointer-events:none;font-size:24px;font-weight:700;position:absolute;top:24%;left:50%;transform:translate(-50%)}.raidwarning.flash{animation:.6s ease-out warnflash}@keyframes warnflash{0%{opacity:.2;transform:translate(-50%)scale(1.25)}to{opacity:1;transform:translate(-50%)scale(1)}}.wipebanner{color:#e8e1d2;font-family:var(--title);text-align:center;text-shadow:0 2px 4px #000;pointer-events:none;font-size:26px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.yell.hidden,.raidwarning.hidden,.wipebanner.hidden,.tracker.hidden{display:none}.endboard{color:var(--gold-soft);margin:-6px 0 14px;font-size:14px}.endboard.placed{color:var(--gold);font-weight:700}.endboard.hidden{display:none}.endboardlink{color:var(--text);white-space:nowrap;font-weight:600}.endscreen.dungeonend{background-position:50%;background-size:cover}.dungeonend .endpanel{backdrop-filter:blur(2px);background:#08090cd1}.endmedal{object-fit:contain;filter:drop-shadow(0 6px 14px #0009);width:96px;height:96px;margin:-66px auto 6px;display:block}.holddoor{z-index:30;color:#e9dcc2;font-family:var(--title);letter-spacing:.08em;text-shadow:0 2px 8px #000;background-position:50%;background-size:cover;place-items:end center;padding-bottom:8vh;font-size:22px;display:grid;position:fixed;inset:0}.hallflash{z-index:3;opacity:0;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0}