:root{color-scheme:dark;--bg: #170f08;--bg-deep: #080503;--ink: #3c2412;--wood: #5b3519;--wood-dark: #261407;--stone: #332b23;--stone-light: #65523d;--parchment: #efe0b9;--parchment-dark: #c9a768;--panel: rgba(52, 36, 21, .94);--panel-strong: rgba(74, 49, 26, .97);--gold: #dcae4b;--gold-bright: #ffd879;--red: #b84231;--green: #5ea760;--blue: #4c89d8;--purple: #a75fd6;--text: #f8e8c2;--muted: #c6ad7e;--line: rgba(241, 190, 91, .42);--line-strong: rgba(255, 220, 140, .7);--shadow: 0 18px 48px rgba(0, 0, 0, .55);--inner: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -8px 22px rgba(0, 0, 0, .22);--safe-bottom: env(safe-area-inset-bottom);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body{min-width:0;min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(140,65,25,.35),transparent 34rem),radial-gradient(circle at 88% 8%,rgba(92,52,22,.32),transparent 30rem),linear-gradient(180deg,#24150b 0%,var(--bg) 46%,var(--bg-deep) 100%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.12) 25%,transparent 25%);background-size:18px 18px}button{min-width:44px;min-height:44px;border:2px solid #8d622c;border-radius:7px;background:linear-gradient(180deg,rgba(255,232,155,.18),transparent 36%),linear-gradient(180deg,#805123,#2a1609);color:var(--text);font:800 .95rem/1 Georgia,Times New Roman,serif;cursor:pointer;box-shadow:var(--inner),0 4px #00000042;text-shadow:0 1px 1px #000;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--gold-bright);filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px);box-shadow:var(--inner),0 2px #00000052}button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.5)}button:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.25rem,8vw,4.35rem);margin-bottom:12px;color:var(--gold-bright);text-shadow:0 3px 0 #4f2b12,0 0 22px rgba(255,216,121,.24)}h2{color:var(--gold-bright);font-size:clamp(1.28rem,3vw,1.62rem);text-shadow:0 2px 0 #43230f}h3{color:var(--parchment);font-size:1.04rem}.muted{color:var(--muted)}.rarity-Gewoehnlich,.rarity-Gewöhnlich{border-color:#e2dbc873!important}.rarity-Ungewoehnlich,.rarity-Ungewöhnlich{border-color:#5bbc63d1!important}.rarity-Selten{border-color:#4c89d8e0!important}.rarity-Episch{border-color:#a75fd6e6!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.landing-page{position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;background:radial-gradient(circle at 50% 56%,rgba(241,89,26,.45),transparent 24rem),radial-gradient(circle at 50% 100%,rgba(196,58,20,.62),transparent 34rem),linear-gradient(180deg,#1c0a086b,#1c0a08f0),var(--landing-bg) center bottom / cover no-repeat,#1c0a08;color:#e8d9b8}.landing-vignette,.landing-noise{position:absolute;inset:0;pointer-events:none}.landing-vignette{z-index:-1;background:radial-gradient(ellipse at center,transparent 24%,rgba(0,0,0,.68) 76%),linear-gradient(180deg,rgba(0,0,0,.78),transparent 20%,transparent 70%,rgba(0,0,0,.82))}.landing-noise{opacity:.05;mix-blend-mode:soft-light;background-image:radial-gradient(circle,rgba(255,255,255,.28) 0 .8px,transparent 1px);background-size:9px 9px}.landing-header{position:absolute;top:max(18px,env(safe-area-inset-top));right:clamp(14px,4vw,54px);z-index:5;display:flex;gap:10px}.landing-nav-button{min-height:46px;padding:0 18px 0 10px;display:inline-flex;align-items:center;gap:9px;border-radius:0 0 8px 8px;border-color:#f5c54294;border-top-color:#5b74b1b8;background:linear-gradient(180deg,#1a2238,#0f1626);color:#f7e3a8;text-transform:uppercase;letter-spacing:.08em;box-shadow:inset 0 -3px #f5c54273,0 8px 22px #0000006b}.landing-nav-button:hover{transform:translateY(1px)}.landing-login-toggle{display:none}.landing-nav-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(247,227,168,.62);background:radial-gradient(circle,#3c4f83,#11182b);font-size:.64rem}.landing-auth-panel{position:absolute;top:max(18px,env(safe-area-inset-top));left:clamp(14px,4vw,54px);z-index:5;width:min(310px,calc(100vw - 28px));padding:12px;border:1px solid rgba(245,197,66,.42);border-radius:10px;background:linear-gradient(180deg,#1a2238eb,#0f1626e6);color:#e8d9b8;box-shadow:inset 0 -2px #f5c5423d,0 12px 26px #00000061}.landing-auth-panel strong{display:block;color:#f7e3a8;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem}.landing-auth-panel p,.landing-auth-panel em{display:block;margin:5px 0 0;color:#e8d9b8d6;font-size:.78rem;line-height:1.35}.landing-auth-panel em{color:#f5c542;font-style:normal}.landing-auth-actions,.landing-auth-email{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.landing-auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.landing-auth-mode button{min-height:34px;opacity:.78}.landing-auth-mode .active{opacity:1;border-color:#f7e3a8;box-shadow:inset 0 0 0 1px #f5c5425c}.landing-auth-panel button,.landing-auth-email input{min-height:38px;border-radius:7px;font-size:.76rem}.landing-auth-panel button{padding-inline:10px;border:1px solid rgba(245,197,66,.55);background:linear-gradient(180deg,#3b2a15,#160b05);color:#f7e3a8;text-transform:uppercase;letter-spacing:.06em}.landing-auth-panel button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #f5c54247}.landing-auth-panel button:disabled,.landing-auth-email input:disabled{opacity:.56;cursor:wait}.landing-auth-email input{grid-column:1 / -1;width:100%;padding-inline:10px;border:1px solid rgba(247,227,168,.28);background:#0c0404b8;color:#f7e3a8}.landing-auth-email button{grid-column:1 / -1}.landing-stage{width:min(100%,1180px);height:100%;margin:0 auto;padding:clamp(72px,7vh,96px) clamp(18px,4vw,46px) 58px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vh,20px)}.landing-logo-wrap{position:relative;justify-self:center;width:min(58vw,610px);min-width:340px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 0 28px rgba(245,197,66,.34))}.landing-logo-image{width:100%;max-height:29vh;object-fit:contain;mix-blend-mode:normal;filter:saturate(1.12) contrast(1.04) drop-shadow(0 6px 14px rgba(0,0,0,.45))}.landing-logo-image:not([src]),.landing-logo-image[src=""]{display:none}.landing-logo-fallback{position:absolute;inset:auto 0 -10px;display:none;color:#f5c542;text-align:center;font:900 clamp(2.4rem,7vw,5rem) / .92 Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 4px 0 #5a2b0b,0 0 32px rgba(245,197,66,.46)}.class-strip-shell{position:relative;width:min(100%,980px);justify-self:center;overflow:hidden;padding:10px 28px;background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.circular-landing-gallery{height:clamp(180px,24vh,260px);padding:0;cursor:grab}.circular-landing-gallery:before{content:"";position:absolute;left:50%;top:50%;z-index:3;width:clamp(116px,11vw,158px);height:clamp(116px,11vw,158px);border:2px solid rgba(245,197,66,.72);border-radius:20px;transform:translate(-50%,-50%);box-shadow:0 0 34px #f5c5426b,0 0 74px #f1591a38,inset 0 0 18px #f5c5422e;pointer-events:none}.circular-landing-gallery:after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:clamp(210px,20vw,310px);height:clamp(118px,12vw,178px);background:radial-gradient(ellipse,rgba(245,197,66,.32),rgba(241,89,26,.12) 45%,transparent 72%);transform:translate(-50%,-50%);pointer-events:none}.circular-landing-gallery.is-dragging{cursor:grabbing}.circular-landing-gallery canvas{position:relative;z-index:2;width:100%;height:100%;display:block}.circular-landing-gallery:not(.is-fallback) .landing-gallery-fallback{display:none}.circular-landing-gallery.is-fallback{height:auto;padding:10px 28px;cursor:auto}.circular-landing-gallery.is-fallback:before,.circular-landing-gallery.is-fallback:after{display:none}.class-strip-track{display:flex;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,14px)}.class-strip-fade{display:none}.landing-class-icon{position:relative;width:clamp(64px,6.7vw,86px);height:clamp(64px,6.7vw,86px);min-width:auto;min-height:auto;padding:4px;flex:0 0 auto;border-radius:50%;border-color:#755025cc;background:radial-gradient(circle,#392212,#110807);opacity:.68;filter:saturate(.58) brightness(.74);transform:scale(.78);transform-origin:center;transition:transform .18s ease,opacity .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}.landing-class-icon:hover:not(.active){transform:translateY(-2px) scale(.86);opacity:.95;filter:saturate(1) brightness(1)}.landing-class-icon.active{border-color:#f5c542;opacity:1;filter:saturate(1.18) brightness(1.08);transform:scale(1);box-shadow:0 0 0 3px #5a3412d1,0 0 28px #f5c542b8}.landing-class-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.landing-class-icon span{position:absolute;right:-4px;bottom:-4px;min-width:24px;min-height:22px;display:grid;place-items:center;border:1px solid rgba(247,227,168,.75);border-radius:7px;background:linear-gradient(180deg,#5a3a18,#1c0a08);color:#f7e3a8;font-size:.62rem;letter-spacing:.04em}.class-showcase{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);align-items:center;gap:clamp(18px,4vw,52px)}.class-copy{min-width:0;padding:clamp(18px,3vw,30px);overflow:visible;border-top:2px solid rgba(245,197,66,.8);border-bottom:2px solid rgba(245,197,66,.68);background:linear-gradient(90deg,rgba(12,4,4,.68),rgba(12,4,4,.22),transparent);text-shadow:0 2px 3px rgba(0,0,0,.65)}.class-title-row{display:flex;align-items:center;gap:14px;min-width:0}.class-title-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:2px solid #f5c542;border-radius:50%;background:radial-gradient(circle,#f5c54247,#1c0a08f2);color:#f7e3a8;font-weight:900;box-shadow:0 0 22px color-mix(in srgb,var(--class-glow),transparent 38%)}.class-title-row h1{min-width:0;margin:0;color:#f7e3a8;font-size:clamp(1.85rem,2.95vw,3rem);line-height:.94;letter-spacing:.01em;overflow-wrap:break-word;white-space:nowrap}.class-divider{width:min(100%,420px);height:2px;margin:14px 0;background:linear-gradient(90deg,transparent,#f5c542,transparent)}.class-divider.bottom{margin-top:18px}.main-attribute{margin-bottom:14px;color:#f5c542;text-transform:uppercase;letter-spacing:.13em;font-size:.82rem}.main-attribute b{color:var(--class-glow)}.class-title-icon,.class-title-row h1,.main-attribute b,.class-description,.class-character figcaption{transition:color .18s ease,opacity .18s ease,text-shadow .18s ease}.class-description{max-width:52ch;margin-bottom:0;color:#e8d9b8;font:500 clamp(.98rem,1.6vw,1.14rem) / 1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.class-character{position:relative;min-height:clamp(330px,50vh,560px);margin:0;display:grid;place-items:center}.character-aura{position:absolute;width:min(92%,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--class-glow),transparent 20%),transparent 68%);filter:blur(10px);opacity:.82}.class-character img{position:relative;z-index:2;width:min(92%,520px);max-height:50vh;object-fit:contain;border-radius:12px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.7))}.class-character figcaption{position:absolute;bottom:8%;z-index:3;color:#f7e3a8bd;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase}.class-showcase.is-changing .class-copy,.class-showcase.is-changing .class-character img{animation:class-swap .24s ease both}.character-ground{position:absolute;bottom:8%;width:min(82%,500px);height:34px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--class-glow),transparent 40%),transparent 70%);filter:blur(4px)}.landing-arrow{position:absolute;top:55%;z-index:4;min-width:66px;min-height:86px;border:0;background:transparent;color:#f5c542;font-size:clamp(4rem,8vw,7rem);line-height:1;text-shadow:0 5px 0 rgba(0,0,0,.65),0 0 22px rgba(245,197,66,.45);box-shadow:none}.landing-arrow:hover{transform:scale(1.08);color:#f7e3a8;filter:none}.landing-arrow-left{left:clamp(8px,2.4vw,34px)}.landing-arrow-right{right:clamp(8px,2.4vw,34px)}.play-now-button{position:relative;left:auto;bottom:auto;display:block;z-index:6;transform:none;width:min(100%,360px);min-width:0;min-height:74px;margin:clamp(16px,2.2vh,28px) auto 0;padding:9px;border:4px solid #5a3a18;border-radius:13px;background:linear-gradient(180deg,#5a3a18,#2a1808);box-shadow:0 10px #00000061,0 0 30px #c43a1452}.play-now-button span{height:100%;min-height:52px;display:grid;place-items:center;border:2px solid #f5c542;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 36%),linear-gradient(180deg,#273b73,#0f1626);color:#f7e3a8;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(1.05rem,2vw,1.42rem)}.play-now-button:hover{transform:translateY(-3px);box-shadow:0 13px #00000057,0 0 42px #f5c5427a}.play-now-button:active{transform:translateY(1px)}.landing-footer{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:5;transform:translate(-50%);display:flex;gap:clamp(12px,3vw,28px)}.landing-footer button{min-height:auto;padding:0;border:0;color:#f5c542b8;background:transparent;box-shadow:none;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.landing-footer button:hover,.landing-footer button:focus-visible{color:#f7e3a8}.landing-toast{position:absolute;left:50%;bottom:max(76px,calc(64px + env(safe-area-inset-bottom)));z-index:8;transform:translate(-50%);padding:12px 18px;border:1px solid rgba(245,197,66,.68);border-radius:9px;background:#0f1626eb;color:#f7e3a8;box-shadow:0 12px 30px #00000080}@keyframes character-in{0%{opacity:0;transform:translate(18px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes class-swap{0%{opacity:.72;transform:translateY(5px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.landing-stage{padding-top:76px;gap:10px}.class-showcase{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}}@media(max-width:767px){.landing-page{display:block;min-height:100svh;height:auto;overflow-y:auto;overflow-x:hidden}.landing-header{right:10px;gap:7px}.landing-login-toggle{display:inline-flex}.landing-auth-panel{display:none;position:fixed;top:max(72px,calc(58px + env(safe-area-inset-top)));right:10px;bottom:auto;left:auto;width:min(92vw,360px);margin:0;padding:9px;transform:none;z-index:9}.landing-auth-panel.open{display:block}.landing-nav-button{width:48px;padding:0;justify-content:center}.landing-nav-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.landing-stage{min-height:auto;height:auto;padding:max(64px,calc(52px + env(safe-area-inset-top))) 14px max(18px,env(safe-area-inset-bottom));grid-template-rows:auto auto auto auto;gap:8px}.landing-logo-wrap{width:min(90vw,430px);min-width:0}.landing-logo-image{max-height:20svh}.class-strip-shell{padding-inline:22px}.circular-landing-gallery{height:clamp(132px,22svh,178px)}.circular-landing-gallery:before{width:clamp(82px,22vw,106px);height:clamp(82px,22vw,106px);border-radius:16px}.circular-landing-gallery:after{width:clamp(140px,42vw,210px);height:clamp(82px,22vw,118px)}.class-strip-track{justify-content:flex-start;overflow-x:auto;padding:4px 20px;scrollbar-width:none}.class-strip-track::-webkit-scrollbar{display:none}.class-showcase{grid-template-columns:1fr;gap:6px;padding-bottom:0}.class-character{order:-1;min-height:clamp(300px,48svh,460px)}.class-character img{width:min(96vw,460px);max-height:clamp(290px,48svh,460px)}.class-character figcaption{bottom:1%;font-size:.58rem;letter-spacing:.16em}.character-ground{bottom:1%}.class-copy{padding:12px;text-align:center;background:#0c040485}.class-title-row{justify-content:center}.class-title-row h1{font-size:clamp(1.45rem,8.4vw,2.35rem);line-height:1.04;white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.class-divider{margin-block:10px;margin-inline:auto}.main-attribute{margin-bottom:9px;font-size:.7rem;letter-spacing:.09em}.class-description{max-width:100%;font-size:.9rem;line-height:1.42}.landing-arrow{top:48%;min-width:44px;font-size:4.2rem}.landing-arrow-left{left:2px}.landing-arrow-right{right:2px}.play-now-button{position:relative;z-index:2;width:min(82vw,340px);min-height:62px;margin:14px auto 0;transform:none}.play-now-button:hover,.play-now-button:active{transform:none}.play-now-button span{min-height:44px;font-size:clamp(.92rem,4.8vw,1.2rem);letter-spacing:.12em}.landing-footer{position:static;width:min(100%,420px);margin:8px auto 12px;transform:none;justify-content:center;flex-wrap:wrap;row-gap:8px;padding-inline:12px}.landing-toast{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));width:min(92vw,360px);text-align:center}}@media(max-width:430px){.landing-auth-panel{width:calc(100vw - 20px)}.landing-auth-actions,.landing-auth-email{gap:6px}.landing-auth-panel button,.landing-auth-email input{min-height:36px;font-size:.68rem}.landing-logo-wrap{width:min(88vw,350px)}.circular-landing-gallery{height:148px}.class-character{min-height:clamp(315px,50svh,480px)}.class-character img{width:min(98vw,480px);max-height:clamp(305px,50svh,480px)}.class-title-icon{width:40px;height:40px;flex-basis:40px;font-size:.78rem}.class-title-row{gap:9px}.class-title-row h1{font-size:clamp(1.32rem,8vw,1.9rem)}.class-description{font-size:.84rem}.landing-arrow{top:46%;font-size:3.4rem}}@media(max-height:760px)and (min-width:768px){.landing-stage{padding-top:54px;padding-bottom:42px;gap:6px}.landing-logo-wrap{width:min(48vw,470px)}.landing-logo-image{max-height:24vh}.class-character{min-height:clamp(280px,42vh,420px)}.class-character img{width:min(90%,430px);max-height:42vh}.play-now-button{min-height:60px;margin-top:10px}.play-now-button span{min-height:46px}.landing-footer{bottom:8px}}.app-shell{width:min(100%,1500px);min-height:100svh;margin:0 auto;padding:12px 14px calc(92px + var(--safe-bottom))}.top-hud{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px;border:2px solid var(--line);border-radius:9px;background:linear-gradient(90deg,rgba(122,74,30,.22),transparent 45%),#0c0805e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hero-chip{display:flex;align-items:center;min-width:0;gap:10px}.hero-chip img{width:50px;height:50px;border-radius:7px;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 0 2px #2b180ae6}.hero-chip strong,.hero-chip span{display:block}.hero-chip span{color:var(--muted)}.resource-stack{min-width:136px;text-align:right}.logout-button{min-height:44px;padding-inline:14px;color:var(--parchment);background:linear-gradient(180deg,rgba(255,232,155,.12),transparent 36%),linear-gradient(180deg,#5a2a1f,#1d0d08)}.gold{display:inline-block;margin-bottom:6px;color:var(--gold-bright);font-weight:900}.xp-track{position:relative;height:19px;overflow:hidden;border:2px solid #120905;border-radius:99px;background:#21150b;box-shadow:inset 0 2px 7px #000000b3}.xp-track span{display:block;height:100%;background:linear-gradient(90deg,#5e2d8c,#d78aff)}.xp-track em{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;font-style:normal;color:#fff;text-shadow:0 1px 2px black}.screen-frame{margin-top:12px;min-width:0}.bottom-nav{position:fixed;left:50%;bottom:max(8px,env(safe-area-inset-bottom));z-index:30;box-sizing:border-box;width:min(calc(100vw - 24px),760px);max-width:calc(100vw - 24px);transform:translate(-50%);display:flex;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:7px;padding:9px 10px;border:2px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#7e4d214d,#060402f7),#060402f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px #000000b8,0 -8px 22px #00000059}.bottom-nav button{display:grid;place-items:center;gap:3px;flex:1 1 0;min-height:58px;padding:6px 4px;font-size:.78rem}.bottom-nav button b,.bottom-nav button em,.place-nav b,.place-nav em{display:block;max-width:100%;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button b{line-height:1.05}.bottom-nav button em{color:var(--muted);font-size:.66rem}.bottom-nav span{font-size:1.18rem;color:var(--gold-bright)}.bottom-nav .active,.place-nav.active{border-color:var(--gold-bright);background:linear-gradient(180deg,rgba(255,226,136,.18),transparent 34%),linear-gradient(180deg,#9a672b,#3b210e)}.place-nav.locked{opacity:.54;filter:grayscale(.85)}.place-nav.locked span{color:#b9a277}.side-place-nav,.mobile-place-nav{z-index:29;box-sizing:border-box;border:2px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#7e4d214d,#060402f7),#060402f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px #000000b8,0 10px 24px #0000004d}.side-place-nav{position:fixed;top:50%;bottom:auto;transform:translateY(-50%);display:grid;align-content:start;gap:6px;width:clamp(106px,7.4vw,128px);max-height:calc(100svh - 190px - var(--safe-bottom));padding:7px;overflow-y:auto;scrollbar-width:thin;background:linear-gradient(180deg,#7e4d213d,#060402db),#060402c7}.side-place-nav-left{left:max(8px,calc((100vw - 1500px)/2 + 8px))}.side-place-nav-right{right:max(8px,calc((100vw - 1500px)/2 + 8px))}.place-nav{display:grid;place-items:center;gap:3px;min-height:50px;padding:5px 4px;font-size:.7rem;opacity:.96}.place-nav span{color:var(--gold-bright);font-size:1.15rem}.place-nav em{color:var(--muted);font-size:.63rem}.mobile-place-nav{display:none}.nav-locked .bottom-nav,.nav-locked .side-place-nav,.nav-locked .mobile-place-nav{pointer-events:none;filter:grayscale(1)}.hero-layout{display:grid;grid-template-columns:minmax(500px,.95fr) minmax(500px,1.05fr);gap:14px;max-width:1380px;margin:0 auto}.hero-menu{align-items:start}.full-width{grid-column:1 / -1}.tavern-screen,.merchant-screen,.equipment-grid,.shop-grid,.quest-list,.dungeon-screen{display:grid;gap:12px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));align-items:stretch}@media(max-width:1220px){.side-place-nav{display:none}.mobile-place-nav{position:fixed;left:50%;bottom:calc(82px + var(--safe-bottom));transform:translate(-50%);display:flex;width:min(calc(100vw - 18px),900px);gap:6px;padding:7px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mobile-place-nav .place-nav{flex:0 0 116px;min-height:50px;font-size:.7rem}}@media(max-width:900px){.app-shell{padding:6px 6px calc(132px + var(--safe-bottom))}.top-hud{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.resource-stack{min-width:114px}.logout-button{grid-column:1 / -1}.hero-layout,.class-grid,.shop-grid,.world-hub-screen,.module-columns,.equipment-grid,.stat-grid{grid-template-columns:1fr}}@media(max-width:420px){.hero-chip img{width:40px;height:40px}.hero-chip strong{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{gap:4px;padding:6px 6px calc(6px + var(--safe-bottom))}.bottom-nav button{font-size:.72rem;min-height:52px}}.app-shell{width:min(100%,1680px);padding:12px 14px 14px}.app-body{display:grid;grid-template-columns:minmax(150px,184px) minmax(0,1fr);gap:12px;align-items:start;margin-top:12px}.screen-frame{margin-top:0}.game-sidebar{position:sticky;top:96px;z-index:12;display:grid;gap:10px;max-height:calc(100svh - 116px);overflow:auto;padding:10px;border:2px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#7e4d2138,#060402f0),#060402e6;box-shadow:var(--shadow),var(--inner);scrollbar-width:thin}.nav-section{display:grid;gap:7px}.nav-section h3{margin:0;color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.nav-section>div{display:grid;gap:6px}.game-sidebar .place-nav{grid-template-columns:30px minmax(0,1fr);justify-items:start;min-height:48px;padding:7px 9px;text-align:left}.game-sidebar .place-nav span{grid-row:1 / span 2;align-self:center}.game-sidebar .place-nav em{grid-column:2}.bottom-nav{display:none}.side-place-nav,.mobile-place-nav{display:none!important}.mobile-place-drawer{display:none}.nav-locked .game-sidebar,.nav-locked .bottom-nav,.nav-locked .mobile-place-drawer{pointer-events:none;filter:grayscale(1)}.mobile-places-button{display:none}@media(max-width:900px){.app-shell{width:100%;padding:6px 6px calc(90px + var(--safe-bottom))}.app-body{display:block;margin-top:8px}.game-sidebar{display:none}.bottom-nav{display:flex;width:min(calc(100vw - 12px),760px);bottom:max(6px,env(safe-area-inset-bottom));gap:5px;padding:7px 7px calc(7px + var(--safe-bottom))}.bottom-nav button{min-width:0;min-height:54px;font-size:clamp(.62rem,2.25vw,.76rem)}.bottom-nav .mobile-places-button{display:grid}.mobile-place-drawer{position:fixed;left:8px;right:8px;bottom:calc(78px + var(--safe-bottom));z-index:35;display:grid;gap:8px;max-height:min(62svh,520px);overflow:auto;padding:10px;border:2px solid var(--line);border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,#7e4d2147,#060402fa),#060402f5;box-shadow:0 -12px 34px #00000070,var(--inner);transform:translateY(calc(100% + 92px));opacity:0;pointer-events:none;transition:transform .16s ease,opacity .16s ease;scrollbar-width:thin}.places-open .mobile-place-drawer{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-place-drawer header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--gold-bright)}.mobile-place-drawer header button{min-width:42px;min-height:42px;padding:0;font-size:1.2rem}.mobile-place-drawer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-place-drawer .place-nav{min-height:48px}}@media(max-width:520px){.bottom-nav{gap:3px;padding-inline:4px}.bottom-nav button{min-height:50px;padding-inline:2px}.bottom-nav span{font-size:1rem}.mobile-place-drawer>div{grid-template-columns:1fr}}.stone-panel,.creation-panel,.quest-card,.shop-card,.dungeon-card,.forge-card,.equipment-slot,.item-row{border:2px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,229,154,.09),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.025) 0 16px,transparent 16px 32px),var(--panel);box-shadow:var(--shadow),var(--inner)}.stone-panel,.creation-panel,.timer-screen{padding:14px}.next-step-banner{display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,2vw,1.2rem);margin-bottom:clamp(.75rem,1.5vw,1rem);padding:clamp(.7rem,1.5vw,.95rem) clamp(.9rem,2vw,1.2rem)}.next-step-banner div{display:grid;gap:.18rem;min-width:0}.next-step-banner small{color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.next-step-banner strong{color:var(--cream);font-size:clamp(1rem,2vw,1.25rem)}.next-step-banner span{color:var(--muted)}.next-step-banner button{flex:0 0 auto}.tutorial-overlay{position:fixed;inset:0;z-index:72;display:grid;place-items:center;padding:clamp(16px,4vw,32px);background:#0402019e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.tutorial-popover{display:grid;gap:9px;width:min(540px,100%);padding:clamp(16px,2.5vw,24px);pointer-events:auto;background:linear-gradient(180deg,rgba(255,229,154,.14),transparent 42%),#2d1c0df5}.tutorial-popover small{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.tutorial-popover h2{margin:0;color:var(--cream);font-size:clamp(1.25rem,2vw,1.65rem)}.tutorial-popover p{margin:0;color:var(--parchment);line-height:1.35}.tutorial-progress,.tutorial-actions{display:flex;flex-wrap:wrap;gap:7px}.tutorial-progress{margin:0;padding:0;list-style:none}.tutorial-progress span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,219,142,.32);border-radius:50%;background:#120a0580;color:var(--muted);font-size:.72rem;font-weight:900}.tutorial-progress li{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(255,219,142,.26);border-radius:999px;background:#120a0573;color:var(--gold-bright);font-size:.8rem;font-weight:900}.tutorial-progress .done{border-color:#5ea760b8;color:#caffe0}.tutorial-progress .active{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 18px #f5c54238}.tutorial-actions{display:grid;grid-template-columns:1fr}.tutorial-actions button{min-height:42px;padding-inline:10px}.adventure-energy{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);align-items:center;gap:14px}.adventure-energy small{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.adventure-energy h2,.adventure-energy p{margin:0}.adventure-energy p{color:var(--muted)}.adventure-energy-meter{display:grid;gap:7px}.adventure-energy-meter strong{color:var(--gold-bright);font-size:clamp(1.3rem,2.5vw,2rem);text-align:right}.energy-track{height:20px;overflow:hidden;border:2px solid #120905;border-radius:999px;background:#201207;box-shadow:inset 0 2px 8px #000000b8}.energy-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c44e1f,#f2b94f,#ffe18a);box-shadow:0 0 18px #f5c54247}@media(max-width:680px){.adventure-energy{grid-template-columns:1fr}.adventure-energy-meter strong{text-align:left}}.creation-screen{min-height:100svh;display:grid;place-items:center;padding:16px}.creation-panel{width:min(100%,1120px);text-align:center}.creation-panel h1{margin-bottom:6px;font-size:clamp(2rem,5.8vw,3.6rem)}.creation-panel>p{max-width:780px;margin:0 auto;color:var(--parchment);line-height:1.45}.crest{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(154px,1fr));gap:14px;margin:20px 0}.creation-class-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);align-items:center;gap:18px;margin:18px 0 16px}.creation-gallery-panel{min-width:0}.creation-class-gallery{position:relative;height:clamp(220px,30svh,320px);overflow:hidden;border:2px solid rgba(255,216,121,.3);border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(255,216,121,.12),transparent 48%),linear-gradient(180deg,rgba(255,229,154,.08),transparent 40%),#120a058f;cursor:grab;box-shadow:inset 0 0 38px #0000006b}.creation-class-gallery.is-dragging{cursor:grabbing}.creation-class-gallery canvas{width:100%;height:100%;display:block}.class-gallery-fallback{display:none}.creation-class-gallery.is-fallback{height:auto;overflow:visible;cursor:auto;border:0;background:transparent;box-shadow:none}.creation-class-gallery.is-fallback .class-gallery-fallback{display:grid}.creation-class-preview{position:relative;min-height:clamp(260px,34svh,380px);display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.82fr);align-items:center;gap:18px;overflow:hidden;border:2px solid rgba(255,216,121,.34);border-radius:12px;padding:16px;text-align:left;background:radial-gradient(circle at 76% 48%,color-mix(in srgb,var(--class-glow) 30%,transparent),transparent 42%),linear-gradient(180deg,rgba(255,229,154,.12),transparent 38%),#180d06c7;box-shadow:inset 0 0 32px #00000057}.creation-class-preview small{display:block;margin-bottom:7px;color:var(--gold-bright);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.creation-class-preview h2{margin-bottom:8px;font-size:clamp(1.45rem,2.35vw,2.05rem);overflow-wrap:anywhere}.creation-class-preview p{margin-bottom:0;color:var(--muted);line-height:1.45}.creation-class-preview figure{position:relative;margin:0;min-height:clamp(230px,31svh,350px);display:grid;place-items:end center}.creation-class-preview figure:before{content:"";position:absolute;inset:10% 8% 4%;border-radius:50%;background:color-mix(in srgb,var(--class-glow) 32%,transparent);filter:blur(22px)}.creation-class-preview img{position:relative;width:min(100%,290px);max-height:clamp(230px,31svh,350px);object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 22px rgba(0,0,0,.58))}.hero-creation-form{width:min(100%,520px);margin:16px auto 0;display:grid;gap:9px;text-align:left}.hero-creation-form label{color:var(--gold-bright);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.name-input-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:8px}.hero-creation-form input[type=text]{min-height:52px;border:2px solid #8d622c;border-radius:8px;padding:0 14px;background:linear-gradient(180deg,rgba(255,232,155,.13),transparent 40%),#120a05c7;color:var(--text);font:900 1.08rem/1 Georgia,Times New Roman,serif;box-shadow:var(--inner)}.hero-creation-form input[type=text]:focus{outline:3px solid rgba(255,216,121,.5);border-color:var(--gold-bright)}.random-name-button{min-width:54px;min-height:52px;padding:0;border-color:var(--gold-bright);color:var(--gold-bright);font-size:1.35rem;line-height:1}.class-card{height:auto;padding:10px;display:grid;gap:8px;text-align:left;background:linear-gradient(180deg,rgba(255,230,140,.1),transparent 35%),linear-gradient(180deg,#4f3218,#17100a)}.class-card.selected{border-color:var(--gold-bright);filter:brightness(1.08);box-shadow:0 0 0 3px #2b180adb,0 0 24px #ffd87957,var(--inner)}.class-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:2px solid rgba(255,216,121,.45);border-radius:7px}.class-card span{color:var(--gold-bright);font-size:1.1rem}.class-card small{color:var(--muted);line-height:1.35}.secondary-action,.primary-action,.world-back-button{padding-inline:18px}.creation-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:4px}.primary-action{min-width:min(100%,240px);border-color:var(--gold-bright);background:linear-gradient(180deg,rgba(255,239,181,.24),transparent 38%),linear-gradient(180deg,#94611f,#2a1609);color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em}.character-select-panel{text-align:left}.character-select-panel h1,.character-select-panel>p,.character-select-panel .crest{text-align:center}.character-account-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:16px auto 8px}.character-account-row span,.character-select-message{border:1px solid rgba(255,216,121,.26);border-radius:8px;padding:9px 12px;background:#120a0580;color:var(--parchment);box-shadow:var(--inner)}.character-select-message{max-width:760px;margin:12px auto 0;text-align:center}.character-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,240px));justify-content:center;gap:16px;margin-top:22px}.character-select-card{min-height:310px;display:grid;grid-template-rows:190px auto auto auto;align-content:start;gap:8px;padding:12px;text-align:center;background:linear-gradient(180deg,rgba(255,230,140,.12),transparent 38%),linear-gradient(180deg,#4a2f17,#17100a)}.character-select-card:hover:not(:disabled),.character-select-card:focus-visible{border-color:var(--gold-bright);transform:translateY(-2px);filter:brightness(1.07)}.character-select-card img{width:100%;height:190px;object-fit:contain;border:2px solid rgba(255,216,121,.42);border-radius:8px;background:radial-gradient(circle at 50% 58%,rgba(255,216,121,.16),transparent 56%),#07050399}.character-select-card span{display:-webkit-box;overflow:hidden;color:var(--gold-bright);font-size:1.16rem;font-weight:900;line-height:1.08;-webkit-line-clamp:2;-webkit-box-orient:vertical}.character-select-card small,.character-select-card em{color:var(--muted);font-style:normal;line-height:1.25}.character-select-card.create-new{place-items:center;grid-template-rows:1fr auto auto;border-style:dashed}.character-select-card.create-new strong{display:grid;place-items:center;width:96px;height:96px;border:3px solid var(--gold-bright);border-radius:12px;color:var(--gold-bright);font-size:4rem;line-height:1;background:#ffd87914;box-shadow:0 0 24px #ffd8793d}@media(max-width:860px){.creation-class-layout{grid-template-columns:1fr}.creation-class-gallery{height:clamp(210px,30svh,310px)}.creation-class-preview{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr)}}@media(max-width:540px){.creation-screen{padding:10px}.creation-panel{padding:12px}.creation-class-preview{grid-template-columns:1fr;text-align:center;min-height:auto}.creation-class-preview img{max-width:240px;margin-inline:auto}.creation-class-preview figure{min-height:220px}.creation-actions{gap:8px}.character-select-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.character-select-card{min-height:260px;grid-template-rows:150px auto auto auto}.character-select-card img{height:150px}}.portrait-panel{text-align:center}.hero-profile-card{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr);gap:12px 16px;align-content:start;align-items:start;padding:14px;min-height:min(640px,calc(100svh - 188px - var(--safe-bottom)))}.hero-paperdoll{width:min(100%,240px);height:clamp(270px,39svh,420px);margin:0 auto;display:grid;place-items:center;overflow:hidden;border:3px solid var(--gold);border-radius:8px;background:radial-gradient(circle at 50% 70%,rgba(255,216,121,.18),transparent 46%),linear-gradient(180deg,rgba(255,229,154,.07),transparent 38%),#120a0552;box-shadow:inset 0 0 34px #0006,0 0 0 3px #2a1608d9;grid-row:1 / span 4}.hero-portrait{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom;margin:0 auto;border:0;border-radius:0;filter:drop-shadow(0 16px 18px rgba(0,0,0,.58))}.hero-profile-name h2{margin:0;font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.02}.hero-profile-name p{margin:4px 0 0;color:var(--parchment)}.hero-tab-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:2px}.hero-profile-name,.hero-tab-row,.hero-description-panel,.hero-info-grid,.hero-stat-grid{grid-column:2}.hero-tab-row button{min-height:38px;display:grid;place-items:center;border:2px solid rgba(220,174,75,.56);border-radius:7px;background:#120a0570;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:6px 4px}.hero-tab-row .active{border-color:var(--gold-bright);color:var(--gold-bright);background:linear-gradient(180deg,rgba(255,239,181,.16),transparent 40%),#321c0cb3}.hero-description-panel{display:grid;gap:8px;text-align:left}.hero-description-panel label{color:var(--gold-bright);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.hero-description-panel textarea{min-height:116px;resize:vertical;border:2px solid rgba(220,174,75,.64);border-radius:8px;padding:10px;color:var(--text);background:linear-gradient(180deg,rgba(255,229,154,.08),transparent 38%),#120a0594;font:700 1rem/1.35 Georgia,Times New Roman,serif;box-shadow:var(--inner)}.hero-description-panel textarea:focus{outline:3px solid rgba(255,216,121,.38);border-color:var(--gold-bright)}.hero-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;text-align:left}.hero-info-grid span{min-height:36px;display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid rgba(255,219,142,.2);border-radius:7px;background:#120a0561;padding:8px 10px;font-weight:900}.hero-info-grid b{color:var(--gold-bright)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:left}.stat-grid span,.shop-card p,.hotspot-meta,.panel-preview-list span{border:1px solid rgba(255,219,142,.2);border-radius:7px;background:#120a0561;padding:9px}.stat-grid b{float:right;color:var(--gold-bright)}.hero-stat-grid{gap:7px}.hero-stat-grid span{display:flex;justify-content:space-between;gap:8px;min-height:36px;align-items:center;padding:8px 10px;font-weight:900}.hero-stat-grid b{float:none}.trainable-stat-grid{grid-template-columns:1fr}.hero-stat-grid .trainable-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;min-height:54px}.trainable-stat-main{display:flex;justify-content:space-between;gap:10px;grid-column:1;padding:0;border:0;background:transparent}.trainable-stat-main strong{color:var(--gold-bright)}.hero-stat-grid .trainable-stat small{grid-column:1;color:var(--muted);font-size:.76rem;line-height:1.15}.hero-stat-grid .trainable-stat button{grid-column:2;grid-row:1 / span 2;min-width:88px;min-height:40px;padding:6px 8px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.hero-stat-grid .trainable-stat button span{width:24px;height:24px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,219,142,.34);background:#0000003d}.hero-stat-grid .trainable-stat button em{font-style:normal;font-size:.72rem;color:var(--gold-bright)}.hero-stat-grid .hp-stat{grid-template-columns:1fr}.hero-stat-grid .hp-stat .trainable-stat-main,.hero-stat-grid .hp-stat small{grid-column:1}.hero-equipment-panel,.hero-inventory-panel{padding:12px}.hero-side-column{display:grid;align-content:start;gap:12px;min-width:0}.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.arena-energy-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,260px);gap:12px;align-items:center;border:1px solid rgba(255,219,142,.22);border-radius:8px;background:#120a056b;padding:10px;margin-bottom:12px}.arena-energy-panel small{color:var(--gold-bright);text-transform:uppercase;letter-spacing:.06em;font-weight:900}.arena-energy-panel strong{display:block;font-size:1.45rem;color:var(--gold-bright)}.arena-energy-panel p{margin:0;color:var(--muted)}.arena-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px;margin-top:12px}.arena-choice-card{display:grid;gap:9px;align-content:start;border:1px solid rgba(255,219,142,.24);border-radius:8px;background:#120a056b;padding:10px}.arena-choice-card img{width:100%;aspect-ratio:1 / .62;object-fit:contain;object-position:center bottom;border:2px solid rgba(255,216,121,.3);border-radius:7px;background:radial-gradient(circle at center,#ffd8792e,#0000005c)}.arena-choice-card small{color:var(--gold-bright);font-weight:900;text-transform:uppercase;letter-spacing:.05em}.arena-choice-card strong{display:block;color:var(--gold-bright);font-size:1.08rem;line-height:1.1}.arena-choice-card p{margin:0;color:var(--muted);line-height:1.3}.arena-choice-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.arena-choice-card dl div{padding:6px;border:1px solid rgba(255,219,142,.2);border-radius:7px;background:#120a055c}.arena-choice-card dt{color:var(--muted);font-size:.72rem}.arena-choice-card dd{margin:0;color:var(--gold-bright);font-weight:900}.panel-heading-row h2{margin:0}.panel-heading-row span{color:var(--gold-bright);font-weight:900}.hero-equipment-grid{grid-template-columns:repeat(2,minmax(180px,1fr));align-items:stretch}.hero-inventory-panel{max-height:clamp(150px,24svh,250px);overflow:auto}@media(max-width:900px){.hero-profile-card{grid-template-columns:1fr;justify-items:center}.hero-profile-name,.hero-tab-row,.hero-description-panel,.hero-info-grid,.hero-stat-grid{width:100%;grid-column:1}.hero-paperdoll{height:clamp(210px,30svh,300px)}.hero-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.innkeeper{display:grid;grid-template-columns:124px 1fr;gap:12px;padding:12px}.innkeeper img,.quest-card img,.dungeon-card img{width:100%;height:100%;min-height:96px;object-fit:cover;border:2px solid rgba(255,216,121,.35);border-radius:7px}.quest-card,.dungeon-card{display:grid;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px}.quest-card small{color:var(--gold-bright)}.quest-meta{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.quest-meta span{padding:3px 7px;border:1px solid rgba(255,216,121,.3);border-radius:999px;color:var(--gold-bright);font-size:.78rem;font-weight:800;background:#0003}.quest-detail-grid{display:grid;gap:3px}.quest-detail-grid small{color:var(--muted)}.dungeon-reward-grid{margin:8px 0}.dungeon-loot-preview{color:var(--muted);font-size:.9rem}.dungeon-boss-hint{margin-top:6px;color:var(--gold-bright);font-size:.86rem;line-height:1.25}.quest-section{display:grid;gap:10px}.quest-section>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:10px 12px;border:2px solid rgba(255,216,121,.28);border-radius:8px;background:linear-gradient(180deg,rgba(255,229,154,.08),transparent 55%),#120a0575}.quest-section h2{margin:0 0 2px;font-size:clamp(1.35rem,3.4vw,1.9rem)}.quest-section p{margin:0;color:var(--muted)}.quest-section>header>span{min-width:42px;min-height:42px;display:grid;place-items:center;border:2px solid rgba(255,216,121,.5);border-radius:999px;color:var(--gold-bright);font-weight:900;background:#00000038}.daily-action-board{display:grid;gap:10px;margin-top:14px;padding-top:12px;border-top:2px solid rgba(255,216,121,.22)}.daily-action-board>header{display:flex;align-items:end;justify-content:space-between;gap:12px}.daily-action-board h2{margin:0 0 2px;font-size:clamp(1.3rem,3vw,1.75rem)}.daily-action-board p{margin:0;color:var(--muted)}.daily-action-board>header>span,.daily-action-card small{color:var(--gold-bright);font-weight:900}.daily-action-card.status-bereit{border-color:#7ee06f73;box-shadow:inset 0 0 0 1px #7ee06f1a}.daily-action-card.status-aktiv{border-color:#6ec8ff73}.daily-action-card.status-erledigt{opacity:.82}.collection-album{display:grid;gap:12px;margin-top:16px;padding-top:14px;border-top:2px solid rgba(255,216,121,.22)}.collection-album>header{display:flex;align-items:end;justify-content:space-between;gap:12px}.collection-album h2,.collection-album h3{margin:0}.collection-album h2{font-size:clamp(1.25rem,3vw,1.75rem)}.collection-album p{margin:3px 0 0;color:var(--muted)}.collection-album>header>span{color:var(--gold-bright);font-weight:900;white-space:nowrap}.collection-summary,.collection-columns,.collection-milestones{display:grid;gap:10px}.collection-summary{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}.collection-summary span{display:flex;justify-content:space-between;gap:10px;border:1px solid rgba(255,219,142,.22);border-radius:8px;background:#120a056b;padding:9px 10px}.collection-summary b{color:var(--gold-bright)}.collection-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-columns>div{display:grid;gap:8px;min-width:0}.collection-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.collection-entry-card{display:grid;gap:6px;border:1px solid rgba(255,219,142,.22);border-radius:8px;background:#120a056b;padding:8px;min-width:0}.collection-entry-card img{width:100%;aspect-ratio:1 / .72;object-fit:cover;border:2px solid rgba(255,216,121,.3);border-radius:7px}.collection-entry-card strong{color:var(--gold-bright);line-height:1.1}.collection-entry-card small,.muted-copy{color:var(--muted)}.collection-milestones{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.collection-milestone.claimable{border-color:#7ee06f73;box-shadow:inset 0 0 0 1px #7ee06f1a}.collection-milestone.claimed{opacity:.78}.timer-screen{min-height:calc(100svh - 150px);display:grid;align-content:center;justify-items:center;text-align:center}.timer-screen img{width:min(100%,420px);max-height:280px;object-fit:cover;border-radius:8px;border:2px solid var(--line);margin-bottom:16px}.quest-progress-screen{grid-template-columns:minmax(120px,360px) minmax(0,480px);gap:18px;text-align:left}.quest-progress-screen img{margin-bottom:0}.quest-progress-content{display:grid;gap:10px;align-content:center}.quest-progress-kicker{width:fit-content;padding:4px 8px;border:1px solid rgba(255,216,121,.38);border-radius:999px;color:var(--gold-bright);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#00000040}.countdown{font-size:clamp(3rem,18vw,6rem);color:var(--gold-bright);text-shadow:0 0 24px rgba(255,210,122,.35)}.quest-progress-bar{height:16px;overflow:hidden;border:2px solid rgba(255,216,121,.42);border-radius:999px;background:#00000057;box-shadow:inset 0 0 12px #0000008c}.quest-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7b4314,#f1b950,#fff0a8);transition:width .24s ease}.quest-progress-stats{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.9rem}.quest-progress-reward{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;padding:10px;border:1px solid rgba(255,216,121,.25);border-radius:8px;background:#0000002e}.quest-progress-reward strong{color:var(--gold-bright)}.quest-progress-reward span{min-width:0}.shop-card{min-height:100%;display:flex;flex-direction:column;gap:9px;padding:11px}.shop-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px;padding:10px;border:1px solid rgba(255,216,121,.28);border-radius:8px;background:#120a0561}.shop-toolbar span{color:var(--muted);font-size:.86rem}.shop-toolbar button{min-width:min(100%,180px)}.shop-card-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center}.shop-card-head span{min-width:0}.shop-card h3{margin-bottom:0;line-height:1.08;font-size:clamp(1rem,1.5vw,1.22rem);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal}.shop-card-head img{width:58px;height:58px;object-fit:cover;border:2px solid rgba(255,216,121,.32);border-radius:7px}.shop-card-head small{display:block;margin-bottom:4px;color:var(--gold-bright);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.shop-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shop-card-facts span,.shop-card-stats,.shop-card-description{min-width:0;margin:0;border:1px solid rgba(255,219,142,.2);border-radius:7px;background:#120a0561;padding:7px 8px;color:var(--muted);font-size:.84rem;line-height:1.25;overflow-wrap:normal}.shop-card-facts b{display:block;color:var(--gold-bright);overflow-wrap:normal;word-break:normal}.shop-card-stats{color:var(--parchment);min-height:48px}.shop-card-description{font-style:italic;display:-webkit-box;min-height:62px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shop-card button,.quest-card button,.dungeon-card button,.timer-screen button{width:100%;padding-inline:12px}.shop-card button{margin-top:auto;align-self:end}.module-marketplace .market-module-columns{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:14px;max-height:none;overflow:visible;padding-right:0}.module-marketplace .market-shop-section,.module-marketplace .market-sell-panel{min-width:0}.module-marketplace .market-section-header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}.module-marketplace .market-section-header p{margin:3px 0 0;font-size:.92rem}.module-marketplace .module-shop-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));max-height:none;min-height:0;overflow:visible;padding-right:0;gap:10px}.module-marketplace .shop-card{min-height:0;padding:12px}.module-marketplace .shop-card-head{grid-template-columns:52px minmax(0,1fr)}.module-marketplace .shop-card-head img{width:52px;height:52px}.module-marketplace .shop-card h3{font-size:clamp(.98rem,1.1vw,1.14rem)}.module-marketplace .shop-card-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.module-marketplace .shop-card-facts span,.module-marketplace .shop-card-stats,.module-marketplace .shop-card-description{padding:6px 7px;font-size:.78rem}.module-marketplace .shop-card-description{min-height:46px;-webkit-line-clamp:2}.module-marketplace .market-sell-panel{position:sticky;top:0;border:1px solid rgba(255,216,121,.22);border-radius:8px;background:#120a0547;padding:10px}.module-marketplace .item-list{max-height:calc(100svh - 360px - var(--safe-bottom));overflow:auto;padding-right:4px}.module-moss_forest .module-scroll-list,.module-moss_forest .activity-list{max-height:calc(100svh - 340px - var(--safe-bottom));overflow:auto;padding-right:4px}.module-moss_forest .activity-card p,.module-marketplace .activity-card p,.module-marketplace .shop-card-description,.module-marketplace .shop-card-stats{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.module-moss_forest .activity-card p,.module-marketplace .activity-card p{-webkit-line-clamp:3}.postage-preview{margin:0;color:var(--muted)}.postage-preview b{color:var(--gold-bright)}.floor-strip{display:flex;flex-wrap:wrap;gap:5px}.floor-strip span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#2d1b0d;border:2px solid var(--line);color:var(--muted);box-shadow:inset 0 -3px #00000042}.floor-strip .done{color:#fff;background:var(--green)}.module-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:12px}.module-columns h3{margin-bottom:8px}.panel-preview-list{display:grid;gap:8px;margin-top:10px}.activity-list,.npc-grid,.status-grid{display:grid;gap:10px;margin-top:12px}.activity-list{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.npc-grid,.status-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.activity-card,.locked-panel,.status-grid span{border:1px solid rgba(255,219,142,.22);border-radius:8px;background:#120a056b;padding:10px}.activity-card{display:grid;align-content:start;gap:8px}.activity-card img{width:100%;aspect-ratio:1 / .48;object-fit:cover;border:2px solid rgba(255,216,121,.3);border-radius:7px}.activity-card strong,.locked-panel strong{color:var(--gold-bright);font-size:1.02rem}.activity-card p,.locked-panel span,.locked-panel em{margin-bottom:0;color:var(--muted);line-height:1.35}.activity-card small{color:var(--gold-bright);line-height:1.35}.activity-card button{width:100%;margin-top:auto}.social-form{display:grid;gap:10px;margin-top:12px;padding:10px;border:1px solid rgba(255,219,142,.22);border-radius:8px;background:#120a056b}.social-form label{display:grid;gap:6px;color:var(--gold-bright);font-weight:800;letter-spacing:.04em}.social-form input,.social-form textarea{width:100%;min-height:44px;border:2px solid rgba(255,216,121,.32);border-radius:7px;background:#0000005c;color:var(--parchment);padding:10px 12px;font:inherit}.social-form textarea{min-height:120px;resize:vertical}.social-form input:focus,.social-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f5c5422e}.locked-panel{display:grid;gap:8px}.locked-panel em{font-style:normal}.status-grid b{float:right;color:var(--gold-bright)}@media(max-width:900px){.tutorial-overlay{inset:0;width:auto;padding:14px}.tutorial-popover{padding:12px}.tutorial-actions{grid-template-columns:1fr}.collection-album>header,.collection-columns{grid-template-columns:1fr}.collection-album>header{display:grid;align-items:start}.collection-album>header>span{white-space:normal}.hero-menu{gap:8px}.hero-profile-card,.hero-equipment-panel,.hero-inventory-panel{padding:10px}.hero-profile-card{grid-template-columns:minmax(112px,.42fr) minmax(0,.58fr);gap:8px 10px}.hero-paperdoll{width:min(38vw,170px);height:clamp(170px,25svh,235px);grid-row:1 / span 4}.hero-portrait{width:100%;height:100%}.hero-profile-name h2{font-size:clamp(1.12rem,5.7vw,1.55rem)}.hero-profile-name p{font-size:.95rem;line-height:1.15}.hero-profile-name,.hero-tab-row,.hero-description-panel,.hero-info-grid,.hero-stat-grid{grid-column:2}.hero-tab-row{gap:6px}.hero-tab-row button{min-height:36px;font-size:.72rem;letter-spacing:.02em}.hero-stat-grid,.hero-info-grid,.hero-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inventory-panel{max-height:none;overflow:visible;margin-bottom:8px;scroll-margin-bottom:calc(82px + var(--safe-bottom))}.module-marketplace .market-module-columns{grid-template-columns:1fr;max-height:none;overflow:visible}.quest-card,.dungeon-card,.innkeeper{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:9px;padding:9px}.innkeeper img,.quest-card img,.dungeon-card img{width:82px;height:108px;min-height:0}.quest-card h3,.dungeon-card h2{font-size:1.14rem;line-height:1.08}.quest-card p,.dungeon-card p,.innkeeper p{font-size:.96rem;line-height:1.18}.quest-meta{gap:4px;margin:5px 0}.quest-meta span{font-size:.68rem;padding:2px 5px}.quest-card button,.dungeon-card button{grid-column:1 / -1;min-height:42px}.quest-progress-screen{grid-template-columns:1fr;gap:12px;text-align:center;align-content:start;min-height:auto}.quest-progress-screen img{width:min(100%,280px);max-height:160px}.quest-progress-kicker{justify-self:center}.quest-progress-reward{grid-template-columns:1fr;text-align:left}}@media(max-width:420px){.hero-profile-card{grid-template-columns:108px minmax(0,1fr);gap:7px 9px}.hero-paperdoll{width:108px;height:166px}.hero-portrait{width:132px}.hero-profile-name h2{font-size:clamp(1.05rem,6vw,1.42rem)}.hero-profile-name p{font-size:.88rem}.hero-tab-row button{min-height:34px;font-size:.62rem;padding:4px 2px}.hero-stat-grid,.hero-info-grid{gap:6px}.hero-stat-grid span,.hero-info-grid span{min-height:34px;padding:7px 8px;font-size:.9rem}.hero-equipment-grid{gap:8px}.shop-card{gap:8px;padding:10px}.shop-card-head{grid-template-columns:50px minmax(0,1fr)}.shop-card-head img{width:50px;height:50px}.shop-card-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card-facts span,.shop-card-stats,.shop-card-description{font-size:.8rem;padding:6px 7px}.quest-card,.dungeon-card,.innkeeper{grid-template-columns:74px minmax(0,1fr);gap:8px;padding:8px}.innkeeper img,.quest-card img,.dungeon-card img{width:74px;height:98px}.quest-card h3,.dungeon-card h2,.innkeeper h2{font-size:1.05rem}}@media(max-width:360px){.shop-card-facts{grid-template-columns:1fr}}.world-hub-screen{display:grid;min-height:calc(100svh - 178px - var(--safe-bottom));grid-template-columns:minmax(0,1fr);align-items:stretch}.world-map-panel,.world-module-panel{padding:12px}.world-map-panel{position:relative;grid-column:1 / -1;min-height:100%;background:linear-gradient(180deg,rgba(255,232,150,.08),transparent 34%),linear-gradient(90deg,rgba(83,49,20,.18),transparent 60%),var(--panel-strong)}.world-view{width:100%;max-width:none;height:100svh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:8px clamp(8px,1.2vw,18px) calc(80px + var(--safe-bottom))}.world-view .top-hud{width:min(100%,1180px);margin-inline:auto}.world-view .screen-frame{flex:1 1 auto;min-height:0;margin-top:8px;width:min(100%,1500px);margin-inline:auto}.world-view .world-hub-screen{height:100%;min-height:0;align-items:center}.world-view .world-map-panel{display:grid;grid-template-rows:auto minmax(0,1fr);place-items:center;height:100%;min-height:0;padding:8px;overflow:visible;border-radius:12px;background:linear-gradient(180deg,rgba(255,232,150,.07),transparent 26%),#2a170a6b}.world-map-header{position:relative;z-index:4;display:flex;align-items:start;justify-content:space-between;gap:12px;width:100%;margin-bottom:8px;padding:12px 14px;border:2px solid rgba(255,216,121,.36);border-radius:10px;background:linear-gradient(180deg,rgba(255,231,154,.12),transparent 42%),#1c0f07bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 28px #00000057}.world-map-header p{margin-bottom:0;color:var(--muted);line-height:1.45}.world-map-header span{flex:0 0 auto;border:2px solid rgba(255,216,121,.32);border-radius:999px;padding:8px 11px;color:var(--gold-bright);background:#170c0680;font-size:.78rem;font-weight:900;box-shadow:inset 0 -4px #00000038}.world-map-container{position:relative;isolation:isolate;width:100%;aspect-ratio:1672 / 941;overflow:visible;border:3px solid #8d622c;border-radius:10px;background:#130d08;box-shadow:inset 0 0 0 3px #ffdf9321,0 18px 34px #00000057}.world-view .world-map-container{width:auto;max-width:100%;height:min(calc(100svh - 250px - var(--safe-bottom)),calc((100vw - 260px)*.5628),720px);max-height:100%;border-radius:12px}.world-map-image{width:100%;height:100%;object-fit:contain;border-radius:8px;pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(1.08) contrast(1.04)}.world-hotspot{position:absolute;z-index:5;min-width:44px;min-height:44px;transform:translate(-50%,-50%);border:0;border-radius:50%;padding:0;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease,background .14s ease}.world-hotspot:before{content:"";position:absolute;inset:50% auto auto 50%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,216,121,.36),transparent 68%);filter:blur(2px)}.world-hotspot:after{content:"";position:absolute;inset:50% auto auto 50%;width:11px;height:11px;transform:translate(-50%,-50%);border:1px solid rgba(255,245,184,.86);border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 2px #231206ad,0 0 10px #ffd879c2}.world-hotspot:hover,.world-hotspot:focus-visible{transform:translate(-50%,-50%) scale(1.22);filter:brightness(1.12);box-shadow:none}.world-hotspot span{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:2;width:max-content;max-width:min(220px,calc(100vw - 32px));transform:translate(-50%) translateY(4px);opacity:0;pointer-events:none;border:2px solid #8d622c;border-radius:8px;padding:8px 10px;background:linear-gradient(180deg,rgba(255,237,178,.16),transparent 40%),#221208f7;color:var(--parchment);font-size:.8rem;font-weight:800;line-height:1.2;text-shadow:0 1px 1px black;box-shadow:var(--shadow);transition:opacity .14s ease,transform .14s ease}.world-hotspot .hotspot-tooltip strong,.world-hotspot .hotspot-tooltip em{display:block}.world-hotspot .hotspot-tooltip em{margin-top:4px;color:var(--muted);font-size:.72rem;font-style:normal;font-weight:700}.world-hotspot.tooltip-right span{left:0;transform:translateY(4px)}.world-hotspot.tooltip-right:hover span,.world-hotspot.tooltip-right:focus-visible span{transform:translateY(0)}.world-hotspot.tooltip-left span{right:0;left:auto;transform:translateY(4px)}.world-hotspot.tooltip-left:hover span,.world-hotspot.tooltip-left:focus-visible span{transform:translateY(0)}.world-hotspot.tooltip-below span{top:calc(100% + 10px);bottom:auto}.world-hotspot:hover span,.world-hotspot:focus-visible span{opacity:1;transform:translate(-50%) translateY(0)}.world-hotspot.tooltip-right:hover span,.world-hotspot.tooltip-right:focus-visible span,.world-hotspot.tooltip-left:hover span,.world-hotspot.tooltip-left:focus-visible span{transform:translateY(0)}.world-hotspot:not(.status-available){filter:grayscale(.78) brightness(.72)}.world-hotspot:not(.status-available):before{background:radial-gradient(circle,rgba(190,173,135,.22),transparent 70%)}.world-hotspot:not(.status-available):after{background:#9f9376;border-color:#efe0b9a3;box-shadow:0 0 0 2px #160e08c2,0 0 6px #efe0b95c}.world-hotspot:not(.status-available):hover,.world-hotspot:not(.status-available):focus-visible{filter:grayscale(.55) brightness(.9)}.hotspot-lock{position:absolute;left:calc(50% + 7px);top:calc(50% - 18px);z-index:1;display:grid;place-items:center;width:16px;height:16px;transform:translate(-50%,-50%);border:1px solid rgba(255,216,121,.72);border-radius:999px;background:#271609f2;color:var(--gold-bright);font-size:.72rem;font-style:normal;font-weight:900;line-height:1;box-shadow:0 2px 8px #00000080}.world-module-screen{display:grid;place-items:start center;min-height:0;width:100%}.world-module-panel{position:sticky;top:86px;width:min(100%,940px);max-height:calc(100svh - 190px - var(--safe-bottom));display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(239,224,185,.11),transparent 36%),linear-gradient(90deg,rgba(103,65,28,.25),transparent 70%),var(--panel)}.world-module-scroll{min-height:0;overflow:auto;padding-right:4px}.world-module-panel.module-marketplace{width:min(100%,1180px)}.world-module-panel.module-moss_forest{width:min(100%,980px)}.world-module-panel small{display:block;margin-bottom:8px;color:var(--gold-bright);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.world-module-panel p{color:var(--muted);line-height:1.45}.world-back-button{width:auto;margin-bottom:14px;align-self:start}.hotspot-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hotspot-meta span{color:var(--muted)}@media(max-width:900px){.world-view{padding:6px 6px calc(82px + var(--safe-bottom))}.world-map-panel,.world-module-panel{padding:10px}.world-view .world-map-panel{padding:0}.world-map-header{display:block;padding:10px}.world-map-header span{display:inline-block;margin-top:8px}.world-hotspot{min-width:44px;min-height:44px}.world-hotspot span{max-width:145px;white-space:normal}.world-module-panel{position:static}.world-map-container,.world-view .world-map-container{height:min(calc(100svh - 306px - var(--safe-bottom)),calc((100vw - 12px)*.5628));min-height:0}}.equipment-slot span,.equipment-slot strong,.equipment-slot small,.equipment-slot em{display:block}.equipment-slot{min-height:104px;padding:9px;display:grid;grid-template-columns:52px minmax(0,1fr);align-content:start;gap:4px 9px}.equipment-slot span,.equipment-slot small{color:var(--muted)}.equipment-slot span,.equipment-slot em{grid-column:1 / -1}.equipment-slot img{width:50px;height:50px;grid-row:2 / span 3;object-fit:contain;border:2px solid rgba(255,216,121,.38);border-radius:7px;background:#0c08058c}.equipment-slot button{justify-self:start;min-height:38px;padding:6px 9px}.equipment-slot strong,.item-row strong,.forge-card strong,.shop-card h3{overflow-wrap:normal;word-break:normal}.equipment-slot strong,.item-row strong,.forge-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-row strong,.item-row small{overflow-wrap:normal;word-break:normal}.item-list{display:grid;gap:8px;min-width:0}.item-row{width:100%;min-height:58px;display:flex;align-items:center;gap:10px;padding:8px;text-align:left}.item-row>span{flex:1;min-width:0}.item-row img{width:44px;height:44px;object-fit:contain;border:2px solid rgba(255,216,121,.26);border-radius:7px;background:#0c080573}.item-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.item-actions button{min-height:44px;padding:8px 10px}.item-tooltip-host{position:relative}.item-tooltip{position:absolute;left:10px;top:calc(100% - 4px);width:min(320px,calc(100vw - 32px));display:none;z-index:40;padding:10px;border:2px solid rgba(255,216,121,.56);border-radius:8px;background:linear-gradient(180deg,rgba(255,224,140,.08),transparent 35%),#140b05f5;box-shadow:0 16px 28px #0000006b;color:var(--parchment);pointer-events:none;text-align:left}.shop-card .item-tooltip{left:50%;transform:translate(-50%)}.item-tooltip-host:hover .item-tooltip,.item-tooltip-host:focus-within .item-tooltip{display:grid;gap:7px}.item-tooltip header strong{display:block;color:var(--gold-bright);font-size:1rem;line-height:1.12}.item-tooltip header small,.item-tooltip p,.item-tooltip li,.item-tooltip footer{color:var(--muted);line-height:1.25}.item-tooltip p,.item-tooltip ul{margin:0}.item-tooltip ul{list-style:none;padding:0;display:grid;gap:3px}.item-tooltip footer,.item-tooltip-comparison li{display:flex;justify-content:space-between;gap:12px}.item-tooltip-comparison{border-top:1px solid rgba(255,219,142,.2);padding-top:7px}.item-tooltip-comparison>b{color:var(--gold-bright)}.comparison-positive{color:#71e17c}.comparison-negative{color:#ff7575}.comparison-neutral{color:var(--parchment)}.item-tooltip em{font-style:normal}.forge-grid{display:grid;gap:10px}.forge-training-panel{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:12px;align-items:start;margin-bottom:14px;padding:12px;border:1px solid rgba(255,219,142,.22);border-radius:8px;background:linear-gradient(180deg,rgba(255,229,154,.09),transparent 36%),#120a0557}.forge-training-copy{display:grid;gap:6px}.forge-training-copy small{margin:0;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.forge-training-copy h3{margin:0}.forge-training-copy p{margin:0;color:var(--muted);line-height:1.35}.forge-training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forge-training-grid .trainable-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;align-items:center;min-height:52px;padding:8px 9px}.forge-training-grid .trainable-stat-main{grid-column:1}.forge-training-grid .trainable-stat small{grid-column:1;color:var(--muted);font-size:.74rem;line-height:1.12}.forge-training-grid .trainable-stat button{grid-column:2;grid-row:1 / span 2;min-width:82px;min-height:38px;padding:6px 8px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.forge-training-grid .trainable-stat button span{width:22px;height:22px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,219,142,.34);background:#0000003d}.forge-training-grid .trainable-stat button em{color:var(--gold-bright);font-style:normal;font-size:.7rem}.forge-training-grid .hp-stat{grid-template-columns:1fr}.forge-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:start;padding:10px}.forge-card.empty{grid-template-columns:1fr}.forge-card img{width:56px;height:56px;object-fit:cover;border:2px solid rgba(255,216,121,.28);border-radius:7px}.forge-card span,.forge-card small,.forge-card em{display:block;color:var(--muted)}.forge-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:8px;margin-top:10px}.forge-option{min-height:54px;padding:8px 10px;text-align:left}.forge-option span{color:var(--gold-bright);font-weight:900}.forge-option small{font-size:.78rem}.forge-option.recommended{box-shadow:0 0 0 2px #ffd8793d,var(--inner)}@media(max-width:900px){.forge-training-panel,.forge-training-grid{grid-template-columns:1fr}.forge-card{grid-template-columns:48px minmax(0,1fr)}.forge-option-list,.forge-card em{grid-column:1 / -1}.equipment-slot{min-height:104px;grid-template-columns:46px minmax(0,1fr);gap:4px 8px;padding:8px}.equipment-slot img{width:44px;height:44px}.equipment-slot button{grid-column:1 / -1;min-height:36px;padding:6px 8px}.item-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:8px}.item-row img{width:46px;height:46px}.item-actions{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.item-actions button{min-height:38px;padding:6px 8px}}.hero-tab-label-short{display:none}.hero-tab-row button{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em}.forge-option.pending{border-color:var(--gold-bright);filter:brightness(1.08)}@media(max-width:560px){.hero-tab-label-full{display:none}.hero-tab-label-short{display:inline}.hero-tab-row button{padding-inline:6px;font-size:.68rem}.hero-stat-grid .trainable-stat,.forge-training-grid .trainable-stat{grid-template-columns:1fr}.hero-stat-grid .trainable-stat button,.forge-training-grid .trainable-stat button{grid-column:1;grid-row:auto;width:100%;min-width:0;min-height:40px;justify-content:center}.hero-stat-grid .trainable-stat small,.forge-training-grid .trainable-stat small{grid-column:1}.hero-stat-grid .hp-stat{grid-template-columns:1fr}}.replay-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:14px;background:#000000db}.replay-stage{width:min(100%,1180px);max-height:min(760px,92svh);display:grid;grid-template-columns:minmax(180px,230px) minmax(360px,1fr) minmax(180px,230px);align-items:stretch;gap:14px;position:relative;border:3px solid #8d622c;border-radius:10px;padding:18px;background:radial-gradient(circle at 50% 42%,rgba(217,173,85,.16),transparent 44%),linear-gradient(#0000006b,#000000c7),url(/assets/krakenstollen_interior-DiADuWQo.webp) center / cover;box-shadow:var(--shadow)}.fighter{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:10px;justify-items:center;text-align:center;min-height:360px;padding:14px 12px;border:2px solid rgba(217,173,85,.68);border-radius:12px;background:linear-gradient(180deg,rgba(255,230,150,.08),transparent 34%),#0d0805c2;box-shadow:inset 0 0 32px #00000059}.fighter img{align-self:end;width:min(100%,198px);height:260px;object-fit:contain;object-position:center bottom;border-radius:10px;border:3px solid rgba(245,197,66,.88);background:radial-gradient(circle at 50% 38%,#f5c54229,#00000070);box-shadow:0 0 0 3px #251307e6,0 12px 28px #00000061}.fighter.enemy img{object-fit:cover;object-position:center}.fighter strong{max-width:100%;color:var(--cream);font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.05;overflow-wrap:anywhere}.fighter.hit img{animation:hit-shake .24s ease-out}.fighter.attacking img{animation:attack-lunge .28s ease-out}.fighter.enemy.attacking img{animation-name:enemy-attack-lunge}.combat-hp{position:relative;width:min(100%,180px);min-height:28px;overflow:hidden;border:2px solid rgba(255,216,121,.54);border-radius:999px;background:#120704c7;box-shadow:inset 0 0 10px #00000094}.combat-hp i{position:absolute;inset:0 auto 0 0;z-index:0;display:block;border-radius:inherit;background:linear-gradient(90deg,#8f1f14,#d44d21 56%,#f0b24a);transition:width .24s ease}.combat-hp span,.combat-hp b{position:relative;z-index:1;font-size:.72rem;font-weight:900;text-shadow:0 1px 2px #000}.combat-hp span{margin-right:5px;color:var(--gold-bright)}.damage-number{position:absolute;top:16px;right:8px;z-index:3;color:#ffef9f;font-size:1.45rem;font-weight:900;text-shadow:0 2px 0 #5c1208,0 0 14px rgba(255,72,25,.8);animation:damage-float .56s ease-out both;pointer-events:none}.hit-slash{height:14px;margin:0 0 10px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,225,127,.86),transparent);filter:drop-shadow(0 0 10px rgba(255,112,40,.86));animation:slash-flash .36s ease-out both}.hit-slash.critical{background:linear-gradient(90deg,transparent,rgba(255,92,37,.95),rgba(255,229,122,.95),transparent)}.combat-log{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:360px;max-height:min(70svh,610px);overflow:auto;border:2px solid rgba(217,173,85,.54);border-radius:12px;background:linear-gradient(180deg,rgba(239,224,185,.08),transparent 32%),#120a05d6;padding:16px}.combat-log h2{margin:0 0 8px;color:var(--gold-bright);font-size:clamp(1.35rem,2.8vw,2.35rem);line-height:1.04}.rounds{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:4px}.rounds p{margin:0;padding:8px;border-radius:7px;background:#ffffff0f}.rounds .crit{color:var(--gold-bright);animation:damage-pop .36s ease-out}.result-box{margin-top:14px;padding:12px;border-radius:8px;background:#5ea7602e;border:2px solid rgba(94,167,96,.68)}.result-box.danger{background:#b842312e;border-color:#b84231ad}.skip-button{grid-column:2;justify-self:stretch;position:static;min-width:150px;margin-top:0}.mobile-quick-panel{display:none}@keyframes hit-shake{0%{transform:translate(0)}30%{transform:translate(-10px)}70%{transform:translate(8px)}to{transform:translate(0)}}@keyframes attack-lunge{0%{transform:translate(0) scale(1)}45%{transform:translate(22px) scale(1.04)}to{transform:translate(0) scale(1)}}@keyframes enemy-attack-lunge{0%{transform:translate(0) scale(1)}45%{transform:translate(-22px) scale(1.04)}to{transform:translate(0) scale(1)}}@keyframes damage-float{0%{opacity:0;transform:translateY(10px) scale(.82)}24%{opacity:1;transform:translateY(-4px) scale(1.1)}to{opacity:0;transform:translateY(-28px) scale(.98)}}@keyframes slash-flash{0%{opacity:0;transform:scaleX(.42) rotate(-2deg)}45%{opacity:1;transform:scaleX(1) rotate(0)}to{opacity:0;transform:scaleX(1.08) rotate(1deg)}}@keyframes damage-pop{0%{transform:scale(.96)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media(max-width:900px){.replay-overlay{place-items:start center;overflow:auto;padding:max(10px,env(safe-area-inset-top)) 10px calc(84px + var(--safe-bottom))}.replay-stage{grid-template-columns:1fr 1fr;align-content:start;width:min(100%,560px);min-height:auto;gap:10px;padding:12px}.combat-log{grid-column:1 / -1;order:3;min-height:180px;max-height:34svh;padding:10px}.fighter img{width:112px;height:140px}.fighter{min-height:230px;padding:10px}.combat-hp{width:min(100%,116px)}.fighter strong{font-size:.92rem;line-height:1.05}.skip-button{position:static;grid-column:1 / -1;order:4;min-height:44px}.mobile-quick-panel{display:block}}@media(prefers-reduced-motion:reduce){.fighter.hit img,.fighter.attacking img,.fighter.enemy.attacking img,.rounds .crit,.damage-number,.hit-slash{animation:none}.combat-hp i{transition:none}}
