@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--sl-lettertype: "Tessera Narrow", "Liberation Sans Narrow", "Arial Narrow", ui-sans-serif, system-ui, sans-serif;--sl-letter-basis: 12px;--sl-letter-naam: 12px;--sl-letter-balk: 10px;--sl-letter-klein: 9px;--sl-letter-titel: 14px;--sl-achtergrond: #1a1511;--sl-achtergrond-rgb: 26, 21, 17;--sl-achtergrond-dekking: .9;--sl-balk-achtergrond: #26201a;--sl-balk-achtergrond-rgb: 38, 32, 26;--sl-rand: #0a0806;--sl-rand-rgb: 10, 8, 6;--sl-rand-binnen: #4a3d2c;--sl-rand-binnen-rgb: 74, 61, 44;--sl-tekst: #efe6d4;--sl-tekst-rgb: 239, 230, 212;--sl-tekst-gedimd: #a89d89;--sl-tekst-gedimd-rgb: 168, 157, 137;--sl-accent: #d8bd82;--sl-accent-rgb: 216, 189, 130;--sl-mana: #3f79c9;--sl-mana-rgb: 63, 121, 201;--sl-ervaring: #8f5fc4;--sl-ervaring-rgb: 143, 95, 196;--sl-ervaring-vol: #c9a44a;--sl-ervaring-vol-rgb: 201, 164, 74;--sl-vijandig: #b8382c;--sl-vijandig-rgb: 184, 56, 44;--sl-neutraal: #d4ad3a;--sl-neutraal-rgb: 212, 173, 58;--sl-vriendelijk: #4a9b52;--sl-vriendelijk-rgb: 74, 155, 82;--sl-dreiging: #e0602f;--sl-dreiging-rgb: 224, 96, 47;--sl-goed: #6fcf8f;--sl-goed-rgb: 111, 207, 143;--sl-slecht: #e05545;--sl-slecht-rgb: 224, 85, 69;--sl-klasse-0: #8a8378;--sl-klasse-1: #c9895a;--sl-klasse-2: #e3c77c;--sl-klasse-3: #8fbf6a;--sl-klasse-4: #66b0cf;--sl-klasse-5: #c24a5e;--sl-klasse-6: #e0762c;--sl-knop-achtergrond: #141210;--sl-knop-achtergrond-rgb: 20, 18, 16;--sl-knop-rand-binnen: #3a3128;--sl-knop-rand-binnen-rgb: 58, 49, 40;--sl-toets: #efe6d4;--sl-toets-rgb: 239, 230, 212;--sl-mana-tekst: #9cc0ea;--sl-mana-tekst-rgb: 156, 192, 234;--sl-afkoel-tekst: #ffe9a8;--sl-afkoel-tekst-rgb: 255, 233, 168;--sl-veeg: #000000;--sl-veeg-rgb: 0, 0, 0;--sl-veeg-dekking: .72;--sl-cast: #e0a030;--sl-cast-rgb: 224, 160, 48;--sl-kanaal: #2f9bd6;--sl-kanaal-rgb: 47, 155, 214;--sl-onderbroken: #d24a3a;--sl-onderbroken-rgb: 210, 74, 58;--sl-vonk: #ffffff;--sl-vonk-rgb: 255, 255, 255;--sl-swing: #cbd5e1;--sl-swing-rgb: 203, 213, 225;--sl-kaart-raster: #d8bd82;--sl-kaart-raster-rgb: 216, 189, 130;--sl-kaart-raster-dekking: .12;--sl-speler: #facc15;--sl-speler-rgb: 250, 204, 21;--sl-plaat-naam-vijandig: #ffd6cc;--sl-plaat-naam-vijandig-rgb: 255, 214, 204;--sl-plaat-naam-vriendelijk: #bae6fd;--sl-plaat-naam-vriendelijk-rgb: 186, 230, 253;--sl-plaat-naam-doel: #fef08a;--sl-plaat-naam-doel-rgb: 254, 240, 138;--sl-plaat-level: #f6c85f;--sl-plaat-level-rgb: 246, 200, 95;--sl-plaat-vijandig: #e11d48;--sl-plaat-vijandig-rgb: 225, 29, 72;--sl-plaat-vriendelijk: #22c55e;--sl-plaat-vriendelijk-rgb: 34, 197, 94;--sl-rand-dikte: 1px;--sl-hoek: 0px;--sl-tussen: 2px;--sl-vulling: 4px;--sl-frame-breedte: 270px;--sl-gezondheid-hoogte: 20px;--sl-mana-hoogte: 13px;--sl-ervaring-hoogte: 5px;--sl-aura-maat: 22px;--sl-aura-tussen: 3px;--sl-speler-x: -470px;--sl-doel-x: 240px;--sl-frames-onder: 190px;--sl-tot-breedte: 110px;--sl-naam-max: 150px;--sl-knop-maat: 40px;--sl-knop-tussen: 3px;--sl-actiebalk-onder: 24px;--sl-actiebalk-vulling: 4px;--sl-castbar-breedte: 290px;--sl-castbar-hoogte: 22px;--sl-castbar-onder: 125px;--sl-cast-icoon: 22px;--sl-doel-castbar-hoogte: 16px;--sl-doel-castbar-afstand: 60px;--sl-swingbar-breedte: 220px;--sl-swingbar-hoogte: 10px;--sl-swingbar-onder: 104px;--sl-minimap-maat: 140px;--sl-minimap-rechts: 18px;--sl-minimap-onder: 22px;--sl-buff-maat: 28px;--sl-buff-tussen: 3px;--sl-buff-rechts: 18px;--sl-buff-boven: 22px;--sl-federatie-boven: 62px;--sl-tracker-boven: 350px;--sl-chat-breedte: 380px;--sl-chat-hoogte: 220px;--sl-chat-links: 18px;--sl-chat-onder: 74px;--sl-plaat-balk-breedte: 76px;--sl-plaat-balk-hoogte: 6px;--sl-plaat-doel-balk-breedte: 92px;--sl-plaat-doel-balk-hoogte: 7px;--sl-plaat-zicht: 55px}@font-face{font-family:Tessera Narrow;src:url(./LiberationSansNarrow-Regular-Dlx3aJVs.ttf) format("truetype");font-weight:400}@font-face{font-family:Tessera Narrow;src:url(./LiberationSansNarrow-Bold-GYHKpZmY.ttf) format("truetype");font-weight:700}:root{--ink: #efe6d4;--panel: rgba(24, 20, 17, .82);--edge: rgba(214, 190, 148, .28);--gold: #d8bd82}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#d9c9a3}body{font:13px/1.45 ui-sans-serif,system-ui,Segoe UI,sans-serif;color:var(--ink);user-select:none}#view{display:block;width:100vw;height:100vh}#overlay{position:fixed;inset:0;pointer-events:none}.floaters{position:absolute;inset:0;pointer-events:none}.floater{position:absolute;font-weight:800;font-size:20px;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 2px #000;white-space:nowrap;pointer-events:none;user-select:none;will-change:transform,opacity}.floater-damage{color:#fff;font-size:20px;text-shadow:0 2px 4px #000,0 0 4px rgba(0,0,0,.9)}.floater-crit{color:#ffde59;font-size:32px;font-weight:900;text-shadow:0 0 12px rgba(255,200,0,.8),0 2px 6px #000,0 0 2px #000;letter-spacing:.04em}.floater-fire{color:#fb923c;text-shadow:0 0 10px rgba(249,115,22,.8),0 2px 4px #000}.floater-frost{color:#7dd3fc;text-shadow:0 0 10px rgba(56,189,248,.8),0 2px 4px #000}.floater-shadow{color:#d8b4fe;text-shadow:0 0 10px rgba(168,85,247,.8),0 2px 4px #000}.floater-heal{color:#4ade80;font-size:21px;text-shadow:0 0 10px rgba(34,197,94,.7),0 2px 4px #000}.floater-heal_crit{color:#86efac;font-size:30px;font-weight:900;text-shadow:0 0 14px rgba(74,222,128,.9),0 2px 6px #000}.floater-incoming{color:#ef4444;font-size:22px;font-weight:900;text-shadow:0 0 10px rgba(239,68,68,.8),0 2px 4px #000}.floater-loot{color:#fbbf24;font-size:17px;text-shadow:0 0 8px rgba(245,158,11,.6),0 2px 4px #000}.floater-xp{color:#e879f9;font-size:18px;font-weight:800;text-shadow:0 0 10px rgba(217,70,239,.7),0 2px 4px #000}.floater-interrupt{color:#f87171;font-size:18px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgba(239,68,68,.9),0 2px 4px #000}.floater-aggro{color:#ef4444;font-size:22px;font-weight:900;letter-spacing:.12em;text-shadow:0 0 12px rgba(239,68,68,.9),0 2px 4px #000}.floater-immune,.floater-evade{color:#cbd5e1;font-size:16px;font-weight:800;text-shadow:0 1px 3px #000;letter-spacing:.06em}.floater-note{color:#fdba74;font-size:15px;letter-spacing:.06em;text-transform:uppercase}#hud{position:absolute;inset:0}.plates{position:absolute;inset:0;pointer-events:none}.plate{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap;transform-origin:50% 100%;user-select:none;transition:opacity .15s ease}.pl-top{display:flex;align-items:center;gap:5px;font-family:var(--sl-lettertype)}.pl-lvl{font-size:10px;font-weight:800;color:#f6c85f;background:#120e0ce0;border:1px solid rgba(246,200,95,.4);padding:0 4px;border-radius:3px;line-height:14px;box-shadow:0 1px 4px #000c}.pl-name{font-size:11.5px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 3px #000,0 0 4px rgba(0,0,0,.9)}.plate.hostile .pl-name{color:#ffd6cc}.plate.friendly .pl-name{color:#bae6fd}.plate.target .pl-name{color:#fef08a;text-shadow:0 0 8px rgba(250,204,21,.6),0 1px 3px #000}.pl-threat{font-size:9px;font-weight:800;border-radius:3px;padding:1px 4px;line-height:12px;letter-spacing:.04em;text-transform:uppercase;display:none}.pl-threat:not(:empty){display:inline-flex;align-items:center}.pl-bar{position:relative;width:76px;height:6px;border-radius:2px;background:#0a0a0ce6;border:1px solid rgba(30,25,20,.9);box-shadow:0 2px 5px #000c,inset 0 0 3px #000000e6;overflow:hidden}.pl-bar i{display:block;height:100%;background:linear-gradient(180deg,#e11d48,#9f1239);transition:width .15s cubic-bezier(.2,.8,.2,1)}.plate.friendly .pl-bar i{background:linear-gradient(180deg,#22c55e,#15803d)}.plate.target .pl-bar{width:92px;height:7px;border-color:#f5d496cc;box-shadow:0 0 8px #f5d49659,0 2px 6px #000000e6}.pl-cast{position:relative;width:76px;height:5px;background:#08080aeb;border:1px solid #5a472a;border-radius:2px;overflow:hidden;margin-top:2px;box-shadow:0 1px 4px #000c}.pl-cast.hidden{display:none!important}.plate.target .pl-cast{width:92px;height:6px}.pl-cast-fill{height:100%;width:0%;background:linear-gradient(90deg,#b45309,#fbbf24);transition:width .05s linear}.pl-cast-name{position:absolute;inset:0;font-size:7.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000;display:flex;align-items:center;justify-content:center;pointer-events:none;letter-spacing:.02em}.plate.threat-aggro .pl-threat{color:#fff;background:linear-gradient(180deg,#ef4444,#b91c1c);border:1px solid #f87171;box-shadow:0 0 6px #ef444499}.plate.threat-aggro .pl-bar{border-color:#ef4444;box-shadow:0 0 8px #ef444480,0 2px 5px #000c}.plate.threat-aggro .pl-bar i{background:linear-gradient(180deg,#f43f5e,#be123c)}.plate.threat-orange .pl-threat,.plate.threat-yellow .pl-threat{color:#fff;background:linear-gradient(180deg,#f59e0b,#b45309);border:1px solid #fbbf24;box-shadow:0 0 6px #f59e0b80}.plate.threat-orange .pl-bar,.plate.threat-yellow .pl-bar{border-color:#f59e0b;box-shadow:0 0 6px #f59e0b66,0 2px 5px #000c}.plate.threat-orange .pl-bar i,.plate.threat-yellow .pl-bar i{background:linear-gradient(180deg,#fbbf24,#d97706)}.plate.threat-high .pl-threat{color:#fbbf24;background:#140f0ad9;border:1px solid rgba(251,191,36,.4)}.plate.threat-safe .pl-threat{color:#34d399;background:#0a140fd9;border:1px solid rgba(52,211,153,.4)}@keyframes aggroPulse{0%{opacity:.75;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}@keyframes aggroShake{0%{transform:translate(-50%,-50%) scale(.8)}25%{transform:translate(-55%,-50%) scale(1.2)}50%{transform:translate(-45%,-50%) scale(1.3)}75%{transform:translate(-52%,-50%) scale(1.15)}to{transform:translate(-50%,-50%) scale(1)}}.floater.aggro{color:#f21;font-size:22px;font-weight:900;letter-spacing:.14em;text-shadow:0 0 12px rgba(255,0,0,.9),0 2px 4px #000;animation:aggroShake .4s ease-out}.floater.evade{color:#b8c4d0;font-size:16px;font-weight:800;letter-spacing:.1em;text-shadow:0 1px 3px #000}.floater.immune{color:#e0d080;font-size:15px;font-weight:700;text-shadow:0 1px 3px #000}.threat-meter-text{position:absolute;inset:0;font-size:8px;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 2px #000}.tessera-castbars-container{position:fixed;inset:0;pointer-events:none;z-index:120;font-family:var(--sl-lettertype)}.tessera-castbar{position:absolute;display:flex;align-items:center;gap:var(--sl-tussen);transition:opacity .15s ease-out}.tessera-castbar.player-castbar{bottom:var(--sl-castbar-onder);left:50%;transform:translate(-50%);width:var(--sl-castbar-breedte);height:var(--sl-castbar-hoogte)}.tessera-castbar.target-castbar{bottom:calc(var(--sl-frames-onder) - var(--sl-doel-castbar-afstand));left:calc(50% + var(--sl-doel-x));width:var(--sl-frame-breedte);height:var(--sl-doel-castbar-hoogte)}.castbar-icon{width:var(--sl-cast-icoon);height:var(--sl-cast-icoon);background:var(--sl-knop-achtergrond);border:1px solid var(--sl-rand);display:flex;align-items:center;justify-content:center;font-size:var(--sl-letter-klein);flex-shrink:0}.castbar-icon.target-icon{width:var(--sl-doel-castbar-hoogte);height:var(--sl-doel-castbar-hoogte)}.castbar-track{flex:1;height:100%;position:relative;background:var(--sl-balk-achtergrond);border:1px solid var(--sl-rand);overflow:hidden}.castbar-fill{position:absolute;top:0;bottom:0;left:0;height:100%;transition:width .05s linear}.castbar-fill.normal-cast{background:var(--sl-cast)}.castbar-fill.channeled-cast{background:var(--sl-kanaal)}.castbar-fill.interrupted-cast{background:var(--sl-onderbroken)!important}.castbar-spark{position:absolute;top:0;bottom:0;width:2px;background:var(--sl-vonk);transform:translate(-50%);pointer-events:none}.castbar-labels{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px;z-index:2}.castbar-name{font-size:var(--sl-letter-balk);font-weight:700;color:var(--sl-tekst);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.castbar-time{font-size:var(--sl-letter-klein);font-weight:700;color:var(--sl-tekst);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;font-variant-numeric:tabular-nums}.tessera-castbar.hidden{display:none!important}.tessera-castbar.player-castbar.interrupted{animation:player-cast-shake .3s ease-in-out}.tessera-castbar.fade-out{opacity:0}@keyframes player-cast-shake{0%,to{transform:translate(-50%)}20%,60%{transform:translate(calc(-50% - 4px))}40%,80%{transform:translate(calc(-50% + 4px))}}.tessera-swingbar-container{position:absolute;inset:0;pointer-events:none;z-index:52;font-family:var(--sl-lettertype)}.tessera-swingbar{position:absolute;left:50%;bottom:var(--sl-swingbar-onder);transform:translate(-50%);width:var(--sl-swingbar-breedte);height:var(--sl-swingbar-hoogte);display:flex;align-items:center;gap:var(--sl-tussen);padding:0;background:transparent;border:0;transition:opacity .2s ease}.tessera-swingbar.hidden{display:none!important}.tessera-swingbar.swing-hit .swingbar-track{box-shadow:inset 0 0 0 1px var(--sl-accent)}.swingbar-icon{font-size:var(--sl-letter-klein);line-height:1}.swingbar-track{position:relative;flex:1;height:100%;background:var(--sl-balk-achtergrond);border:1px solid var(--sl-rand);overflow:hidden;display:flex;align-items:center}.swingbar-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--sl-swing);transition:width .05s linear}.swingbar-spark{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;box-shadow:0 0 6px #fff,0 0 10px #facc15;transform:translate(-50%);pointer-events:none}.swingbar-label{position:absolute;left:5px;font-size:7.5px;font-weight:700;color:#e2e8f0;text-shadow:0 1px 2px #000;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.swingbar-time{position:absolute;right:5px;font-size:7.5px;font-weight:600;color:#cbd5e1;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;pointer-events:none}@keyframes beacon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(251,191,36,.8))}50%{transform:scale(1.18);filter:drop-shadow(0 0 16px rgba(245,158,11,1))}}.frame{position:absolute;bottom:var(--sl-frames-onder);width:var(--sl-frame-breedte);background:rgba(var(--sl-achtergrond-rgb),var(--sl-achtergrond-dekking));border:var(--sl-rand-dikte) solid var(--sl-rand);box-shadow:inset 0 0 0 1px var(--sl-rand-binnen);border-radius:var(--sl-hoek);padding:var(--sl-vulling);font-family:var(--sl-lettertype);font-size:var(--sl-letter-basis);color:var(--sl-tekst)}.frame.self{left:calc(50% + var(--sl-speler-x))}.frame.targ{left:calc(50% + var(--sl-doel-x))}.frame.targ.empty{color:var(--sl-tekst-gedimd);font-style:italic;padding:8px var(--sl-vulling)}.fr-balk{position:relative;height:var(--sl-gezondheid-hoogte);background:var(--sl-balk-achtergrond);border:1px solid var(--sl-rand);overflow:hidden;margin-bottom:var(--sl-tussen)}.fr-balk:last-child{margin-bottom:0}.fr-balk i{position:absolute;inset:0 auto 0 0;transition:width .18s ease-out}.fr-balk b,.fr-balk b em{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-size:var(--sl-letter-balk);font-weight:700;font-style:normal;color:var(--sl-tekst);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;white-space:nowrap;pointer-events:none}.fr-balk .fr-l{left:5px;max-width:var(--sl-naam-max);overflow:hidden;text-overflow:ellipsis;display:block;line-height:var(--sl-gezondheid-hoogte)}.fr-balk .fr-r{right:5px}.fr-lvl{position:static;margin-left:5px;color:var(--sl-accent);font-size:var(--sl-letter-klein)}.fr-mana{height:var(--sl-mana-hoogte)}.fr-mana i{background:var(--sl-mana)}.fr-mana b{font-size:var(--sl-letter-klein)}.fr-ervaring{height:var(--sl-ervaring-hoogte)}.fr-ervaring i{background:var(--sl-ervaring)}.fr-ervaring.vol i{background:var(--sl-ervaring-vol)}.fr-dreiging{height:var(--sl-mana-hoogte)}.fr-dreiging i{background:var(--sl-dreiging)}.fr-dreiging b{font-size:var(--sl-letter-klein)}.fr-plek{margin-top:var(--sl-tussen);font-size:var(--sl-letter-klein);color:var(--sl-tekst-gedimd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame.hostile .fr-gezondheid i{background:var(--sl-vijandig)}.aurabar{position:absolute;left:0;top:100%;margin-top:var(--sl-auratussen);display:flex;gap:var(--sl-auratussen)}.aura{position:relative;width:var(--sl-aura-maat);height:var(--sl-aura-maat);border:1px solid var(--sl-rand);overflow:hidden;background:var(--sl-balk-achtergrond)}.aura.debuff{border-color:var(--sl-vijandig)}.aura svg{position:absolute;inset:1px;width:calc(var(--sl-aura-maat) - 4px);height:calc(var(--sl-aura-maat) - 4px)}.aura .veeg{position:absolute;inset:0;pointer-events:none}.aura b{position:absolute;left:0;right:0;bottom:-1px;text-align:center;font-size:var(--sl-letter-klein);font-weight:700;color:var(--sl-tekst);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;pointer-events:none}.tot-frame{position:absolute;left:calc(100% + var(--sl-vulling));top:0;width:var(--sl-tot-breedte);background:rgba(var(--sl-achtergrond-rgb),var(--sl-achtergrond-dekking));border:var(--sl-rand-dikte) solid var(--sl-rand);padding:3px 5px;display:none}.tot-frame.visible{display:block}.tot-name{font-size:var(--sl-letter-klein);font-weight:700;color:var(--sl-tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar{position:relative;height:17px;border-radius:4px;background:#00000073;overflow:hidden;margin-bottom:4px}.bar i{position:absolute;inset:0 auto 0 0}.bar b{position:relative;display:block;text-align:center;font-size:11px;font-weight:600;line-height:17px;text-shadow:0 1px 2px rgba(0,0,0,.9)}.bar.hp i{background:linear-gradient(#5fbf6a,#3d8a48)}.bar.mp i{background:linear-gradient(#5a8fd0,#3a6099)}.buffs{position:absolute;right:var(--sl-buff-rechts);top:var(--sl-buff-boven);display:flex;flex-direction:row-reverse;gap:var(--sl-buff-tussen)}.buffs .aura{width:var(--sl-buff-maat);height:var(--sl-buff-maat)}.buffs .aura svg{width:calc(var(--sl-buff-maat) - 4px);height:calc(var(--sl-buff-maat) - 4px)}.actionbar{position:absolute;left:50%;bottom:var(--sl-actiebalk-onder);transform:translate(-50%);display:flex;gap:var(--sl-knop-tussen);padding:var(--sl-actiebalk-vulling);background:rgba(var(--sl-achtergrond-rgb),var(--sl-achtergrond-dekking));border:var(--sl-rand-dikte) solid var(--sl-rand);box-shadow:inset 0 0 0 1px var(--sl-rand-binnen);font-family:var(--sl-lettertype)}.slot{width:var(--sl-knop-maat);height:var(--sl-knop-maat);background:var(--sl-knop-achtergrond);border:1px solid var(--sl-rand);box-shadow:inset 0 0 0 1px var(--sl-knop-rand-binnen);position:relative;overflow:hidden}.slot:hover{box-shadow:inset 0 0 0 1px var(--sl-accent)}.slot svg.ico{position:absolute;inset:2px;width:calc(var(--sl-knop-maat) - 6px);height:calc(var(--sl-knop-maat) - 6px)}.slot .k{position:absolute;top:1px;right:3px;z-index:3;font-size:var(--sl-letter-klein);font-weight:700;color:var(--sl-toets);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}.slot .m{position:absolute;bottom:1px;right:3px;z-index:3;font-size:var(--sl-letter-klein);font-weight:600;color:var(--sl-mana-tekst);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}.slot .veeg{position:absolute;inset:0;z-index:2;pointer-events:none}.slot .cdt{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;font-size:var(--sl-letter-titel);font-weight:700;color:var(--sl-afkoel-tekst);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;pointer-events:none}.slot.nomana svg.ico{filter:saturate(.15) brightness(.55) sepia(.4) hue-rotate(170deg)}.slot.oor .k{color:var(--sl-slecht)}.slot.leeg{background:rgba(var(--sl-achtergrond-rgb),.5);box-shadow:none}.actionbar .slot:not(.leeg){pointer-events:auto}.slot.aanval .naam{position:absolute;left:0;right:0;bottom:1px;z-index:3;text-align:center;font-size:var(--sl-letter-klein);font-weight:700;color:var(--sl-tekst);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;pointer-events:none}.slot.aanval.actief{box-shadow:inset 0 0 0 1px var(--sl-accent)}.slot.aanval.actief svg.ico{filter:brightness(1.25) drop-shadow(0 0 3px rgba(var(--sl-accent-rgb),.7))}.slot.aanval.actief .naam{color:var(--sl-accent)}.panel{position:absolute;right:18px;top:var(--sl-federatie-boven);width:240px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:9px 11px;backdrop-filter:blur(6px)}.panel h3{margin:0 0 6px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600}.row{display:flex;align-items:baseline;gap:6px;margin-bottom:2px;font-size:11px}.row span:first-child{width:72px;color:#a89d89}.row code{font:10px/1 ui-monospace,monospace;color:#9fd0b4}.row .dim{color:#857b6b;font-size:10px}.cells{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0}.cell{font-size:10px;padding:1px 6px;border-radius:20px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c)}.cell.down{background:#78282252;color:#e5907f;text-decoration:line-through}.panel h3.sub{margin-top:9px}.row .good{color:#8fd3a4;font-size:10px}.row .bad{color:#ff9c7a;font-size:10px;font-weight:600}.hlog{margin-top:6px;padding-top:6px;border-top:1px solid rgba(214,190,148,.16);font-size:10px;color:#a89d89;line-height:1.5}.hlog div:first-child{color:#e2d5b8}.panel .note{margin:7px 0 0;font-size:10px;line-height:1.45;color:#9a9080}.panel .note b{color:var(--gold)}.bag{position:absolute;right:176px;bottom:60px;width:268px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:10px 12px;backdrop-filter:blur(6px)}.bag h3{margin:0 0 7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600}.bag div{font-size:12px;padding:1px 0}.bag .common{color:#cfc4ae}.bag .uncommon{color:#6fd479}.bag .rare{color:#6ba6e8}.bag .epic{color:#c07de0}.bag .leeg{color:#857b6b;font-style:italic}.dialogue-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:480px;max-width:90vw;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:18px 20px;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0009;pointer-events:auto}.dialogue-modal h2{margin:0 0 4px;font-size:16px;color:var(--gold)}.dialogue-modal .role{font-size:12px;color:#a89d89;margin-bottom:12px}.dialogue-modal .prose{font-size:13px;line-height:1.6;color:var(--ink);white-space:pre-line;margin-bottom:16px}.dialogue-modal .actions{display:flex;justify-content:flex-end;gap:8px}.dialogue-modal button{background:#d6be9426;border:1px solid var(--edge);border-radius:6px;color:var(--ink);padding:6px 14px;font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease}.dialogue-modal button:hover{background:#d6be944d}.combatlog{position:absolute;left:18px;bottom:22px;width:340px;max-height:48px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font-size:11.5px;color:#cfc4ae;mask-image:linear-gradient(to bottom,transparent,#000 40%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%)}.combatlog div{padding:1px 0;flex-shrink:0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.combatlog div:last-child{color:#f2e6cd}.combatlog div.faal,.combatlog div.faal:last-child{color:#ff8a78}.zone-banner{position:absolute;top:72px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;animation:bannerFade 4.5s ease forwards;background:radial-gradient(ellipse at center,#14100dd9,#14100d00 75%);padding:12px 36px;border-radius:20px}.zone-banner .zb-main{font-size:26px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 16px rgba(216,189,130,.4)}.zone-banner .zb-sub{font-size:13px;letter-spacing:.12em;color:#d1c7b7;margin-top:4px;text-shadow:0 1px 4px rgba(0,0,0,.9)}@keyframes bannerFade{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}#volscherm{position:absolute;right:18px;top:18px;width:34px;height:34px;font-size:15px;line-height:1;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:6px;cursor:pointer;z-index:40;opacity:.55;transition:opacity .12s}#volscherm:hover{opacity:1}:fullscreen #volscherm{display:none}.minimap{position:absolute;right:18px;bottom:22px;width:140px;height:140px;background:var(--panel);border:1px solid var(--edge);border-radius:50%;overflow:hidden;box-shadow:0 4px 16px #00000080}.minimap .mm-grid{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(214,190,148,.08) 25%,transparent 26%),radial-gradient(circle,rgba(214,190,148,.08) 55%,transparent 56%),radial-gradient(circle,rgba(214,190,148,.08) 85%,transparent 86%)}.minimap .mm-cross{position:absolute;inset:0}.minimap .mm-cross:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#d6be942e}.minimap .mm-cross:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d6be942e}.minimap .mm-player{position:absolute;left:50%;top:50%;width:6px;height:6px;background:#facc15;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #facc15}.minimap .mm-icon{position:absolute;font-size:8px;font-weight:700;transform:translate(-50%,-50%);white-space:nowrap;text-shadow:0 1px 2px #000}.minimap .mm-label{position:absolute;bottom:4px;width:100%;text-align:center;font-size:9px;letter-spacing:.08em;color:var(--gold);font-weight:600;text-transform:uppercase}.tedoen{position:absolute;left:50%;bottom:96px;transform:translate(-50%);font-size:13px;color:#d8c088;text-shadow:0 1px 3px rgba(0,0,0,.65);pointer-events:none}.tedoen b{color:#f0d48a;margin-right:6px}.rpg-window{position:absolute;background:linear-gradient(180deg,#1a181cf2,#100f12fa);border:2px solid #5a4a32;border-radius:8px;box-shadow:inset 0 0 16px #0009,0 0 0 1px #221c16;backdrop-filter:blur(8px);z-index:50;user-select:none}.rpg-win-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(90deg,#2a2218,#181410);border-bottom:1px solid #4a3c28;border-radius:6px 6px 0 0}.rpg-win-title{font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.05em;text-shadow:0 1px 3px #000;display:flex;align-items:center;gap:6px}.rpg-win-title .slot-count{font-size:11px;color:#9d9280;font-weight:400}.rpg-close-btn{background:#32251a;border:1px solid #5a4830;color:#d8c098;width:20px;height:20px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s}.rpg-close-btn:hover{background:#8b2518;border-color:#d44030;color:#fff}.bag-window{right:180px;bottom:22px;width:220px}.bag-grid{display:grid;grid-template-columns:repeat(4,44px);gap:6px;padding:12px;justify-content:center}.bag-slot{width:44px;height:44px;background:#0a0a0cd9;border:1px solid #3a3226;border-radius:5px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 5px #000c;transition:transform .08s,border-color .12s}.bag-slot:hover{border-color:var(--gold);transform:scale(1.05)}.bag-slot.empty{background:radial-gradient(circle,#14121699,#0a090ce6)}.bag-slot.q-common{border-color:#888;box-shadow:inset 0 0 6px #ffffff26}.bag-slot.q-uncommon{border-color:#1eff00;box-shadow:0 0 5px #1eff0059,inset 0 0 6px #1eff0033}.bag-slot.q-rare{border-color:#0070dd;box-shadow:0 0 6px #0070dd73,inset 0 0 8px #0070dd40}.bag-slot.q-epic{border-color:#a335ee;box-shadow:0 0 8px #a335ee99,inset 0 0 10px #a335ee59}.item-icon-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.item-emoji{font-size:22px}.item-equip-tag{position:absolute;bottom:2px;right:3px;font-size:9px;font-weight:800;color:#1eff00;text-shadow:0 1px 2px #000}.rpg-bag-footer{padding:6px 12px 8px;border-top:1px solid #3a3022;background:#0c0a0ecc;border-radius:0 0 6px 6px}.currency-display{display:flex;justify-content:flex-end;gap:8px;font-size:11px;font-weight:700}.currency-display .gold{color:#f2c240}.currency-display .silver{color:#d4d4d4}.currency-display .copper{color:#d98845}.coin-icon{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:2px;vertical-align:middle}.gold-coin{background:radial-gradient(circle at 30% 30%,#fff280,#c89010);box-shadow:0 0 2px #b08000}.silver-coin{background:radial-gradient(circle at 30% 30%,#fff,#888);box-shadow:0 0 2px #666}.copper-coin{background:radial-gradient(circle at 30% 30%,#ffaa60,#964818);box-shadow:0 0 2px #803000}.char-window{left:24px;top:90px;width:310px}.char-class-sub{font-size:11px;color:#a89f8c;font-weight:400}.char-paperdoll-layout{display:flex;padding:14px;gap:12px;align-items:center;justify-content:space-between}.char-left-slots,.char-right-slots{display:flex;flex-direction:column;gap:12px}.gear-slot{display:flex;flex-direction:column;align-items:center;gap:3px}.slot-label{font-size:9px;color:#7d725f;text-transform:uppercase;letter-spacing:.05em}.slot-icon-box{width:46px;height:46px;background:#0c0a0ee6;border:2px solid #4a3e2a;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 2px 6px #000c;transition:transform .08s,border-color .12s}.slot-icon-box:hover{border-color:var(--gold);transform:scale(1.06)}.slot-icon-box.q-common{border-color:#888}.slot-icon-box.q-uncommon{border-color:#1eff00;box-shadow:0 0 6px #1eff0066}.slot-icon-box.q-rare{border-color:#0070dd;box-shadow:0 0 8px #0070dd80}.slot-icon-box.q-epic{border-color:#a335ee;box-shadow:0 0 10px #a335eeb3}.gear-emoji{font-size:24px}.gear-placeholder{font-size:18px;opacity:.25;filter:grayscale(1)}.char-center-model{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px}.char-model-portrait{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3224,#121014 85%);border:2px solid var(--gold);box-shadow:0 4px 14px #000000b3,inset 0 0 10px #000c;display:flex;align-items:center;justify-content:center;font-size:34px}.char-stats-panel{width:100%;background:#08070ab3;border:1px solid #332a1e;border-radius:4px;padding:6px 8px;font-size:11px}.stat-line{display:flex;justify-content:space-between;padding:2px 0;color:#b0a592}.stat-line b{color:#f0e6d2}.stat-line .bonus-stat{color:#1eff00}.rpg-tooltip{position:fixed;z-index:100;background:#0c0e14f5;border:1px solid #5a4830;border-radius:5px;padding:8px 12px;max-width:260px;box-shadow:0 4px 18px #000000e6,inset 0 0 12px #0009;pointer-events:none;backdrop-filter:blur(6px)}.tip-header{font-size:13px;font-weight:700;margin-bottom:2px;text-shadow:0 1px 3px #000}.tip-sub{display:flex;justify-content:space-between;font-size:10.5px;color:#9d9280;margin-bottom:6px}.tip-stat{font-size:11px;color:#1eff00;font-weight:600;margin:2px 0}.tip-flavor{font-size:10px;font-style:italic;color:#ffd100;margin-top:6px;line-height:1.35}.tip-footer{margin-top:8px;padding-top:6px;border-top:1px solid #332a1e;display:flex;flex-direction:column;gap:3px;font-size:10px}.tip-price{color:#cfc4ae}.tip-price .gold{color:#f2c240;font-weight:700}.tip-price .silver{color:#d4d4d4;font-weight:700}.tip-price .copper{color:#d98845;font-weight:700}.tip-action{color:#0f0;font-weight:700}.rpg-micro-menu{position:absolute;right:175px;bottom:22px;display:flex;gap:6px;z-index:30}.micro-btn{width:36px;height:38px;background:linear-gradient(180deg,#2a241d,#141210);border:1px solid #5a4a32;border-radius:6px;color:#e0d5c1;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #0009;transition:all .12s ease}.micro-btn:hover{background:linear-gradient(180deg,#443828,#221c16);border-color:var(--gold);transform:translateY(-2px)}.micro-btn span:first-child{font-size:16px}.micro-key{font-size:8px;font-weight:800;color:var(--gold)}#boot{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;background:radial-gradient(circle at center,#241d16,#0d0a08);color:var(--ink);z-index:999;transition:opacity .5s ease}.boot-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}#boot h1{margin:0;font-size:42px;letter-spacing:.28em;font-weight:300;color:var(--gold);text-shadow:0 0 24px rgba(240,201,135,.4),0 2px 10px rgba(0,0,0,.9)}.boot-sub{font-size:13px;letter-spacing:.35em;text-transform:uppercase;color:#a89f8c;margin-top:-2px}.boot-spinner{width:36px;height:36px;border:2px solid rgba(216,189,130,.2);border-top-color:var(--gold);border-radius:50%;animation:bootSpin 1s infinite linear;margin-top:10px}@keyframes bootSpin{to{transform:rotate(360deg)}}#boot p{margin:0;color:#d1c5b0;font-size:13px;letter-spacing:.08em;text-shadow:0 1px 3px #000}.mmo-chat-container{position:fixed;bottom:74px;left:18px;width:380px;height:220px;display:flex;flex-direction:column;background:#0e0c0ab8;border:1px solid rgba(216,189,130,.18);border-radius:6px;z-index:40;pointer-events:auto;opacity:.35;transition:opacity .25s ease,background .25s ease,border-color .25s ease}.mmo-chat-container:hover,.mmo-chat-container.active-visible,.mmo-chat-container.focused{opacity:1;background:#0e0c0ae0;border-color:#d8bd8273}.mmo-chat-tabs{display:flex;gap:2px;padding:4px 6px 0;border-bottom:1px solid rgba(216,189,130,.15);background:#00000040;border-top-left-radius:5px;border-top-right-radius:5px}.mmo-chat-tab{background:transparent;border:none;color:#9c9281;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;border-top-left-radius:4px;border-top-right-radius:4px;transition:color .15s,background .15s}.mmo-chat-tab:hover{color:#efe6d4;background:#d8bd8214}.mmo-chat-tab.active{color:#ffd98a;background:#d8bd822e;border-bottom:2px solid #ffd98a}.mmo-chat-log{flex:1;overflow-y:auto;padding:8px 10px;font-size:13px;line-height:1.4;font-family:var(--sl-lettertype);display:flex;flex-direction:column;gap:3px;word-break:break-word;scrollbar-width:thin;scrollbar-color:rgba(216,189,130,.3) transparent}.mmo-chat-log::-webkit-scrollbar{width:5px}.mmo-chat-log::-webkit-scrollbar-thumb{background:#d8bd824d;border-radius:3px}.mmo-chat-msg{text-shadow:0 1px 2px rgba(0,0,0,.95)}.mmo-chat-time{color:#71695c;font-size:10.5px;margin-right:4px}.mmo-chat-prefix{font-weight:700;margin-right:3px}.mmo-chat-prefix.say{color:#f1f5f9}.mmo-chat-prefix.yell{color:#ef4444}.mmo-chat-prefix.zone{color:#f59e0b}.mmo-chat-prefix.party{color:#38bdf8}.mmo-chat-prefix.whisper{color:#ec4899}.mmo-chat-prefix.emote{color:#fb923c;font-style:italic}.mmo-chat-prefix.system{color:#eab308}.mmo-chat-msg.kanaal-say .mmo-chat-text{color:#fff}.mmo-chat-msg.kanaal-yell .mmo-chat-text{color:#fca5a5;font-weight:600}.mmo-chat-msg.kanaal-zone .mmo-chat-text{color:#fde68a}.mmo-chat-msg.kanaal-party .mmo-chat-text{color:#bae6fd}.mmo-chat-msg.kanaal-whisper .mmo-chat-text{color:#fbcfe8}.mmo-chat-msg.kanaal-emote .mmo-chat-text{color:#fdba74;font-style:italic}.mmo-chat-msg.kanaal-system .mmo-chat-text{color:#fef08a}.mmo-chat-input-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-top:1px solid rgba(216,189,130,.15);background:#0006;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.mmo-chat-channel-indicator{font-size:11px;font-weight:700;white-space:nowrap;user-select:none}.mmo-chat-channel-indicator.say{color:#f1f5f9}.mmo-chat-channel-indicator.yell{color:#ef4444}.mmo-chat-channel-indicator.zone{color:#f59e0b}.mmo-chat-channel-indicator.party{color:#38bdf8}.mmo-chat-channel-indicator.whisper{color:#ec4899}.mmo-chat-channel-indicator.emote{color:#fb923c}.mmo-chat-input{flex:1;background:transparent;border:none;outline:none;color:#efe6d4;font-size:13px;font-family:inherit;padding:2px 0}.mmo-chat-input::placeholder{color:#6d6455;font-size:11px}.speech-bubble{position:absolute;transform:translate(-50%,-100%);pointer-events:none;z-index:45;white-space:normal;max-width:240px;min-width:70px;text-align:center;filter:drop-shadow(0 6px 14px rgba(0,0,0,.75));transition:opacity .15s ease,transform .15s ease;animation:bubblePopIn .22s cubic-bezier(.175,.885,.32,1.275)}@keyframes bubblePopIn{0%{transform:translate(-50%,-85%) scale(.65);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}.sb-inner{position:relative;background:linear-gradient(145deg,#1c1714f0,#100d0bf5);color:#f8fafc;padding:6px 12px 7px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;border:1.5px solid rgba(216,189,130,.55);box-shadow:inset 0 1px 1px #ffebb440,0 4px 15px #0009;word-break:break-word}.sb-header{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:2px;border-bottom:1px solid rgba(216,189,130,.2);padding-bottom:2px}.sb-speaker{color:#ffd98a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.sb-yell-badge{background:#ef4444;color:#fff;font-size:8.5px;font-weight:900;padding:1px 4px;border-radius:3px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 8px #ef444499}.sb-text{text-shadow:0 1px 2px rgba(0,0,0,.9);color:#fff}.sb-decor-corner{position:absolute;width:4px;height:4px;background:#ffd98a;border-radius:50%;opacity:.75}.sb-decor-corner.tl{top:3px;left:3px}.sb-decor-corner.tr{top:3px;right:3px}.sb-decor-corner.bl{bottom:3px;left:3px}.sb-decor-corner.br{bottom:3px;right:3px}.sb-pointer{width:0;height:0;margin:0 auto;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(216,189,130,.85);filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.speech-bubble.yell .sb-inner{background:linear-gradient(145deg,#4b0e0ef5,#2a0606fa);border:1.5px solid #ef4444;box-shadow:0 0 16px #ef444473,inset 0 1px 2px #ffb4b466}.speech-bubble.yell .sb-speaker{color:#fca5a5}.speech-bubble.yell .sb-text{color:#fff;font-weight:700}.speech-bubble.yell .sb-pointer{border-top-color:#ef4444}.speech-bubble.yell .sb-decor-corner{background:#fca5a5;box-shadow:0 0 4px #ef4444}.gui-platen{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gui-platen .plate{pointer-events:auto;cursor:pointer}.gui-platen .plate:hover .pl-name{color:#fff}.gui-platen .plate.dood{filter:grayscale(1)}.gui-platen .plate.dood .pl-name{color:#9a9a9a}.gui-platen .plate.dood .pl-bar i{background:#6b6b6b}.gui-platen .plate.evade .pl-name{color:#b8c4d0}.gui-platen .plate.evade .pl-bar i{background:linear-gradient(180deg,#9aa3ad,#5f6873)}.gui-platen .plate.evade .pl-name:after{content:" · evade";font-weight:600;color:#8f9aa6}.gui-gevecht{position:fixed;inset:0;pointer-events:none;z-index:120;font-family:var(--sl-lettertype)}.gui-gevecht .tessera-castbar.hidden,.gui-gevecht .tessera-swingbar.hidden{display:none!important}.faal{position:absolute;left:50%;bottom:calc(var(--sl-castbar-onder) + var(--sl-castbar-hoogte) + 8px);transform:translate(-50%);font-size:var(--sl-letter-titel);font-weight:700;color:var(--sl-slecht);text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000;white-space:nowrap;animation:faal-vervaag 1.5s ease-in forwards}.faal.hidden{display:none}@keyframes faal-vervaag{0%,55%{opacity:1}to{opacity:0}}.doodsscherm{position:absolute;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#46464a8c;pointer-events:auto;font-family:var(--sl-lettertype)}.doodsscherm .dood-kaart{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 28px;background:rgba(var(--sl-achtergrond-rgb),var(--sl-achtergrond-dekking));border:var(--sl-rand-dikte) solid var(--sl-rand);box-shadow:inset 0 0 0 1px var(--sl-rand-binnen);text-align:center}.dood-titel{font-size:26px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sl-accent);text-shadow:0 1px 3px #000}.dood-tekst{font-size:var(--sl-letter-basis);color:var(--sl-tekst-gedimd)}.dood-tekst b{color:var(--sl-tekst);font-variant-numeric:tabular-nums}.dood-knop{margin-top:4px;padding:7px 18px;font:inherit;font-size:var(--sl-letter-titel);font-weight:700;color:var(--sl-tekst);background:var(--sl-knop-achtergrond);border:1px solid var(--sl-rand);box-shadow:inset 0 0 0 1px var(--sl-knop-rand-binnen);cursor:pointer}.dood-knop:hover{box-shadow:inset 0 0 0 1px var(--sl-accent);color:var(--sl-accent)}html.doorzichtig,html.doorzichtig body{background:transparent}body.voor-spel>:not(#login):not(#class-select):not(#laden){visibility:hidden}#laden{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#050508f5;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;pointer-events:auto;user-select:none}#laden .laden-titel{font-size:40px;font-weight:700;letter-spacing:1px;color:#edd9a6}#laden .laden-tekst{font-size:16px;color:#ccc}#hud{color-scheme:dark;--paper:#d7ccb5;--muted:#807e79;--metal:#95866b;--line:#403e37;--purple:#cf69f4;--green:#62dba0}#hud *{box-sizing:border-box}#hud button,#hud input{font:inherit}#hud button{cursor:pointer}#hud .mark{color:#ac9370;margin-right:17px;font-size:23px}#hud .eyebrow{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:#a28d6d}#hud h1{font:400 clamp(38px,5vw,62px)/1.1 "Cormorant Garamond",Georgia,serif;margin:17px 0 14px}#hud .comparison{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px}#hud .variant{--accent:var(--purple);--rgb:186,71,226}#hud .variant.green{--accent:var(--green);--rgb:54,201,127}#hud .variant-label{display:flex;align-items:center;gap:12px;padding:0 14px;margin-bottom:17px;font-size:9px;text-transform:uppercase;letter-spacing:2.5px;color:#9a9e9a}#hud .variant-label:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#45483f,transparent)}#hud .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}#hud .instrument{position:relative;display:grid;grid-template-columns:35% 65%;height:330px;isolation:isolate}#hud .backplate{position:absolute;inset:30px 0 18px 22%;z-index:-1;background:linear-gradient(125deg,#293033,#0e1418 32%,#141c20 80%);border:1px solid #8e8063;clip-path:polygon(0 0,89% 0,100% 17%,100% 84%,90% 100%,0 100%);box-shadow:inset 0 0 0 5px #0a0e10,inset 0 0 0 7px #42443d,inset 0 0 45px #000}#hud .backplate:after{content:"";position:absolute;inset:12px;border:1px solid #615c4c;clip-path:inherit;background:repeating-linear-gradient(95deg,transparent 0 27px,#fff01a03 28px)}#hud .vessel{width:100%;height:100%;filter:drop-shadow(0 10px 10px #000)}#hud .readouts{padding:49px 29px 30px 0;min-width:0}#hud .readouts h2{font:500 28px Cormorant Garamond,Georgia,serif;letter-spacing:4px;margin:0 0 19px;padding-bottom:10px;border-bottom:1px solid #6a645143}#hud .metric{margin-top:15px}#hud .metric-label{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:8px}#hud .metric-label output{font-size:10px;letter-spacing:.3px;color:#b5b7ac;font-variant-numeric:tabular-nums}#hud .track{height:17px;background:#080b0d;border:1px solid #978667;box-shadow:0 0 0 3px #080c0e,inset 0 0 9px #000;position:relative;padding:3px;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%)}#hud .fill{height:100%;width:var(--life,86%);background:linear-gradient(#ff8160,#bc211f 40%,#6c151b);box-shadow:0 0 12px #f43c3260;transition:width .6s}#hud .supply{height:45px;border-radius:20px;border:2px solid #675b58;background:#190c20;box-shadow:inset 0 0 13px #000,0 0 0 3px #11171a;position:relative;overflow:hidden}#hud .supply:before,#hud .supply:after{content:"";position:absolute;top:-2px;bottom:-2px;width:15px;border:2px solid #a38b72;border-radius:40%;background:linear-gradient(90deg,#17181b,#645b4d,#1a1a1d);z-index:3}#hud .supply:before{left:14%}#hud .supply:after{right:12%}#hud .fluid{position:absolute;inset:4px;opacity:var(--flow-opacity,.9);border-radius:20px;background:repeating-linear-gradient(112deg,transparent 0 17px,#ed99ff55 20px,transparent 25px 48px),radial-gradient(ellipse,#b330d399,#40184c 70%);background-size:100px 100%,100% 100%;animation:flow 3s linear infinite;box-shadow:inset 0 3px 3px #f1afff40,inset 0 -5px 8px #000}#hud .vein-line{position:absolute;width:110%;height:38px;left:-5%;top:5px;border-top:5px solid #915293;border-radius:50%;transform:rotate(-9deg);box-shadow:0 -1px 1px #edb6e488;animation:vein 3.8s ease-in-out infinite}#hud .green .supply{border-radius:5px;background:#061c16;border-color:#9a8b70}#hud .green .fluid{background:repeating-linear-gradient(100deg,transparent 0 20px,#91ffbc66 22px,transparent 26px 48px),linear-gradient(#114b37,#16855a88,#061c16);background-size:100px 100%,100% 100%}#hud .green .supply:before,#hud .green .supply:after{border-radius:0;width:10px}#hud .segments{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:4px;border:1px solid #766f5a;background:#080c0e;box-shadow:0 0 0 3px #10171b}#hud .segment{height:10px;background:#1c262b;box-shadow:inset 0 1px 1px #bfc1b21c;transition:background .3s}#hud .segment.on{background:var(--accent);box-shadow:0 0 9px rgba(var(--rgb),.25),inset 0 1px #fff5}#hud .description{padding:4px 15px 0;display:flex;gap:15px;align-items:flex-start}#hud .roman{font:italic 29px Cormorant Garamond,Georgia,serif;color:#6c665c}#hud .description h3{font:500 20px Cormorant Garamond,Georgia,serif;margin:0 0 7px}#hud .description p{font-size:11px;line-height:1.9;color:#808a89;margin:0;max-width:340px}#hud .pulse{transform-box:fill-box;transform-origin:center;animation:heartbeat 3.8s ease-in-out infinite}#hud .glimmer{animation:glimmer 3.8s ease-in-out infinite}#hud .bubble{animation:rise 4s linear infinite;transform-box:fill-box;transform-origin:center}#hud .bubble.b2{animation-delay:-1.8s;animation-duration:5s}#hud .bubble.b3{animation-delay:-2.8s;animation-duration:3.7s}#hud .valve{transform-box:fill-box;transform-origin:center;animation:valve 7s ease-in-out infinite}#hud .flow-path{stroke-dasharray:7 38;animation:dash 3s linear infinite}#hud .actions-section{margin:44px auto 0;text-align:center}#hud .section-caption{font-size:9px;letter-spacing:3px;color:#827b6c;text-transform:uppercase}#hud .actionbar{display:flex;gap:9px;justify-content:center;position:relative;width:max-content;max-width:100%;margin:18px auto 13px;padding:13px 27px 19px;border:1px solid #887959;background:linear-gradient(180deg,#28333a,#10171a 55%,#1d272d);box-shadow:0 0 0 4px #080b0d,0 0 0 5px #41463f,inset 0 0 0 5px #10171b,0 15px 50px #0008}#hud .actionbar:before,#hud .actionbar:after{content:"◆";position:absolute;top:36px;color:#b19b76;font-size:17px}#hud .actionbar:before{left:3px}#hud .actionbar:after{right:3px}#hud .action{--glow:#c777ec;position:relative;width:66px;height:66px;border:1px solid #96886f;background:radial-gradient(ellipse at 50% 80%,#392b4050,#080d10 70%);color:#a795b6;box-shadow:inset 0 0 0 3px #11181c,inset 0 0 0 4px #464640;transition:box-shadow .2s,color .2s,transform .2s}#hud .action:hover,#hud .action:focus-visible{outline:1px solid var(--glow);color:#ead4f5;box-shadow:inset 0 0 20px #a155bb40,0 0 15px #a155bb30;transform:translateY(-2px)}#hud .action svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#hud .action kbd{position:absolute;bottom:-14px;left:calc(50% - 10px);width:20px;background:#121719;color:#bfb39c;font:12px Georgia,serif;border-bottom:1px solid #8e8069;padding:1px}#hud .action.firing{animation:cast .55s ease-out}#hud .action.firing:after{content:"";position:absolute;inset:4px;background:#b972f355;animation:cooldown .7s linear forwards;transform-origin:bottom}#hud .feedback{height:17px;font-size:10px;color:#989990;letter-spacing:1px}#hud .controls{max-width:720px;margin:30px auto 0;border-top:1px solid #343a35;padding-top:21px;display:grid;grid-template-columns:130px 1fr 1fr 1fr;gap:24px;align-items:center}#hud .pause{border:1px solid #484d44;background:#13191a;color:#b6b8aa;font-size:10px;padding:9px 11px}#hud .slider label{display:flex;justify-content:space-between;font-size:9px;color:#90988f;margin-bottom:8px}#hud .slider input{width:100%;height:3px;accent-color:#a59a80;display:block;cursor:pointer}#hud .paused *{animation-play-state:paused!important}@keyframes heartbeat{0%,42%,to{transform:scale(1)}12%{transform:scale(1.045,1.025)}22%{transform:scale(.99)}30%{transform:scale(1.025)}}@keyframes glimmer{0%,to{opacity:.45}15%,32%{opacity:.95}23%{opacity:.6}}@keyframes flow{to{background-position:100px 0,0 0}}@keyframes vein{50%{transform:rotate(-5deg) translateY(2px)}}@keyframes rise{0%{transform:translateY(70px);opacity:0}15%{opacity:.8}80%{opacity:.5}to{transform:translateY(-100px);opacity:0}}@keyframes valve{0%,35%,to{transform:rotate(-18deg)}50%,80%{transform:rotate(28deg)}}@keyframes dash{to{stroke-dashoffset:-90}}@keyframes cast{20%{color:#fff;box-shadow:0 0 26px #d486ff88,inset 0 0 20px #dd9fff55}to{box-shadow:inset 0 0 0 3px #11181c}}@keyframes cooldown{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@media (max-width:850px){#hud .comparison{gap:18px}#hud .instrument{height:295px}#hud .readouts{padding-right:20px;padding-top:43px}#hud .readouts h2{font-size:23px}#hud .metric-label{font-size:8px;letter-spacing:1px}#hud .description{padding-left:5px}#hud .supply{height:38px}}@media (max-width:640px){#hud .comparison{grid-template-columns:1fr;gap:34px;max-width:470px;margin:35px auto 0}#hud .instrument{height:315px}#hud .readouts{padding-top:48px}#hud .description p{max-width:none}#hud .actionbar{gap:6px;padding:12px 17px 18px}#hud .action{width:clamp(37px,11vw,56px);height:56px}#hud .actionbar:before,#hud .actionbar:after{font-size:10px}#hud .action svg{width:27px}#hud .controls{grid-template-columns:1fr 1fr;gap:22px}#hud .actions-section{margin-top:35px}}@media (prefers-reduced-motion:reduce){#hud *,#hud *:before,#hud *:after{animation:none!important;transition:none!important}}#hud .instrument{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out;will-change:transform}#hud .backplate{transform:translateZ(-10px)}#hud .vessel{transform:translateZ(32px)}#hud .readouts{transform:translateZ(15px)}#hud .instrument:after{content:"";position:absolute;inset:29px 0 17px 22%;pointer-events:none;z-index:5;clip-path:polygon(0 0,89% 0,100% 17%,100% 84%,90% 100%,0 100%);background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,20%),#ead3a916,transparent 55%);mix-blend-mode:screen;transform:translateZ(19px)}@media (prefers-reduced-motion:reduce){#hud .instrument{transform:none;will-change:auto}}#hud .actions-section{margin-top:48px}#hud .action-stage{width:min(860px,100%);margin:32px auto 20px;perspective:1100px;padding:12px 0 18px}#hud .actionbar{width:100%;max-width:none;aspect-ratio:5.8;height:auto;margin:0;padding:3% 12% 4.2%;gap:1.8%;border:0;background:none;box-shadow:none;isolation:isolate;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,4deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out;filter:drop-shadow(0 18px 14px #0009)}#hud .actionbar:before,#hud .actionbar:after{display:none}#hud .bar-body{position:absolute;inset:3% 2% 2%;z-index:-2;clip-path:polygon(0 38%,5% 26%,8% 24%,10% 4%,90% 4%,92% 24%,95% 26%,100% 38%,100% 89%,94% 97%,6% 97%,0 89%);background:linear-gradient(105deg,#080f15,#35505c 18%,#10222c 24%,#1f343f 51%,#0d1e2a 80%,#354d56 90%,#0a1016);box-shadow:inset 0 3px 1px #a5b4b0,inset 0 -7px 1px #070e11}#hud .bar-body:after{content:"";position:absolute;inset:10% 1% 7%;border:1px solid #9d917366;background:repeating-linear-gradient(3deg,#effff605 0 1px,transparent 1px 5px),repeating-linear-gradient(94deg,transparent 0 30px,#a9bbc909 31px 32px);box-shadow:inset 0 0 18px #000}#hud .bar-rail{position:absolute;left:8%;right:8%;height:7%;background:linear-gradient(#151c1e,#aba38a 14%,#3e4845 24%,#131d24 39%,#485a60 58%,#8f9180 68%,#161e20 85%);border:1px solid #0b1113;transform:translateZ(5px);box-shadow:0 2px 4px #000}#hud .rail-top{top:5%}#hud .rail-bottom{bottom:1%}#hud .action{position:relative;flex:1;width:auto;min-width:0;height:auto;aspect-ratio:1;border:0;padding:0;overflow:visible;background:transparent;box-shadow:none;transform:translateZ(12px);color:#d2c7ad;transition:transform .2s,filter .2s}#hud .slot-frame,#hud .slot-bevel,#hud .slot-well{position:absolute;display:block;clip-path:polygon(10% 0,90% 0,100% 10%,100% 89%,89% 100%,10% 100%,0 90%,0 10%)}#hud .slot-frame{inset:0;background:linear-gradient(135deg,#c8bca0,#595d54 13%,#181f20 21%,#97937d 28%,#263337 42%,#0d1418 57%,#9a947b 73%,#3a423d 81%,#bdad8a 94%);filter:drop-shadow(0 4px 3px #000)}#hud .slot-bevel{inset:3%;background:linear-gradient(135deg,#11191b,#6e7368 30%,#0a1013 42%,#1d2728 70%,#a39b82)}#hud .slot-well{inset:4%;background:radial-gradient(ellipse at 60% 110%,#23313944,transparent 75%),repeating-linear-gradient(82deg,#fff02a02 0 1px,transparent 1px 6px),#080d10;box-shadow:inset 4px 6px 9px #000,inset -1px -1px 2px #a9a18b55}#hud .slot-well:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,35%) var(--light-y,20%),#d7e7df0c,transparent 75%)}#hud .slot-rune{position:absolute;inset:0;display:grid;place-items:center;font:36px Georgia,serif;color:#ba92c3;opacity:0;transition:opacity .2s;text-shadow:0 0 16px #c971ff}#hud .slot-jewel{position:absolute;width:12%;aspect-ratio:1;left:44%;top:-12%;transform:rotate(45deg);background:linear-gradient(135deg,#d7c9a6,#303a39 38%,#0b1419 65%,#9f977a);border:1px solid #7b7b69;box-shadow:2px 2px 2px #000}#hud .action kbd{left:18%;bottom:-26%;width:64%;height:28%;padding:0;display:grid;place-items:center;font:clamp(11px,1.6vw,20px) "Cormorant Garamond",Georgia,serif;color:#e2d8c0;border:0;clip-path:polygon(15% 0,85% 0,100% 48%,79% 100%,21% 100%,0 48%);background:linear-gradient(135deg,#b4a589,#3d463f 17%,#0b1419 23%,#121b1d 72%,#95876c 80%,#252d2b 90%);text-shadow:0 2px 2px #000;box-shadow:inset 0 1px #a99c80}#hud .action-tip{position:absolute;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;background:#0b1115;border:1px solid #695e48;padding:7px 10px;font-size:10px;color:#d5c7b1;opacity:0;pointer-events:none;transition:opacity .2s}#hud .action:hover,#hud .action:focus-visible{transform:translateZ(20px) translateY(-2px);box-shadow:none;color:#f0e5cf;outline:none;filter:brightness(1.35)}#hud .action:hover .slot-rune,#hud .action:focus-visible .slot-rune{opacity:.65}#hud .action:hover .action-tip,#hud .action:focus-visible .action-tip{opacity:1}#hud .action:focus-visible .slot-frame{background:#d9cda9}#hud .action:active{transform:translateZ(5px) translateY(2px)}#hud .action.firing{animation:slot-cast .75s ease-out}#hud .action.firing:after{display:none}#hud .action.firing .slot-rune{opacity:1}#hud .action.firing .slot-well{background:radial-gradient(ellipse,#763b8988,#100d18 75%)}#hud .buttress{position:absolute;top:0;bottom:0;width:12%;pointer-events:none;transform:translateZ(20px)}#hud .buttress.left{left:0}#hud .buttress.right{right:0;transform:translateZ(20px) scaleX(-1)}#hud .pillar{position:absolute;left:57%;top:0;width:28%;height:100%;filter:drop-shadow(3px 4px 3px #000)}#hud .shaft{position:absolute;inset:14% 16% 13%;background:repeating-linear-gradient(90deg,#101a20,#3f4d4d 13%,#b6a68b 20%,#424a45 28%,#131d23 39%,#18242a 54%,#958a72,#3b463f 80%,#10191e);border:1px solid #958a7277;box-shadow:inset 0 6px 5px #000,inset 0 -5px 5px #000}#hud .capital,#hud .base{position:absolute;left:0;width:100%;height:15%;background:linear-gradient(#111b20,#afa78d 14%,#444c44 25%,#121a1c 37%,#7c7e6d 48%,#2a3538 60%,#131b1e 75%,#a5997f 81%,#232b2b);border-radius:35% 35% 18% 18%;z-index:2}#hud .capital{top:3%}#hud .base{bottom:6%;height:19%;transform:rotate(180deg)}#hud .spire{position:absolute;left:15%;width:70%;top:-10%;height:21%;clip-path:polygon(50% 0,63% 26%,63% 37%,87% 55%,100% 100%,0 100%,13% 55%,37% 37%,37% 26%);background:linear-gradient(90deg,#18242a,#b8b49a 40%,#d2c4a5,#4f5a53 54%,#101b21 75%,#868672)}#hud .pendant{position:absolute;bottom:-10%;height:22%;width:88%;left:6%;clip-path:polygon(0 0,100% 0,90% 40%,60% 70%,50% 100%,40% 70%,10% 40%);background:repeating-linear-gradient(0deg,#131e24 0 10%,#938a71 12% 16%,#3f4d4c 20% 26%)}#hud .arch{position:absolute;width:28%;height:43%;left:23%;bottom:17%;border:3px double #9c967e;border-radius:60% 60% 0 0;background:linear-gradient(90deg,#061016,#263b43 48%,#101a1f);box-shadow:inset 2px 2px 4px #000,2px 2px 3px #000}#hud .arch-two{height:28%;left:4%;width:20%;bottom:16%;border-width:2px}#hud .small-spire{position:absolute;left:4%;bottom:6%;width:10%;height:67%;background:linear-gradient(90deg,#111a1d,#a6a08a 50%,#303d3f);clip-path:polygon(50% 0,100% 15%,75% 18%,75% 81%,100% 83%,100% 91%,75% 93%,50% 100%,25% 93%,0 91%,0 83%,25% 81%,25% 18%,0 15%)}@keyframes slot-cast{0%{filter:brightness(1);transform:translateZ(5px)}25%{filter:brightness(1.8) drop-shadow(0 0 12px #c36afa77);transform:translateZ(18px)}to{filter:brightness(1);transform:translateZ(12px)}}@media (max-width:640px){#hud .action-stage{margin-top:25px;margin-bottom:12px;padding-top:9px}#hud .actionbar{padding:3% 11% 4.2%;gap:1.5%;aspect-ratio:5.5}#hud .action{width:auto;height:auto}#hud .action kbd{font-size:12px}#hud .slot-rune{font-size:24px}#hud .action-tip{font-size:9px;padding:5px}#hud .arch{border-width:2px}#hud .actions-section{margin-top:36px}}@media (prefers-reduced-motion:reduce){#hud .actionbar{transform:none}#hud .action.firing{animation:none}#hud .action,#hud .slot-rune,#hud .action-tip{transition:none}}#hud .instrument,#hud .actionbar{transform:none!important;transform-style:flat;will-change:auto;transition:none}#hud .action-stage{perspective:none}#hud .backplate,#hud .vessel,#hud .readouts,#hud .instrument:after,#hud .bar-rail,#hud .buttress.left{transform:none}#hud .buttress.right{transform:scaleX(-1)}#hud .action,#hud .action:hover,#hud .action:focus-visible,#hud .action:active{transform:none}@keyframes slot-cast{0%,to{filter:brightness(1)}25%{filter:brightness(1.8) drop-shadow(0 0 12px #c36afa77)}}#hud .action-stage{width:min(1020px,100%)}#hud .actionbar{display:block;aspect-ratio:auto;height:auto;padding:3.2% 10% 4.5%}#hud .action-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:2%;row-gap:29px;position:relative;z-index:2}#hud .action{display:block;width:100%;aspect-ratio:1;height:auto;min-width:0}#hud .action:nth-child(8n+7){margin-left:0}#hud .action kbd{font-size:clamp(10px,1.5vw,17px);width:72%;left:14%;bottom:-24%;height:26%;white-space:nowrap}#hud .action:nth-child(-n+8) kbd{color:#9ebaca}#hud .actionbar .buttress{width:10%}#hud .actionbar .pillar{width:26%}#hud .actionbar .rail-top{top:3%;height:4%}#hud .actionbar .rail-bottom{bottom:0;height:4%}#hud .actionbar .capital{height:9%;top:4%}#hud .actionbar .base{height:11%;bottom:3%}#hud .actionbar .shaft{top:10%;bottom:9%}#hud .actionbar .spire{height:12%;top:-5%}#hud .actionbar .pendant{height:12%;bottom:-7%}#hud .actionbar .bar-body{inset:3% 2% 0}#hud .actionbar .slot-jewel{top:-10%;width:9%;left:45.5%}@media (max-width:640px){#hud .actionbar{padding:4% 5% 5%}#hud .action-grid{column-gap:1.8%;row-gap:22px}#hud .actionbar .buttress{width:5%}#hud .actionbar .arch,#hud .actionbar .small-spire{display:none}#hud .actionbar .pillar{left:20%;width:65%}#hud .action kbd{font-size:9px;width:90%;left:5%;bottom:-33%;height:33%}#hud .action-tip{font-size:8px;max-width:90px;white-space:normal}#hud .feedback{font-size:8px;letter-spacing:.2px;height:auto;min-height:20px}#hud .slot-rune{font-size:18px}}#bag-frame{color-scheme:dark;--text:#c8c7b8;--muted:#71858b;--gold:#9e9379;--line:#4b5958}#bag-frame *{box-sizing:border-box}#bag-frame button,#bag-frame input,#bag-frame select{font:inherit}#bag-frame button{cursor:pointer}#bag-frame button:focus-visible,#bag-frame a:focus-visible,#bag-frame input:focus-visible,#bag-frame select:focus-visible{outline:2px solid #a8cde2;outline-offset:4px}#bag-frame a{color:#aebdc0;text-decoration:none}#bag-frame .inventory{width:min(1160px,calc(100% - 58px));margin:0 auto 26px;border:1px solid #90917d;padding:14px 20px 20px;position:relative;background:linear-gradient(130deg,#20313a,#0c151c 32%,#112029 70%,#0a141b);box-shadow:0 0 0 5px #070d11,0 0 0 6px #455554,inset 0 0 0 5px #071016,inset 0 0 0 6px #4d5a56,0 25px 65px #0009}#bag-frame .corner{position:absolute;width:45px;height:45px;z-index:3;border-top:5px double #a1a18b;border-left:5px double #a1a18b;top:-7px;left:-7px;background:linear-gradient(135deg,#162126,#a8a58a 6%,#293738 9%,transparent 45%);pointer-events:none}#bag-frame .corner:after{content:"◆";position:absolute;left:3px;top:1px;color:#888e7d;text-shadow:2px 2px #000}#bag-frame .corner.tr{left:auto;right:-7px;transform:rotate(90deg)}#bag-frame .corner.bl{top:auto;bottom:-7px;transform:rotate(-90deg)}#bag-frame .corner.br{inset:auto -7px -7px auto;transform:rotate(180deg)}#bag-frame .title{display:flex;align-items:center;gap:22px;padding:10px 13px 22px}#bag-frame .title:before,#bag-frame .title:after{content:"";height:4px;flex:1;border-top:1px solid #6b776c;border-bottom:1px solid #283b40}#bag-frame .title h1{font:500 clamp(29px,4vw,40px) "Cormorant Garamond",Georgia,serif;letter-spacing:3px;margin:0}#bag-frame .layout{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:24px}#bag-frame .sidebar{border-right:3px double #5d6961;padding-right:21px}#bag-frame .small-label{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#7d959d}#bag-frame .traveller{height:134px;border:1px solid #53655f;position:relative;background:radial-gradient(ellipse at 50% 45%,#45565b,#172b36 50%,#0b141a);display:grid;place-items:center;box-shadow:inset 0 0 25px #000}#bag-frame .traveller svg{width:90px;height:118px;filter:drop-shadow(0 6px 4px #000)}#bag-frame .traveller:after{content:"◇";position:absolute;bottom:-10px;left:calc(50% - 10px);background:#13232c;padding:0 5px;color:#ac9f82}#bag-frame .sidebar h2{font:500 25px Cormorant Garamond,Georgia,serif;margin:24px 0 7px}#bag-frame .sidebar p{font-size:10px;color:#81979f;line-height:1.8;margin:0 0 21px}#bag-frame .bag-tabs{display:flex;flex-direction:column;gap:9px}#bag-frame .bag-tab,#bag-frame .metal{background:linear-gradient(120deg,#223640,#0c1a23 75%);border:1px solid #66776f;color:#b8c7c6;box-shadow:inset 0 0 0 3px #081117,inset 0 0 0 4px #34494e}#bag-frame .bag-tab{padding:12px 10px;display:flex;gap:9px;align-items:center;justify-content:space-between;text-align:left;font-size:10px}#bag-frame .bag-tab[aria-pressed=true]{border-color:#a3cadd;background:linear-gradient(120deg,#304d5e,#102431);box-shadow:inset 0 0 0 3px #081117,inset 0 0 0 4px #527d92,0 0 12px #93cfee16}#bag-frame .bag-tab .bag-number{font:20px Cormorant Garamond,Georgia,serif;color:#b7ad94;min-width:19px}#bag-frame .bag-tab .bag-name{flex:1}#bag-frame .bag-tab .count{font-size:9px;color:#8aa4ad}#bag-frame .capacity{margin-top:21px;font-size:9px;color:#8ca1a4}#bag-frame .capacity-track{height:5px;background:#071016;margin-top:10px;border:1px solid #40534f}#bag-frame .capacity-fill{height:100%;background:#a39674;width:0;transition:width .2s}#bag-frame .toolbar{display:flex;gap:9px;margin:0 0 19px}#bag-frame .search{min-width:0;flex:1;padding:10px 12px;border:1px solid #4d6263;background:#07121a;color:#d6ded5;font-size:11px;box-shadow:inset 0 2px 6px #0008}#bag-frame .search::placeholder{color:#708890}#bag-frame .metal{font-size:10px;padding:10px 14px;position:relative}#bag-frame .metal:hover{filter:brightness(1.3)}#bag-frame .metal:disabled{opacity:.4;cursor:default}#bag-frame .metal.active{border-color:#c7b986;color:#e3d7b6}#bag-frame .bag-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}#bag-frame .bag-heading h2{font:24px Cormorant Garamond,Georgia,serif;margin:0}#bag-frame .bag-heading span{font-size:9px;color:#839ba3}#bag-frame .slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#bag-frame .slot{position:relative;aspect-ratio:1;border:0;padding:5px;background:linear-gradient(135deg,#b4b29a,#465553 9%,#102027 20%,#59675b 30%,#132129 49%,#778171 76%,#bec2a4 94%);clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);color:#d3d4c3;min-width:0}#bag-frame .slot:before{content:"";position:absolute;inset:2px;border:1px solid #0b1115;pointer-events:none;z-index:3;clip-path:inherit}#bag-frame .well{position:absolute;inset:4px;background:radial-gradient(ellipse at 50% 90%,#28383d55,transparent 75%),linear-gradient(135deg,#050c11,#111d23);box-shadow:inset 3px 5px 10px #000,inset -1px -1px 1px #57625b55;clip-path:inherit;display:grid;place-items:center}#bag-frame .slot svg{width:74%;height:74%;filter:drop-shadow(1px 5px 3px #0009);transition:filter .15s}#bag-frame .slot:hover .well{background:radial-gradient(ellipse,#304553,#101e28)}#bag-frame .slot.selected{background:linear-gradient(135deg,#d1e3ce,#84aabd 28%,#284354 45%,#b8d2de 80%)}#bag-frame .slot:focus-visible{outline:none;background:#cfdebe}#bag-frame .stack{position:absolute;bottom:8px;right:9px;z-index:4;font:13px Georgia,serif;text-shadow:0 2px 2px #000;color:#e2dfca}#bag-frame .rarity-dot{position:absolute;bottom:8px;left:9px;width:4px;height:4px;border-radius:50%;background:#79aab3;z-index:4}#bag-frame .slot.empty:after{content:"·";position:absolute;inset:0;display:grid;place-items:center;color:#32464b;font:18px Georgia}#bag-frame .slot.filtered{opacity:.2}#bag-frame .slot.filtered svg{opacity:.2}#bag-frame .slot.moving{background:#d4b676}#bag-frame .grid-note{font-size:9px;color:#708c94;margin:15px 0 0;line-height:1.8}#bag-frame .detail{border:1px solid #4a5f60;padding:20px 18px;background:linear-gradient(#0d1c26,#081218);box-shadow:inset 0 0 0 4px #081117;display:flex;flex-direction:column;min-width:0}#bag-frame .item-art{height:148px;display:grid;place-items:center;background:radial-gradient(ellipse,#324a50,#15262f 60%,transparent);border-bottom:1px solid #435957;margin-bottom:17px}#bag-frame .item-art svg{width:120px;height:120px;filter:drop-shadow(0 7px 5px #0009)}#bag-frame .detail h2{font:500 28px Cormorant Garamond,Georgia,serif;line-height:1.15;margin:9px 0 12px}#bag-frame .detail-description{font:17px/1.55 Cormorant Garamond,Georgia,serif;color:#98abad;min-height:106px;margin:0 0 20px}#bag-frame .item-stats{margin:0 0 24px}#bag-frame .item-stats div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #283e42;font-size:10px;color:#819aa0}#bag-frame .item-stats dd{margin:0;color:#c2ccc4}#bag-frame .detail .metal{margin-top:auto;font:18px Cormorant Garamond,Georgia,serif}#bag-frame .detail-hint{font-size:9px;line-height:1.7;color:#738c95;margin:12px 0 0}#bag-frame .all-bags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#bag-frame .all-bags .slots{gap:6px}#bag-frame .all-bags .bag-heading h2{font-size:19px}#bag-frame .all-bags .stack{font-size:10px;bottom:6px;right:6px}#bag-frame .all-bags .slot{padding:3px}#bag-frame .all-bags .well{inset:3px}#bag-frame .all-bags .rarity-dot{display:none}#bag-frame .all-bags .bag-heading span{font-size:8px}#bag-frame .footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;border-top:3px double #50615d;gap:12px;font-size:10px}#bag-frame .currency{display:flex;gap:16px;color:#b0bdaa}#bag-frame .coin{display:inline-block;width:10px;height:10px;border:2px solid #c5a976;border-radius:50%;margin-right:4px;vertical-align:-1px}#bag-frame .coin.silver{border-color:#a9b8b9}#bag-frame .coin.copper{border-color:#b1876b}#bag-frame .status{margin:0 auto 22px;text-align:center;min-height:18px;font-size:10px;color:#9cb3b6;padding:0 22px}#bag-frame .empty-art{font:55px Georgia;color:#657e80}@media (max-width:1000px){#bag-frame .layout{grid-template-columns:170px minmax(0,1fr) 190px;gap:16px}#bag-frame .sidebar{padding-right:14px}#bag-frame .detail{padding:14px}#bag-frame .detail h2{font-size:24px}#bag-frame .item-art{height:125px}#bag-frame .slots{gap:7px}#bag-frame .inventory{padding:14px}#bag-frame .toolbar{flex-wrap:wrap}#bag-frame .search{flex-basis:100%}}@media (max-width:760px){#bag-frame .layout{grid-template-columns:1fr 210px;gap:18px}#bag-frame .sidebar{grid-column:1/-1;border-right:0;padding:0}#bag-frame .traveller,#bag-frame .sidebar h2,#bag-frame .sidebar p{display:none}#bag-frame .bag-tabs{flex-direction:row;gap:6px}#bag-frame .bag-tab{flex:1;min-width:0;flex-direction:column;gap:4px;padding:9px 4px;text-align:center}#bag-frame .bag-name{font-size:9px}#bag-frame .bag-tab .bag-number{font-size:19px}#bag-frame .capacity{margin:14px 0}#bag-frame .toolbar{flex-wrap:nowrap}#bag-frame .search{flex-basis:auto}#bag-frame .title{padding-bottom:17px}#bag-frame .item-art{height:115px}#bag-frame .all-bags{grid-template-columns:1fr}}@media (max-width:520px){#bag-frame .inventory{width:calc(100% - 28px);padding:10px}#bag-frame .title h1{font-size:27px;letter-spacing:1px}#bag-frame .title{gap:12px}#bag-frame .layout{grid-template-columns:1fr;gap:18px}#bag-frame .detail{display:grid;grid-template-columns:86px 1fr;gap:0 14px}#bag-frame .item-art{grid-row:1/4;height:92px;margin:0;border:0}#bag-frame .item-art svg{width:77px;height:77px}#bag-frame .detail h2{font-size:25px;margin:5px 0}#bag-frame .detail-description{min-height:0;font-size:15px;margin:5px 0 10px}#bag-frame .item-stats{grid-column:1/-1;display:flex;gap:14px;margin:0 0 12px}#bag-frame .item-stats div{flex:1;font-size:9px;gap:5px}#bag-frame .detail .metal,#bag-frame .detail-hint{grid-column:1/-1}#bag-frame .slot svg{width:70%;height:70%}#bag-frame .footer{font-size:9px}#bag-frame .currency{gap:8px}#bag-frame .bag-name{font-size:8px}#bag-frame .toolbar{gap:7px}#bag-frame .metal{padding:10px}#bag-frame .all-bags{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#bag-frame .all-bags .bag-heading{display:block}#bag-frame .all-bags .bag-heading h2{font-size:17px}}@media (prefers-reduced-motion:reduce){#bag-frame *{transition:none!important}}#quest-log-modal{color-scheme:dark;--ink:#090f13;--silver:#cecbbf;--gold:#8b8069;--blue:#82b5d3}#quest-log-modal *{box-sizing:border-box}#quest-log-modal button,#quest-log-modal a,#quest-log-modal input{-webkit-tap-highlight-color:transparent}#quest-log-modal button{cursor:pointer;font:inherit}#quest-log-modal a{color:#b1bdc1;text-decoration:none}#quest-log-modal button:focus-visible,#quest-log-modal a:focus-visible,#quest-log-modal input:focus-visible{outline:2px solid #b3dfff;outline-offset:5px}#quest-log-modal .back{font-size:10px;letter-spacing:2px;text-transform:uppercase}#quest-log-modal .quest-shell{width:min(1120px,calc(100% - 84px));margin:0 auto 48px;position:relative;padding:15px 19px 20px;background:linear-gradient(115deg,#887e68,#263132 2%,#080f14 3%,#243945,#101c23 97%,#7c7769 98%,#171e20);border:1px solid #9a927c;box-shadow:0 0 0 5px #0a1014,0 0 0 6px #5d625a,0 25px 80px #000c,inset 0 0 0 7px #0a1117}#quest-log-modal .quest-shell:before,#quest-log-modal .quest-shell:after{content:"";position:absolute;top:-15px;bottom:-20px;width:24px;background:repeating-linear-gradient(0deg,transparent 0 90px,#b0a58a 92px,#253133 95px,#101a20 99px,#8a8675 103px,transparent 106px 140px),linear-gradient(90deg,#10181b,#8e8974 18%,#29383e 30%,#101b21 51%,#b6a68a 70%,#3b4544 81%,#0a141b);border:1px solid #625f51;box-shadow:3px 0 8px #000;z-index:5}#quest-log-modal .quest-shell:before{left:-12px}#quest-log-modal .quest-shell:after{right:-12px}#quest-log-modal .crown{height:85px;position:relative;display:flex;align-items:center;justify-content:center;border-top:2px solid #8b8b7b;border-bottom:3px double #8b8875;background:linear-gradient(#0b141a,#162a37 60%,#0a131a);box-shadow:0 4px #05090c,inset 0 0 0 5px #080f14,inset 0 0 0 6px #555e59}#quest-log-modal .crown h1{font:400 clamp(30px,4vw,45px) "Cormorant Garamond",Georgia,serif;letter-spacing:7px;margin:0;text-shadow:0 3px 2px #000}#quest-log-modal .tracery{position:absolute;top:12px;bottom:8px;display:flex;gap:8px;width:25%;padding:4px 14px;overflow:hidden}#quest-log-modal .tracery.left{left:0}#quest-log-modal .tracery.right{right:0}#quest-log-modal .tracery i{display:block;flex:1;border:3px double #6e7163;border-radius:70% 70% 0 0;box-shadow:inset 0 0 0 3px #080e12,0 0 5px #000;background:linear-gradient(90deg,#070d10,#1f2b2e,#080f14);position:relative}#quest-log-modal .tracery i:after{content:"";position:absolute;inset:18px 30% 0;border:1px solid #63695b;border-radius:60% 60% 0 0}#quest-log-modal .finial{position:absolute;top:-34px;width:25px;height:46px;background:linear-gradient(90deg,#121c21,#a79f85 42%,#d1c2a0 49%,#444d45 58%,#132027);clip-path:polygon(50% 0,70% 22%,70% 32%,90% 49%,100% 61%,85% 72%,85% 100%,15% 100%,15% 72%,0 61%,10% 49%,30% 32%,30% 22%);z-index:7}#quest-log-modal .finial.first{left:-13px}#quest-log-modal .finial.last{right:-13px}#quest-log-modal .finial.mid{left:calc(50% - 12px);width:24px;top:-29px;height:30px}#quest-log-modal .quest-content{display:grid;grid-template-columns:30% 1fr;gap:18px;margin-top:17px}#quest-log-modal .quest-nav{border:1px solid #555d56;background:linear-gradient(125deg,#101c24,#080f14 65%);padding:13px 12px;position:relative;box-shadow:inset 0 0 0 4px #060c10,0 0 0 3px #090e12}#quest-log-modal .nav-top{display:flex;justify-content:space-between;padding:8px 5px 17px;color:#849599;font-size:9px;letter-spacing:2px}#quest-log-modal .quest-item{display:flex;align-items:center;text-align:left;width:100%;gap:13px;padding:10px;margin:0 0 11px;min-height:85px;background:linear-gradient(120deg,#1d282d,#0c151b);border:1px solid #5d635a;box-shadow:inset 0 0 0 3px #080f13,inset 0 0 0 4px #3e4847;color:#b8bcb6;position:relative;transition:border-color .2s,background .2s}#quest-log-modal .quest-item[aria-pressed=true]{border-color:#7da9c3;background:linear-gradient(120deg,#1d3341,#0b1c2a);box-shadow:inset 0 0 0 3px #0b151c,inset 0 0 0 4px #4e7e9b,0 0 14px #589dd328}#quest-log-modal .thumb{width:57px;height:58px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(ellipse,#46616a,#111d24);border:1px solid #5b6a6b;box-shadow:inset 0 0 13px #000}#quest-log-modal .thumb svg{width:43px;height:43px;fill:none;stroke:#b4b9ae;stroke-width:1.5}#quest-log-modal .item-name{font:500 21px/1.15 Cormorant Garamond,Georgia,serif}#quest-log-modal .item-sub{display:block;font:8px Manrope,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#738b96;margin-top:8px}#quest-log-modal .tracked-tag{display:none;position:absolute;top:5px;right:6px;color:#9cc9d9;font-size:10px}#quest-log-modal .quest-item.tracked .tracked-tag{display:block}#quest-log-modal .nav-note{position:absolute;bottom:20px;left:20px;right:20px;font:italic 15px/1.6 Cormorant Garamond,Georgia,serif;color:#6f828a;border-top:1px solid #39474a;padding-top:15px}#quest-log-modal .details{padding:13px 15px 17px;background:linear-gradient(120deg,#131e25,#090f13 75%);border:1px solid #6c7164;box-shadow:0 0 0 3px #090e12,inset 0 0 0 4px #070c0f;min-width:0}#quest-log-modal .scene{height:226px;position:relative;border:1px solid #718078;box-shadow:0 0 0 4px #060b0f;overflow:hidden;background:#34464c}#quest-log-modal .scene svg{width:100%;height:100%;display:block}#quest-log-modal .scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 40px #0009;pointer-events:none}#quest-log-modal .scene-caption{position:absolute;left:14px;bottom:12px;font-size:8px;text-transform:uppercase;letter-spacing:2px;color:#d9d8c8;text-shadow:0 1px 4px #000}#quest-log-modal .quest-meta{display:flex;justify-content:space-between;margin:21px 0 5px;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#8fa1a4}#quest-log-modal .quest-meta span:last-child{color:#b4a07a}#quest-log-modal .details h2{font:500 36px/1.15 Cormorant Garamond,Georgia,serif;margin:5px 0 12px;color:#d2d2c6}#quest-log-modal .ornament{height:1px;background:linear-gradient(90deg,#627069,#74765f60);position:relative;margin-bottom:15px}#quest-log-modal .ornament:after{content:"◇";position:absolute;left:49%;top:-10px;background:#10191e;padding:0 6px;color:#868d7c;font-size:14px}#quest-log-modal .story{font:400 17px/1.5 Cormorant Garamond,Georgia,serif;color:#9ea9a7;margin:0 0 13px;min-height:51px}#quest-log-modal .objectives{margin:0;padding:0;list-style:none}#quest-log-modal .objectives label{display:flex;align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid #303e40;cursor:pointer;font:18px Cormorant Garamond,Georgia,serif}#quest-log-modal .objectives input{appearance:none;margin:0;width:19px;height:19px;flex-shrink:0;border:1px solid #a3afa2;background:linear-gradient(#080d10,#172125);box-shadow:inset 0 0 0 3px #080e12;cursor:pointer;display:grid;place-items:center}#quest-log-modal .objectives input:checked:after{content:"✓";color:#a3d5bf;font:16px Georgia}#quest-log-modal .objectives label:has(input:checked) span{color:#6e8c80;text-decoration:line-through}#quest-log-modal .reward-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;color:#8c9b9c;font-size:9px}#quest-log-modal .rewards{display:flex;gap:14px;color:#c2b18c}#quest-log-modal .coin{display:inline-block;width:11px;height:11px;border:2px solid #b2a071;border-radius:50%;box-shadow:inset 0 0 0 1px #151918;vertical-align:-1px}#quest-log-modal .quest-buttons{display:flex;gap:20px}#quest-log-modal .metal-button{position:relative;flex:1;min-height:43px;border:1px solid #9a9178;color:#d1d1c3;background:linear-gradient(120deg,#1a2b36,#10202a 60%,#192832);font:20px Cormorant Garamond,Georgia,serif;box-shadow:inset 0 0 0 3px #080e12,inset 0 0 0 4px #4d5a5b,0 4px 7px #0006;clip-path:polygon(4% 0,96% 0,100% 18%,100% 82%,96% 100%,4% 100%,0 82%,0 18%);transition:filter .2s}#quest-log-modal .metal-button:before,#quest-log-modal .metal-button:after{content:"•";position:absolute;top:11px;font-size:12px;color:#9e9d86;text-shadow:0 2px 1px #000}#quest-log-modal .metal-button:before{left:9px}#quest-log-modal .metal-button:after{right:9px}#quest-log-modal .metal-button:hover{filter:brightness(1.3)}#quest-log-modal .metal-button[aria-pressed=true]{color:#bddcec;background:linear-gradient(120deg,#254454,#132735)}#quest-log-modal .bottom-ornament{height:20px;margin-top:15px;border-top:3px double #6d756a;background:repeating-linear-gradient(90deg,transparent 0 28px,#5f695d33 29px 31px,transparent 32px 58px);text-align:center;font:18px Georgia;color:#90937b}#quest-log-modal .status{text-align:center;font-size:10px;color:#879ba3;min-height:16px;margin:0 20px 26px}#quest-log-modal .lantern-glow{animation:lantern 4s ease-in-out infinite}#quest-log-modal .banner{animation:banner 8s ease-in-out infinite;transform-origin:110px 20px}@keyframes lantern{50%{opacity:.4}}@keyframes fog{50%{opacity:.45}}@keyframes banner{50%{opacity:.7}}@media (max-width:850px){#quest-log-modal .quest-shell{width:calc(100% - 44px);padding:12px}#quest-log-modal .quest-content{grid-template-columns:31% 1fr;gap:12px}#quest-log-modal .quest-nav{padding:8px}#quest-log-modal .thumb{width:40px;height:48px}#quest-log-modal .thumb svg{width:31px}#quest-log-modal .quest-item{gap:8px;padding:8px}#quest-log-modal .item-name{font-size:18px}#quest-log-modal .scene{height:195px}#quest-log-modal .tracery{width:22%}#quest-log-modal .story{font-size:16px}#quest-log-modal .details{padding:12px}#quest-log-modal .details h2{font-size:32px}}@media (max-width:600px){#quest-log-modal .quest-shell{width:calc(100% - 34px);padding:10px}#quest-log-modal .quest-shell:before,#quest-log-modal .quest-shell:after{width:13px}#quest-log-modal .quest-shell:before{left:-7px}#quest-log-modal .quest-shell:after{right:-7px}#quest-log-modal .crown{height:66px}#quest-log-modal .crown h1{font-size:29px;letter-spacing:4px}#quest-log-modal .tracery{width:20%;padding:8px 6px;gap:3px}#quest-log-modal .tracery i{border-width:1px}#quest-log-modal .tracery i:after{display:none}#quest-log-modal .quest-content{grid-template-columns:1fr;gap:12px}#quest-log-modal .quest-nav{display:flex;gap:7px;padding:7px}#quest-log-modal .nav-top,#quest-log-modal .nav-note,#quest-log-modal .thumb,#quest-log-modal .item-sub{display:none}#quest-log-modal .quest-item{margin:0;min-height:60px;justify-content:center;text-align:center;padding:8px 6px}#quest-log-modal .item-name{font-size:17px}#quest-log-modal .scene{height:175px}#quest-log-modal .details h2{font-size:30px}#quest-log-modal .quest-buttons{gap:12px}#quest-log-modal .reward-row{font-size:8px}#quest-log-modal .rewards{gap:10px}#quest-log-modal .back{font-size:8px;letter-spacing:1px}#quest-log-modal .story{min-height:0}#quest-log-modal .objectives label{font-size:17px}}@media (prefers-reduced-motion:reduce){#quest-log-modal *,#quest-log-modal *:before,#quest-log-modal *:after{animation:none!important;transition:none!important}}html.tessera-design{color-scheme:dark;--sl-lettertype:Manrope,Arial,sans-serif;--sl-lettertype-serif:"Cormorant Garamond",Georgia,serif;--sl-achtergrond-rgb:8,18,29;--sl-achtergrond-dekking:.94;--sl-rand:#344b59;--sl-rand-binnen:#657989;--sl-tekst:#dce5eb;--sl-tekst-gedimd:#8d9fad;--sl-accent:#afcfe2;--sl-mana:#38799a;--sl-mana-tekst:#c3e2ef;--sl-balk-achtergrond:#050c13;--sl-knop-achtergrond:#101f2e;--sl-hoek:0px}.tessera-design :is(button,input,[role=button]):focus-visible{outline:2px solid #a8cde2;outline-offset:3px}#hud{font-family:Manrope,Arial,sans-serif;color:#d7ccb5}#hud .gloed-unitframe{position:absolute;top:5px;left:8px;width:400px;zoom:.72;pointer-events:auto}#hud .instrument{height:220px;grid-template-columns:28% 72%}#hud .readouts{padding:18px 20px 12px 0}#hud .gloed-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #6a645150;padding-bottom:4px;margin-bottom:5px}#hud .gloed-variant-switch{font:500 27px/1 Cormorant Garamond,Georgia,serif;letter-spacing:3px;padding:0;border:0;color:#d7ccb5;background:none;box-shadow:none}#hud .gloed-variant-switch small{font:16px Manrope;color:#829ca5;letter-spacing:0}#hud .gloed-identity{font-size:12px;color:#a5b5b7;text-align:right;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud .gloed-identity b{display:block;font-size:11px;color:#7f949d;font-weight:400}#hud .metric-label{font-size:11px;letter-spacing:1px;margin-bottom:4px}#hud .metric-label output{font-size:12px}#hud .metric{margin-top:8px}#hud .supply{height:29px}#hud .track{height:14px;padding:2px}#hud .segments{padding:3px;gap:2px}#hud .segment{height:7px}#hud .vessel{overflow:visible;position:relative;z-index:2}#hud .supply{z-index:3}#hud .action-stage{position:absolute;left:50%;bottom:29px;transform:translate(-50%);width:440px;margin:0;padding:0;pointer-events:auto}#hud .actionbar{position:relative;left:auto;bottom:auto;padding:3.2% 10% 5.8%;font-family:Manrope,Arial,sans-serif}#hud .action-grid{row-gap:20px}#hud .action{clip-path:none;overflow:visible;cursor:pointer}#hud .action kbd{font-size:13px;height:15px;bottom:-16px}#hud .action-tip{z-index:5}#hud .action-feedback{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);padding:6px 10px;background:#08121ce8;border:1px solid #586965;color:#bbcbd2;white-space:nowrap;font-size:11px;pointer-events:none}#hud .action-feedback:empty{display:none}#hud .frame.targ{top:47px;left:375px;width:230px;padding:10px;background:#0c1b26e8;border:1px solid #788574}#hud .frame.targ.empty{display:none}#hud .minimap{top:20px;right:24px;width:138px;height:138px;border-radius:50%;border:3px double #8c9588;background:radial-gradient(#203641ed,#0b1722f5);box-shadow:0 0 0 3px #080f16,inset 0 0 24px #02060c;overflow:visible}#hud .minimap:before{content:"N";position:absolute;top:-10px;left:calc(50% - 7px);width:14px;background:#10212e;color:#c2d4df;text-align:center;font:11px Georgia,serif;z-index:2}#hud .mm-grid{opacity:.2;border-radius:50%;overflow:hidden}#hud .mm-cross{opacity:.18}#hud .mm-icon{font-size:9px!important;color:#b3c4c9!important}#hud .mm-player{width:5px;height:5px;background:#cef;box-shadow:0 0 6px #b5e4ff}#hud .mm-label{top:auto;bottom:-25px;background:transparent;font-size:11px;letter-spacing:.06em;color:#c3d0d4;white-space:nowrap}#hud>.hint{position:absolute;left:0;right:0;bottom:5px;font-size:9px;line-height:14px;text-align:center;color:#a0b7c3;pointer-events:none;white-space:normal;text-shadow:0 1px 2px #000}#hud .combatlog{display:none}#hud .tedoen{bottom:210px}.tessera-design .mmo-chat-container{left:16px;bottom:29px;width:var(--chat-width,310px);height:var(--chat-height,167px);padding:0;border:1px solid #69797080;border-radius:0;background:linear-gradient(110deg,#0c1a25ed,#0a1520bd);box-shadow:inset 0 0 0 3px #050c1299;opacity:1}.tessera-design .mmo-chat-tabs{height:29px;min-height:29px;padding:0 5px;gap:0;background:#13232e99;border-bottom:1px solid #66796f66}.tessera-design .mmo-chat-tab{font:11px Manrope,Arial,sans-serif;padding:5px 8px;color:#a0b4bc;border:0;border-radius:0;background:transparent}.tessera-design .mmo-chat-tab.active{color:#e3e3d5;background:transparent;box-shadow:inset 0 -1px #9ebaca}.tessera-design .mmo-chat-log{font-size:11px;line-height:1.7;padding:7px 10px;background:transparent}.tessera-design .mmo-chat-input-row{min-height:28px;border-top:1px solid #405b6d70;background:#050e1880;padding:4px 7px}.tessera-design .mmo-chat-input{font-size:11px;background:transparent;color:#dce5e8}.tessera-design #quest-tracker-hud{right:22px!important;top:204px!important;width:224px!important;max-height:calc(100vh - 380px);background:linear-gradient(90deg,transparent,#08121ccc)!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;font-family:Manrope,Arial,sans-serif!important}.tessera-design #quest-tracker-hud>div:first-child{background:transparent!important;color:#bacbce!important;border-bottom:1px solid #8b917c80!important;padding:6px 0!important;font-size:10px!important;letter-spacing:.12em!important}.tessera-design #quest-tracker-hud>div:nth-child(2){padding:10px 0!important;gap:10px!important}#bag-frame,#quest-log-modal{position:fixed;inset:0;z-index:140;overflow:auto;overscroll-behavior:contain;pointer-events:auto;background:#02070c63;backdrop-filter:blur(4px);font-family:Manrope,Arial,sans-serif;padding:28px;scrollbar-width:thin;scrollbar-color:#586c72 #0b151e}#bag-frame{color:#c8c7b8}#bag-frame .inventory{width:min(800px,100%);margin:max(0px,calc((100dvh - 675px)/2)) auto 12px;padding:13px 20px 15px}#bag-frame .layout{grid-template-columns:156px minmax(0,1fr) 212px;gap:18px}#bag-frame .layout>main{min-width:0;padding:0;margin:0}#bag-frame .title{padding:5px 10px 16px;gap:18px}#bag-frame .title h1{font-size:31px}#bag-frame .title button{position:absolute;right:23px;top:21px}#bag-frame .sidebar{padding-right:14px}#bag-frame .traveller{height:84px}#bag-frame .traveller svg{height:78px}#bag-frame .sidebar h2{font-size:22px;margin:17px 0 5px}#bag-frame .sidebar p{font-size:10px;margin:0 0 14px}#bag-frame .bag-tabs{gap:6px}#bag-frame .bag-tab{padding:7px 8px;gap:6px;min-height:36px}#bag-frame .capacity{margin-top:14px;line-height:1.7}#bag-frame .capacity-track{margin-top:6px}#bag-frame .toolbar{margin-bottom:14px;flex-wrap:nowrap;gap:6px}#bag-frame .search{flex-basis:auto;font-size:11px;padding:8px;min-width:0}#bag-frame .metal{font-size:10px;padding:8px 10px;white-space:nowrap}#bag-frame .bag-heading{margin-bottom:11px}#bag-frame .bag-heading h2{font-size:22px}#bag-frame .slots{gap:7px}#bag-frame .slot{width:100%;height:auto;box-shadow:none;overflow:hidden}#bag-frame .grid-note{margin-top:10px;font-size:9px}#bag-frame .detail{padding:13px 15px}#bag-frame .item-art{height:112px;margin-bottom:13px}#bag-frame .item-art svg{width:94px;height:94px}#bag-frame .detail h2{font-size:27px;margin:8px 0 12px}#bag-frame .detail-description{font-size:17px;min-height:0;margin-bottom:15px}#bag-frame .item-stats{margin:0 0 18px}#bag-frame .detail .metal{font-size:18px}#bag-frame .footer{margin-top:15px;padding-top:12px}#bag-frame .all-bags{max-height:355px;overflow:auto;padding:2px 8px 4px 2px;gap:18px}#bag-frame .all-bags .slots{gap:5px}#bag-frame .all-bags .bag-heading h2{font-size:20px}#quest-log-modal{color:#cecbbf;padding:38px 32px 25px}#quest-log-modal .quest-shell{width:min(930px,100%);margin:max(0px,calc((100dvh - 740px)/2)) auto 20px;padding:13px 17px 16px}#quest-log-modal .crown{height:55px;padding:0}#quest-log-modal .crown h1{font-size:34px;letter-spacing:6px}#quest-log-modal .quest-content{grid-template-columns:29% minmax(0,1fr);gap:14px;margin-top:14px}#quest-log-modal .quest-item{min-height:77px;padding:9px;gap:10px}#quest-log-modal .thumb{width:44px;height:49px}#quest-log-modal .thumb svg{width:35px;height:35px}#quest-log-modal .item-name{font-size:21px}#quest-log-modal .item-sub{letter-spacing:1px;line-height:1.6}#quest-log-modal .scene{height:140px}#quest-log-modal .details{padding:12px 14px 13px;position:static;transform:none;width:auto;max-height:none}#quest-log-modal .quest-meta{margin-top:17px;letter-spacing:1px;gap:10px}#quest-log-modal .details h2{font-size:32px;margin:6px 0 10px}#quest-log-modal .story{font-size:17px;line-height:1.45;min-height:0;margin-bottom:8px}#quest-log-modal .objectives label{font-size:18px;padding:7px 0;gap:10px}#quest-log-modal .reward-row{margin:13px 0}#quest-log-modal .quest-buttons{gap:12px}#quest-log-modal .metal-button{min-height:38px;font-size:19px}#quest-log-modal .bottom-ornament{margin-top:11px;height:14px;font-size:14px}#quest-log-modal .nav-note{font-size:16px;line-height:1.6}@media (max-width:1100px){#hud .action-stage{width:440px}.tessera-design .mmo-chat-container{width:var(--chat-width,244px);height:var(--chat-height,144px);bottom:172px}#hud .gloed-unitframe{zoom:.72}}@media (max-width:760px){#bag-frame,#quest-log-modal{padding:28px 18px;backdrop-filter:blur(5px)}#bag-frame .layout{grid-template-columns:minmax(0,1fr) 190px;gap:14px}#bag-frame .sidebar{grid-column:1/-1;padding:0;border:0}#bag-frame .bag-tabs{flex-direction:row}#bag-frame .bag-tab{flex:1;flex-direction:column;min-width:0;gap:2px;padding:5px}#bag-frame .traveller,#bag-frame .sidebar>h2,#bag-frame .sidebar>p,#bag-frame .sidebar>.small-label{display:none}#bag-frame .capacity{margin:8px 0}#bag-frame .inventory{margin:0 auto;padding:12px}#bag-frame .title h1{font-size:27px}#bag-frame .all-bags{grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px}#quest-log-modal .quest-shell{padding:11px;margin:10px auto}#quest-log-modal .quest-content{grid-template-columns:1fr}#quest-log-modal .quest-nav{display:flex;gap:6px;padding:6px}#quest-log-modal .nav-top,#quest-log-modal .nav-note,#quest-log-modal .thumb{display:none}#quest-log-modal .quest-item{flex:1;min-width:0;margin:0;padding:9px;min-height:64px}#quest-log-modal .item-name{font-size:18px}#quest-log-modal .item-sub{font-size:8px}#quest-log-modal .scene{height:120px}#hud .gloed-unitframe{zoom:.72}#hud .minimap{width:104px;height:104px;right:15px;top:15px}#hud .action-stage{width:min(440px,calc(100vw - 24px));bottom:24px}#hud .action-grid{row-gap:20px}#hud .action kbd{font-size:12px}#hud>.hint{display:none}.tessera-design .mmo-chat-container{left:12px;bottom:165px;width:var(--chat-width,225px);height:var(--chat-height,114px)}.tessera-design #quest-tracker-hud{top:161px!important;width:185px!important;right:12px!important}}@media (max-width:520px){#bag-frame .layout{grid-template-columns:1fr}#bag-frame .detail{display:grid;grid-template-columns:72px 1fr;gap:0 12px}#bag-frame .item-art{height:80px;margin:0;border:0;grid-row:1/4}#bag-frame .item-art svg{width:65px;height:65px}#bag-frame .item-stats{display:flex;grid-column:1/-1;margin:0 0 10px}#bag-frame .detail .metal,#bag-frame .detail-hint{grid-column:1/-1}#bag-frame .detail-description{font-size:15px;margin:0}#hud .gloed-unitframe{width:365px;zoom:.72}.tessera-design .mmo-chat-container{width:var(--chat-width,210px);bottom:156px}.tessera-design #quest-tracker-hud{max-height:130px}}@media (prefers-reduced-motion:reduce){.tessera-design *{animation:none!important;transition:none!important}}#hud.map-expanded .minimap{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(430px,80vw);height:min(430px,80vw);z-index:135;box-shadow:0 0 0 8px #0a1722,0 15px 90px #000b;cursor:pointer;pointer-events:auto}#hud.map-expanded .mm-icon{font-size:12px!important}#char-frame{position:fixed;inset:0;z-index:140;background:#02070c63;backdrop-filter:blur(4px);padding:30px;overflow:auto;pointer-events:auto;color:#cccfc5;font-family:Manrope,Arial,sans-serif}#char-frame .character-sheet{position:relative;width:min(430px,100%);margin:max(0px,calc((100dvh - 560px)/2)) auto;padding:24px;background:linear-gradient(130deg,#20313a,#0c151c 45%,#112029);border:1px solid #90917d;box-shadow:0 0 0 5px #070d11,0 0 0 6px #455554,inset 0 0 0 4px #0a151b}#char-frame h1{font:34px Cormorant Garamond,Georgia,serif;margin:6px 0}#char-frame p{font-size:12px;color:#9bafb6}#char-frame .character-eyebrow{font-size:9px;letter-spacing:2px;color:#9a9c85}#char-frame .character-close{position:absolute;right:15px;top:13px;border:0;background:none;color:#c7bea7;font-size:25px;cursor:pointer}#char-frame .character-stats{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:12px;border-block:1px solid #677364;padding:15px 0;margin:19px 0}#char-frame dd{margin:0}#char-frame .equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#char-frame .equipment-slot{border:1px solid #566864;padding:10px;background:#091720;box-shadow:inset 0 0 0 3px #080f16}#char-frame .equipment-slot span{display:block;color:#9bb4be;font-size:10px;margin-bottom:5px}#char-frame .equipment-slot strong{font:16px Cormorant Garamond,Georgia,serif}#char-frame .character-note{font-size:10px;line-height:1.6;margin-top:17px}.tessera-design .mmo-chat-container{min-width:240px;min-height:110px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 55px)}.tessera-design .mmo-chat-tabs{padding-right:19px;flex-shrink:0}.tessera-design .mmo-chat-tab{padding-inline:6px;white-space:nowrap}.tessera-design .mmo-chat-log{min-height:0}.tessera-design .mmo-chat-resize{position:absolute;right:-1px;top:-1px;width:20px;height:20px;z-index:3;display:grid;place-items:center;border:0;padding:0;background:#0c1c26;color:#94b5c4;cursor:nesw-resize;touch-action:none;opacity:.75}.tessera-design .mmo-chat-resize svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2}.tessera-design .mmo-chat-resize:hover,.tessera-design .mmo-chat-resize:focus-visible,.tessera-design .mmo-chat-container.resizing .mmo-chat-resize{opacity:1;color:#e7eddf;background:#1c3441}.tessera-design .mmo-chat-container.resizing{user-select:none;transition:none}@media (max-width:1100px){.tessera-design .mmo-chat-container{max-height:calc(100dvh - 192px)}}#bag-frame.loose-bags{padding:0;background:none;backdrop-filter:none;overflow:visible;pointer-events:none;z-index:125}#bag-frame .gloed-bag-window{position:fixed;width:170px;padding:5px 6px 7px;border:2px solid #85704d;border-radius:5px;background:radial-gradient(ellipse at 30% 0,#29373a66,transparent 65%),repeating-linear-gradient(15deg,#ffffff03 0 1px,transparent 1px 4px),#101c25;box-shadow:0 0 0 1px #05090b,inset 0 0 0 1px #bda57466,inset 0 0 0 4px #071119,0 5px 14px #0009;pointer-events:auto}#bag-frame .gloed-bag-window.dragging{z-index:4}#bag-frame .gloed-bag-title{position:relative;display:flex;align-items:center;height:27px;margin:-3px -4px 6px;padding:0 3px 0 1px;border-bottom:2px groove #8b775455;background:linear-gradient(#354148,#111d23);cursor:move;touch-action:none;gap:4px}#bag-frame .gloed-bag-title h2{margin:0;flex:1;min-width:0;font:15px/1 Georgia,serif;color:#d4bd87;text-shadow:0 1px 2px #000;white-space:nowrap}#bag-frame .bag-emblem{width:25px;height:29px;flex-shrink:0;filter:drop-shadow(0 1px 1px #000)}#bag-frame .bag-emblem svg{width:100%;height:100%}#bag-frame .bag-count{font:9px Georgia,serif;color:#b2b8aa}#bag-frame .bag-close{flex-shrink:0;width:15px;height:16px;display:grid;place-items:center;padding:0;background:linear-gradient(#684438,#2d1817);border:1px solid #a38c61;border-radius:2px;color:#e3ce99;font:15px/1 Georgia;box-shadow:inset 0 0 0 1px #180e0c}#bag-frame .bag-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}#bag-frame .bag-cell{position:relative;width:100%;aspect-ratio:1;padding:3px;border:1px solid #7c785e;border-radius:3px;background:linear-gradient(135deg,#988c65,#32434a 18%,#141d21 45%,#768079 90%);box-shadow:0 1px 2px #000;overflow:hidden}#bag-frame .bag-cell-well{position:absolute;inset:2px;display:grid;place-items:center;border-radius:2px;background:radial-gradient(at 50% 80%,#253e48,#07131a 80%);box-shadow:inset 2px 3px 5px #000a}#bag-frame .bag-cell svg{width:94%;height:94%;filter:drop-shadow(1px 2px 1px #000)}#bag-frame .bag-cell.empty{border-color:#425257;background:#192930;box-shadow:inset 1px 2px 3px #000}#bag-frame .bag-cell.empty .bag-cell-well{background:#0b1820}#bag-frame .bag-cell.selected,#bag-frame .bag-cell:hover,#bag-frame .bag-cell.drop-target{border-color:#ceb87b;box-shadow:inset 0 0 0 1px #d6c28b,0 0 6px #c8b47b50}#bag-frame .bag-cell.filtered{opacity:.24}#bag-frame .bag-cell.moving{border-color:#e6c370;opacity:.6}#bag-frame .bag-stack{position:absolute;right:2px;bottom:0;font:11px/1.1 Georgia,serif;color:#fff0cd;text-shadow:1px 1px #000,-1px -1px #000;pointer-events:none}#bag-frame .bag-controls{position:fixed;right:16px;bottom:115px;transform:none;display:flex;align-items:center;gap:5px;padding:5px 7px;width:348px;border:1px solid #847751;background:#111e26f5;pointer-events:auto;box-shadow:inset 0 0 0 2px #050c10}#bag-frame .bag-controls input{min-width:0;flex:1;height:23px;padding:2px 6px;border:1px solid #536061;background:#080f15;color:#d3d4ba;font-size:11px}#bag-frame .bag-controls button,#bag-frame [data-move]{font:13px Georgia,serif;color:#d4c292;padding:4px 8px;background:linear-gradient(#31434c,#11222e);border:1px solid #a08b5a;box-shadow:inset 0 0 0 2px #091019}#bag-frame .bag-total{font:10px Georgia,serif;white-space:nowrap;color:#adb8b5}.bag-launcher{position:fixed;right:16px;bottom:79px;display:flex;gap:4px;z-index:124;pointer-events:auto}.bag-launcher-button{position:relative;width:33px;height:31px;padding:1px;border:1px solid #8c7957;border-radius:4px;background:linear-gradient(#273943,#0b1821);box-shadow:inset 0 0 0 2px #071018,0 2px 4px #0008;cursor:pointer}.bag-launcher-button svg{width:27px;height:27px;filter:drop-shadow(1px 1px 1px #000)}.bag-launcher-button small{position:absolute;bottom:0;right:1px;font:10px Georgia,serif;color:#eee1b5;text-shadow:1px 1px #000}.bag-launcher-button[aria-pressed=true]{border-color:#dfc17e;box-shadow:inset 0 0 0 1px #ad935e,0 0 6px #bea46b55}#bag-frame .bag-item-detail{position:fixed;right:556px;bottom:126px;width:210px;padding:13px;border:2px solid #9d8757;border-radius:4px;background:linear-gradient(125deg,#132533f5,#070f19fc);box-shadow:0 4px 16px #000a,inset 0 0 0 1px #0b1016;pointer-events:auto;color:#d0cfb9;font:12px/1.45 Georgia,serif}#bag-frame .bag-detail-art{float:left;width:43px;height:43px;margin:0 8px 8px 0;background:#0a1720;border:1px solid #756c51}#bag-frame .bag-detail-art svg{width:100%;height:100%}#bag-frame .bag-item-detail small{font-size:9px;color:#97acaf}#bag-frame .bag-item-detail h3{font:16px Georgia,serif;color:#dfd1a7;margin:3px 0 12px}#bag-frame .bag-item-detail p{clear:both;margin:8px 0;color:#abb8b5}#bag-frame .bag-detail-quantity{font-size:10px;color:#b6c2bd;margin:10px 0}#bag-frame .bag-detail-close{position:absolute;right:3px;top:1px;border:0;background:none;color:#bdae8a;padding:0 2px;font:17px Georgia;cursor:pointer}#bag-frame .bag-detail-hint{font:10px/1.5 Georgia,serif}@media (max-width:1000px){.bag-launcher{bottom:125px}#bag-frame .bag-controls{bottom:161px}#bag-frame .bag-item-detail{left:16px;right:auto;bottom:180px}}@media (max-width:760px){.bag-launcher{bottom:259px}#bag-frame .bag-controls{bottom:295px;width:min(348px,calc(100vw - 32px))}}.tessera-design .mmo-chat-container{border:2px solid #6c624d;border-radius:4px;background:linear-gradient(110deg,#12202ced,#0a1521dc);box-shadow:inset 0 0 0 1px #baaa7c25,0 2px 6px #0008}.tessera-design .mmo-chat-tabs{background:linear-gradient(#26353b,#11212d);border-bottom:1px solid #88765177}.tessera-design .mmo-chat-tab{font-family:Georgia,serif;color:#b7b7a1}.tessera-design .mmo-chat-tab.active{color:#e0c994;box-shadow:inset 0 -1px #a18b5d;border-bottom:0}#hud .gloed-identity,#hud .metric-label,#hud .metric-label output{font-family:Georgia,serif;letter-spacing:.4px}#hud .actionbar{padding:10px 21px 9px;filter:drop-shadow(0 3px 4px #000b)}#hud .action-grid{column-gap:5px;row-gap:6px}#hud .actionbar .bar-body{inset:2px 4px;clip-path:none;border:2px solid #746044;border-radius:8px;background:repeating-linear-gradient(23deg,#c4b79104 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 0,#324048,#111e29 70%);box-shadow:inset 0 0 0 2px #090d11,inset 0 0 0 3px #9b88684d,0 1px #bca57b}#hud .bar-body:after{inset:4px;border:1px dashed #81714c66;background:none;box-shadow:none;border-radius:4px}#hud .actionbar .bar-rail,#hud .actionbar .pillar,#hud .actionbar .arch,#hud .actionbar .small-spire,#hud .actionbar .slot-jewel{display:none}#hud .actionbar .buttress{width:18px;top:23%;bottom:23%;border:2px solid #a38a5d;border-radius:55% 15% 15% 55%;background:linear-gradient(90deg,#222724,#71644d 45%,#252b2b);box-shadow:inset 0 0 0 2px #0b1116}#hud .actionbar .buttress:after{content:"◆";position:absolute;top:calc(50% - 7px);left:3px;color:#8fb0bc;font-size:11px;text-shadow:0 1px 2px #000}#hud .action .slot-frame,#hud .action .slot-bevel,#hud .action .slot-well{clip-path:none;border-radius:4px}#hud .action .slot-frame{background:linear-gradient(145deg,#b7a174,#4f4939 22%,#716950 45%,#2a2f2d 70%,#9e8c64);box-shadow:0 1px 2px #000;filter:none}#hud .action .slot-bevel{inset:2px;background:#121b20}#hud .action .slot-well{inset:2px;background:#0b1720;overflow:hidden;box-shadow:inset 0 0 6px #000}#hud .action .ico{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:.95;filter:saturate(.8)}#hud .action .slot-well:after{box-shadow:inset 0 0 7px #000a;background:linear-gradient(135deg,#ffffff13,transparent 45%,#0005)}#hud .action kbd{left:auto;right:3px;bottom:1px;width:auto;min-width:12px;height:auto;padding:0 1px;font:13px/15px Georgia,serif;color:#f2e3bd;clip-path:none;background:none;box-shadow:none;text-shadow:1px 1px 1px #000,-1px -1px 1px #000,0 0 3px #000}#hud .action:nth-child(-n+8) kbd{color:#e1dece}#hud .action:is(:hover,:focus-visible){z-index:5;filter:brightness(1.2)}#hud .action-tip{bottom:calc(100% + 9px);font:13px Georgia,serif;color:#f0dfb8;background:#09121bf7;padding:8px 10px;border-color:#b79b69;box-shadow:0 4px 12px #000b}#hud .action .slot-rune{z-index:2;font-size:28px}#hud .supply:before,#hud .supply:after{display:none}#quest-log-modal{padding:34px 24px;background:#02070c35;backdrop-filter:blur(2px)}#quest-log-modal .quest-shell{width:min(700px,100%);margin:max(0px,calc((100dvh - 570px)/2)) auto 10px;padding:9px 12px 12px}#quest-log-modal .quest-shell:before,#quest-log-modal .quest-shell:after{width:12px;top:-6px;bottom:-8px}#quest-log-modal .quest-shell:before{left:-7px}#quest-log-modal .quest-shell:after{right:-7px}#quest-log-modal .finial{height:24px;top:-22px;width:16px}#quest-log-modal .finial.mid{height:22px;top:-21px}#quest-log-modal .crown{height:39px}#quest-log-modal .crown h1{font-size:27px;letter-spacing:4px}#quest-log-modal .tracery{top:5px;bottom:4px;padding-block:0}#quest-log-modal .quest-content{grid-template-columns:190px minmax(0,1fr);gap:10px;margin-top:10px;max-height:calc(100dvh - 140px);overflow:auto;scrollbar-width:thin}#quest-log-modal .quest-nav{padding:7px}#quest-log-modal .nav-top{padding:5px 4px 10px;font-size:9px;letter-spacing:.5px}#quest-log-modal .quest-item{min-height:57px;padding:6px;margin-bottom:6px;gap:7px}#quest-log-modal .thumb{width:32px;height:36px}#quest-log-modal .thumb svg{width:28px;height:28px}#quest-log-modal .item-name{font-size:19px}#quest-log-modal .item-sub{margin-top:4px;font-size:8px;letter-spacing:.5px}#quest-log-modal .nav-note{left:13px;right:13px;bottom:10px;font-size:15px;padding-top:9px}#quest-log-modal .details{padding:9px 12px}#quest-log-modal .scene{height:83px}#quest-log-modal .quest-meta{margin-top:10px}#quest-log-modal .details h2{font-size:28px;margin:5px 0 8px}#quest-log-modal .ornament{margin-bottom:10px}#quest-log-modal .story{font-size:17px;line-height:1.3;margin-bottom:7px;color:#bbc3ba}#quest-log-modal .objectives label{padding:5px 0;font-size:17px;gap:8px}#quest-log-modal .objectives input{width:16px;height:16px}#quest-log-modal .reward-row{margin:10px 0;font-size:10px}#quest-log-modal .metal-button{font-size:18px;min-height:31px}#quest-log-modal .bottom-ornament{height:9px;margin-top:8px;font-size:11px}#char-frame{background:#02070c35;backdrop-filter:blur(2px)}#char-frame .character-sheet{width:min(410px,100%);padding:14px 18px 10px;margin:max(0px,calc((100dvh - 550px)/2)) auto;border:2px solid #99845a;border-radius:8px;background:repeating-linear-gradient(16deg,#ffffee03 0 1px,transparent 1px 4px),linear-gradient(110deg,#27383e,#0e1b27 40%,#172936);box-shadow:0 0 0 2px #070d13,inset 0 0 0 3px #0a121a,inset 0 0 0 4px #79674b80,0 12px 40px #0008}#char-frame .character-title{text-align:center;border-bottom:3px double #7d7157;padding-bottom:9px}#char-frame .character-title h1{font-size:31px;margin:1px 0;color:#e0c993}#char-frame .character-title>span{font:12px Georgia,serif;color:#b8bdaf}#char-frame .character-close{right:9px;top:6px;color:#ddc28a}#char-frame .character-dressing-room{position:relative;height:327px;margin-top:10px}#char-frame .character-niche{position:absolute;inset:0 61px 5px;overflow:hidden;border:2px solid #6d7163;border-bottom-color:#9c8d68;border-radius:48% 48% 5px 5px;background:radial-gradient(ellipse at 50% 50%,#40545a80,#11212c 62%,#09131e);box-shadow:inset 0 0 0 4px #0b1821,inset 0 0 0 5px #817a5766,inset 0 0 30px #0008}#char-frame .paperdoll{width:100%;height:100%;filter:drop-shadow(0 6px 6px #000b)}#char-frame .paperdoll-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:12px Georgia;color:#a99e82}#char-frame .equipment-grid{position:absolute;inset:15px 0 9px;display:grid;grid-template-columns:52px 1fr 52px;grid-template-rows:repeat(4,1fr);gap:11px}#char-frame .equipment-slot{position:relative;width:49px;height:49px;padding:6px;border:2px solid #817252;border-radius:5px;background:linear-gradient(135deg,#39433f,#101f28 35%,#0b1720);box-shadow:inset 0 0 0 2px #070f17,inset 0 0 9px #000,0 2px 3px #0008}#char-frame .equipment-slot svg{width:100%;height:100%;fill:#71848a29;stroke:#919783;stroke-width:1;opacity:.6}#char-frame .equipment-slot[data-equipped=true] svg{opacity:1;fill:#8e9eae88}#char-frame .equipment-slot>span{position:absolute;top:calc(100% + 3px);left:-5px;right:-5px;margin:0;text-align:center;font:10px Georgia,serif;color:#bcb8a2;white-space:nowrap}#char-frame .equip-0{grid-column:1;grid-row:1}#char-frame .equip-1{grid-column:1;grid-row:2}#char-frame .equip-2{grid-column:1;grid-row:3}#char-frame .equip-6{grid-column:1;grid-row:4}#char-frame .equip-3{grid-column:3;grid-row:1}#char-frame .equip-4{grid-column:3;grid-row:2}#char-frame .equip-5{grid-column:3;grid-row:3}#char-frame .equip-7{grid-column:3;grid-row:4}#char-frame .equipment-tip{display:none;position:absolute;top:0;left:calc(100% + 8px);width:170px;padding:9px;background:#09131bfa;border:1px solid #b49d6a;box-shadow:0 4px 14px #000b;pointer-events:none;z-index:5}#char-frame .equipment-tip b{display:block;font:12px Georgia;color:#b9af8e;margin-bottom:5px}#char-frame .equipment-tip strong{font:15px Georgia;color:#e3d3ac}#char-frame :is(.equip-3,.equip-4,.equip-5,.equip-7) .equipment-tip{left:auto;right:calc(100% + 8px)}#char-frame .equipment-slot:is(:hover,:focus-visible){z-index:3;border-color:#ccb37b}#char-frame .equipment-slot:is(:hover,:focus-visible) .equipment-tip{display:block}#char-frame .character-stats{grid-template-columns:1fr 1fr;gap:18px;margin:7px 0 0;padding:9px 0;border-top:3px double #6d6a54;border-bottom:0;font:13px Georgia}#char-frame .character-stats dt{float:left;color:#c1b89f;font-size:12px}#char-frame .character-stats dd{text-align:right;color:#ede3c8}#char-frame .character-stats dd small{font-size:10px;color:#95a9b2}#char-frame .character-stat-track{display:block;margin-top:5px;height:7px;background:#070d14;border:1px solid #767054;box-shadow:0 1px 2px #000}#char-frame .character-stat-track b{display:block;height:100%;background:linear-gradient(#b66d55,#70261e)}#char-frame .character-stat-track.mana b{background:linear-gradient(#72a6bf,#284865)}#char-frame .character-note{text-align:center;font-size:10px;line-height:1.3;margin:9px 0 0;color:#93a3a6}@media (max-width:650px){#quest-log-modal{padding:25px 17px}#quest-log-modal .quest-shell{margin:7px auto;padding:8px}#quest-log-modal .quest-content{grid-template-columns:1fr;gap:8px;max-height:calc(100dvh - 110px)}#quest-log-modal .quest-nav{display:flex;gap:5px;padding:4px}#quest-log-modal .nav-top,#quest-log-modal .nav-note,#quest-log-modal .thumb{display:none}#quest-log-modal .quest-item{flex:1;min-width:0;margin:0;min-height:42px;justify-content:center}#quest-log-modal .item-name{font-size:17px}#quest-log-modal .item-sub{display:none}#quest-log-modal .scene{height:70px}#char-frame{padding:18px}#char-frame .character-sheet{margin:0 auto}}#hud .backplate{top:12px;bottom:9px;clip-path:polygon(0 0,94% 0,100% 7%,100% 92%,94% 100%,0 100%)}#hud .backplate:after{inset:7px}#hud .instrument:after{inset:12px 0 9px 22%;clip-path:polygon(0 0,94% 0,100% 7%,100% 92%,94% 100%,0 100%)}#char-frame .character-model-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline-offset:-5px}#char-frame .character-model-canvas:active{cursor:grabbing}#char-frame .character-niche[data-preview=ready] .paperdoll{display:none}#char-frame .character-niche[data-preview=unavailable] canvas{display:none}#char-frame .paperdoll-label{pointer-events:none;z-index:1;text-shadow:0 1px 2px #000}#hud .actionbar{padding-bottom:29px}#hud .actionbar .bar-body{inset:2px 4px;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));border:1px solid #8e8063;border-radius:0;background:linear-gradient(125deg,#293033,#0e171f 32%,#141f27 80%);box-shadow:inset 0 0 0 3px #070f15,inset 0 0 0 4px #615c4c,inset 0 0 30px #0008}#hud .bar-body:after{inset:7px;border:1px solid #615c4c77;border-radius:0;background:repeating-linear-gradient(95deg,transparent 0 27px,#fff01a03 28px)}#hud .actionbar .buttress{display:none}#hud .action .slot-frame{border:1px solid #9b8c6c;background:linear-gradient(145deg,#5d6155,#172028 28%,#4f5348 78%,#a29777);border-radius:2px}#hud .action .slot-bevel,#hud .action .slot-well{border-radius:1px}#hud .action-xp{position:absolute;bottom:9px;left:21px;right:21px;height:13px;border:1px solid #847b62;background:#060e15;box-shadow:0 0 0 2px #11191f;overflow:hidden;font:10px/11px Georgia,serif;text-align:center;color:#dad5c0;cursor:default}#hud .xp-fill{position:absolute;left:0;top:0;bottom:0;width:var(--xp,0%);background:linear-gradient(#91b7c9,#477184 45%,#284854);box-shadow:0 0 6px #9bc0d066;transition:width .4s}#hud .xp-divisions{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#847b6255 calc(10% - 1px) 10%)}#hud .xp-value{position:relative;z-index:1;text-shadow:0 1px 1px #000,1px 0 1px #000,-1px 0 1px #000}#bag-frame .gloed-bag-window{border:1px solid #8e8063;border-radius:2px;background:repeating-linear-gradient(95deg,transparent 0 27px,#fff01a03 28px),linear-gradient(125deg,#293033,#101b24 32%,#141f27);box-shadow:0 0 0 2px #081016,inset 0 0 0 3px #0a1015,inset 0 0 0 4px #615c4c88,0 5px 14px #0009}#bag-frame .gloed-bag-title{background:linear-gradient(#222c2f,#111b23);border-bottom:1px solid #776e57;height:26px}#bag-frame .bag-cell{border-radius:2px;border-color:#827e67;background:linear-gradient(135deg,#71755f,#1b2a32 30%,#141d21 60%,#657368)}#char-frame .character-sheet{border:1px solid #8e8063;border-radius:2px;background:linear-gradient(125deg,#293033,#0e171f 32%,#141f27 80%);box-shadow:0 0 0 3px #091117,0 0 0 4px #5e6255,inset 0 0 0 4px #0a1116,inset 0 0 0 5px #615c4c,0 12px 40px #0008}#char-frame .equipment-slot{border-width:1px;border-radius:2px;background:linear-gradient(135deg,#354039,#111f28 35%,#0b1720)}#char-frame .character-title{border-bottom:1px solid #79705a}.tessera-design .mmo-chat-container{border:1px solid #8e8063;border-radius:1px;background:linear-gradient(120deg,#263033e8,#0c1821ed 30%,#11202be8);box-shadow:inset 0 0 0 3px #0a111688,inset 0 0 0 4px #615c4c44,0 2px 6px #0008}#quest-log-modal .quest-shell{background:linear-gradient(125deg,#293033,#0e171f 32%,#141f27 80%)}#quest-log-modal .quest-shell:before,#quest-log-modal .quest-shell:after{width:5px;top:0;bottom:0;background:linear-gradient(90deg,#111a20,#a29476,#1d2829);border:0;box-shadow:none}#quest-log-modal .quest-shell:before{left:-4px}#quest-log-modal .quest-shell:after{right:-4px}#quest-log-modal .finial{display:none}#char-frame .character-sheet{margin-bottom:10px}#char-frame .equipment-grid{pointer-events:none}#char-frame .equipment-slot{pointer-events:auto}:root{color-scheme:dark;font-synthesis:none}body{margin:0;overflow:hidden!important;background:#07121c!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}#game,#game>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#game>canvas{touch-action:none}:is(.web-panel,.web-tools,.touch-controls) button{font:inherit;cursor:pointer;color:#d8edf8;background:linear-gradient(180deg,#173043,#0d1f2c,#07131d);border:1px solid #46677d;padding:5px 12px;box-shadow:inset 0 1px #c8ebff2e,inset 0 0 0 1px #0009,0 2px 5px #00000080;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);transition:all .15s ease;font-family:var(--sl-lettertype-serif, Georgia, serif);font-size:11px}:is(.web-panel,.web-tools,.touch-controls) button:hover{background:linear-gradient(180deg,#20435c,#11293c,#091925);border-color:#63b3e6;box-shadow:0 0 10px #5ab6f073,inset 0 1px #c8f0ff4d}:is(.web-panel,.web-tools,.touch-controls) button:disabled{opacity:.45;cursor:default;pointer-events:none}:is(.web-panel,.web-tools,.touch-controls) button:focus-visible{outline:2px solid #7cb9dd;outline-offset:2px}.world-status{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.05em;color:#7b9ab0;z-index:120;pointer-events:none}.world-status a{pointer-events:auto;color:#dbeaf2;text-decoration:none;font-family:var(--sl-lettertype-serif, Georgia, serif);font-size:13px;font-weight:700;letter-spacing:.16em}.world-status a:hover{color:#7bbfe8}.world-status span{display:block;font-size:10px}.web-panel{position:fixed;background:linear-gradient(145deg,#0d1b29fa,#060e16fc);border:1px solid #48667b;box-shadow:inset 0 1px #c8e6ff29,inset 0 0 0 1px #000000b3,0 16px 48px #000000e6;clip-path: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);z-index:130;padding:16px;backdrop-filter:blur(14px)}.web-panel h2{font-family:var(--sl-lettertype-serif, Georgia, serif);font-size:18px;font-weight:600;margin:4px 0 10px;color:#e2edf3;letter-spacing:.04em}.web-panel p{font-size:12px;line-height:1.6;color:#b4c9d7;margin:0 0 10px}.eyebrow{font-family:var(--sl-lettertype-serif, Georgia, serif);font-size:9px;letter-spacing:.16em;color:#7b9bb0;text-transform:uppercase}.close{position:absolute;right:10px;top:10px;width:22px;height:22px;background:#0d1e2b;border:1px solid #46677d;font-size:14px;color:#9cb5c5;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .15s ease;clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px)}.close:hover{background:#19384e;border-color:#63b3e6;color:#fff}.loading{top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,90vw);text-align:center;z-index:250;padding:24px}.loading h2{font-size:21px;margin:6px 0 10px}.loadline{height:2px;background:#10212f;margin-top:18px;overflow:hidden;border-radius:1px}.loadline span{display:block;background:linear-gradient(90deg,#4da4d6,#9ee2ff);width:35%;height:100%;animation:load 1.4s infinite cubic-bezier(.4,0,.2,1)}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(380%)}}.web-tools{position:fixed;right:14px;bottom:29px;display:flex;gap:5px;z-index:105;padding:4px;border:1px solid #62777380;background:linear-gradient(#162a35eb,#08131be8);box-shadow:inset 0 0 0 2px #030b1180}.web-tools button{position:relative;display:grid;place-items:center;width:34px;height:37px;padding:4px 5px 10px;clip-path:none;border:1px solid #65796f;color:#bdc6bc;background:linear-gradient(135deg,#203742,#0a1822);box-shadow:inset 0 0 0 2px #050d15}.web-tools button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #000)}.web-tools button kbd{position:absolute;bottom:0;right:3px;font:10px/11px Georgia,serif;color:#afc5cf}.web-tools button:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 10px);font:11px/1.4 Manrope,Arial,sans-serif;color:#e0e4d5;padding:6px 9px;border:1px solid #6a7e76;background:#091720;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s}.web-tools button:is(:hover,:focus-visible):after{opacity:1;transform:none}.web-tools button[aria-expanded=true]{border-color:#a5c8d2;background:#223e4e;color:#e2e4d3}.inspection{top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,92vw);z-index:170}.inspection .conversion{display:flex;align-items:center;gap:8px;margin:14px 0;padding:8px 12px;background:#07131e;border:1px solid #365063;font-size:11px;font-family:var(--sl-lettertype-serif, Georgia, serif);color:#9cb8cc;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}.inspection .conversion b{color:#55788f}.inspection .conversion .green{color:#51cf78}.inspection .hint{font-size:11px;color:#7b97aa;font-style:italic;margin-top:8px}.network-panel{top:80px;right:20px;width:320px;max-height:calc(100vh - 120px);overflow-y:auto;z-index:160}.network-panel .net-kind{font-size:11px;color:#7d9cb0;margin-bottom:12px}.network-panel dl{margin:0 0 14px;display:grid;grid-template-columns:auto 1fr;row-gap:4px;column-gap:12px;font-size:11px}.network-panel dt{color:#7d9cb0}.network-panel dd{margin:0;text-align:right;color:#d8e8f2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}#network-chart{width:100%;height:80px;background:#040c14;border:1px solid #334e62;border-radius:1px;display:block}.net-caption{font-size:10px;color:#6a889c;text-align:right;margin:4px 0 10px}.net-limit{font-size:10px;color:#668294;line-height:1.4;border-top:1px solid #233a4c;padding-top:8px}#details.web-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92vw);max-height:85vh;overflow-y:auto;z-index:170}#details.web-panel dl{margin:12px 0;display:grid;grid-template-columns:auto 1fr;row-gap:4px;column-gap:12px;font-size:11px;border-top:1px solid #283f51;padding-top:8px}#details.web-panel dt{color:#7d9cb0}#details.web-panel dd{margin:0;text-align:right;color:#d8e8f2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.touch-controls{display:none;position:fixed;left:20px;bottom:240px;text-align:center;z-index:110}.touch-controls button{width:38px;height:38px;touch-action:none;margin:2px}@media (pointer: coarse){.touch-controls{display:block}}@media (max-width:1000px){.web-tools{display:grid;grid-template-columns:repeat(3,34px);bottom:29px}}@media (max-width:760px){.world-status{display:none}.web-tools{bottom:170px;right:12px}}.network-panel dl{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.network-panel dd{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-tools{border:1px solid #8e7956;border-radius:4px;background:linear-gradient(#29373d,#0e1a25);box-shadow:inset 0 0 0 2px #050b11,0 3px 8px #0009}.web-tools button{border:1px solid #9d895e;border-radius:3px;color:#c9b98c;background:linear-gradient(135deg,#415052,#162936 45%,#0b1925);box-shadow:inset 0 1px #d9cf9c44,inset 0 0 0 2px #091019,0 1px 2px #000}.web-tools button svg{stroke-width:1.8;fill:#c6b78518;filter:drop-shadow(0 1px 1px #000)}.web-tools button kbd{color:#d6cdb1}.web-tools button:hover{border-color:#dcc18b;box-shadow:inset 0 0 0 2px #17232a,0 0 5px #bd9c5366;background:linear-gradient(#495654,#142a36)}.web-tools button svg{fill:none;stroke:#302b22;stroke-width:.7;width:24px;height:24px;filter:drop-shadow(0 1px 1px #000)}.web-tools:has(button:is(:hover,:focus-visible)){z-index:130}.web-tools button:after{position:fixed;right:14px;bottom:120px;z-index:10;max-width:calc(100vw - 28px);font:13px/1.35 Georgia,serif;background:#0a121bf7;color:#f0dfb8;border:1px solid #c3a673;box-shadow:0 3px 12px #000c,inset 0 0 0 2px #252e30;transform:none;padding:8px 11px}@media (max-width:1000px){.web-tools button:after{bottom:166px}}@media (max-width:760px){.web-tools button:after{bottom:300px}}.web-tools{border:1px solid #8e8063;border-radius:1px;background:linear-gradient(125deg,#293033,#0e171f 32%,#141f27);box-shadow:inset 0 0 0 2px #090f15,inset 0 0 0 3px #615c4c88,0 2px 6px #0008}.web-tools button{border-color:#82775b;border-radius:2px;background:linear-gradient(135deg,#35423f,#11212c 45%,#0b1925)}