:root{--gold:#dbbd68;--gold-bright:#fff0a1;--gold-dim:#9c7937;--ink:#080d0d;--silver:#c1c4ba;--body:#b9c0b5;--title:Georgia,'Times New Roman',serif;--sans:'Segoe UI',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#dedfcf;background:#11191b;font:14px/1.65 var(--sans);isolation:isolate;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}a{color:var(--gold)}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.5}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.skip{position:fixed;top:0;left:15px;z-index:100;background:#d1b763;color:#111;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.world-backdrop{position:fixed;inset:0;z-index:-3;background:#26353a url('assets/login-scene.png') 56% 50%/cover no-repeat;transform:scale(1.025);filter:saturate(.7) brightness(.65)}.world-vignette{position:fixed;inset:0;z-index:-2;background:linear-gradient(0deg,#080d10ed 0%,#080d108c 12%,#080d1020 42%,#080d1033 70%,#080d10ce 100%),linear-gradient(90deg,#030a0bbf,#07111426 38%,#07101408 58%,#0710158c 100%);box-shadow:inset 0 0 150px #02070999}.world-vignette:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 48% 63%,transparent 17%,#060e1144 70%)}
.game-shell{max-width:1740px;margin:auto;min-height:100svh;padding:13px 40px 0;display:flex;flex-direction:column;position:relative}.topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#acb8a0;min-height:20px}.topline>span{opacity:.65}.topline button{display:flex;gap:8px;align-items:center;background:none;color:#a6a993;font-size:8px;letter-spacing:1px;padding:0}.status-dot{width:4px;height:4px;border-radius:50%;background:#d7c36d;box-shadow:0 0 9px #e5bf4099}.topbar{display:flex;gap:44px;align-items:center;min-height:69px;z-index:8;position:relative}.wordmark{display:flex;align-items:center;gap:11px;line-height:1;background:none;padding:0 7px 3px;font-family:var(--title);text-shadow:0 2px 0 #030504,0 0 20px #e8b64a33;white-space:nowrap}.wordmark-wow{font-size:37px;font-weight:700;color:#f2dda3;letter-spacing:-1.8px}.wordmark-ever{font-size:30px;letter-spacing:2px;color:#d3b363;font-weight:600}.wordmark-divider{height:28px;width:1px;background:linear-gradient(transparent,#dbc27a,transparent);transform:rotate(15deg)}.game-nav{display:flex;flex:1;position:relative;min-height:51px;background:linear-gradient(0deg,#7c510c2e,transparent 55%),linear-gradient(90deg,transparent,#1a190fce 8%,#1a190fcc 93%,transparent);padding:0 8px;justify-content:center;border-bottom:1px solid #d2af39;box-shadow:0 5px 12px -7px #ffca31,0 10px 24px -18px #ffca31,inset 0 -8px 20px -13px #e6b41c}.game-nav:before,.game-nav:after{content:'';position:absolute;bottom:-1px;width:70px;height:1px;background:linear-gradient(90deg,transparent,#c9a443);left:-43px}.game-nav:after{left:auto;right:-43px;transform:rotate(180deg)}.nav-tab{position:relative;flex:1;padding:13px 13px 10px;min-width:94px;background:transparent;color:#c1ac4d;text-shadow:0 1px 3px #000,0 0 7px #d2a51d33;font:600 13px/1.4 var(--title);text-transform:uppercase;letter-spacing:.5px;transition:color .15s,background .2s}.nav-tab:not(:last-child):after{content:'';height:43px;width:1px;position:absolute;right:0;bottom:0;background:linear-gradient(transparent,#b3973b55 55%,#d5b44d)}.nav-tab:hover{color:#fff0a1;background:linear-gradient(0deg,#b6831a33,transparent)}.nav-tab.active{color:#ffed91;background:linear-gradient(0deg,#dcaa2838,#8d68170c 80%);box-shadow:inset 0 -16px 20px -20px #ffda56}.nav-tab.active:before{content:'';position:absolute;bottom:-2px;left:15%;right:15%;height:3px;background:#f0cf5c;box-shadow:0 -3px 12px #ffc831}.menu-tab{flex:.85}.menu-tab span{font-family:var(--sans);font-size:17px;margin-left:5px;color:#b9ab60}

.world-backdrop{background-image:url('assets/login-scene.png');background-position:50% 62%;filter:saturate(.60) brightness(.53)}.world-vignette{background:linear-gradient(0deg,#061114e8 0%,#06111410 25%,#0611140d 60%,#061114a6 100%),linear-gradient(90deg,#041013b8,transparent 30%,transparent 70%,#0410139c);box-shadow:inset 0 0 150px #03101699}.world-vignette:after{background:radial-gradient(ellipse at 50% 65%,transparent 15%,#07131b33 65%)}.game-shell{overflow:hidden;min-height:100svh;max-width:1740px}.topbar{position:relative;z-index:15}.topline{position:relative;z-index:15}.topline>span{font-size:7px;letter-spacing:1.6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portal-stage{position:relative;flex:1;min-height:520px;isolation:isolate}.portal-scene{position:absolute;left:50%;bottom:68px;transform:translateX(-50%);width:min(calc((100svh - 214px)*1.104),720px,86vw);aspect-ratio:1306/1184;z-index:2;transition:opacity .35s,filter .35s}.portal-frame{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:5;pointer-events:none;filter:drop-shadow(0 8px 5px #0006) drop-shadow(0 0 22px #082c4577)}.portal-opening{position:absolute;left:28%;right:28%;top:20.2%;bottom:19.6%;z-index:2;background:#0b3148;overflow:hidden;border-radius:2%}.portal-opening canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}.portal-haze{position:absolute;left:20%;right:20%;top:15%;bottom:11%;background:radial-gradient(ellipse,#2476a24d 0%,#236a9030 45%,transparent 73%);filter:blur(24px);z-index:0;animation:portal-breath 8s ease-in-out infinite}.portal-reflection{position:absolute;bottom:2%;left:14%;width:72%;height:16%;border-radius:50%;background:radial-gradient(ellipse,#5995ba28,#3283a622 35%,transparent 70%);filter:blur(13px);z-index:0}.portal-fallback{position:absolute;inset:-20%;background:conic-gradient(from 0deg,#041326,#12526c,#0b233e,#276d81,#091a38,#184b68,#041326);filter:blur(6px);animation:portal-flow 25s linear infinite;z-index:1}.shader-ready .portal-fallback{display:none}.fallback canvas{display:none}.fallback .portal-fallback{display:block}.portal-stars{position:absolute;inset:0;z-index:3;opacity:.2;background-image:radial-gradient(circle at 15% 22%,#f7edb9 0 1px,transparent 2px),radial-gradient(circle at 73% 65%,#d9f8ff 0 1px,transparent 2px),radial-gradient(circle at 32% 78%,#98c7d5 0 1px,transparent 2px);animation:star-breath 7s ease-in-out infinite;pointer-events:none}.portal-hotspot{position:absolute;left:30%;right:30%;top:23%;bottom:21%;z-index:7;background:transparent;cursor:pointer}.portal-hotspot:focus-visible{outline-offset:-8px;outline-color:#c4f0ff;box-shadow:inset 0 0 26px #9bdfef55}.portal-action{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);z-index:8;transition:opacity .3s}.enter-button{position:relative;min-width:268px;min-height:47px;border:2px solid #a18b4c;outline:1px solid #302519;border-radius:2px;background:linear-gradient(#872a20 0%,#76221b 44%,#5c1915 50%,#70231a 100%);box-shadow:inset 0 1px 0 #e8b36e77,inset 0 0 0 2px #311610,inset 0 4px 7px #bd5b3a33,inset 0 -4px 7px #21070688,0 4px 12px #0009;color:#ecd486;text-shadow:0 2px 1px #220c03;font:600 14px var(--title);letter-spacing:.8px;text-transform:uppercase;transition:filter .15s,box-shadow .2s;padding:11px 22px;white-space:nowrap}.enter-button:before,.enter-button:after{content:'';position:absolute;height:4px;width:4px;top:calc(50% - 2px);background:#a58a47;border:1px solid #f2d48e;box-shadow:0 1px 3px #000;transform:rotate(45deg)}.enter-button:before{left:7px}.enter-button:after{right:7px}.enter-button:hover{filter:brightness(1.2);box-shadow:inset 0 1px 0 #e8b36e99,inset 0 0 0 2px #311610,0 0 16px #b13c2633,0 4px 12px #0009}.enter-button:disabled{filter:grayscale(.5);opacity:.5;cursor:not-allowed}.enter-button.compact{min-width:0;font-size:11px;min-height:39px;padding:8px 20px}.game-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;margin-top:11px;padding-bottom:6px;position:relative;z-index:10;border-top:1px solid #b29d4f33}.footer-tools{display:flex;gap:11px;align-items:center;font-size:8px;color:#94a598}.round-button{height:25px;width:25px;border:1px solid #8d7e46;border-radius:50%;background:radial-gradient(#364332,#172119);color:#d1c183;font:600 17px var(--title);box-shadow:inset 0 0 0 2px #1d291a,0 2px 6px #0009;padding:0;line-height:1}.footer-links{display:flex;gap:22px}.footer-links>button{background:none;color:#a5af9a;font-size:8px;padding:0}.footer-login{background:none;color:#b9c9bf;font-size:9px;display:flex;gap:8px;align-items:center;padding:0}.footer-login svg{width:16px;height:16px;color:#9abeb9}.footer-links>button:hover,.footer-login:hover{color:#f6df8f}.ornament-frame{border:13px solid transparent;border-image:none;background:linear-gradient(135deg,#17241fef,#0c1917f5);background-clip:padding-box;filter:drop-shadow(0 10px 28px #0008)}.content-window{position:absolute;z-index:12;width:min(890px,calc(100% - 24px));top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100svh - 194px);min-height:335px;padding:23px 31px 26px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8b7d49 #15251e}.content-heading{position:relative;margin-bottom:23px}.content-heading>span{font-size:8px;letter-spacing:1.8px;color:#b9b180}.content-heading h2{font:500 29px var(--title);color:#e4d297;margin:8px 0 0;letter-spacing:-.5px;outline:0}.gold-divider{display:flex;align-items:center;gap:11px;max-width:100%;margin-top:13px}.gold-divider span{height:1px;flex:1;background:linear-gradient(90deg,#9e87454d,transparent)}.gold-divider span:first-child{flex:0 1 75px;background:linear-gradient(90deg,#9e874588,#9e87454d)}.gold-divider b{font-size:6px;font-weight:400;color:#c2aa64}.window-close{position:absolute;right:7px;top:7px;width:25px;height:25px;background:linear-gradient(#642016,#3b110c);border:1px solid #a68a50;color:#d7bc76;box-shadow:inset 0 0 0 2px #2b110a;display:grid;place-items:center;z-index:9}.window-close svg{height:14px;width:14px}body:not([data-view="home"]) .portal-scene{opacity:.2;filter:blur(3px);pointer-events:none}body:not([data-view="home"]) .portal-action{opacity:0;pointer-events:none}.addon-layout{display:grid;grid-template-columns:210px 1fr;gap:31px}.addon-picker{display:flex;flex-direction:column;gap:11px}.project-choice{display:flex;align-items:center;gap:11px;padding:12px 11px;background:#0b1610ad;border:1px solid #6e704a80;box-shadow:inset 0 1px 0 #b4a77822,inset 0 -2px 6px #0008,0 3px 9px #0005;text-align:left;min-height:75px;position:relative}.project-choice.selected{border:1px solid #d8ba56;background:linear-gradient(90deg,#51411b99,#26281599);box-shadow:0 0 14px #d6b52d22,inset 0 0 18px #eec63e0d,0 3px 9px #0006}.project-choice img{width:40px;height:40px;filter:drop-shadow(0 2px 4px #0008)}.project-choice strong{font:500 14px var(--title);color:#e5d296;display:block}.project-choice small{display:block;font-size:8px;color:#a8b095;margin-top:5px}.project-choice b{font:20px Georgia;color:#d6be6d;margin-left:auto}.addon-detail{padding:1px 0}.small-meta{font-size:7px;letter-spacing:1.1px;color:#a8ac7f}.addon-detail h3{font:500 23px var(--title);color:#e1d097;margin:7px 0 14px;letter-spacing:-.3px}.addon-detail p,.patch-article>p{font-size:12px;line-height:1.8;color:#bec9b3}.addon-detail ul{padding-left:17px;margin:15px 0;font-size:12px;color:#aab99c;line-height:1.9}.article-actions{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.stone-button{background:linear-gradient(#323b2c,#17231b);border:1px solid #9d8b57;color:#d6c27e;box-shadow:inset 1px 1px #c8bf8d55,inset -2px -2px #080d09,inset 0 0 0 3px #141d15,0 3px 6px #0005;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:500 9px var(--title);text-transform:uppercase;letter-spacing:.5px;padding:9px 15px;border-radius:1px;text-decoration:none}.stone-button:hover{filter:brightness(1.15)}.stone-button svg{width:16px;height:16px}.demo-note{font-size:9px!important;line-height:1.7!important;color:#889c84!important;margin-top:21px!important}.news-row{display:flex;gap:20px;align-items:center;width:100%;padding:17px 0 22px;border-bottom:1px solid #8e8f5c44;background:none;text-align:left}.date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;color:#dfca8c;font:500 29px var(--title);line-height:1.2}.date-tile small{font-size:8px;letter-spacing:2px;margin-top:4px;color:#96a584}.news-row>span:last-child>small{display:block;font-size:7px;letter-spacing:1.3px;color:#9da984}.news-row strong{display:block;font:500 18px/1.5 var(--title);color:#dfd3b0;margin-top:7px}.news-row em{display:flex;align-items:center;gap:12px;font-style:normal;font-size:10px;color:#baa665;margin-top:10px}.news-row:hover strong{color:#ffe59b}.quiet-links{margin-top:20px;font-size:11px}.quiet-links a,.source-link{color:#d3bd78;text-decoration:none;border-bottom:1px solid #85743d55;padding-bottom:3px}.patch-heading{display:flex;align-items:center;gap:14px;font-size:9px;color:#a5b18e;letter-spacing:.5px}.patch-tag{border:1px solid #a38f4f88;padding:2px 8px;color:#d0bb7b;font-size:8px;letter-spacing:1px}.patch-article h3{font:500 22px var(--title);color:#dccc9d;margin:15px 0 11px}.patch-columns{display:grid;grid-template-columns:1fr 1fr;gap:31px;margin-top:20px}.patch-columns h4{font:500 14px var(--title);color:#caba85;margin:0 0 8px}.patch-columns ul{padding-left:17px;margin:0;color:#b1bca4;font-size:11px;line-height:1.9}.patch-columns li{padding:4px 0}.source-link{display:inline-block;margin-top:22px;font-size:10px}.character-empty{text-align:center;padding:2px 20px 15px}.character-empty>img{height:65px;width:56px;opacity:.8;filter:drop-shadow(0 2px 8px #0008)}.character-empty h3{font:500 23px var(--title);color:#e0d0a0;margin:12px 0}.character-empty p{font-size:12px;color:#a8b79f;margin-bottom:22px}.character-empty .demo-note{display:block;margin-top:15px!important}.character-empty .stone-button{font-size:10px;min-width:220px}.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient i{position:absolute;bottom:-10px;width:3px;height:3px;background:#b9d7d5;border-radius:50%;box-shadow:0 0 7px #a1def7;opacity:0;animation:firefly 20s linear infinite}.ambient i:nth-child(1){left:9%;animation-delay:-3s;animation-duration:23s}.ambient i:nth-child(2){left:22%;animation-delay:-14s}.ambient i:nth-child(3){left:36%;animation-delay:-6s;animation-duration:27s}.ambient i:nth-child(4){left:43%;animation-delay:-17s;animation-duration:24s}.ambient i:nth-child(5){left:58%;animation-delay:-9s}.ambient i:nth-child(6){left:73%;animation-delay:-20s;animation-duration:29s}.ambient i:nth-child(7){left:87%;animation-delay:-5s;animation-duration:24s}.ambient i:nth-child(8){left:94%;animation-delay:-11s}.ambient i:nth-child(3n){background:#dfc985;box-shadow:0 0 6px #dbc46c}
dialog{background:linear-gradient(135deg,#1d2c22fa,#101d17fc);color:#d9decb;width:min(610px,calc(100% - 30px));max-height:85svh;padding:25px 29px;box-shadow:0 30px 130px #000c;scrollbar-width:thin;scrollbar-color:#8b7d47 #19231a}dialog::backdrop{background:#050b0ec9;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.modal-eyebrow{font-size:8px;letter-spacing:1.6px;color:#b7ab6f;margin:2px 25px 14px 0}dialog h2{font:500 25px/1.35 var(--title);color:#e4cf87;letter-spacing:-.5px}dialog p{font-size:12px;line-height:1.9;color:#b8c3ad;margin-top:16px}dialog ol,dialog ul{padding-left:20px;font-size:12px;color:#b5c2aa;line-height:1.9}dialog li{padding:5px 0}.notice{padding:11px 14px;border-left:2px solid #ac934c;background:#b7a3410b;color:#a6af94;font-size:10px;line-height:1.85;margin-top:20px}.menu-list{display:flex;flex-direction:column;gap:11px;margin-top:21px}.menu-list .stone-button{justify-content:space-between;font-size:10px;min-height:42px}.checkbox-field{display:flex;gap:12px;align-items:center;margin-top:23px;color:#c3c8aa;font-size:13px}.checkbox-field input{width:17px;height:17px;accent-color:#c0a963}.reduced-motion .ambient{display:none}.reduced-motion .portal-haze,.reduced-motion .portal-stars,.reduced-motion .portal-fallback{animation:none}.reduced-motion *{transition:none!important}
@keyframes portal-flow{to{transform:rotate(360deg)}}@keyframes portal-breath{0%,100%{opacity:.7}50%{opacity:1}}@keyframes star-breath{0%,100%{opacity:.1}50%{opacity:.45}}@keyframes firefly{0%{transform:translate(0,0);opacity:0}20%{opacity:.5}70%{opacity:.3}100%{transform:translate(35px,-85vh);opacity:0}}
@media(max-height:800px) and (min-width:981px){.game-shell{padding-top:7px}.topline{min-height:16px}.topbar{min-height:62px}.portal-stage{min-height:485px}.portal-scene{width:min(calc((100svh - 196px)*1.104),650px,86vw);bottom:62px}.game-footer{min-height:46px}.content-window{max-height:calc(100svh - 174px);padding:20px 28px;min-height:320px}.content-heading{margin-bottom:18px}.content-heading h2{font-size:27px}}
@media(max-width:1180px){.game-shell{padding-left:25px;padding-right:25px}.topbar{gap:26px}.wordmark-wow{font-size:31px}.wordmark-ever{font-size:26px}.wordmark{gap:8px}.nav-tab{min-width:81px;padding-left:9px;padding-right:9px;font-size:11px}.content-window{width:min(860px,calc(100% - 15px))}}
@media(max-width:980px){.game-shell{padding:14px 24px 0}.topline>span{font-size:6px;letter-spacing:.8px}.topline>button{font-size:7px}.topbar{gap:15px;flex-direction:column;align-items:center;padding-top:16px;padding-bottom:6px}.wordmark{align-self:center}.wordmark-wow{font-size:40px}.wordmark-ever{font-size:33px}.game-nav{width:100%;flex:auto;margin-top:9px;min-height:44px}.nav-tab{font-size:11px;min-width:0;padding:12px 9px}.nav-tab:not(:last-child):after{height:35px}.game-nav:before,.game-nav:after{display:none}.portal-stage{min-height:560px}.portal-scene{width:min(calc((100svh - 250px)*1.104),650px,90vw)}.content-window{max-height:calc(100svh - 235px);width:100%;padding:20px 22px;min-height:340px}.addon-layout{gap:21px;grid-template-columns:190px 1fr}.project-choice strong{font-size:12px}.content-heading h2{font-size:27px}.news-row strong{font-size:17px}}
@media(max-width:680px){.game-shell{padding:10px 17px 0}.topline>span{font-size:5px;letter-spacing:.6px}.topline>button{font-size:6px}.topbar{padding-top:15px;gap:10px}.wordmark-wow{font-size:38px}.wordmark-ever{font-size:31px}.game-nav{justify-content:flex-start;overflow-x:auto;padding:0;scrollbar-width:none;min-height:43px}.nav-tab{font-size:9px;padding:13px 12px 11px;flex:1 0 auto;min-width:71px;letter-spacing:0}.menu-tab{min-width:64px}.menu-tab span{font-size:13px}.game-nav:after,.game-nav:before{display:none}.portal-stage{min-height:calc(100svh - 225px)}.portal-scene{width:calc(100% + 32px);max-width:500px;top:50%;bottom:auto;transform:translate(-50%,-60%)}.portal-action{bottom:20px}.enter-button{min-width:240px;font-size:12px;min-height:44px}.game-footer{min-height:58px;gap:12px;flex-wrap:wrap;margin-top:0;padding-bottom:10px;padding-top:10px}.footer-tools{font-size:6px;gap:8px}.round-button{width:24px;height:24px}.footer-login{font-size:7px;gap:5px}.footer-login svg{width:13px;height:13px}.footer-links{gap:13px}.footer-links>button{font-size:6px}.world-backdrop{background-position:50% 62%;filter:brightness(.48) saturate(.6)}.content-window{position:relative;top:auto;left:auto;transform:none;margin:20px 0 25px;width:100%;max-height:none;min-height:0;padding:17px 14px;border-width:11px}.content-heading{margin-bottom:19px}.content-heading>span{font-size:6px;letter-spacing:1.2px}.content-heading h2{font-size:25px}.addon-layout{grid-template-columns:1fr;gap:20px}.addon-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-choice{padding:9px 8px;gap:7px;min-height:66px}.project-choice img{height:31px;width:31px}.project-choice strong{font-size:10px}.project-choice small{font-size:6px}.project-choice b{display:none}.addon-detail h3{font-size:22px}.addon-detail p{font-size:11px}.addon-detail ul{font-size:11px}.small-meta{font-size:6px}.article-actions{gap:10px}.stone-button{font-size:8px;padding:8px 11px;min-height:36px}.enter-button.compact{font-size:10px;min-height:36px;padding:8px 15px}.news-row{gap:12px}.date-tile{min-width:36px;font-size:24px}.date-tile small{font-size:7px}.news-row>span:last-child>small{font-size:5px;letter-spacing:.7px}.news-row strong{font-size:15px}.news-row em{font-size:8px}.quiet-links{font-size:10px}.patch-heading{font-size:8px;gap:10px}.patch-tag{font-size:7px}.patch-article h3{font-size:20px;line-height:1.4}.patch-article>p{font-size:11px}.patch-columns{grid-template-columns:1fr;gap:19px}.patch-columns h4{font-size:14px}.patch-columns ul{font-size:11px}.source-link{font-size:9px}.demo-note{font-size:8px!important}.character-empty{padding:0 3px 10px}.character-empty h3{font-size:21px}.character-empty p{font-size:11px}.character-empty .stone-button{min-width:200px;font-size:9px}body:not([data-view="home"]) .portal-stage{min-height:calc(100svh - 225px);display:flex;align-items:center}body:not([data-view="home"]) .portal-scene{position:absolute;top:50%;opacity:.15}body:not([data-view="home"]) .portal-action{display:none}dialog{padding:24px 19px;border-width:11px}dialog h2{font-size:22px}dialog p{font-size:11px}.modal-eyebrow{font-size:6px}}
@media(max-width:370px){.game-shell{padding-left:13px;padding-right:13px}.nav-tab{font-size:8px;padding-left:11px;padding-right:11px;min-width:65px}.footer-login{order:3;margin-left:auto}.footer-tools{font-size:7px}.footer-links>button{font-size:7px}.footer-links{margin-left:auto}.game-footer{min-height:70px}.portal-stage{min-height:calc(100svh - 235px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.ambient{display:none}}

/* Screenshot-based scenic homepage */
.world-backdrop{background-image:url('assets/login-scene.png');background-position:center;background-size:cover;transform:none;filter:brightness(.75) saturate(.85)}
.world-vignette{background:linear-gradient(180deg,#08070890,transparent 30%,#0b080626 48%,#080707e8 100%);box-shadow:none}.world-vignette:after,.ambient{display:none}
#scene-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.portal-stage{display:flex;align-items:flex-end;min-height:calc(100svh - 185px);padding:0 0 22px;flex:1}.overview{position:relative;width:min(1070px,100%);margin:230px auto 0;z-index:1}.overview-heading{margin-bottom:18px;text-shadow:0 2px 12px #000}.overview-heading>span{font-size:10px;letter-spacing:3px;color:#e0c786}.overview-heading h1{font:500 32px/1.25 var(--title);margin-top:6px;color:#f6e6c3}.story-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.lead-story,.small-story{display:block;text-align:left;color:#e9dec5;background:linear-gradient(120deg,#18120cf5,#17130fe8);border:1px solid #b38c4466;box-shadow:0 12px 30px #0004,inset 0 1px #f0c87b19;text-decoration:none;transition:border-color .2s,background .2s}.lead-story:hover,.small-story:hover{border-color:#d9b367;background:#271d13f5}.lead-story{padding:28px 30px;min-height:238px}.story-meta{font-size:9px;letter-spacing:1.4px;color:#ccac6e}.lead-story h2{font:500 30px/1.3 var(--title);margin:16px 0 9px}.lead-story p{font-size:13px;color:#bdb3a2}.read-story{display:flex;align-items:center;justify-content:space-between;color:#e0bd74;font-size:11px;margin-top:24px}.story-side{display:grid;gap:12px}.small-story{padding:17px 22px}.small-story h2{font:500 19px/1.4 var(--title);margin:7px 0}.small-story>span:last-child{font-size:10px;color:#bcb09a}.overview-note{font-size:9px;color:#a79d8e;margin-top:10px}.game-footer{margin-top:0}.footer-login{display:none}body:not([data-view="home"]) .overview{display:none}.content-window{background:linear-gradient(135deg,#241d16f5,#100e0cf7)}
@media(min-width:981px){.topbar{gap:40px}.nav-tab{min-width:100px}.game-nav{max-width:900px;margin-left:auto}}
@media(max-width:980px){.portal-stage{min-height:calc(100svh - 238px)}.overview{margin-top:200px}.overview-heading h1{font-size:27px}.lead-story{padding:23px}.lead-story h2{font-size:25px}}
@media(max-width:680px){.world-backdrop{background-position:center top;filter:brightness(.65) saturate(.85)}.portal-stage{display:block;padding-bottom:20px}.overview{margin-top:170px}.overview-heading h1{font-size:23px}.story-grid{grid-template-columns:1fr;gap:10px}.lead-story{min-height:0;padding:22px}.lead-story h2{font-size:24px;margin-top:10px}.lead-story p{font-size:12px}.story-side{grid-template-columns:1fr 1fr;gap:10px}.small-story{padding:14px 12px}.small-story h2{font-size:15px}.story-meta{font-size:8px;letter-spacing:.7px}.small-story>span:last-child{font-size:9px}.overview-note{font-size:8px}.nav-tab{min-width:0;font-size:9px;padding:13px 10px}.topbar{padding-top:7px}.content-window{margin-top:65px}body:not([data-view="home"]) .portal-stage{display:block}.footer-links{margin-left:auto}}

/* Unified warm panels, matching the homepage article surfaces. */
.ornament-frame,.content-window,dialog.ornament-frame{border:1px solid #b38c4466;border-image:none;border-radius:0;background:linear-gradient(120deg,#18120cf7,#17130ff2);background-clip:border-box;filter:none;box-shadow:0 20px 65px #0007,inset 0 1px #f0c87b19;backdrop-filter:blur(12px);color:#e9dec5;scrollbar-color:#80643d #17130f}
.content-window{padding:30px 34px}.content-heading>span,.modal-eyebrow{color:#ccac6e}.content-heading h2,dialog h2{color:#eed8a6}.gold-divider{gap:0;margin-top:18px}.gold-divider b,.gold-divider span:last-child{display:none}.gold-divider span:first-child{flex:1;background:linear-gradient(90deg,#b38c4455,transparent)}
dialog.ornament-frame{padding:30px 32px}dialog::backdrop{background:#08060499;backdrop-filter:blur(3px)}
.window-close{top:12px;right:12px;width:30px;height:30px;border:1px solid transparent;background:transparent;box-shadow:none;color:#bca783;transition:background .15s,color .15s}.window-close:hover{background:#cba15c15;border-color:#b38c4433;color:#ffe1a6}.window-close svg{width:17px;height:17px}
.stone-button{background:#cba15c08;border:1px solid #b38c4444;box-shadow:none;color:#dcc395;font:500 11px var(--sans);text-transform:none;letter-spacing:.2px;min-height:43px;padding:11px 16px}.stone-button:hover{background:#cba15c16;border-color:#b38c4499;filter:none}.menu-list{gap:0;border-top:1px solid #b38c4433;margin-top:25px}.menu-list .stone-button{background:transparent;border:0;border-bottom:1px solid #b38c4433;font-size:13px;min-height:54px;padding:12px 3px}.menu-list .stone-button:hover{background:#cba15c0b;padding-left:10px}.menu-list .stone-button span{color:#a78750}
.notice{background:#cba15c08;border-left:2px solid #b38c4455;color:#bdb3a2}dialog p,dialog ol,dialog ul,.character-empty p,.addon-detail p,.addon-detail ul,.patch-article>p,.patch-columns ul{color:#bdb3a2}.demo-note{color:#978c7b!important}.checkbox-field{color:#d4c5ad}.checkbox-field input{accent-color:#b99a5b}.character-empty h3,.addon-detail h3,.patch-article h3,.patch-columns h4{color:#e9d7b5}
.project-choice{background:#cba15c05;border:1px solid #b38c4433;box-shadow:none}.project-choice.selected{background:#cba15c13;border-color:#b38c4499;box-shadow:none}.project-choice small,.small-meta,.patch-heading{color:#aa9a80}
@media(max-width:680px){.content-window{padding:24px 20px}.ornament-frame,dialog.ornament-frame{border-width:1px}dialog.ornament-frame{padding:28px 23px}.content-heading h2{padding-right:18px}.menu-list .stone-button{font-size:12px}}
/* WoW 4EVER portal – live areas with warm gold-brown article surfaces */
.topline .build-label{font-size:8px;display:flex;align-items:center;gap:9px;letter-spacing:1.4px;color:#d7c48c}
.nav-anchor{display:flex;align-items:center;justify-content:center;text-decoration:none}
.nav-tab{min-width:0;padding-left:12px;padding-right:12px}.game-nav{max-width:none}
.game-footer .footer-tools{color:#aca18f}.footer-account{font-size:11px;color:#dec58f;background:transparent;border:1px solid #b38c4455;padding:7px 12px}
.styled-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.portal-stage{align-items:flex-end}
.content-window{width:min(1100px,calc(100% - 30px));max-height:calc(100svh - 220px);min-height:340px;overflow:auto;z-index:4;margin-left:auto;margin-right:auto}
.content-heading h2{font-family:var(--title)}
.feature-article,.empty-state,.topic-open,.reply-card,.profile-preview,.info-strip,.new-post{border:1px solid #b38c4450;background:linear-gradient(120deg,#261c13ed,#17120fec);padding:22px 24px;margin:14px 0;color:#d4c4a8}
.feature-article h3,.empty-state h3,.topic-open h3,.profile-preview h3{color:#f1d8a7;font:500 23px/1.4 var(--title);margin:10px 0}
.feature-article p,.empty-state p,.topic-open p,.profile-preview p{color:#c2b49e;font-size:13px;line-height:1.75}
.feature-article .article-actions{margin-top:18px}
.article-excerpt{display:block;color:#c1b5a4;font-size:12px;margin-top:5px;max-width:700px;font-weight:400;line-height:1.65}
.feed-row{width:100%;margin:10px 0;border:1px solid #b38c4445;text-align:left;padding:16px 18px;background:#1d170fcf}
.feed-row:hover{background:#2f2214}.feed-row .date-tile{color:#dbba80;font-size:25px;min-width:45px}
.feed-row strong{font:500 20px/1.35 var(--title);color:#ead2a7}.feed-row em{margin-top:9px;display:block;color:#dcb875;font-size:11px}
.news-row{cursor:pointer}.muted-line,.section-description{color:#c5b6a1;font-size:13px;margin:10px 0 19px}
.modal-summary{font-size:15px!important;line-height:1.75!important;color:#e6d2aa!important;margin:12px 0 20px!important}
.article-full{white-space:normal;line-height:1.75;color:#c7b7a0;max-height:45svh;overflow:auto;margin:20px 0;padding:12px;border:1px solid #b38c4440}
#modal{max-width:min(690px,92vw);width:100%;max-height:88svh;overflow:auto}
.room-nav{display:flex;gap:8px;flex-wrap:wrap}.room-pill{background:#cba15c0b;border:1px solid #b38c4455;color:#dac08c;padding:10px 14px;font:500 11px var(--title)}.room-pill.selected{background:#95672c50;color:#ffdc92;border-color:#ccab70}
.info-strip{font-size:12px;padding:12px 16px;margin:14px 0;border-left:3px solid #cdaa6c}.info-strip a{color:#f7d997}
.topic-list{display:grid;gap:8px}.topic-row{width:100%;background:#1d170fe8;border:1px solid #b38c4440;padding:14px;display:flex;gap:16px;text-align:left;align-items:center;color:#d7c9b2}.topic-row:hover{border-color:#d8b277;background:#2c2014}.topic-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.topic-row strong{font:500 16px var(--title);color:#f2d6a6}.topic-row small{font-size:11px;color:#a89982}.topic-row span span{color:#bdb3a2;font-size:12px}.topic-emblem{color:#e5be79;font-size:25px}
.new-post{padding:15px}.new-post>summary{cursor:pointer;color:#e8c77f;font:500 15px var(--title)}
.form-stack{display:grid;gap:16px;margin-top:18px}.form-stack label{display:grid;gap:6px;font-size:12px;color:#ebd4a5}.form-stack input,.form-stack select,.form-stack textarea{width:100%;min-width:0;background:#100d0ae9;border:1px solid #b38c445b;border-radius:0;color:#efdfc1;font:13px/1.5 var(--sans);padding:11px;resize:vertical}.form-stack textarea{min-height:90px}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{outline:1px solid #d2aa72}
.form-stack .enter-button{justify-self:start}.topic-author,.reply-card small{color:#a99778!important;font-size:11px!important}.topic-text,.reply-card p{white-space:pre-wrap;overflow-wrap:anywhere}.back-link{background:none;color:#e7bc79;padding:12px 0}.reply-heading,.admin-title{font:500 20px var(--title);color:#e6c996;margin:25px 0 12px}.reply-card{padding:15px 20px;margin:8px 0}.reply-card strong{color:#e9ce99}.reply-card small{margin-left:15px}.reply-card p{font-size:13px;color:#d3c0a3;margin-top:7px}.reply-form{margin-top:18px}
.profile-grid{display:grid;grid-template-columns:minmax(215px,.7fr) minmax(320px,1.3fr);gap:28px;align-items:start}.profile-preview{text-align:center;padding:23px}.portrait-frame{display:grid;place-items:center;height:190px;max-width:220px;margin:0 auto 18px;border:1px solid #b38c4488;background:radial-gradient(circle,#6e6337,#191611 75%)}.portrait-frame img{width:90px;height:90px;opacity:.9}.avatar-alliance{background:radial-gradient(circle,#3b6893,#11182a 75%)}.avatar-horde{background:radial-gradient(circle,#93412c,#26130e 75%)}.avatar-arcane{background:radial-gradient(circle,#79549b,#1a122a 75%)}
.admin-entry{border-bottom:1px solid #b38c4445;padding:12px 0}.admin-entry summary{cursor:pointer;color:#d8c09c;font-size:13px}.status-indicator{padding:3px 6px;border:1px solid #9b7d49;margin-right:8px;font-size:9px}.status-published{color:#8ed5a4}.status-hidden{color:#f0a69e}.status-draft{color:#edcc8c}.admin-article-form{margin-left:10px;margin-bottom:12px}.admin-article-form textarea[name=body_text]{min-height:160px}.admin-moderate{display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid #b38c4435;padding:10px 0;font-size:11px;color:#c9bda6;overflow-wrap:anywhere}.admin-moderate span{flex:1}.admin-moderate button{flex-shrink:0}
@media(min-width:981px){.game-nav{max-width:none}.topbar{gap:28px}.nav-tab{font-size:12px;min-width:75px}.content-window{max-height:calc(100svh - 185px)}}
@media(max-width:980px){.game-nav{overflow-x:auto;scrollbar-width:thin}.nav-tab{flex:1 0 auto;min-width:82px;font-size:11px}.content-window{max-height:calc(100svh - 195px)}}
@media(max-width:680px){.content-window{width:100%;max-height:none;overflow:visible;margin:50px 0 20px;padding:21px 15px}.profile-grid{grid-template-columns:1fr}.feature-article,.empty-state,.topic-open,.reply-card,.profile-preview{padding:16px}.feed-row strong{font-size:16px}.room-pill{font-size:10px;padding:9px}.portal-stage{min-height:calc(100svh - 225px)}.footer-account{order:3}.feature-article h3{font-size:19px}.article-actions{flex-wrap:wrap}.game-nav{max-width:calc(100vw - 30px)}.nav-tab{min-width:78px}}

/* Update 03.11.2026: besser lesbare Warcraft-Typografie */
:root{--title:'Palatino Linotype','Book Antiqua',Georgia,serif;--sans:'Trebuchet MS','Segoe UI',Arial,sans-serif}
body{font-size:16px;line-height:1.7}
.nav-tab{font-size:14px;letter-spacing:.35px;font-weight:700}
.content-heading h2{font-size:clamp(29px,3.8vw,43px);letter-spacing:.35px}
.content-heading>span{font-size:13px;letter-spacing:1.8px}
.overview-heading h1{font-size:clamp(32px,4vw,52px)}
.overview-heading>span{font-size:12px}
.lead-story h2{font-size:clamp(24px,3vw,36px)}
.lead-story p,.feature-article p,.empty-state p,.topic-open p,.profile-preview p{font-size:15px}
.story-meta,.small-meta{font-size:11px}
.small-story h2{font-size:20px}
.article-excerpt,.muted-line,.section-description{font-size:14px}
.addon-detail p,.addon-detail li{font-size:15px;line-height:1.75}
.room-pill{font-size:13px}
.feed-row strong{font-size:23px}
.feed-row small{font-size:12px}
.topic-row strong{font-size:19px}
.topic-row small,.topic-row span span{font-size:13px}
.empty-state h3,.feature-article h3{font-size:26px}
/* Desktop: kein doppeltes Menü. Das Menü steht auf kleinen Displays bereit. */
@media(min-width:761px){.game-nav .menu-tab{display:none!important}}
/* Aufklappbare Patchnotes innerhalb der vorhandenen Inhaltsseite */
.content-window:has(.patch-release){width:min(1300px,calc(100% - 30px))}
.patch-release-intro p{margin:0 0 22px;color:#d6c2a3;font-size:16px}
.patch-release{border:1px solid #bc935b93;background:linear-gradient(125deg,#2b1d12f8,#15100cf6);box-shadow:0 12px 34px #0007, inset 0 1px #e5b97425;margin:14px 0 22px}
.patch-release>summary{list-style:none;display:flex;gap:18px;align-items:center;padding:22px 24px;cursor:pointer;user-select:none}
.patch-release>summary::-webkit-details-marker{display:none}
.patch-release>summary:hover{background:#d0a35b12}
.patch-release[open]>summary{background:#d0a35b1a;border-bottom:1px solid #9f794c78}
.release-date{display:inline-flex;align-items:center;justify-content:center;color:#fce2a4;background:#8b602b35;border:1px solid #c79b5788;border-radius:4px;font:700 15px var(--sans);padding:12px 14px;white-space:nowrap}
.release-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.release-title strong{font:700 clamp(19px,2vw,26px)/1.3 var(--title);color:#f7d7a2}
.release-title small{font-size:13px;color:#bfae91}
.release-chevron{font-size:33px;color:#e1b56c;transition:transform .2s}
.patch-release[open] .release-chevron{transform:rotate(180deg)}
.release-content{padding:14px 22px 24px}
.release-source{margin:19px 0 0;color:#b9a88e;font-size:13px;border-top:1px solid #bc935b43;padding-top:14px}
.release-source a{color:#ffe0a7}
.patch-loading{font-size:15px;padding:20px 0;color:#c6b49a}
.feed-heading{font:700 25px var(--title);color:#edd0a0;margin:28px 0 13px}
.secondary-info{border-left:2px solid #99744468;padding:10px 15px;color:#c3b39d;font-size:14px;line-height:1.65}
@media(max-width:980px){.nav-tab{font-size:13px;min-width:92px}.content-heading h2{font-size:clamp(26px,4vw,38px)}}
@media(max-width:760px){.game-nav .menu-tab{display:flex!important}.nav-tab{font-size:12px;min-width:78px;padding:12px 10px}.content-window{width:100%!important}.patch-release>summary{gap:10px;padding:14px 11px}.release-date{font-size:12px;padding:10px 7px}.release-title strong{font-size:18px}.release-title small{font-size:11px}.release-content{padding:12px}.game-nav{scrollbar-width:none}}