/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#07080b;--ink-2:#0d1017;--paper:#e7dfcf;--muted:#928b80;--gold:#c7a35d;--gold-hi:#f0d795;--line:#c7a35d3b}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}section,header{scroll-margin-top:72px}.topbar{z-index:50;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(#040508f5,#040508b8);border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,4vw,70px);display:grid;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.22em;justify-self:start;align-items:center;gap:12px;font:700 13px/1 Arial,sans-serif;display:flex}.brand-mark{border:1px solid var(--gold);width:32px;height:32px;color:var(--gold-hi);place-items:center;display:grid;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.navlinks{color:#bdb5a8;letter-spacing:.16em;text-transform:uppercase;gap:clamp(20px,3vw,42px);font:600 11px/1 Arial,sans-serif;display:flex}.navlinks a{transition:all .25s}.navlinks a:hover,.navlinks a.active{color:var(--gold-hi)}.nav-cta{border:1px solid var(--gold);color:var(--gold-hi);letter-spacing:.16em;text-transform:uppercase;justify-self:end;padding:11px 18px;font:700 10px Arial,sans-serif}.hero{place-items:center;min-height:100svh;padding:110px 24px 70px;display:grid;position:relative;overflow:hidden}.hero-image{background:#080a0f url(/hat-elem-hero-bg.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.03)}.hero-image:after{content:"";opacity:.11;background-image:radial-gradient(circle,#e7dfcf29 1px,#0000 1px);background-size:43px 43px;position:absolute;inset:0}.hero-vignette{background:linear-gradient(#0405083d,#0000 34%,#040508f0 100%),radial-gradient(circle,#0000 15%,#020305ad 95%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:820px;position:relative}.eyebrow{color:var(--gold);letter-spacing:.31em;text-transform:uppercase;margin:0 0 17px;font:700 10px/1.4 Arial,sans-serif}.hero h1{letter-spacing:.045em;text-shadow:0 10px 55px #000;margin:0;font-size:clamp(58px,9.4vw,140px);font-weight:400;line-height:.9}.hero-slogan{color:var(--gold-hi);margin:24px 0 15px;font-size:clamp(18px,2vw,25px);font-style:italic}.hero-intro{color:#a9a296;max-width:610px;margin:0 auto;font-size:16px;line-height:1.75}.hero-actions{justify-content:center;gap:13px;margin-top:34px;display:flex}.button{border:1px solid var(--line);letter-spacing:.15em;text-transform:uppercase;padding:14px 24px;font:700 10px Arial,sans-serif;transition:all .25s}.button.primary{color:#100d08;background:linear-gradient(135deg,#d1ad65,#9b7538);border-color:#d8b570;box-shadow:0 8px 35px #c7a35d29}.button.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.button.ghost:hover{border-color:var(--gold);color:var(--gold-hi)}.hero-orbit{aspect-ratio:1;opacity:.55;border:1px solid #c7a35d1c;border-radius:50%;width:min(73vw,780px);animation:42s linear infinite spin;position:absolute}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #c7a35d17;border-radius:50%;position:absolute;inset:12%}.hero-orbit:after{inset:26%}.hero-orbit span{--angle:0deg;background:var(--realm);width:8px;height:8px;box-shadow:0 0 26px 5px var(--realm);border-radius:50%;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px)}.hero-orbit span:first-child{transform:rotate(0)translateY(-360px)}.hero-orbit span:nth-child(2){transform:rotate(60deg)translateY(-360px)}.hero-orbit span:nth-child(3){transform:rotate(120deg)translateY(-360px)}.hero-orbit span:nth-child(4){transform:rotate(180deg)translateY(-360px)}.hero-orbit span:nth-child(5){transform:rotate(240deg)translateY(-360px)}.hero-orbit span:nth-child(6){transform:rotate(300deg)translateY(-360px)}@keyframes spin{to{transform:rotate(360deg)}}.scroll-cue{z-index:3;color:#777268;letter-spacing:.25em;place-items:center;gap:8px;font:700 8px Arial,sans-serif;display:grid;position:absolute;bottom:22px}.scroll-cue i{background:linear-gradient(var(--gold), transparent);width:1px;height:26px}.section{max-width:1500px;margin:0 auto;padding:112px clamp(22px,6vw,100px)}.section-heading{max-width:700px;margin-bottom:52px}.section-heading h2,.chronicle-intro h2,.world-copy h2,.characters h2{letter-spacing:-.025em;margin:0;font-size:clamp(38px,5vw,70px);font-weight:400;line-height:1.05}.section-heading>p:last-child,.chronicle-intro>p:last-child,.world-copy>p{color:var(--muted);max-width:620px;font-size:16px;line-height:1.75}.games-section{position:relative}.game-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.game-card{--accent:#9b72d2;background:linear-gradient(145deg,#15131a,#0b0d12 70%);border:1px solid #ffffff14;grid-column:span 4;align-items:end;min-height:400px;transition:transform .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.game-card:nth-child(4),.game-card:nth-child(5),.game-card:nth-child(6){grid-column:span 4;min-height:380px}.game-card:hover{border-color:var(--accent);transform:translateY(-5px)}@supports (color:color-mix(in lab, red, red)){.game-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}.game-card.violet{--accent:#9b72d2}.game-card.wind{--accent:#75d2c9}.game-card.fire{--accent:#e66448}.game-card.light{--accent:#edc663}.game-card.earth{--accent:#78ad50}.game-card.gold{--accent:#c7a35d}.game-card.amethyst{--accent:#a14cff}.game-card.storm{--accent:#53a8d8}.game-card.treasure{--accent:#e8b85d}.game-card.territory{--accent:#75eef7}.game-card.nochtar{--accent:#b277e8}.game-card:nth-child(7),.game-card:nth-child(8),.game-card:nth-child(9){grid-column:span 4;min-height:420px}.game-card:nth-child(10),.game-card:nth-child(11){grid-column:span 6;min-height:370px}.game-card.main-game{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.game-card.main-game{border-color:color-mix(in srgb,var(--accent) 34%,#ffffff14)}}.game-card.main-game{box-shadow:0 0 0 1px var(--accent) inset}@supports (color:color-mix(in lab, red, red)){.game-card.main-game{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 7%,transparent) inset}}.game-card.main-game:after{content:"FŐ JÁTÉK";z-index:3;border:1px solid var(--accent);padding:7px 9px;position:absolute;top:20px;left:22px}@supports (color:color-mix(in lab, red, red)){.game-card.main-game:after{border:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}}.game-card.main-game:after{color:var(--accent);letter-spacing:.16em;background:#07070bbd;font:700 8px Arial,sans-serif}.game-glow{background:radial-gradient(circle at 72% 17%, var(--accent), transparent 38%);position:absolute;inset:-20%}@supports (color:color-mix(in lab, red, red)){.game-glow{background:radial-gradient(circle at 72% 17%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 38%)}}.game-glow{opacity:.65}.game-glow:after{content:"";border:1px solid var(--accent);width:240px;height:240px;position:absolute;top:-55px;right:-50px}@supports (color:color-mix(in lab, red, red)){.game-glow:after{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent)}}.game-glow:after{transform:rotate(45deg)}.game-number{color:#ffffff0a;font-size:112px;line-height:1;position:absolute;top:12px;right:22px}.game-copy{z-index:2;background:linear-gradient(#0000,#050608d1 28%,#050608fa);width:100%;padding:32px;position:relative}.game-realm{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font:700 9px Arial,sans-serif}.game-card h3{margin:0;font-size:clamp(28px,3vw,42px);font-weight:400}.game-genre{color:#bbb3a7;margin:6px 0 14px;font-style:italic}.game-text{color:#89847b;max-width:520px;font-size:14px;line-height:1.6}.card-action{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-top:22px;font:700 10px Arial,sans-serif;display:flex}.card-action span{margin-left:auto;font-size:20px}.card-action small{color:#625f5a;margin-left:auto;font-size:8px}.card-action.muted{color:#77736d}.chronicles{border-block:1px solid #ffffff0f;align-items:center;min-height:780px;display:grid;position:relative;overflow:hidden}.chronicle-image{background:#0a0908 url(/hat-elem-chronicles-bg.png) 50%/cover no-repeat;position:absolute;inset:0}.chronicle-shade{background:linear-gradient(90deg,#050608c7,#05060861,#050608de);position:absolute;inset:0}.chronicle-inner{z-index:2;grid-template-columns:.9fr 1.1fr;align-items:center;gap:9vw;width:min(1360px,88vw);margin:0 auto;padding:90px 0;display:grid;position:relative}.story-list{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#05060873,#050608ad);padding:0 22px}.story{border-bottom:1px solid #c7a35d2e;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;padding:20px 4px;display:grid}.story>span{color:var(--gold);font:700 9px Arial,sans-serif}.story h3{margin:0 0 5px;font-size:20px;font-weight:400}.story p{color:#aaa39a;margin:0;font-size:13px;line-height:1.45}.story b{color:#9a8b72;font-weight:400}.world-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;min-height:760px;display:grid}.realm-list{background:#ffffff12;border:1px solid #ffffff12;grid-template-columns:1fr 1fr;gap:1px;margin-top:32px;display:grid}.realm{background:#0c0e13;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:16px 18px;display:grid}.realm i{width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 12px}.realm span{font-size:15px}.realm small{color:#69665f;text-transform:uppercase;letter-spacing:.12em;font:700 8px Arial,sans-serif}.sigil{aspect-ratio:1;width:min(530px,75vw);margin:auto;position:relative}.sigil-ring{border:1px solid var(--line);border-radius:50%;position:absolute;inset:14%;box-shadow:inset 0 0 80px #c7a35d0a}.sigil-ring:before,.sigil-ring:after{content:"";border:1px solid #c7a35d1f;position:absolute;inset:13%;transform:rotate(45deg)}.sigil-ring:after{inset:28%;transform:rotate(0)}.sigil-core{border:1px solid var(--gold);width:58px;height:58px;color:var(--gold-hi);background:#0b0c10;place-items:center;font-size:21px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 40px #c7a35d24}.sigil-node{transform-origin:50%;width:1px;height:1px;position:absolute;top:50%;left:50%}.sigil-node span{border:1px solid var(--realm);background:var(--realm);width:15px;height:15px;position:absolute}@supports (color:color-mix(in lab, red, red)){.sigil-node span{background:color-mix(in srgb,var(--realm) 28%,#08090c)}}.sigil-node span{box-shadow:0 0 20px var(--realm);transform:translate(-50%,-50%)rotate(45deg)}@supports (color:color-mix(in lab, red, red)){.sigil-node span{box-shadow:0 0 20px color-mix(in srgb,var(--realm) 45%,transparent)}}.sigil-node b{white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:#aaa399;font:700 9px Arial,sans-serif;position:absolute;transform:translate(-50%,20px)}.node-1{transform:translateY(-205px)}.node-2{transform:translate(177px,-102px)}.node-3{transform:translate(177px,102px)}.node-4{transform:translateY(205px)}.node-5{transform:translate(-177px,102px)}.node-6{transform:translate(-177px,-102px)}.characters{text-align:center;background:linear-gradient(#090a0e,#0e0c11);border-top:1px solid #ffffff0d;padding:112px 6vw 128px}.characters h2{max-width:820px;margin:0 auto 48px}.character-row{grid-template-columns:repeat(6,1fr);gap:10px;max-width:1360px;margin:auto;display:grid}.character-row article{min-width:0}.portrait-placeholder{background:linear-gradient(155deg,#19151d,#0b0c11);border:1px solid #ffffff0f;height:260px;transition:all .3s;position:relative;overflow:hidden}.portrait-placeholder img{object-fit:cover;filter:saturate(.82)contrast(1.06)brightness(.78);width:100%;height:100%;transition:filter .35s,transform .5s;display:block;transform:scale(1.015)}.portrait-placeholder:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#050609b8);position:absolute;inset:0}.character-row>a:hover .portrait-placeholder{border-color:var(--line)}.character-row>a:hover .portrait-placeholder img{filter:saturate()contrast(1.03)brightness(.94);transform:scale(1.055)}.character-row h3{margin:14px 0 2px;font-size:20px;font-weight:400}.character-row p{color:#777169;margin:0;font-size:12px;font-style:italic}footer{text-align:center;border-top:1px solid var(--line);background:#050609;padding:90px 24px 45px}.footer-mark{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold);place-items:center;margin:0 auto 18px;display:grid;transform:rotate(45deg)}footer h2{letter-spacing:.16em;margin:0;font-size:34px;font-weight:400}footer>p{color:var(--gold);font-style:italic}.footer-realms{color:#6f6a62;letter-spacing:.15em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:24px;margin:40px 0;font:700 9px Arial,sans-serif;display:flex}footer small{color:#46433e;font:10px Arial,sans-serif}.footer-legal{color:#777169;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:18px;margin-top:20px;font:700 9px Arial,sans-serif;display:flex}.footer-legal a,.footer-legal-button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:3px 0}.footer-legal a:hover,.footer-legal-button:hover{color:var(--gold-hi)}.cookie-consent{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090a0efa;border:1px solid #c7a35d7a;grid-template-columns:1fr auto;align-items:end;gap:32px;width:min(960px,100vw - 32px);padding:28px 30px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 24px 75px #000000ad}.cookie-consent h2{margin:0 0 10px;font-size:26px;font-weight:400}.cookie-consent p:not(.eyebrow){color:#aaa399;max-width:650px;margin:0;font:14px/1.65 Arial,sans-serif}.cookie-consent a{color:var(--gold-hi);letter-spacing:.1em;text-transform:uppercase;margin-top:13px;font:700 10px Arial,sans-serif;display:inline-block}.cookie-actions{gap:10px;display:flex}.cookie-actions .button{white-space:nowrap;cursor:pointer;background-color:#0000}.privacy-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 20%,#c7a35d26,#0000 30%),linear-gradient(135deg,#0e1017,#07080b);flex-direction:column;justify-content:flex-end;min-height:430px;padding:150px max(7vw,28px) 65px;display:flex}.privacy-hero h1{max-width:1000px;margin:0;font-size:clamp(48px,8vw,104px);font-weight:400;line-height:.94}.privacy-hero>p:last-child{color:#8f8980;margin:22px 0 0}.privacy-document{max-width:980px;margin:0 auto;padding:70px 28px 120px}.privacy-document section{border-bottom:1px solid #c7a35d29;padding:38px 0}.privacy-document section:first-child{padding-top:0}.privacy-document h2{color:var(--gold-hi);margin:0 0 20px;font-size:28px;font-weight:400}.privacy-document p{color:#aaa399;font:15px/1.85 Arial,sans-serif}.privacy-document a{color:var(--gold-hi);text-underline-offset:4px;-webkit-text-decoration:underline #c7a35d59;text-decoration:underline #c7a35d59}.privacy-facts{border:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);display:grid}.privacy-facts>div{border-right:1px solid #ffffff12;padding:20px}.privacy-facts>div:last-child{border-right:0}.privacy-facts dt{color:#777169;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font:700 9px Arial,sans-serif}.privacy-facts dd{color:#ded7ca;margin:0;font-size:14px}.privacy-table-wrap{border:1px solid #ffffff12;overflow-x:auto}.privacy-document table{border-collapse:collapse;text-align:left;width:100%;min-width:680px;font:13px/1.5 Arial,sans-serif}.privacy-document th{color:var(--gold-hi);letter-spacing:.09em;text-transform:uppercase;font-size:10px}.privacy-document th,.privacy-document td{border-bottom:1px solid #ffffff0f;border-right:1px solid #ffffff0d;padding:15px 16px}.privacy-document td{color:#9d978d}.privacy-document tr:last-child td{border-bottom:0}.inner-page{background:radial-gradient(circle at 75% 0,#17131f 0,transparent 30%),var(--ink);min-height:100vh}.inner-hero{border-bottom:1px solid #ffffff0f;flex-direction:column;justify-content:flex-end;min-height:540px;padding:155px max(7vw,28px) 90px;display:flex;position:relative;overflow:hidden}.inner-hero:before{content:"";opacity:.45;pointer-events:none;background:radial-gradient(circle at 70% 35%,#c7a35d29,#0000 28%),linear-gradient(115deg,#0000 45%,#9b72d217);position:absolute;inset:0}.inner-hero:after{content:"";border:1px solid #c7a35d1f;width:520px;height:520px;position:absolute;top:55%;right:8vw;transform:translateY(-50%)rotate(45deg);box-shadow:inset 0 0 0 70px #c7a35d03,inset 0 0 0 71px #c7a35d17}.inner-hero>*{z-index:2;max-width:850px;position:relative}.inner-hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(64px,10vw,138px);font-weight:400;line-height:.88}.inner-hero>p:last-child{color:#aaa399;max-width:650px;margin:28px 0 0;font-size:17px;line-height:1.7}.story-hero{background:linear-gradient(90deg,#050608fa,#0506084d),url(/hat-elem-chronicles-bg.png) 50%/cover no-repeat}.story-hero:after{display:none}.chapter-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#06070af0;grid-template-columns:repeat(6,1fr);display:grid;position:sticky;top:76px}.chapter-nav a{color:#9b958c;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #ffffff0e;padding:18px 16px;font-size:12px;transition:all .2s;overflow:hidden}.chapter-nav a:hover{color:var(--gold-hi);background:#c7a35d0d}.chapter-nav span{color:var(--gold);margin-right:10px;font:700 8px Arial,sans-serif}.reading-shell{max-width:1100px;margin:0 auto;padding:70px 32px 120px}.reading-chapter{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:50px;padding:90px 0;scroll-margin-top:145px;display:grid}.reading-chapter:first-child{padding-top:35px}.reading-chapter:last-child{border-bottom:0}.chapter-index{color:#c7a35d21;font-size:82px;font-style:italic;line-height:1}.reading-chapter h2{margin:0 0 28px;font-size:clamp(38px,5vw,62px);font-weight:400;line-height:1.05}.reading-chapter>div:last-child>p:not(.eyebrow){color:#b2aba0;max-width:800px;margin:0 0 21px;font-size:17px;line-height:1.95}.reading-chapter>div:last-child>p:not(.eyebrow):first-of-type:first-letter{float:left;color:var(--gold-hi);margin:8px 9px 0 0;font-size:3.5em;line-height:.85}.chapter-download{border:1px solid var(--gold);color:var(--gold-hi);letter-spacing:.14em;text-transform:uppercase;margin-top:18px;padding:13px 17px;font:700 9px Arial,sans-serif;display:inline-flex}.complete-stories{max-width:1320px;margin:0 auto;padding:90px 32px 70px}.complete-stories-heading{max-width:760px;margin-bottom:42px}.complete-stories-heading h2,.short-chronicles-heading h2{margin:0;font-size:clamp(38px,5vw,66px);font-weight:400;line-height:1.05}.complete-stories-heading>p:last-child{color:#928b80;font-size:16px;line-height:1.7}.complete-story-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.complete-story-card{--card-accent:#c7a35d;background:#0a0b0f;border:1px solid #ffffff14;align-items:flex-end;min-height:520px;transition:all .35s;display:flex;position:relative;overflow:hidden}.complete-story-card:last-child:nth-child(odd){grid-column:1/-1;min-height:600px}.complete-story-card:hover{border-color:var(--card-accent);transform:translateY(-5px)}@supports (color:color-mix(in lab, red, red)){.complete-story-card:hover{border-color:color-mix(in srgb,var(--card-accent) 58%,transparent)}}.dark-story-card{--card-accent:#a87be8}.fire-story-card{--card-accent:#ee694d}.water-story-card{--card-accent:#4db4e8}.complete-story-image{position:absolute;inset:0}.complete-story-image img{object-fit:cover;object-position:center 18%;filter:saturate(.9)contrast(1.04)brightness(.7);width:100%;height:100%;transition:all .55s}.complete-story-card:hover .complete-story-image img{filter:saturate()contrast(1.03)brightness(.82);transform:scale(1.035)}.complete-story-image:after{content:"";background:linear-gradient(#0506090d 22%,#050609eb 80%,#050609);position:absolute;inset:0}.complete-story-copy{z-index:2;width:100%;padding:34px;position:relative}.complete-story-copy .eyebrow{color:var(--card-accent)}.complete-story-copy h3{margin:0;font-size:clamp(36px,4vw,58px);font-weight:400}.complete-story-copy>p:not(.eyebrow){color:#aaa39a;max-width:560px;line-height:1.65}.complete-story-copy span{color:var(--card-accent);letter-spacing:.13em;text-transform:uppercase;margin-top:10px;font:700 10px Arial,sans-serif;display:inline-block}.short-chronicles-heading{max-width:1100px;margin:0 auto;padding:35px 32px 25px}.novel-page{--story-accent:#c7a35d;background:#07080b}.novel-hero{border-bottom:1px solid var(--story-accent);grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:end;min-height:760px;padding:145px max(6vw,28px) 82px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.novel-hero{border-bottom:1px solid color-mix(in srgb,var(--story-accent) 28%,transparent)}}.novel-hero{background:radial-gradient(circle at 78% 24%,var(--story-accent),transparent 30%),#08090d}@supports (color:color-mix(in lab, red, red)){.novel-hero{background:radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--story-accent) 19%,transparent),transparent 30%),#08090d}}.novel-hero-glow{z-index:1;background:linear-gradient(90deg,#07080b 0%,#07080bf5 42%,#07080b3d 72%,#07080b 100%);position:absolute;inset:0}.novel-hero-copy{z-index:3;max-width:860px;position:relative}.novel-back{color:#8e8981;letter-spacing:.13em;text-transform:uppercase;margin-bottom:42px;font:700 9px Arial,sans-serif;display:inline-block}.novel-back:hover,.novel-hero .eyebrow{color:var(--story-accent)}.novel-hero h1{letter-spacing:-.04em;max-width:950px;margin:0;font-size:clamp(62px,9vw,132px);font-weight:400;line-height:.87}.novel-subtitle{color:#d1c7b9;margin:26px 0 0;font-size:clamp(18px,2.1vw,28px);font-style:italic}.novel-hero blockquote{border-left:1px solid var(--story-accent);color:#8f8980;max-width:680px;margin:34px 0 0;padding-left:22px;font-size:17px;font-style:italic;line-height:1.65}.novel-meta{color:#716c64;letter-spacing:.13em;text-transform:uppercase;gap:24px;margin-top:34px;font:700 9px Arial,sans-serif;display:flex}.novel-portrait{z-index:0;width:min(48vw,700px);height:92%;position:absolute;bottom:0;right:2vw;overflow:hidden}.novel-portrait img{object-fit:cover;object-position:center 15%;filter:saturate(.9)contrast(1.04)brightness(.72);width:100%;height:100%}.novel-fire .novel-portrait img{filter:saturate(.95)contrast(1.06)brightness(.68)}.novel-toc{z-index:20;border-bottom:1px solid var(--story-accent);background:#06070af5;display:flex;position:sticky;top:76px;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.novel-toc{border-bottom:1px solid color-mix(in srgb,var(--story-accent) 28%,transparent)}}.novel-toc{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin}.novel-toc a{color:#8f8980;white-space:nowrap;border-right:1px solid #ffffff0e;flex:none;min-width:190px;padding:16px 18px;font-size:11px}.novel-toc a:hover{color:#e8dfd1;background:var(--story-accent)}@supports (color:color-mix(in lab, red, red)){.novel-toc a:hover{background:color-mix(in srgb,var(--story-accent) 7%,transparent)}}.novel-toc span{color:var(--story-accent);margin-right:9px;font:700 9px Arial,sans-serif}.novel-reader{max-width:1080px;margin:0 auto;padding:50px 32px 130px}.novel-chapter{border-bottom:1px solid var(--story-accent);padding:92px 0 105px;scroll-margin-top:145px}@supports (color:color-mix(in lab, red, red)){.novel-chapter{border-bottom:1px solid color-mix(in srgb,var(--story-accent) 22%,transparent)}}.novel-chapter:last-child{border-bottom:0}.novel-chapter-heading{grid-template-columns:115px 1fr;align-items:end;gap:34px;margin-bottom:52px;display:grid}.novel-chapter-heading>span{color:var(--story-accent)}@supports (color:color-mix(in lab, red, red)){.novel-chapter-heading>span{color:color-mix(in srgb,var(--story-accent) 25%,transparent)}}.novel-chapter-heading>span{font-size:96px;font-style:italic;line-height:.8}.novel-chapter-heading .eyebrow{color:var(--story-accent);margin-bottom:12px}.novel-chapter h2{margin:0;font-size:clamp(44px,6vw,78px);font-weight:400;line-height:.98}.novel-prose{max-width:780px;margin-left:149px}.novel-prose p{color:#c0b8ac;margin:0 0 18px;font-size:18px;line-height:1.9}.novel-prose p:first-child:first-letter{float:left;color:var(--story-accent);margin:8px 10px 0 0;font-size:4.2em;line-height:.75}.novel-inline-quote{border-left:1px solid var(--story-accent);color:#ddd2e8;margin:8px 0 28px;padding:4px 0 4px 22px;font-size:19px;font-style:italic;line-height:1.8}.chapter-to-top{color:var(--story-accent);letter-spacing:.14em;text-transform:uppercase;margin:38px 0 0 149px;font:700 9px Arial,sans-serif;display:inline-block}.novel-illustration{width:calc(100% + 120px);margin:0 -60px 58px}.novel-illustration-image{aspect-ratio:16/9;border:1px solid var(--story-accent);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.novel-illustration-image{border:1px solid color-mix(in srgb,var(--story-accent) 32%,transparent)}}.novel-illustration-image{background:#050609;box-shadow:0 28px 70px #0000006b}.novel-illustration-image:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #00000061}.novel-illustration img{object-fit:cover;width:100%;height:100%;display:block}.novel-illustration figcaption{color:#7f7971;align-items:center;gap:12px;margin:14px 60px 0;font-size:12px;font-style:italic;line-height:1.55;display:flex}.novel-illustration figcaption span{color:var(--story-accent);font-size:9px}.novel-chapter-epigraph{border-left:1px solid var(--story-accent);background:var(--story-accent);max-width:720px;margin:0 0 42px 149px;padding:18px 24px}@supports (color:color-mix(in lab, red, red)){.novel-chapter-epigraph{background:color-mix(in srgb,var(--story-accent) 5%,transparent)}}.novel-chapter-epigraph{color:#aaa298;font-size:16px;font-style:italic;line-height:1.7}.novel-wind .novel-portrait img{filter:saturate(.92)contrast(1.04)brightness(.72)}.novel-war .novel-portrait img{filter:saturate(.86)contrast(1.08)brightness(.64)}.novel-dark{background:radial-gradient(circle at 88% 9%,#5c2c8e1f,#0000 27%),#06060a}.novel-dark .novel-portrait img{filter:saturate(.9)contrast(1.08)brightness(.62)}.realm-atlas,.character-atlas,.games-atlas{max-width:1250px;margin:0 auto;padding:80px 32px 120px}.realm-atlas{max-width:1360px}.realm-panel{background:linear-gradient(110deg,var(--realm),#0b0c10 68%);border:1px solid #ffffff13;grid-template-columns:minmax(360px,.92fr) 1.08fr;align-items:stretch;margin-bottom:30px;scroll-margin-top:100px;display:grid}@supports (color:color-mix(in lab, red, red)){.realm-panel{background:linear-gradient(110deg,color-mix(in srgb,var(--realm) 5%,#0b0c10),#0b0c10 68%)}}.realm-panel{position:relative;overflow:hidden}.realm-panel:after{content:"";background:linear-gradient(90deg,var(--realm),transparent);width:42%;height:1px;position:absolute;bottom:-1px;left:0}.realm-panel:nth-child(2n) .realm-image{order:2}.realm-panel h2,.character-profile h2,.game-detail h2{margin:0;font-size:clamp(42px,6vw,74px);font-weight:400;line-height:1}.realm-copy{padding:48px 52px 52px}.realm-lead{color:#aaa39a;max-width:690px;margin:18px 0 0;font-size:15px;line-height:1.75}.realm-panel .eyebrow{color:var(--realm)}.realm-image{background:#08090c;min-height:620px;position:relative;overflow:hidden}.realm-image img{object-fit:cover;filter:saturate(.92)contrast(1.04);width:100%;height:100%;transition:transform .7s,filter .4s;position:absolute;inset:0}.realm-image:after{content:"";background:linear-gradient(90deg,#0000 58%,#07080b61),linear-gradient(#0000 62%,#0506098f);position:absolute;inset:0}.realm-panel:nth-child(2n) .realm-image:after{background:linear-gradient(270deg,#0000 58%,#07080b61),linear-gradient(#0000 62%,#0506098f)}.realm-image span{z-index:2;color:var(--realm);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--realm);font:700 9px Arial,sans-serif;position:absolute;bottom:20px;left:24px}@supports (color:color-mix(in lab, red, red)){.realm-image span{border:1px solid color-mix(in srgb,var(--realm) 45%,transparent)}}.realm-image span{background:#050609b8;padding:8px 10px}.realm-panel:hover .realm-image img{filter:saturate(1.05)contrast(1.03);transform:scale(1.025)}.realm-facts{border-block:1px solid #ffffff12;grid-template-columns:1.15fr 1fr 1fr;margin:30px 0 32px;display:grid}.realm-facts>div{border-right:1px solid #ffffff0f;padding:18px 18px 18px 0}.realm-facts>div+div{padding-left:18px}.realm-facts>div:last-child{border-right:0}.realm-facts dt{color:var(--realm);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font:700 8px Arial,sans-serif}.realm-facts dd{color:#ded7ca;margin:0;font-size:13px;line-height:1.45}.realm-facts dd small{color:#6e6962;margin-top:4px;font-size:10px;font-style:italic;display:block}.realm-history{border-top:1px solid var(--realm)}@supports (color:color-mix(in lab, red, red)){.realm-history{border-top:1px solid color-mix(in srgb,var(--realm) 20%,transparent)}}.realm-history{padding-top:22px}.realm-history-title{color:#847e75;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;font:700 8px Arial,sans-serif}.history-event{border-bottom:1px solid #ffffff0b;grid-template-columns:30px 1fr;gap:14px;padding:12px 0;display:grid}.history-event:last-child{border-bottom:0}.history-event>span{color:var(--realm)}@supports (color:color-mix(in lab, red, red)){.history-event>span{color:color-mix(in srgb,var(--realm) 75%,#57534d)}}.history-event>span{padding-top:4px;font:700 8px Arial,sans-serif}.history-event h3{color:#ddd5c8;margin:0 0 4px;font-size:14px;font-weight:400}.history-event p{color:#77726b;margin:0;font-size:12px;line-height:1.55}.world-map-section{max-width:1450px;margin:0 auto;padding:92px 32px 24px}.world-map-heading{text-align:center;max-width:780px;margin:0 auto 42px}.world-map-heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(38px,5vw,68px);font-weight:400;line-height:1.04}.world-map-heading>p:last-child{color:#928b80;max-width:680px;margin:22px auto 0;font-size:15px;line-height:1.75}.world-map-heading strong{color:var(--gold-hi);font-weight:400}.world-map-frame{background:#08090c;border:1px solid #c7a35d57;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 85px #0000006b,inset 0 0 0 1px #ffffff06}.world-map-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #0000007a}.world-map-frame img{filter:saturate(.95)contrast(1.035);width:100%;height:auto;display:block}.world-map-frame figcaption{z-index:2;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#06070ad6;border:1px solid #c7a35d59;min-width:260px;padding:11px 18px 10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.world-map-frame figcaption span{color:var(--gold-hi);letter-spacing:.18em;text-transform:uppercase;font:700 10px Arial,sans-serif;display:block}.world-map-frame figcaption small{color:#8d877e;margin-top:5px;font:10px Arial,sans-serif;display:block}.world-map-links{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px auto 0;display:flex}.world-map-links a{color:#8e8981;letter-spacing:.12em;text-transform:uppercase;background:#0b0c10;border:1px solid #ffffff13;align-items:center;gap:8px;padding:10px 13px;font:700 9px Arial,sans-serif;transition:all .25s;display:flex}.world-map-links i{background:var(--realm);width:7px;height:7px;box-shadow:0 0 10px var(--realm);transform:rotate(45deg)}@supports (color:color-mix(in lab, red, red)){.world-map-links i{box-shadow:0 0 10px color-mix(in srgb,var(--realm) 55%,transparent)}}.world-map-links a:hover{color:#e1dacd;border-color:var(--realm)}@supports (color:color-mix(in lab, red, red)){.world-map-links a:hover{border-color:color-mix(in srgb,var(--realm) 52%,transparent)}}.world-map-links a:hover{transform:translateY(-2px)}.character-atlas{background:#ffffff0e;grid-template-columns:1fr 1fr;gap:1px;margin-top:80px;margin-bottom:120px;padding:1px;display:grid}.character-profile{background:#0b0c10;min-height:650px;scroll-margin-top:100px;position:relative;overflow:hidden}.character-profile:before{content:"";z-index:3;background:radial-gradient(circle,var(--realm),transparent 68%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-130px;right:-100px}@supports (color:color-mix(in lab, red, red)){.character-profile:before{background:radial-gradient(circle,color-mix(in srgb,var(--realm) 16%,transparent),transparent 68%)}}.character-profile:before{pointer-events:none}.character-image{background:#07080b;height:390px;position:relative;overflow:hidden}.character-image img{object-fit:cover;filter:saturate(.88)contrast(1.05)brightness(.88);width:100%;height:100%;transition:transform .55s,filter .35s;display:block}.character-image:after{content:"";background:linear-gradient(#0000 62%,#0b0c10 100%);position:absolute;inset:0}.character-image span{z-index:2;color:var(--realm);letter-spacing:.2em;border:1px solid var(--realm);font:700 9px Arial,sans-serif;position:absolute;bottom:20px;left:24px}@supports (color:color-mix(in lab, red, red)){.character-image span{border:1px solid color-mix(in srgb,var(--realm) 48%,transparent)}}.character-image span{background:#050609b8;padding:7px 9px}.character-profile:hover .character-image img{filter:saturate(1.02)contrast(1.03)brightness(.96);transform:scale(1.025)}.character-copy{z-index:2;padding:28px 36px 38px;position:relative}.character-profile .eyebrow{color:var(--realm);margin-bottom:12px}.character-profile h2{font-size:44px}.character-profile h3{color:#c9c0b2;margin:7px 0 22px;font-size:15px;font-style:italic;font-weight:400}.character-copy>p:last-child{color:#8f8980;font-size:14px;line-height:1.75}.games-atlas{gap:14px;display:grid}.game-detail{--realm:#c7a35d;background:linear-gradient(110deg,var(--realm),#0b0c10 45%);border:1px solid #ffffff12;grid-template-columns:100px 1fr 210px;align-items:center;gap:30px;min-height:230px;padding:34px 40px;display:grid}@supports (color:color-mix(in lab, red, red)){.game-detail{background:linear-gradient(110deg,color-mix(in srgb,var(--realm) 7%,#0b0c10),#0b0c10 45%)}}.game-detail{position:relative;overflow:hidden}.game-detail:after{content:"";border:1px solid var(--realm);width:320px;height:320px;position:absolute;top:-160px;right:-70px}@supports (color:color-mix(in lab, red, red)){.game-detail:after{border:1px solid color-mix(in srgb,var(--realm) 20%,transparent)}}.game-detail:after{transform:rotate(45deg)}.detail-number{color:var(--realm);font-size:55px}@supports (color:color-mix(in lab, red, red)){.detail-number{color:color-mix(in srgb,var(--realm) 28%,transparent)}}.detail-number{font-style:italic}.game-detail .eyebrow{color:var(--realm);margin-bottom:10px}.game-detail h2{font-size:42px}.game-detail>div:nth-child(2)>p:last-child{color:#8f8980;max-width:680px;line-height:1.65}.game-status{z-index:2;justify-items:end;gap:13px;display:grid;position:relative}.game-status span{color:#6d6962;letter-spacing:.15em;font:700 9px Arial,sans-serif}.game-status span.live{color:#82bd66}.game-status span.test{color:#e0b65e}.game-action-list{justify-items:stretch;gap:8px;width:100%;display:grid}.game-status a{border:1px solid var(--realm);color:var(--realm);letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:12px 16px;font:700 9px Arial,sans-serif}.game-status small{color:#514e49;letter-spacing:.12em;text-transform:uppercase;font:700 8px Arial,sans-serif}.game-groups{max-width:1320px;margin:0 auto;padding:88px 32px 125px}.game-group{padding:0 0 92px;scroll-margin-top:90px}.game-group+.game-group{border-top:1px solid #ffffff12;padding-top:84px}.game-group:last-child{padding-bottom:0}.game-group-heading{grid-template-columns:minmax(280px,.65fr) 1fr;align-items:end;column-gap:70px;margin-bottom:34px;display:grid}.game-group-heading .eyebrow{grid-column:1/-1;margin-bottom:12px}.game-group-heading h2{margin:0;font-size:clamp(44px,6vw,78px);font-weight:400;line-height:.95}.game-group-heading>p:last-child{color:#8f8980;max-width:620px;margin:0;font-size:15px;line-height:1.7}.game-group-featured{padding:7px 0 102px}.game-group-featured .games-atlas{grid-template-columns:1fr 1fr;gap:18px}.game-detail-featured{background:radial-gradient(circle at 88% 12%,var(--realm),transparent 34%),linear-gradient(145deg,var(--realm),#08090c 72%);flex-direction:column;justify-content:flex-end;align-items:stretch;gap:24px;min-width:0;min-height:440px;padding:46px;display:flex}@supports (color:color-mix(in lab, red, red)){.game-detail-featured{background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--realm) 26%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--realm) 10%,#131018),#08090c 72%)}}.game-detail-featured:after{width:350px;height:350px;top:-80px;right:-30px}.game-detail-featured .detail-number{color:var(--realm);font-size:130px;position:absolute;top:10px;right:25px}@supports (color:color-mix(in lab, red, red)){.game-detail-featured .detail-number{color:color-mix(in srgb,var(--realm) 10%,transparent)}}.game-detail-featured>div:nth-child(2){z-index:2;min-width:0;position:relative}.game-detail-featured h2{overflow-wrap:normal;max-width:520px;font-size:clamp(42px,4vw,58px)}.game-detail-featured .game-status{justify-items:start;width:100%;margin-top:0}.game-detail-featured .game-action-list{grid-template-columns:1fr 1fr;width:min(100%,430px)}.game-detail-featured>div:nth-child(2)>p:last-child{max-width:520px;font-size:15px}.game-group:not(.game-group-featured) .games-atlas{grid-template-columns:1fr 1fr}.game-group:not(.game-group-featured) .game-detail{grid-template-columns:65px 1fr;min-height:300px}.game-group:not(.game-group-featured) .game-status{grid-column:2;grid-template-columns:auto 1fr;place-items:center start}.game-group:not(.game-group-featured) .game-action-list{flex-wrap:wrap;width:auto;display:flex}.character-row>a{min-width:0}.character-row>a:hover .portrait-placeholder{color:var(--gold);border-color:var(--line);background:linear-gradient(155deg,#201922,#0b0c11)}.character-row>a h3{margin:14px 0 2px;font-size:20px;font-weight:400}.character-row>a p{color:#777169;margin:0;font-size:12px;font-style:italic}.game-detail{scroll-margin-top:100px}.game-embed-page{background:#050609;height:100svh;overflow:hidden}.game-embed-bar{color:#b8b0a3;letter-spacing:.12em;text-transform:uppercase;background:#08090d;border-bottom:1px solid #c7a35d3d;align-items:center;gap:18px;height:64px;padding:0 clamp(16px,3vw,34px);font:700 10px Arial,sans-serif;display:flex}.game-embed-back{color:var(--gold-hi);white-space:nowrap}.game-embed-title{color:#e4dccf;letter-spacing:.08em;text-transform:none;margin:auto;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:400}.game-embed-video,.game-embed-open{color:var(--gold);white-space:nowrap;border:1px solid #c7a35d73;padding:9px 12px}.game-embed-video{color:#c5a7ed;border-color:#9b72d294}.game-embed-frame{background:#07080b;border:0;width:100%;height:calc(100svh - 64px);display:block}.card-game-page{grid-template-rows:64px auto minmax(0,1fr);display:grid}.card-game-page .game-embed-frame{height:100%;min-height:0}.game-compat-note{color:#aaa1b5;letter-spacing:.015em;background:linear-gradient(90deg,#5c348c40,#0c0a12fa);border-bottom:1px solid #9b72d24d;padding:10px clamp(16px,3vw,34px);font:12px/1.45 Arial,sans-serif}.game-compat-note strong{color:#d7c1f3}.champion-promo-page{--promo-gold:#d9b04a;background:radial-gradient(circle at 72% 3%,#d9b04a1f,#0000 28%),#07080b}.champion-promo-hero{background:linear-gradient(90deg,#05070cfa 0%,#05070cc7 54%,#05070c33 100%),url(/promo/hatelem-bajnoka/assets/hero.png) 84% 35%/min(760px,58vw) no-repeat,#07080b;border-bottom:1px solid #d9b04a33;align-items:flex-end;min-height:700px;padding:150px max(7vw,28px) 90px;display:flex;position:relative;overflow:hidden}.champion-promo-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 82% 46%,#5eead41f,#0000 22%),linear-gradient(#0000 62%,#07080b);position:absolute;inset:0}.champion-promo-hero>div{z-index:2;max-width:860px;position:relative}.champion-promo-hero .novel-back{margin-bottom:34px}.champion-promo-hero .eyebrow,.champion-promo-showcase .eyebrow,.champion-promo-cta .eyebrow{color:var(--promo-gold)}.champion-promo-hero h1{letter-spacing:-.04em;max-width:880px;margin:0;font-size:clamp(64px,9vw,126px);font-weight:400;line-height:.86}.champion-promo-hero>div>p:not(.eyebrow){color:#aaa399;max-width:680px;margin:30px 0 0;font-size:17px;line-height:1.75}.champion-promo-actions{gap:12px;margin-top:34px;display:flex}.champion-promo-showcase{max-width:1450px;margin:0 auto;padding:100px 32px 48px;scroll-margin-top:85px}.champion-promo-heading{grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin-bottom:38px;display:grid}.champion-promo-heading h2{margin:0;font-size:clamp(44px,6vw,82px);font-weight:400;line-height:.95}.champion-promo-heading>p{color:#8f8980;max-width:540px;margin:0 0 4px;font-size:15px;line-height:1.75}.champion-promo-player{aspect-ratio:16/9;background:#06080f;border:1px solid #d9b04a61;position:relative;overflow:hidden;box-shadow:0 38px 100px #00000094,0 0 70px #d9b04a0e}.champion-promo-player:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #00000047}.champion-promo-player iframe{background:#06080f;border:0;width:100%;height:100%;display:block}.champion-promo-help{color:#6f6a62;letter-spacing:.04em;margin:14px 0 0;font:11px/1.5 Arial,sans-serif}.champion-promo-features{background:linear-gradient(90deg,#0000,#ffffff0f,#0000) 50% 32px/calc(100% - 64px) 1px no-repeat;grid-template-columns:repeat(5,1fr);gap:1px;max-width:1386px;margin:0 auto;padding:32px 32px 100px;display:grid}.champion-promo-features>div{background:#0b0c10;border:1px solid #ffffff12;min-height:145px;padding:26px 24px}.champion-promo-features span{color:var(--promo-gold);letter-spacing:.15em;font:700 9px Arial,sans-serif}.champion-promo-features p{color:#d8d0c4;margin:32px 0 0;font-size:15px;line-height:1.45}.champion-promo-cta{text-align:center;background:radial-gradient(circle at 50% 0,#d9b04a21,#0000 54%),#0a0b0f;border:1px solid #d9b04a40;max-width:1180px;margin:0 auto 110px;padding:70px 40px}.champion-promo-cta h2{margin:0;font-size:clamp(42px,6vw,76px);font-weight:400}.champion-promo-cta>p:not(.eyebrow){color:#8f8980}.champion-promo-cta .button{margin-top:20px}@media (width<=1000px){.topbar{grid-template-columns:1fr auto}.navlinks{display:none}.game-card,.game-card:nth-child(4),.game-card:nth-child(5),.game-card:nth-child(6),.game-card:nth-child(7),.game-card:last-child{grid-column:span 6}.chronicle-inner,.world-section{grid-template-columns:1fr}.sigil{margin-top:35px}.character-row,.chapter-nav{grid-template-columns:repeat(3,1fr)}.chapter-nav a:nth-child(n+4){display:none}.character-atlas{grid-template-columns:1fr}.game-detail{grid-template-columns:75px 1fr}.game-status{grid-column:2;justify-items:start}.champion-promo-features{grid-template-columns:repeat(3,1fr)}.champion-promo-heading{grid-template-columns:1fr;gap:24px}.champion-promo-hero{background-position:110% 30%;background-size:min(680px,70vw)}.novel-hero{grid-template-columns:1fr;min-height:700px}.novel-portrait{opacity:.55;width:62vw;right:-8vw}.novel-hero-glow{background:linear-gradient(90deg,#07080b 0%,#07080be6 55%,#07080b52)}.novel-prose{margin-left:80px}.novel-illustration{width:100%;margin-left:0;margin-right:0}.novel-illustration figcaption{margin-left:0;margin-right:0}.chapter-to-top{margin-left:80px}.game-group-featured .games-atlas,.game-group:not(.game-group-featured) .games-atlas{grid-template-columns:1fr}.game-detail-featured{min-height:370px}.game-group-heading{grid-template-columns:1fr;gap:18px}}@media (width<=640px){.topbar{height:64px;padding:0 16px}.nav-cta{padding:9px 11px}.brand{font-size:11px}.brand-mark{width:28px;height:28px}.hero{padding-inline:18px}.hero h1{font-size:55px}.hero-intro{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:280px;margin:28px auto 0}.hero-orbit{width:500px}.hero-orbit span{display:none}.section{padding:80px 18px}.section-heading{margin-bottom:34px}.section-heading h2,.chronicle-intro h2,.world-copy h2,.characters h2{font-size:40px}.game-card,.game-card:nth-child(4),.game-card:nth-child(5),.game-card:nth-child(6),.game-card:nth-child(7),.game-card:last-child{grid-column:1/-1;min-height:380px}.game-copy{padding:26px 22px}.game-text{font-size:13px}.chronicle-inner{gap:50px;width:auto;padding:74px 18px}.story{grid-template-columns:28px 1fr auto;gap:10px}.story p{font-size:12px}.world-section{padding-block:90px}.realm-list{grid-template-columns:1fr}.sigil{width:330px}.node-1{transform:translateY(-125px)}.node-2{transform:translate(108px,-62px)}.node-3{transform:translate(108px,62px)}.node-4{transform:translateY(125px)}.node-5{transform:translate(-108px,62px)}.node-6{transform:translate(-108px,-62px)}.sigil-node b{font-size:7px}.characters{padding:80px 18px}.character-row{grid-template-columns:repeat(2,1fr)}.portrait-placeholder{height:190px}.inner-hero{min-height:480px;padding:130px 20px 65px}.inner-hero h1{font-size:64px}.inner-hero>p:last-child{font-size:14px}.chapter-nav{grid-template-columns:1fr 1fr;top:64px}.chapter-nav a:nth-child(n+3){display:none}.reading-shell{padding:30px 20px 80px}.reading-chapter{grid-template-columns:1fr;gap:10px;padding:65px 0}.chapter-index{font-size:48px}.reading-chapter>div:last-child>p:not(.eyebrow){font-size:16px;line-height:1.8}.game-embed-bar{gap:8px;height:56px;padding:0 12px}.game-embed-title{display:none}.game-embed-frame{height:calc(100svh - 56px)}.game-embed-video,.game-embed-open{padding:8px 9px}.game-embed-video{margin-left:auto}.card-game-bar .game-embed-open{margin-left:0}.card-game-page{grid-template-rows:56px auto minmax(0,1fr)}.card-game-page .game-embed-frame{height:100%}.game-compat-note{padding:8px 12px;font-size:10px;line-height:1.4}.world-map-section{padding:65px 14px 18px}.world-map-heading{margin-bottom:30px;padding:0 8px}.world-map-heading h2{font-size:38px}.world-map-heading>p:last-child{font-size:13px}.world-map-frame{overflow-x:auto}.world-map-frame img{width:820px;max-width:none}.world-map-frame figcaption{display:none}.world-map-links{padding:0 6px}.world-map-links a{padding:9px 10px;font-size:8px}.realm-atlas,.character-atlas,.games-atlas{padding:45px 18px 80px}.realm-panel{grid-template-columns:1fr;margin-bottom:16px}.realm-panel:nth-child(2n) .realm-image{order:0}.realm-image{min-height:260px;max-height:340px}.realm-image:after,.realm-panel:nth-child(2n) .realm-image:after{background:linear-gradient(#0000 54%,#0506099e)}.realm-copy{padding:30px 26px 36px}.realm-facts{grid-template-columns:1fr;margin:24px 0}.realm-facts>div,.realm-facts>div+div{border-bottom:1px solid #ffffff0e;border-right:0;padding:14px 0}.realm-facts>div:last-child{border-bottom:0}.history-event{grid-template-columns:27px 1fr}.character-atlas{margin:45px 18px 80px;padding:1px;display:grid}.character-profile{min-height:0}.character-image{height:290px}.character-copy{padding:26px 25px 34px}.game-detail{grid-template-columns:1fr;padding:28px 24px}.detail-number{font-size:38px}.game-detail h2{font-size:34px}.game-status{grid-column:1;justify-items:start}.cookie-consent{grid-template-columns:1fr;gap:20px;width:calc(100vw - 20px);padding:22px 20px;bottom:10px}.cookie-consent h2{font-size:22px}.cookie-actions{grid-template-columns:1fr 1fr;display:grid}.cookie-actions .button{padding:12px 10px}.footer-legal{flex-direction:column;gap:10px}.privacy-hero{min-height:360px;padding:125px 20px 55px}.privacy-hero h1{font-size:49px}.privacy-document{padding:45px 20px 80px}.privacy-document section{padding:30px 0}.privacy-document h2{font-size:24px}.privacy-facts{grid-template-columns:1fr}.privacy-facts>div{border-bottom:1px solid #ffffff12;border-right:0}.privacy-facts>div:last-child{border-bottom:0}.champion-promo-hero{background:linear-gradient(#05070c94,#07080b 78%),url(/promo/hatelem-bajnoka/assets/hero.png) 72% 20%/auto 72% no-repeat,#07080b;min-height:620px;padding:120px 20px 65px}.champion-promo-hero h1{font-size:57px}.champion-promo-hero>div>p:not(.eyebrow){font-size:14px}.champion-promo-actions{flex-direction:column;align-items:stretch}.champion-promo-showcase{padding:65px 14px 28px}.champion-promo-heading{padding:0 6px}.champion-promo-heading h2{font-size:42px}.champion-promo-heading>p{font-size:13px}.champion-promo-player{aspect-ratio:16/10}.champion-promo-help{padding:0 6px;font-size:10px}.champion-promo-features{background:0 0;grid-template-columns:1fr 1fr;padding:28px 14px 70px}.champion-promo-features>div{min-height:120px;padding:20px 18px}.champion-promo-features p{margin-top:22px;font-size:13px}.champion-promo-cta{margin:0 14px 80px;padding:52px 22px}.champion-promo-cta h2{font-size:42px}.complete-stories{padding:65px 18px 55px}.complete-story-grid{grid-template-columns:1fr}.complete-story-card,.complete-story-card:last-child:nth-child(odd){grid-column:auto;min-height:470px}.complete-story-copy{padding:26px 22px}.short-chronicles-heading{padding:20px}.novel-hero{min-height:670px;padding:118px 20px 60px}.novel-hero h1{font-size:58px}.novel-hero blockquote{font-size:15px}.novel-meta{flex-direction:column;gap:8px}.novel-portrait{opacity:.42;width:115vw;right:-42vw}.novel-toc{top:64px}.novel-toc a{min-width:165px;padding:14px;font-size:10px}.novel-reader{padding:20px 20px 80px}.novel-chapter{padding:70px 0 80px;scroll-margin-top:125px}.novel-chapter-heading{grid-template-columns:1fr;gap:12px;margin-bottom:34px}.novel-chapter-heading>span{font-size:58px}.novel-chapter h2{font-size:42px}.novel-illustration{margin-bottom:38px}.novel-illustration figcaption{font-size:11px}.novel-chapter-epigraph{margin:0 0 30px;padding:15px 18px}.novel-prose{margin-left:0}.novel-prose p{margin-bottom:17px;font-size:17px;line-height:1.8}.chapter-to-top{margin-left:0}.game-groups{padding:56px 18px 85px}.game-group{padding-bottom:68px}.game-group+.game-group{padding-top:62px}.game-group-heading{margin-bottom:26px}.game-group-heading h2{font-size:48px}.game-detail-featured,.game-group:not(.game-group-featured) .game-detail{grid-template-columns:1fr;min-height:0;padding:30px 24px}.game-detail-featured .detail-number{font-size:88px}.game-detail-featured .game-status,.game-group:not(.game-group-featured) .game-status{grid-column:1;grid-template-columns:1fr}.game-detail-featured .game-action-list{grid-template-columns:1fr}.game-detail-featured h2{font-size:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit{animation:none}.game-card,.button{transition:none}}.wind-story-card{--card-accent:#64d6cf}.war-story-card{--card-accent:#c8a965}.novel-war .novel-hero h1{font-size:clamp(52px,7vw,108px)}.light-story-card{--card-accent:#f0ca71}.novel-prose-subheading{color:var(--story-accent);margin:46px 0 24px;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.08}.novel-light{background:radial-gradient(circle at 86% 8%,#f0ca711a,#0000 28%),#07080b}.novel-light .novel-portrait img{filter:saturate(.9)contrast(1.02)brightness(.76)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.birodalmak-app{color:#eee9da;isolation:isolate;background:#080b10;min-height:100vh}.birodalmak-app .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;top:auto;left:auto;right:auto}.birodalmak-app .realm-card .sigil{aspect-ratio:auto;width:auto;margin:0;position:static}.birodalmak-app .birodalmak-back{z-index:100;color:#f1d58f;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070b10e8;border:1px solid #6b604d;padding:9px 12px;font:700 10px Arial,sans-serif;text-decoration:none;position:fixed;top:12px;left:14px;box-shadow:0 6px 18px #0009}.birodalmak-app .birodalmak-back:hover{background:#15120d;border-color:#f1d58f}.birodalmak-app .six-realm-hud{z-index:6;pointer-events:none;background:#070c13e8;border:1px solid #625947;width:205px;padding:9px;position:absolute;top:72px;left:14px}.birodalmak-app .six-realm-hud>small{color:#ddd0a5;letter-spacing:.14em;margin-bottom:6px;font:700 8px Arial,sans-serif;display:block}.birodalmak-app .six-realm-hud>div{border-top:1px solid #ffffff0c;grid-template-columns:8px 1fr auto;align-items:center;gap:5px;padding:3px 0;font:9px Arial,sans-serif;display:grid}.birodalmak-app .six-realm-hud i{border-radius:50%;width:7px;height:7px}.birodalmak-app .six-realm-hud span{font-weight:700}.birodalmak-app .six-realm-hud em{color:#8f8a7d;grid-column:2/4;font-size:7px}.birodalmak-app .six-realm-hud .szövetséges em{color:#70e58d}.birodalmak-app .six-realm-hud .ellenség em{color:#ff7c89}.birodalmak-app .mode-grid{grid-template-columns:repeat(3,1fr)!important;width:min(1050px,100%)!important}.birodalmak-app .diplomacy-setup{background:#080d14d9;border:1px solid #625947;width:min(920px,100%);margin:2px auto 14px;padding:13px 15px}.birodalmak-app .diplomacy-setup h3{color:var(--accent);letter-spacing:.14em;margin:0;font-size:13px}.birodalmak-app .diplomacy-setup>p{color:#aaa493;max-width:760px;margin:6px auto 11px;font:11px/1.45 Arial,sans-serif}.birodalmak-app .diplomacy-setup>div{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.birodalmak-app .diplomacy-setup button{color:#ddd5c4;cursor:pointer;background:#111720;border:1px solid #4a4740;min-width:0;padding:8px 4px}.birodalmak-app .diplomacy-setup button span,.birodalmak-app .diplomacy-setup button b,.birodalmak-app .diplomacy-setup button small{display:block}.birodalmak-app .diplomacy-setup button span{font-size:21px}.birodalmak-app .diplomacy-setup button b{margin:4px 0;font-size:10px}.birodalmak-app .diplomacy-setup button small{color:#999284;font:9px Arial,sans-serif}.birodalmak-app .diplomacy-setup button.alliance-1{background:#123042;border-color:#59cfff}.birodalmak-app .diplomacy-setup button.alliance-2{background:#173821;border-color:#7be38d}.birodalmak-app .diplomacy-setup button.alliance-3{background:#3d2517;border-color:#e69a5f}@media (width<=820px){.birodalmak-app .mode-grid{grid-template-columns:1fr!important}.birodalmak-app .diplomacy-setup>div{grid-template-columns:repeat(2,1fr)}}.birodalmak-app .hero-power{cursor:default}.birodalmak-app .hero-power p{color:#aaa493;margin:2px 0 7px;font:9px/1.35 Arial,sans-serif}.birodalmak-app .prototype-note{font-size:0}.birodalmak-app .prototype-note:after{content:"Bal húzás: csoportkijelölés · Jobb kattintás: parancs · Görgő: zoom · S: megállás · A hősképesség automatikus";font-size:10px}.birodalmak-app{--ink:#eee9da;--line:#655943;--muted:#a9a28f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.birodalmak-app *{box-sizing:border-box}.birodalmak-app,.birodalmak-app{min-height:100%;color:var(--ink);background:#080b10;margin:0;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.birodalmak-app button{font:inherit}.birodalmak-app .realm-screen{background:radial-gradient(circle at 55% 30%,color-mix(in srgb,var(--realm) 24%,transparent),transparent 34%),linear-gradient(125deg,#05080d,#111821 55%,#07090d);place-items:center;min-height:100vh;display:grid;position:relative;overflow:auto}.birodalmak-app .realm-screen:before{content:"";opacity:.26;background-image:linear-gradient(30deg,#0000 48%,#ffffff0a 49% 51%,#0000 52%),linear-gradient(-30deg,#0000 48%,#ffffff08 49% 51%,#0000 52%);background-size:76px 76px;position:fixed;inset:0}.birodalmak-app .realm-intro{z-index:2;text-align:center;width:min(1160px,96vw);padding:34px 24px 30px;position:relative}.birodalmak-app .kicker{color:var(--accent);letter-spacing:.38em;margin:0 0 14px;font:700 12px/1 Arial,sans-serif}.birodalmak-app .realm-intro h1{letter-spacing:.025em;text-shadow:0 5px 24px #000;margin:0;font-size:clamp(44px,6.5vw,78px);line-height:.82}.birodalmak-app .realm-intro h1 span{color:var(--accent);letter-spacing:.14em;font-size:.72em}.birodalmak-app .intro-copy{color:#c9c3b4;max-width:820px;margin:20px auto;font-size:15px;line-height:1.55}.birodalmak-app .selector-title{color:#8e887a;letter-spacing:.28em;margin:15px 0 8px;font:700 9px Arial,sans-serif}.birodalmak-app .mission-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto 15px;display:grid}.birodalmak-app .mission-card{text-align:left;color:#d8d1c0;cursor:pointer;background:linear-gradient(145deg,#1a2029e8,#0a0e15ed);border:1px solid #504b40;grid-template-columns:48px 1fr;gap:10px;min-height:112px;padding:12px;transition:all .2s;display:grid}.birodalmak-app .mission-card>span{color:var(--accent);border-right:1px solid #504b40;place-items:center;font-size:22px;display:grid}.birodalmak-app .mission-card small,.birodalmak-app .mission-card b{display:block}.birodalmak-app .mission-card small{color:#777e7d;letter-spacing:.14em;font:8px Arial,sans-serif}.birodalmak-app .mission-card b{margin:4px 0;font-size:16px}.birodalmak-app .mission-card p{color:#a59f91;margin:0;font:10px/1.45 Arial,sans-serif}.birodalmak-app .mission-card:hover,.birodalmak-app .mission-card.active{border-color:var(--accent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--realm) 25%,transparent),0 8px 20px #0008;transform:translateY(-2px)}.birodalmak-app .realm-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin:0 auto 15px;display:grid}.birodalmak-app .realm-card{color:#ddd6c4;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:linear-gradient(#1e2430dc,#10151ee8);border:1px solid #585446;flex-direction:column;align-items:center;gap:5px;min-height:76px;padding:8px;transition:all .2s;display:flex}.birodalmak-app .realm-card:hover,.birodalmak-app .realm-card.active{border-color:var(--accent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--realm) 36%,transparent),0 8px 24px #0008;transform:translateY(-3px)}.birodalmak-app .realm-card .sigil{color:var(--accent);font-size:24px}.birodalmak-app .realm-card b,.birodalmak-app .realm-card small{display:block}.birodalmak-app .realm-card b{letter-spacing:.06em}.birodalmak-app .realm-card small{color:#999484;margin-top:2px;font-size:10px}.birodalmak-app .chosen-realm{text-align:left;background:#080b10aa;border-block:1px solid #625d4f;justify-content:center;align-items:center;gap:16px;width:min(620px,100%);margin:0 auto 12px;padding:10px 22px;display:flex}.birodalmak-app .chosen-realm>span{color:var(--accent);font-size:34px}.birodalmak-app .chosen-realm small,.birodalmak-app .chosen-realm b,.birodalmak-app .chosen-realm em{display:block}.birodalmak-app .chosen-realm small{color:#898577;letter-spacing:.2em;font:700 8px Arial,sans-serif}.birodalmak-app .chosen-realm b{margin:3px 0;font-size:17px}.birodalmak-app .chosen-realm em{color:var(--accent);font-size:11px}.birodalmak-app .start-button{border:1px solid var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--realm) 90%,#222),color-mix(in srgb,var(--realm) 52%,#0d1016));color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-width:320px;box-shadow:0 0 34px color-mix(in srgb,var(--realm) 42%,transparent);padding:13px 28px;font-weight:700}.birodalmak-app .start-button span{padding-left:18px;font-size:23px}.birodalmak-app .start-button:hover{filter:brightness(1.25)}.birodalmak-app .prototype-note{color:#777366;letter-spacing:.08em;margin-top:10px;font:10px Arial,sans-serif}.birodalmak-app .mist{filter:blur(60px);background:color-mix(in srgb,var(--realm) 25%,transparent);opacity:.35;border-radius:50%;width:70vw;height:30vh;animation:12s ease-in-out infinite alternate bh-drift;position:fixed}.birodalmak-app .mist-a{top:15%;left:-10%}.birodalmak-app .mist-b{animation-delay:-6s;bottom:5%;right:-15%}@keyframes bh-drift{to{transform:translate(8vw,4vh)scale(1.15)}}.birodalmak-app .game-shell{--topbar:76px;background:#070b10;flex-direction:column;height:100vh;display:flex;overflow:hidden}.birodalmak-app .topbar{height:var(--topbar);flex:0 0 var(--topbar);z-index:20;background:linear-gradient(#1c222b,#0c1118);border-bottom:2px solid #675a44;grid-template-columns:220px 1fr minmax(290px,420px) 54px;align-items:center;gap:14px;padding:0 18px;display:grid;box-shadow:0 6px 22px #000}.birodalmak-app .realm-mark{align-items:center;gap:12px;display:flex}.birodalmak-app .realm-mark>span{background:var(--realm);border:1px solid var(--accent);width:44px;height:44px;box-shadow:inset 0 0 18px #0008,0 0 16px color-mix(in srgb,var(--realm) 50%,transparent);place-items:center;font-size:24px;display:grid;transform:rotate(45deg)}.birodalmak-app .realm-mark b,.birodalmak-app .realm-mark small{display:block}.birodalmak-app .realm-mark b{letter-spacing:.08em;font-size:17px}.birodalmak-app .realm-mark small{color:#8e897c;margin-top:3px;font-size:11px}.birodalmak-app .resource-bar{justify-content:center;align-items:center;gap:9px;display:flex}.birodalmak-app .resource-bar>div{background:#080c12;border:1px solid #3f403c;grid-template-rows:1fr 1fr;grid-template-columns:18px 1fr;align-items:center;min-width:116px;height:48px;padding:5px 10px;font-family:Arial,sans-serif;display:grid}.birodalmak-app .resource-bar i{grid-row:1/3;width:12px;height:12px;margin-right:7px;transform:rotate(45deg)}.birodalmak-app .resource-bar b{font-size:15px}.birodalmak-app .resource-bar small{color:#7caa76;font-size:9px}.birodalmak-app .gold-dot{background:#d3a83f}.birodalmak-app .wood-dot{background:#7f9b55;border-radius:80% 0}.birodalmak-app .crystal-dot{background:#a66add}.birodalmak-app .resource-bar .population{flex-direction:column;justify-content:center;min-width:82px;display:flex}.birodalmak-app .population b{color:var(--accent)}.birodalmak-app .population small{color:#8e897c}.birodalmak-app .mission-state{text-align:right;padding-right:10px}.birodalmak-app .mission-state small,.birodalmak-app .mission-state b,.birodalmak-app .mission-state span{display:block}.birodalmak-app .mission-state small{color:var(--accent);letter-spacing:.25em;font:700 9px Arial,sans-serif}.birodalmak-app .mission-state b{margin:4px 0;font-size:13px}.birodalmak-app .mission-state span{color:#999487;font:11px Arial,sans-serif}.birodalmak-app .pause-button{color:#d4cbb8;cursor:pointer;background:#111720;border:1px solid #59564c;width:42px;height:42px;font-size:18px}.birodalmak-app .battle-layout{flex:1;grid-template-columns:230px minmax(0,1fr) 290px;min-height:0;display:grid}.birodalmak-app .panel-frame{z-index:12;background:linear-gradient(90deg,#111721f5,#0a0f16f3);border-right:1px solid #5c5140;padding:16px 12px;position:relative;overflow:auto;box-shadow:8px 0 20px #0008}.birodalmak-app .right-panel{background:linear-gradient(-90deg,#111721f5,#0a0f16f3);border-left:1px solid #5c5140;border-right:0;box-shadow:-8px 0 20px #0008}.birodalmak-app .panel-title{color:#888273;letter-spacing:.22em;margin:0 0 10px;font:700 9px Arial,sans-serif}.birodalmak-app .roster-row{color:#d8d2c2;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.birodalmak-app .roster-row:hover{background:#181e27;border-color:#555044}.birodalmak-app .roster-row>span{width:34px;height:34px;color:var(--accent);background:#090d13;border:1px solid #555044;place-items:center;font-size:18px;display:grid}.birodalmak-app .roster-row b,.birodalmak-app .roster-row small{display:block}.birodalmak-app .roster-row small{color:#777469;margin-top:2px;font:10px Arial,sans-serif}.birodalmak-app .divider{background:#514a3c;height:1px;margin:14px 3px}.birodalmak-app .battle-log p{color:#aaa494;border-bottom:1px solid #282b2c;margin:0;padding:8px 3px;font-size:11px;line-height:1.4}.birodalmak-app .battle-log p:first-child{color:var(--accent)}.birodalmak-app .stage-wrap{isolation:isolate;background:#111923;min-width:0;min-height:0;position:relative;overflow:hidden}.birodalmak-app .stage-wrap:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#0007,#0000 18% 78%,#0008);position:absolute;inset:0;box-shadow:inset 0 0 80px #020509b8}.birodalmak-app .battlefield-3d{z-index:1;cursor:crosshair;position:absolute;inset:0}.birodalmak-app .battlefield-3d canvas{outline:0;width:100%;height:100%;display:block}.birodalmak-app .scene-title{z-index:5;border-left:2px solid var(--accent);pointer-events:none;text-shadow:0 2px 6px #000;background:#05080bc2;padding:8px 12px;position:absolute;top:14px;left:16px}.birodalmak-app .scene-title small,.birodalmak-app .scene-title b{display:block}.birodalmak-app .scene-title small{letter-spacing:.18em;color:var(--accent);font:8px Arial,sans-serif}.birodalmak-app .scene-title b{margin-top:3px;font-size:15px}.birodalmak-app .camera-controls{z-index:6;gap:4px;display:flex;position:absolute;top:14px;right:16px}.birodalmak-app .camera-controls button{color:#ddd4bf;cursor:pointer;background:#0a0f16d9;border:1px solid #665b48;width:35px;height:35px;font-size:18px;box-shadow:0 4px 10px #0006}.birodalmak-app .camera-controls button:hover{border-color:var(--accent);color:var(--accent)}.birodalmak-app .unit{z-index:8;color:#fff;cursor:pointer;text-shadow:0 2px 5px #000;background:0 0;border:0;width:44px;height:56px;padding:0;position:absolute;transform:translate(-50%,-50%)}.birodalmak-app .unit-body{background:linear-gradient(145deg,color-mix(in srgb,var(--realm) 75%,#5b5b5b),#171b21);border:1px solid var(--accent);border-radius:45% 45% 38% 38%;place-items:center;width:30px;height:38px;font-size:17px;display:grid;position:absolute;top:2px;left:7px;box-shadow:0 6px 8px #0009}.birodalmak-app .unit.enemy .unit-body{background:linear-gradient(145deg,#83333c,#211115);border-color:#d35b68}.birodalmak-app .unit.brute .unit-body{width:40px;height:46px;font-size:23px;top:-7px;left:2px}.birodalmak-app .unit.worker .unit-body{background:linear-gradient(145deg,#715936,#211b14);border-color:#bd9f63}.birodalmak-app .selection-ring{border:2px solid #0000;border-radius:50%;width:38px;height:15px;position:absolute;top:29px;left:3px;transform:rotate(-4deg)}.birodalmak-app .unit.selected{z-index:10}.birodalmak-app .unit.selected .selection-ring{border-color:#70ff88;box-shadow:0 0 10px #52f470}.birodalmak-app .unit-name{white-space:nowrap;font:8px Arial,sans-serif;display:none;position:absolute;top:43px;left:50%;transform:translate(-50%)}.birodalmak-app .unit.selected .unit-name,.birodalmak-app .unit:hover .unit-name{display:block}.birodalmak-app .hp{background:#270b0c;width:36px;height:4px;position:absolute;top:-5px;left:4px}.birodalmak-app .hp i{background:#65c96e;height:100%;display:block}.birodalmak-app .unit.enemy .hp i{background:#d55158}.birodalmak-app .unit>em{color:#e7ca77;font-size:11px;position:absolute;top:18px;right:-3px}.birodalmak-app .unit.hero .unit-body{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 80%,transparent);font-size:21px}.birodalmak-app .minimap{z-index:14;background:#16251ce8;border:2px solid #7a6749;width:160px;height:112px;position:absolute;bottom:14px;right:14px;box-shadow:0 7px 24px #000}.birodalmak-app .minimap i,.birodalmak-app .minimap b{border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.birodalmak-app .minimap i.player{background:#61d976}.birodalmak-app .minimap i.enemy{background:#ed5767}.birodalmak-app .minimap b{background:var(--accent);width:9px;height:9px}.birodalmak-app .mini-river{background:#285865;width:10%;height:130%;position:absolute;top:-10%;left:58%;transform:rotate(12deg)}.birodalmak-app .map-hint{z-index:13;color:#aaa495;background:#05080bbb;border:1px solid #4f4a3f;padding:7px 12px;font:10px Arial,sans-serif;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.birodalmak-app .selection-card{background:#090d13;border:1px solid #514b40;align-items:center;gap:11px;padding:9px;display:flex}.birodalmak-app .portrait{border:1px solid var(--accent);background:radial-gradient(circle,color-mix(in srgb,var(--realm) 50%,#222),#090c11);width:52px;height:52px;color:var(--accent);place-items:center;font-size:25px;display:grid}.birodalmak-app .selection-card small,.birodalmak-app .selection-card b,.birodalmak-app .selection-card span{display:block}.birodalmak-app .selection-card small{color:#898477;letter-spacing:.13em;font:8px Arial,sans-serif}.birodalmak-app .selection-card b{margin:4px 0;font-size:15px}.birodalmak-app .selection-card span{color:#70c977;font:9px Arial,sans-serif}.birodalmak-app .empty-selection{color:#7e796d;text-align:center;border:1px dashed #44433e;padding:18px 10px;font-size:11px;line-height:1.5}.birodalmak-app .command-label{letter-spacing:.18em;color:#847f72;margin:14px 0 7px;font:700 8px Arial,sans-serif}.birodalmak-app .command-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.birodalmak-app .command-grid.three{grid-template-columns:repeat(3,1fr)}.birodalmak-app .command-grid button{color:#ddd6c4;cursor:pointer;background:linear-gradient(#1d2430,#0c1118);border:1px solid #4b4840;flex-direction:column;justify-content:center;align-items:center;min-height:62px;padding:6px 3px;display:flex}.birodalmak-app .command-grid button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--realm) 22%,#111721)}.birodalmak-app .command-grid button:disabled{opacity:.35}.birodalmak-app .command-grid button>span{color:var(--accent);font-size:18px}.birodalmak-app .command-grid button small{margin-top:4px;font-size:9px;line-height:1.15}.birodalmak-app .build-menu button{min-width:0}.birodalmak-app .gold-symbol{color:#d3a83f!important}.birodalmak-app .wood-symbol{color:#83a85a!important}.birodalmak-app .crystal-symbol{color:#ad6fdf!important}.birodalmak-app .hero-power{color:#dad2c0;text-align:left;cursor:pointer;background:#0b1017;border:1px solid #544c41;align-items:center;gap:10px;width:100%;margin-top:14px;padding:9px;display:flex}.birodalmak-app .hero-power>span{color:#716b61;border:1px solid #585148;place-items:center;width:43px;height:43px;font-size:22px;display:grid}.birodalmak-app .hero-power.ready{border-color:var(--accent);box-shadow:inset 0 0 16px color-mix(in srgb,var(--realm) 22%,transparent)}.birodalmak-app .hero-power.ready>span{color:var(--accent);text-shadow:0 0 12px var(--accent)}.birodalmak-app .hero-power div{flex:1}.birodalmak-app .hero-power small,.birodalmak-app .hero-power b{display:block}.birodalmak-app .hero-power small{color:#858073;letter-spacing:.1em;font:8px Arial,sans-serif}.birodalmak-app .hero-power b{margin:3px 0;font-size:14px}.birodalmak-app .hero-power i{background:#222;height:4px;display:block}.birodalmak-app .hero-power i em{background:var(--accent);height:100%;display:block}.birodalmak-app .tutorial{border-left:2px solid var(--accent);background:#080c12;margin-top:16px;padding:10px}.birodalmak-app .tutorial b{color:var(--accent);font-size:11px}.birodalmak-app .tutorial p{color:#9c9789;margin:5px 0 0;font:10px/1.5 Arial,sans-serif}.birodalmak-app .game-overlay{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020408c9;place-items:center;display:grid;position:fixed;inset:0}.birodalmak-app .overlay-card{text-align:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--realm) 24%,transparent),transparent 55%),#0c1118;border:1px solid #71634c;width:min(520px,92vw);padding:34px;box-shadow:0 24px 80px #000}.birodalmak-app .overlay-sigil{color:var(--accent);text-shadow:0 0 20px var(--accent);font-size:48px}.birodalmak-app .overlay-card small{color:var(--accent);letter-spacing:.24em;margin-top:8px;font:9px Arial,sans-serif;display:block}.birodalmak-app .overlay-card h2{margin:8px 0;font-size:42px}.birodalmak-app .overlay-card p{color:#aaa394;line-height:1.5}.birodalmak-app .overlay-card button{border:1px solid var(--accent);background:var(--realm);color:#fff;cursor:pointer;margin:5px;padding:11px 18px}.birodalmak-app .overlay-card button.secondary{color:#b7b09f;background:0 0;border-color:#5b554b}.birodalmak-app .stage.placing{cursor:cell}.birodalmak-app .build-ghost{z-index:15;pointer-events:none;background:#4dff6b22;border:2px dashed #83ff95;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 24px #53f76d55}.birodalmak-app .build-ghost span{color:#9cffaa;text-shadow:0 0 10px #4bff6a;font-size:27px}.birodalmak-app .map-hint.active{color:#b8ffc2;background:#07140bd9;border-color:#6eff85}.birodalmak-app .farm .building-art{width:66px;height:62px}.birodalmak-app .farm .building-art i{background:linear-gradient(145deg,#745a37,#282016)}.birodalmak-app .temple .building-art{width:82px;height:92px}.birodalmak-app .temple .building-art i{background:linear-gradient(145deg,color-mix(in srgb,var(--realm) 65%,#252a34),#11141b)}.birodalmak-app .unit.elite .unit-body{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 85%,transparent);color:var(--accent);border-width:2px}.birodalmak-app .unit.boss{z-index:9;width:60px;height:72px}.birodalmak-app .unit.boss .unit-body{background:linear-gradient(145deg,#6f1838,#17070c);border:2px solid #ff637e;width:52px;height:58px;font-size:30px;top:-8px;left:4px;box-shadow:0 0 26px #f22555aa}.birodalmak-app .unit.boss .hp{width:58px;height:6px;top:-16px;left:1px}.birodalmak-app .unit.boss .unit-name{color:#ff9aaa;font-weight:700;top:52px}.birodalmak-app .unit.boss .selection-ring{width:54px;height:20px;top:40px;left:3px}.birodalmak-app .mode-grid{grid-template-columns:1fr 1fr;gap:10px;width:min(760px,100%);margin:0 auto 14px;display:grid}.birodalmak-app .mode-grid button{color:#d8d1c0;text-align:left;cursor:pointer;background:linear-gradient(145deg,#1a2029e8,#0a0e15ed);border:1px solid #504b40;align-items:center;gap:13px;padding:12px 15px;display:flex}.birodalmak-app .mode-grid button>span{color:var(--accent);font-size:25px}.birodalmak-app .mode-grid b,.birodalmak-app .mode-grid small{display:block}.birodalmak-app .mode-grid b{font-size:15px}.birodalmak-app .mode-grid small{color:#918b7d;margin-top:4px;font:10px/1.4 Arial,sans-serif}.birodalmak-app .mode-grid button:hover,.birodalmak-app .mode-grid button.active{border-color:var(--accent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--realm) 28%,transparent)}.birodalmak-app .game-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 auto 17px;display:grid}.birodalmak-app .game-summary article{text-align:left;background:linear-gradient(145deg,#151b24e8,#090d13ed);border:1px solid #47463f;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.birodalmak-app .game-summary article>span{height:34px;color:var(--accent);border:1px solid #5d5749;flex:0 0 34px;place-items:center;font-size:19px;display:grid}.birodalmak-app .game-summary b{color:#dcd5c4;letter-spacing:.08em;font:700 10px Arial,sans-serif;display:block}.birodalmak-app .game-summary p{color:#999386;margin:5px 0 0;font:10px/1.4 Arial,sans-serif}.birodalmak-app .selection-box{z-index:40;pointer-events:none;background:#45e8752e;border:2px solid #79ff9a;position:absolute;box-shadow:0 0 14px #45ff7755,inset 0 0 16px #58ff7d24}.birodalmak-app .enemy-economy{z-index:5;pointer-events:none;background:#12070bd4;border-left:2px solid #ff6374;flex-direction:column;gap:3px;padding:8px 11px;display:flex;position:absolute;top:76px;left:16px}.birodalmak-app .enemy-economy small{letter-spacing:.16em;color:#ff8290;font:700 9px Arial,sans-serif}.birodalmak-app .enemy-economy b{color:#eee0d1;font:12px Arial,sans-serif}.birodalmak-app .enemy-economy span{color:#aa9292;font:11px Arial,sans-serif}.birodalmak-app .minimap b.enemy{background:#ff5264}.birodalmak-app .map-hint{white-space:nowrap;padding:9px 14px;font-size:12px}.birodalmak-app .battle-layout{grid-template-columns:230px minmax(0,1fr) 350px}.birodalmak-app .panel-title{font-size:11px}.birodalmak-app .selection-card small{font-size:10px}.birodalmak-app .selection-card b{font-size:17px}.birodalmak-app .selection-card span{font-size:11px}.birodalmak-app .unit-details{background:#0b1116;border:1px solid #3f443f;border-top:0;padding:10px 11px}.birodalmak-app .unit-details p{color:#c2bcac;margin:0 0 8px;font:11px/1.45 Arial,sans-serif}.birodalmak-app .unit-details>div{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.birodalmak-app .unit-details span{color:#888477;text-align:center;background:#070b10;padding:5px 3px;font:8px Arial,sans-serif}.birodalmak-app .unit-details b{color:var(--accent);font-size:12px;display:block}.birodalmak-app .empty-selection{font-size:13px}.birodalmak-app .command-label{margin:17px 0 9px;font-size:10px}.birodalmak-app .command-grid{gap:8px}.birodalmak-app .command-grid.four{grid-template-columns:repeat(2,1fr)}.birodalmak-app .command-grid button{min-height:112px;padding:9px 7px}.birodalmak-app .command-grid button>span{font-size:23px}.birodalmak-app .command-grid button small{margin-top:5px;font-size:12px;font-weight:700}.birodalmak-app .command-grid button strong{color:#aaa493;margin-top:6px;font:400 10px/1.35 Arial,sans-serif;display:block}.birodalmak-app .command-grid button em{color:#d9c38d;white-space:normal;margin-top:7px;font:700 10px/1.25 Arial,sans-serif}.birodalmak-app .formations button{min-height:58px}.birodalmak-app .formations button strong{display:none}.birodalmak-app .tutorial b{font-size:13px}.birodalmak-app .tutorial p{font-size:12px}.birodalmak-app .hero-power small{font-size:10px}.birodalmak-app .hero-power b{font-size:16px}.birodalmak-app .roster-row b{font-size:14px}.birodalmak-app .roster-row small{font-size:11px}.birodalmak-app .command-grid.tactical{grid-template-columns:1fr 1.2fr}.birodalmak-app .command-grid.tactical button{min-height:94px}.birodalmak-app .auto-attack-note{background:#09140edb;border:1px solid #3e5545;align-items:center;gap:9px;min-height:94px;padding:10px;display:flex}.birodalmak-app .auto-attack-note>span{color:#70e58d;font-size:22px}.birodalmak-app .auto-attack-note b{color:#9df1ad;font-size:11px;display:block}.birodalmak-app .auto-attack-note p{color:#a4a095;margin:5px 0 0;font:10px/1.35 Arial,sans-serif}@media (width<=1100px){.birodalmak-app .battle-layout{grid-template-columns:180px minmax(0,1fr) 300px}.birodalmak-app .topbar{grid-template-columns:190px 1fr 260px 48px}.birodalmak-app .resource-bar>div{min-width:88px}.birodalmak-app .resource-bar small{display:none}.birodalmak-app .realm-grid{grid-template-columns:repeat(3,1fr)}.birodalmak-app .game-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.birodalmak-app .game-shell{height:auto;min-height:100vh;overflow:auto}.birodalmak-app .topbar{grid-template-columns:1fr 42px;height:auto;padding:10px;position:sticky;top:0}.birodalmak-app .resource-bar{grid-area:2/1/auto/3}.birodalmak-app .mission-state{text-align:center;grid-area:3/1/auto/3}.birodalmak-app .battle-layout{flex-direction:column;display:flex}.birodalmak-app .stage-wrap{order:1;height:62vh;min-height:520px}.birodalmak-app .left-panel{border-top:1px solid #5c5140;order:2}.birodalmak-app .right-panel{order:3}.birodalmak-app .panel-frame{overflow:visible}.birodalmak-app .map-hint{display:none}.birodalmak-app .realm-grid{grid-template-columns:repeat(2,1fr)}.birodalmak-app .mission-grid,.birodalmak-app .mode-grid,.birodalmak-app .game-summary{grid-template-columns:1fr}.birodalmak-app .realm-intro{padding-top:26px}.birodalmak-app .intro-copy{font-size:14px}.birodalmak-app .start-button{width:100%;min-width:0}.birodalmak-app .camera-controls{top:55px}.birodalmak-app .scene-title{max-width:55%}.birodalmak-app .enemy-economy{top:102px}}.birodalmak-app .game-shell{--topbar:66px}.birodalmak-app .topbar{grid-template-columns:205px 1fr minmax(270px,390px) 48px;gap:12px;padding-inline:14px}.birodalmak-app .battle-layout{grid-template-columns:190px minmax(0,1fr) 300px;transition:grid-template-columns .25s}.birodalmak-app .right-panel{padding-inline:12px}.birodalmak-app .battle-size-toggle{z-index:32;border:1px solid var(--accent);height:38px;color:var(--accent);cursor:pointer;letter-spacing:.07em;text-transform:uppercase;background:#080d14e8;align-items:center;gap:7px;padding:0 11px;font:700 9px Arial,sans-serif;display:flex;position:fixed;top:14px;right:70px;box-shadow:0 5px 18px #0009}.birodalmak-app .battle-size-toggle span{font-size:18px}.birodalmak-app .battle-size-toggle:hover{background:color-mix(in srgb,var(--realm) 28%,#080d14)}.birodalmak-app .battle-focus{--topbar:56px}.birodalmak-app .battle-focus .topbar{grid-template-columns:190px 1fr 48px}.birodalmak-app .battle-focus .mission-state{display:none}.birodalmak-app .battle-focus .battle-layout{grid-template-columns:0 minmax(0,1fr) 0}.birodalmak-app .battle-focus .panel-frame{visibility:hidden;opacity:0;pointer-events:none;border:0;padding:0}.birodalmak-app .battle-focus .stage-wrap{box-shadow:inset 0 0 0 1px var(--accent)}.birodalmak-app .ai-difficulty-toggle{z-index:32;color:#d8d1bf;text-align:left;cursor:pointer;background:#080d14ed;border:1px solid #6b665a;grid-template-rows:1fr 1fr;grid-template-columns:30px 1fr;align-items:center;min-width:132px;height:48px;padding:5px 10px;display:grid;position:fixed;top:9px;right:205px;box-shadow:0 5px 18px #0009}.birodalmak-app .ai-difficulty-toggle>span{border:1px solid var(--accent);width:26px;height:30px;color:var(--accent);grid-row:1/3;place-items:center;font:800 10px Arial,sans-serif;display:grid}.birodalmak-app .ai-difficulty-toggle b{letter-spacing:.1em;font:800 9px Arial,sans-serif}.birodalmak-app .ai-difficulty-toggle small{color:#8d887b;white-space:nowrap;font:7px Arial,sans-serif}.birodalmak-app .ai-difficulty-toggle.hard{color:#ffb09f;background:linear-gradient(135deg,#28100f,#090d14);border-color:#ff725f}.birodalmak-app .ai-difficulty-toggle.hard>span{color:#ff725f;border-color:#ff725f;box-shadow:0 0 12px #ff4e3b55}.birodalmak-app .ai-difficulty-toggle:hover{border-color:var(--accent)}@media (width<=1100px) and (width>=821px){.birodalmak-app .battle-layout{grid-template-columns:150px minmax(0,1fr) 260px}.birodalmak-app .topbar{grid-template-columns:175px 1fr 230px 44px}.birodalmak-app .battle-focus .battle-layout{grid-template-columns:0 minmax(0,1fr) 0}}@media (width<=820px){.birodalmak-app .stage-wrap{height:72svh;min-height:560px}.birodalmak-app .battle-size-toggle{height:36px;position:fixed;top:12px;right:60px}.birodalmak-app .battle-focus .topbar{display:none}.birodalmak-app .battle-focus .battle-layout{display:flex}.birodalmak-app .battle-focus .stage-wrap{width:100vw;height:100svh;min-height:100svh}.birodalmak-app .battle-focus .left-panel,.birodalmak-app .battle-focus .right-panel{display:none}.birodalmak-app .battle-focus .camera-controls,.birodalmak-app .battle-focus .scene-title{top:14px}}.birodalmak-app .radial-war .mini-river,.birodalmak-app .grid-war .mini-river{display:none}.birodalmak-app .radial-war .minimap{background:radial-gradient(circle at 18% 31%,#53694e 0 11%,#0000 12%),radial-gradient(circle at 50% 12%,#53694e 0 11%,#0000 12%),radial-gradient(circle at 82% 31%,#53694e 0 11%,#0000 12%),radial-gradient(circle at 82% 69%,#53694e 0 11%,#0000 12%),radial-gradient(circle at 50% 88%,#53694e 0 11%,#0000 12%),radial-gradient(circle at 18% 69%,#53694e 0 11%,#0000 12%),radial-gradient(circle,#756c4f 0 10%,#0000 11%),#123b50}.birodalmak-app .grid-war .minimap{background:linear-gradient(#9a6b45,#9a6b45) 31% 23%/8% 5% no-repeat,linear-gradient(#9a6b45,#9a6b45) 69% 23%/8% 5% no-repeat,linear-gradient(#9a6b45,#9a6b45) 31% 77%/8% 5% no-repeat,linear-gradient(#9a6b45,#9a6b45) 69% 77%/8% 5% no-repeat,linear-gradient(#9a6b45,#9a6b45) 16.5%/4% 14% no-repeat,linear-gradient(#9a6b45,#9a6b45) 83.5%/4% 14% no-repeat,linear-gradient(#53694e,#53694e) 3% 2%/27% 42% no-repeat,linear-gradient(#53694e,#53694e) 36.5% 2%/27% 42% no-repeat,linear-gradient(#53694e,#53694e) 70% 2%/27% 42% no-repeat,linear-gradient(#53694e,#53694e) 70% 56%/27% 42% no-repeat,linear-gradient(#53694e,#53694e) 36.5% 56%/27% 42% no-repeat,linear-gradient(#53694e,#53694e) 3% 56%/27% 42% no-repeat,#123b50}.birodalmak-app .command-grid .revive-hero{grid-column:1/-1;min-height:92px}.birodalmak-app .command-grid .revive-hero:not(:disabled){border-color:var(--accent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--realm) 28%,transparent)}.birodalmak-app .map-layout-picker{background:#080d14d9;border:1px solid #625947;width:min(920px,100%);margin:2px auto 14px;padding:12px 15px}.birodalmak-app .map-layout-picker h3{color:var(--accent);letter-spacing:.16em;margin:0 0 9px;font-size:12px}.birodalmak-app .map-layout-picker>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.birodalmak-app .map-layout-picker button{text-align:left;color:#ddd5c4;cursor:pointer;background:linear-gradient(145deg,#171e28,#0b1017);border:1px solid #4a4740;grid-template-columns:38px 1fr;align-items:center;padding:10px 13px;display:grid}.birodalmak-app .map-layout-picker button>span{color:var(--accent);grid-row:1/3;place-items:center;font-size:25px;display:grid}.birodalmak-app .map-layout-picker button b,.birodalmak-app .map-layout-picker button small{display:block}.birodalmak-app .map-layout-picker button b{font-size:14px}.birodalmak-app .map-layout-picker button small{color:#999284;margin-top:3px;font:10px/1.35 Arial,sans-serif}.birodalmak-app .map-layout-picker button:hover,.birodalmak-app .map-layout-picker button.active{border-color:var(--accent);box-shadow:inset 0 0 22px color-mix(in srgb,var(--realm) 28%,transparent)}@media (width>=821px){.birodalmak-app .realm-intro{zoom:1;width:min(1500px,96vw);padding:22px 24px 28px}}@media (width<=820px){.birodalmak-app .map-layout-picker>div{grid-template-columns:1fr}}.birodalmak-app .realm-style-preview{background:linear-gradient(145deg,#111822e8,#080c12ed);border:1px solid #5c5547;width:min(1120px,100%);margin:0 auto 14px;padding:12px}.birodalmak-app .passive-preview{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--realm) 16%,#090e15);align-items:center;gap:13px;padding:10px 13px;display:flex}.birodalmak-app .passive-preview>span{height:40px;color:var(--accent);flex:0 0 40px;place-items:center;font-size:25px;display:grid}.birodalmak-app .passive-preview small,.birodalmak-app .passive-preview b{display:block}.birodalmak-app .passive-preview small{color:var(--accent);letter-spacing:.15em;font:700 8px Arial,sans-serif}.birodalmak-app .passive-preview b{margin:3px 0;font-size:15px}.birodalmak-app .passive-preview p{color:#aaa493;margin:0;font:10px/1.35 Arial,sans-serif}.birodalmak-app .hero-preview-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px;display:grid}.birodalmak-app .hero-preview-grid article{text-align:left;background:#0a0f16;border:1px solid #48463f;gap:10px;padding:10px;display:flex}.birodalmak-app .hero-preview-grid article>span{border:1px solid var(--accent);height:36px;color:var(--accent);flex:0 0 36px;place-items:center;font-size:20px;display:grid}.birodalmak-app .hero-preview-grid b,.birodalmak-app .hero-preview-grid small{display:block}.birodalmak-app .hero-preview-grid b{font-size:13px}.birodalmak-app .hero-preview-grid small{color:var(--accent);margin-top:3px;font:700 9px Arial,sans-serif}.birodalmak-app .hero-preview-grid p{color:#918b7e;margin:5px 0 0;font:9px/1.35 Arial,sans-serif}.birodalmak-app .realm-passive{border:1px solid var(--accent);background:color-mix(in srgb,var(--realm) 18%,#091017);align-items:center;gap:10px;margin-top:14px;padding:11px;display:flex}.birodalmak-app .realm-passive>span{height:42px;color:var(--accent);flex:0 0 42px;place-items:center;font-size:24px;display:grid}.birodalmak-app .realm-passive small,.birodalmak-app .realm-passive b{display:block}.birodalmak-app .realm-passive small{color:var(--accent);letter-spacing:.1em;font:700 8px Arial,sans-serif}.birodalmak-app .realm-passive b{margin:3px 0;font-size:14px}.birodalmak-app .realm-passive p{color:#aaa493;margin:0;font:10px/1.4 Arial,sans-serif}.birodalmak-app .hero-revive-grid{grid-template-columns:repeat(3,1fr)!important}.birodalmak-app .hero-revive-grid .revive-hero{grid-column:auto;min-height:126px}.birodalmak-app .hero-revive-grid .revive-hero small{font-size:10px}.birodalmak-app .hero-revive-grid .revive-hero strong,.birodalmak-app .hero-revive-grid .revive-hero em{font-size:9px}.birodalmak-app .hero-roster{border-left-color:var(--accent);background:color-mix(in srgb,var(--realm) 14%,transparent)}.birodalmak-app .hero-roster small{color:var(--accent)}@media (width<=1100px){.birodalmak-app .hero-preview-grid{grid-template-columns:1fr}.birodalmak-app .hero-revive-grid{grid-template-columns:1fr!important}}.birodalmak-app .prototype-note:after{content:"Bal húzás: térkép mozgatása · Ctrl + bal húzás: csapatkijelölés · Jobb kattintás: parancs · Görgő: zoom · S: megállás"}.birodalmak-app .battlefield-3d{cursor:grab}.birodalmak-app .battlefield-3d.selecting{cursor:crosshair}.birodalmak-app .battlefield-3d.dragging{cursor:grabbing}.birodalmak-app .resource-bar>div{min-width:150px}.birodalmak-app .resource-bar small{white-space:nowrap;color:#82c77d;font-size:8px;display:block!important}.birodalmak-app .resource-bar .population{min-width:78px}.birodalmak-app .resource-bar .population small{color:#8e897c}.birodalmak-app .six-realm-hud{width:172px;padding:6px 7px;top:66px}.birodalmak-app .six-realm-hud>small{letter-spacing:.1em;margin-bottom:4px;font-size:7px}.birodalmak-app .six-realm-hud>div{grid-template-columns:6px 1fr auto auto;gap:4px;padding:2px 0;font-size:8px}.birodalmak-app .six-realm-hud i{width:6px;height:6px}.birodalmak-app .six-realm-hud b{font-size:8px}.birodalmak-app .six-realm-hud em{grid-column:auto;font-size:6px}.birodalmak-app .six-realm-hud span{font-size:8px}.birodalmak-app .focus-command-dock{z-index:18;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070c13ee;border:1px solid #6b604d;align-items:stretch;gap:7px;max-width:calc(100% - 390px);padding:7px;display:flex;position:absolute;bottom:8px;right:14px;box-shadow:0 8px 28px #000c}.birodalmak-app .focus-resources{white-space:nowrap;border-right:1px solid #4e493f;grid-template-columns:repeat(3,auto);align-content:center;gap:2px 8px;padding:3px 8px;font:10px Arial,sans-serif;display:grid}.birodalmak-app .focus-resources b:first-child{color:#e0bc58}.birodalmak-app .focus-resources b:nth-child(2){color:#9fc46e}.birodalmak-app .focus-resources b:nth-child(3){color:#c88cff}.birodalmak-app .focus-resources small{color:#79c980;grid-column:1/-1;font-size:8px}.birodalmak-app .focus-actions{align-items:center;gap:4px;display:flex}.birodalmak-app .focus-actions>span{color:#898274;letter-spacing:.08em;writing-mode:vertical-rl;align-self:stretch;place-items:center;padding:0 4px;font:700 7px Arial,sans-serif;display:grid}.birodalmak-app .focus-actions button{min-width:48px;height:48px;color:var(--accent);cursor:pointer;background:linear-gradient(#19212c,#0a0f16);border:1px solid #504b41;place-items:center;padding:3px;font-size:17px;display:grid}.birodalmak-app .focus-actions button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--realm) 30%,#0a0f16)}.birodalmak-app .focus-actions button small{color:#ddd4c0;font:8px Arial,sans-serif;display:block}@media (width<=1250px) and (width>=821px){.birodalmak-app .resource-bar>div{min-width:118px;padding-inline:7px}.birodalmak-app .resource-bar small{font-size:7px}.birodalmak-app .focus-command-dock{max-width:calc(100% - 360px)}.birodalmak-app .focus-resources{display:none}}@media (width<=820px){.birodalmak-app .resource-bar>div{flex:1;min-width:0;padding:5px}.birodalmak-app .resource-bar small{white-space:normal;font-size:7px}.birodalmak-app .focus-command-dock{max-width:none;display:block;bottom:8px;left:6px;right:6px;transform:none}.birodalmak-app .focus-resources{border:0;border-bottom:1px solid #4e493f;justify-content:center;margin-bottom:5px;display:flex}.birodalmak-app .focus-resources small{margin-left:8px}.birodalmak-app .focus-actions{flex-wrap:wrap;justify-content:center}.birodalmak-app .focus-actions>span{display:none}.birodalmak-app .focus-actions button{min-width:54px}.birodalmak-app .battle-focus .map-hint{display:none}.birodalmak-app .six-realm-hud{top:62px;left:8px}}.birodalmak-app .hero-command-dock{z-index:19;pointer-events:auto;grid-template-columns:repeat(3,minmax(112px,145px));gap:5px;display:grid;position:absolute;bottom:4px;left:4px}.birodalmak-app .hero-command-dock button{color:#ded6c4;text-align:left;cursor:pointer;background:#070c13ed;border:1px solid #574f42;grid-template-columns:38px 1fr;align-items:center;gap:6px;min-width:0;height:56px;padding:5px 7px;display:grid;box-shadow:0 5px 18px #000a}.birodalmak-app .hero-command-dock button:hover,.birodalmak-app .hero-command-dock button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--realm) 30%,#070c13);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}.birodalmak-app .hero-command-dock button>span{border:1px solid var(--accent);background:radial-gradient(circle,color-mix(in srgb,var(--realm) 56%,#20242b),#080b10);width:36px;height:42px;color:var(--accent);place-items:center;font-size:21px;display:grid}.birodalmak-app .hero-command-dock b,.birodalmak-app .hero-command-dock small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.birodalmak-app .hero-command-dock b{font-size:10px}.birodalmak-app .hero-command-dock small{color:#aaa392;margin-top:3px;font:8px Arial,sans-serif}.birodalmak-app .hero-command-dock i{background:#241012;height:3px;margin-top:4px;display:block}.birodalmak-app .hero-command-dock i em{background:#69d577;height:100%;display:block}.birodalmak-app .hero-command-dock button.fallen{background:#17090ded;border-color:#8a3b49}.birodalmak-app .hero-command-dock button.fallen>span{color:#ff8190;filter:grayscale(.45);border-color:#9c4351}.birodalmak-app .hero-command-dock button.fallen small{color:#e4a0a8}.birodalmak-app .hero-command-dock button:disabled{opacity:.45;cursor:not-allowed}.birodalmak-app .stage-wrap>.map-hint{bottom:80px}.birodalmak-app .battle-focus .hero-command-dock{bottom:4px}.birodalmak-app .battle-focus .map-hint{bottom:150px}.birodalmak-app .worker-order-note{background:#0a130de8;border:1px solid #536049;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:10px;display:grid}.birodalmak-app .worker-order-note>span{color:#ffd36f;grid-row:1/3;place-items:center;width:34px;height:42px;font-size:22px;display:grid}.birodalmak-app .worker-order-note b{color:#c9e8ba;font-size:11px;display:block}.birodalmak-app .worker-order-note p{color:#aaa493;margin:4px 0 0;font:10px/1.4 Arial,sans-serif}.birodalmak-app .worker-order-note button{color:#d5cebc;cursor:pointer;background:#101821;border:1px solid #4b5148;grid-column:1/-1;height:32px}.birodalmak-app .worker-order-note button:hover{border-color:var(--accent);color:var(--accent)}.birodalmak-app .map-hint{display:none!important}.birodalmak-app .grid-war .minimap,.birodalmak-app .radial-war .minimap{cursor:pointer;background:linear-gradient(#d991ff30,#d991ff18) 0 0/33.334% 50% no-repeat,linear-gradient(#91fff130,#91fff118) 50% 0/33.334% 50% no-repeat,linear-gradient(#ffad6230,#ffad6218) 100% 0/33.334% 50% no-repeat,linear-gradient(#ffe79530,#ffe79518) 0 100%/33.334% 50% no-repeat,linear-gradient(#d5e87830,#d5e87818) 50% 100%/33.334% 50% no-repeat,linear-gradient(#70cfff30,#70cfff18) 100% 100%/33.334% 50% no-repeat,#09131c;width:210px;height:132px}.birodalmak-app .grid-war .minimap:before,.birodalmak-app .radial-war .minimap:before{content:"";z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 132'%3E%3Cg fill='%23f3ead7' font-family='Arial' font-size='7' font-weight='700' text-anchor='middle'%3E%3Ctext x='35' y='19'%3ENOCHTAR%3C/text%3E%3Ctext x='105' y='19'%3EZEPHYRIA%3C/text%3E%3Ctext x='175' y='19'%3EPYRATH%3C/text%3E%3Ctext x='35' y='85'%3ESOLARIA%3C/text%3E%3Ctext x='105' y='85'%3ETERRANOR%3C/text%3E%3Ctext x='175' y='85'%3EAQUARIS%3C/text%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat;position:absolute;inset:0}.birodalmak-app .grid-war .minimap:after,.birodalmak-app .radial-war .minimap:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - 1px),#d8cba255 calc(33.333% - 1px) calc(33.333% + 1px),#0000 calc(33.333% + 1px) calc(66.666% - 1px),#d8cba255 calc(66.666% - 1px) calc(66.666% + 1px),#0000 calc(66.666% + 1px)),linear-gradient(#0000 calc(50% - 1px),#d8cba266 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.birodalmak-app .grid-war .minimap .mini-river,.birodalmak-app .radial-war .minimap .mini-river{z-index:1;opacity:.32;pointer-events:none}.birodalmak-app .grid-war .minimap i,.birodalmak-app .grid-war .minimap b,.birodalmak-app .radial-war .minimap i,.birodalmak-app .radial-war .minimap b{z-index:3;pointer-events:none}@media (width<=1250px) and (width>=821px){.birodalmak-app .hero-command-dock{grid-template-columns:repeat(3,112px)}.birodalmak-app .hero-command-dock button{grid-template-columns:30px 1fr;padding-inline:5px}.birodalmak-app .hero-command-dock button>span{width:29px}.birodalmak-app .battle-focus .focus-command-dock{bottom:14px}}@media (width>=1251px){.birodalmak-app .battle-focus .focus-command-dock{width:max-content;max-width:calc(100% - 647px);margin-inline:auto;left:461px;right:186px}.birodalmak-app .battle-focus.grid-war .focus-command-dock,.birodalmak-app .battle-focus.radial-war .focus-command-dock{max-width:calc(100% - 697px);right:236px}}@media (width<=1250px) and (width>=821px){.birodalmak-app .battle-focus .focus-command-dock{width:max-content;max-width:calc(100% - 546px);margin-inline:auto;left:360px;right:186px}.birodalmak-app .battle-focus.grid-war .focus-command-dock,.birodalmak-app .battle-focus.radial-war .focus-command-dock{max-width:calc(100% - 596px);right:236px}}@media (width<=820px){.birodalmak-app .hero-command-dock{grid-template-columns:repeat(3,1fr);bottom:8px;left:6px;right:6px}.birodalmak-app .hero-command-dock button{grid-template-columns:30px 1fr;height:52px;padding:4px}.birodalmak-app .hero-command-dock button>span{width:28px;height:38px;font-size:17px}.birodalmak-app .hero-command-dock b{font-size:8px}.birodalmak-app .hero-command-dock small{font-size:7px}.birodalmak-app .battle-focus .hero-command-dock{bottom:142px}.birodalmak-app .grid-war .minimap,.birodalmak-app .radial-war .minimap{width:180px;height:114px}.birodalmak-app .battle-focus .minimap{bottom:206px}}.birodalmak-app .ai-setup{text-align:left;background:linear-gradient(135deg,#111823ed,#080c12f2);border:1px solid #5b5548;margin:12px auto 14px;padding:12px}.birodalmak-app .ai-setup-heading{justify-content:space-between;align-items:end;gap:22px;margin-bottom:9px;display:flex}.birodalmak-app .ai-setup-heading small{color:var(--accent);letter-spacing:.2em;font:700 8px Arial,sans-serif;display:block}.birodalmak-app .ai-setup-heading h3{color:#e2dac7;letter-spacing:.08em;margin:3px 0 0;font-size:14px}.birodalmak-app .ai-setup-heading p{color:#989182;max-width:520px;margin:0;font:9px/1.45 Arial,sans-serif}.birodalmak-app .ai-setup-heading p b{color:#d8d0bf}.birodalmak-app .ai-realm-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.birodalmak-app .ai-realm-card{background:#0b1119;border:1px solid #49473f;grid-template-columns:28px minmax(72px,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.birodalmak-app .ai-realm-card>span{border:1px solid var(--ai-color);width:28px;height:34px;color:var(--ai-color);place-items:center;font-size:18px;display:grid}.birodalmak-app .ai-realm-card b,.birodalmak-app .ai-realm-card small{display:block}.birodalmak-app .ai-realm-card b{color:#e0d8c6;font-size:10px}.birodalmak-app .ai-realm-card small{color:#817d72;margin-top:2px;font:7px Arial,sans-serif}.birodalmak-app .ai-realm-card.hard{background:linear-gradient(135deg,#25100f,#0b1119);border-color:#9d4b42}.birodalmak-app .ai-realm-card.player{border-color:var(--ai-color);background:color-mix(in srgb,var(--ai-color) 13%,#0b1119)}.birodalmak-app .ai-realm-card>strong{color:var(--ai-color);letter-spacing:.1em;font:800 8px Arial,sans-serif}.birodalmak-app .ai-level-buttons{gap:3px;display:flex}.birodalmak-app .ai-level-buttons button{color:#8d897e;cursor:pointer;background:#141b24;border:1px solid #49473f;min-width:46px;height:29px;padding:0 6px;font:700 8px Arial,sans-serif}.birodalmak-app .ai-level-buttons button:hover,.birodalmak-app .ai-level-buttons button.active{border-color:var(--ai-color);color:#f0e8d5;background:color-mix(in srgb,var(--ai-color) 22%,#141b24)}.birodalmak-app .ai-level-buttons button.active.hard{color:#ffb4a5;background:#441c18;border-color:#ff725f;box-shadow:inset 0 0 12px #ff493a24}.birodalmak-app .ai-difficulty-toggle.ai-summary{cursor:default}@media (width<=900px){.birodalmak-app .ai-realm-grid{grid-template-columns:repeat(2,1fr)}.birodalmak-app .ai-setup-heading{flex-direction:column;align-items:start;gap:5px}}@media (width<=560px){.birodalmak-app .ai-realm-grid{grid-template-columns:1fr}.birodalmak-app .ai-realm-card{grid-template-columns:28px 1fr auto}.birodalmak-app .ai-level-buttons button{min-width:52px}}.birodalmak-app .start-menu-tabs{justify-content:center;gap:7px;width:min(620px,100%);margin:16px auto;display:flex}.birodalmak-app .start-menu-tabs button{color:#928c80;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#151c25,#090e14);border:1px solid #514d43;flex:1;min-height:42px;font:700 10px Arial,sans-serif}.birodalmak-app .start-menu-tabs button span{color:var(--accent);margin-right:8px;font-size:15px}.birodalmak-app .start-menu-tabs button:hover,.birodalmak-app .start-menu-tabs button.active{border-color:var(--accent);color:#eee5d2;box-shadow:inset 0 0 20px color-mix(in srgb,var(--realm) 28%,transparent)}.birodalmak-app .guide-intro{width:min(1320px,96vw);padding-block:26px 38px}.birodalmak-app .guide-intro h1{font-size:clamp(38px,5vw,62px)}.birodalmak-app .game-guide{text-align:left;margin:0 auto}.birodalmak-app .guide-lead{text-align:center;max-width:760px;margin:10px auto 22px}.birodalmak-app .guide-lead small{color:var(--accent);letter-spacing:.25em;font:700 9px Arial,sans-serif}.birodalmak-app .guide-lead h2{margin:7px 0 8px;font-size:clamp(25px,3vw,38px);font-weight:400}.birodalmak-app .guide-lead p{color:#aaa395;margin:0;font:13px/1.55 Arial,sans-serif}.birodalmak-app .guide-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.birodalmak-app .guide-grid article{background:linear-gradient(145deg,#151c25ed,#090d13f2);border:1px solid #4d493f;grid-template-columns:44px 1fr;gap:12px;min-height:150px;padding:16px;display:grid}.birodalmak-app .guide-grid article>span{border:1px solid var(--accent);width:44px;height:48px;color:var(--accent);background:color-mix(in srgb,var(--realm) 20%,#090d13);place-items:center;font-size:23px;display:grid}.birodalmak-app .guide-grid h3{color:#e4dccb;margin:2px 0 8px;font-size:15px}.birodalmak-app .guide-grid p{color:#999285;margin:0;font:11px/1.55 Arial,sans-serif}.birodalmak-app .guide-keys{color:#989184;background:#080c12e8;border:1px solid #514b40;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:11px;padding:12px;font:9px Arial,sans-serif;display:flex}.birodalmak-app .guide-keys>b{color:var(--accent);letter-spacing:.14em;margin-right:6px}.birodalmak-app .guide-keys span{white-space:nowrap}.birodalmak-app .guide-keys kbd{color:#eee4d0;background:#151b23;border:1px solid #5a5549;padding:4px 6px;font:700 8px Arial,sans-serif}@media (width>=1101px){.birodalmak-app .ai-difficulty-toggle{top:116px;right:316px}.birodalmak-app .battle-focus .ai-difficulty-toggle{top:66px;right:16px}}@media (width<=1100px) and (width>=821px){.birodalmak-app .ai-difficulty-toggle{top:116px;right:276px}.birodalmak-app .battle-focus .ai-difficulty-toggle{top:66px;right:16px}}@media (width<=900px){.birodalmak-app .guide-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.birodalmak-app .start-menu-tabs{flex-direction:column;margin:12px auto}.birodalmak-app .guide-intro{padding:22px 15px 30px}.birodalmak-app .guide-grid{grid-template-columns:1fr}.birodalmak-app .guide-grid article{min-height:0}.birodalmak-app .guide-keys{flex-direction:column;align-items:stretch}.birodalmak-app .ai-difficulty-toggle{transform-origin:100% 0;top:104px;right:10px;transform:scale(.88)}}.birodalmak-app .online-menu-entry{border:1px solid var(--accent);background:linear-gradient(100deg,color-mix(in srgb,var(--realm) 28%,#0a0f17),#080d14);color:#e9e0ce;text-align:left;cursor:pointer;width:min(920px,100%);min-height:58px;box-shadow:inset 0 0 25px color-mix(in srgb,var(--realm) 17%,transparent);grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin:0 auto 14px;padding:9px 14px;display:grid}.birodalmak-app .online-menu-entry:hover{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 0 25px color-mix(in srgb,var(--realm) 25%,transparent);transform:translateY(-1px)}.birodalmak-app .online-menu-entry>span{border:1px solid var(--accent);width:42px;height:42px;color:var(--accent);place-items:center;font-size:25px;display:grid}.birodalmak-app .online-menu-entry b,.birodalmak-app .online-menu-entry small{display:block}.birodalmak-app .online-menu-entry b{letter-spacing:.08em;font-size:13px}.birodalmak-app .online-menu-entry small{color:#aaa395;margin-top:4px;font:10px Arial,sans-serif}.birodalmak-app .online-menu-entry em{border:1px solid var(--accent);color:var(--accent);letter-spacing:.15em;padding:5px 8px;font:800 8px Arial,sans-serif}.birodalmak-app .online-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060cd9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.birodalmak-app .online-lobby{border:1px solid var(--online-accent,#d991ff);background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--online-accent,#d991ff) 18%,transparent),transparent 42%),linear-gradient(145deg,#141c27,#080d14 62%);color:#e8dfcc;width:min(820px,96vw);max-height:92vh;box-shadow:0 20px 80px #000,0 0 30px color-mix(in srgb,var(--online-accent,#d991ff) 20%,transparent);text-align:left;padding:22px;overflow:auto}.birodalmak-app .online-lobby header{border-bottom:1px solid #4b493f;justify-content:space-between;gap:18px;padding-bottom:15px;display:flex}.birodalmak-app .online-lobby header small{color:var(--online-accent,#d991ff);letter-spacing:.22em;font:800 9px Arial,sans-serif}.birodalmak-app .online-lobby h2{margin:6px 0 5px;font-size:28px;font-weight:400}.birodalmak-app .online-lobby header p{color:#aaa395;max-width:660px;margin:0;font:11px/1.5 Arial,sans-serif}.birodalmak-app .online-close{color:#d9d0bd;cursor:pointer;background:#0b1119;border:1px solid #595348;flex:0 0 38px;height:38px;font-size:23px}.birodalmak-app .online-close:hover{border-color:var(--online-accent,#d991ff);color:var(--online-accent,#d991ff)}.birodalmak-app .online-tabs{grid-template-columns:1fr 1fr;gap:6px;margin:15px 0;display:grid}.birodalmak-app .online-tabs button{color:#908a7e;letter-spacing:.1em;cursor:pointer;background:#101721;border:1px solid #504c43;height:40px;font:800 10px Arial,sans-serif}.birodalmak-app .online-tabs button.active{border-color:var(--online-accent,#d991ff);color:#f1e8d6;background:color-mix(in srgb,var(--online-accent,#d991ff) 18%,#101721)}.birodalmak-app .online-field{margin:11px 0;display:block}.birodalmak-app .online-field>span,.birodalmak-app .online-label{color:#b6ad9b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font:800 9px Arial,sans-serif;display:block}.birodalmak-app .online-field input{color:#efe6d4;background:#080d14;border:1px solid #524e45;outline:0;width:100%;height:42px;padding:0 12px;font:13px Arial,sans-serif}.birodalmak-app .online-field input:focus{border-color:var(--online-accent,#d991ff);box-shadow:0 0 12px color-mix(in srgb,var(--online-accent,#d991ff) 20%,transparent)}.birodalmak-app .online-field .room-code-input{text-transform:uppercase;letter-spacing:.35em;font-size:17px;font-weight:800}.birodalmak-app .online-realm-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.birodalmak-app .online-realm-grid button{color:#ded5c2;text-align:left;cursor:pointer;background:#0b1119;border:1px solid #4b4941;grid-template-columns:36px 1fr;align-items:center;gap:2px 8px;min-height:58px;padding:8px;display:grid}.birodalmak-app .online-realm-grid button>span{border:1px solid var(--realm-choice);width:34px;height:40px;color:var(--realm-choice);grid-row:1/3;place-items:center;font-size:20px;display:grid}.birodalmak-app .online-realm-grid button b,.birodalmak-app .online-realm-grid button small{display:block}.birodalmak-app .online-realm-grid button b{font-size:11px}.birodalmak-app .online-realm-grid button small{color:#8f897d;font:8px Arial,sans-serif}.birodalmak-app .online-realm-grid button:hover,.birodalmak-app .online-realm-grid button.active{border-color:var(--realm-choice);background:color-mix(in srgb,var(--realm-choice) 18%,#0b1119);box-shadow:inset 0 0 16px color-mix(in srgb,var(--realm-choice) 18%,transparent)}.birodalmak-app .online-primary{border:1px solid var(--online-accent,#d991ff);background:linear-gradient(120deg,color-mix(in srgb,var(--online-accent,#d991ff) 45%,#181126),#241030);color:#fff4df;letter-spacing:.09em;cursor:pointer;width:100%;min-height:46px;margin-top:15px;font:800 11px Arial,sans-serif}.birodalmak-app .online-primary:hover:not(:disabled){filter:brightness(1.18)}.birodalmak-app .online-primary:disabled{opacity:.45;cursor:not-allowed}.birodalmak-app .room-code-card{border:1px solid var(--online-accent,#d991ff);background:color-mix(in srgb,var(--online-accent,#d991ff) 13%,#080d14);grid-template-columns:1fr auto;align-items:center;gap:3px 16px;margin:15px 0;padding:13px 15px;display:grid}.birodalmak-app .room-code-card span{color:#aaa395;letter-spacing:.18em;text-transform:uppercase;font:800 8px Arial,sans-serif}.birodalmak-app .room-code-card b{letter-spacing:.25em;color:var(--online-accent,#d991ff);grid-row:2;font:800 28px Arial,sans-serif}.birodalmak-app .room-code-card button{color:#ddd4c2;cursor:pointer;background:#111923;border:1px solid #5a554a;grid-area:1/2/3;padding:8px 11px;font:9px Arial,sans-serif}.birodalmak-app .online-seats{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.birodalmak-app .online-seats article{background:#0a1017;border:1px solid #4a4840;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.birodalmak-app .online-seats article>span{border:1px solid var(--realm-choice);width:34px;height:38px;color:var(--realm-choice);place-items:center;font-size:19px;display:grid}.birodalmak-app .online-seats b,.birodalmak-app .online-seats small{display:block}.birodalmak-app .online-seats b{font-size:11px}.birodalmak-app .online-seats small{color:#8e887c;margin-top:3px;font:8px Arial,sans-serif}.birodalmak-app .online-seats em{color:#777268;letter-spacing:.1em;font:800 7px Arial,sans-serif}.birodalmak-app .online-seats article.human{border-color:var(--realm-choice);background:color-mix(in srgb,var(--realm-choice) 13%,#0a1017)}.birodalmak-app .online-seats article.human em{color:var(--realm-choice)}.birodalmak-app .online-waiting{color:#b8af9d;border:1px solid #514d44;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:15px;font:10px Arial,sans-serif;display:flex}.birodalmak-app .online-waiting i{background:var(--online-accent,#d991ff);width:9px;height:9px;box-shadow:0 0 10px var(--online-accent,#d991ff);border-radius:50%;animation:1.2s ease-in-out infinite bh-onlinePulse}.birodalmak-app .online-error{color:#ffb2bd;background:#250b11;border:1px solid #8a3a46;margin:12px 0 0;padding:9px;font:10px/1.4 Arial,sans-serif}@keyframes bh-onlinePulse{50%{opacity:.3;transform:scale(.7)}}.birodalmak-app .online-battle-badge{z-index:24;border:1px solid var(--accent);background:#070c13ec;grid-template-columns:auto auto;gap:2px 10px;min-width:150px;padding:7px 10px;display:grid;position:absolute;top:68px;right:286px;box-shadow:0 6px 20px #000b}.birodalmak-app .online-battle-badge span{color:var(--accent);letter-spacing:.13em;grid-column:1/-1;font:800 7px Arial,sans-serif}.birodalmak-app .online-battle-badge b{letter-spacing:.13em;font:800 14px Arial,sans-serif}.birodalmak-app .online-battle-badge small{color:#9d9688;align-self:center;font:8px Arial,sans-serif}.birodalmak-app .repair-building-list{gap:5px;display:grid}.birodalmak-app .repair-building-list button{color:#ddd5c3;text-align:left;cursor:pointer;background:#0c131b;border:1px solid #4e4b43;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:50px;padding:7px;display:grid}.birodalmak-app .repair-building-list button>span{border:1px solid var(--accent);width:30px;height:34px;color:var(--accent);place-items:center;font-size:17px;display:grid}.birodalmak-app .repair-building-list b,.birodalmak-app .repair-building-list small{display:block}.birodalmak-app .repair-building-list b{font-size:10px}.birodalmak-app .repair-building-list small{color:#958f83;margin-top:3px;font:8px Arial,sans-serif}.birodalmak-app .repair-building-list em{color:#d7c077;white-space:nowrap;font:800 8px Arial,sans-serif}.birodalmak-app .repair-building-list button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--realm) 20%,#0c131b)}.birodalmak-app .repair-building-list button:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.birodalmak-app .online-realm-grid{grid-template-columns:repeat(2,1fr)}.birodalmak-app .online-battle-badge{top:112px;right:12px}}@media (width<=620px){.birodalmak-app .online-overlay{padding:8px}.birodalmak-app .online-lobby{width:100%;max-height:96vh;padding:14px}.birodalmak-app .online-lobby h2{font-size:22px}.birodalmak-app .online-realm-grid,.birodalmak-app .online-seats{grid-template-columns:1fr}.birodalmak-app .online-menu-entry{grid-template-columns:40px 1fr}.birodalmak-app .online-menu-entry em{display:none}.birodalmak-app .room-code-card b{font-size:22px}.birodalmak-app .online-battle-badge{transform-origin:100% 0;top:104px;transform:scale(.85)}}@scope(.nochtar-standalone){:scope{--background:#050807;--foreground:#dce9e2;--primary:#8ef0c4;--primary-foreground:#07120d;--border:#a6d3bf2e;--ring:#8ef0c4;--radius:.2rem}*{box-sizing:border-box}:scope{min-height:100%;color:var(--foreground);background:#030504;margin:0;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}button{font-family:Arial,Helvetica,sans-serif}.game-page{background:radial-gradient(circle at 50% -10%,#2b534242,#0000 38%),linear-gradient(#080d0b 0%,#020303 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.grain{pointer-events:none;opacity:.16;z-index:10;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");position:fixed;inset:0}.game-shell{z-index:1;width:min(1420px,100%);position:relative}.game-header,.game-footer{border-color:var(--border);justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.game-header{border-bottom:1px solid var(--border);padding:0 2px 14px}.site-game-back{color:#78988a;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:8px;font-weight:700;display:inline-block}.site-game-back:hover{color:#b9e8d2}.eyebrow,.chapter{color:#79a891;letter-spacing:.34em;margin:0 0 7px;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700}.game-header h1{color:#dce7e1;letter-spacing:.11em;text-shadow:0 0 28px #7dddb229;margin:0;font-size:clamp(22px,3vw,38px);font-weight:400;line-height:1}.region-name{color:#536b60;letter-spacing:.18em;text-transform:uppercase;margin-top:7px;font-family:Arial,Helvetica,sans-serif;font-size:8px;display:block}.sound-toggle{color:#91ae9f;letter-spacing:.18em;cursor:pointer;background:#050c098c;border:1px solid #7fae9747;padding:8px 10px;font-size:9px}.header-actions{align-items:center;gap:8px;display:flex}.menu-button{color:#b5d0c3;letter-spacing:.18em;background:#050c098c;border:1px solid #7fae9747;border-radius:0;height:auto;padding:8px 12px;font-size:9px;font-weight:700}.menu-button:hover{color:#d9f2e6;background:#68ad8d2e}.game-stage{background:#070b09;border:1px solid #8bbea538;margin-top:16px;position:relative;overflow:hidden;box-shadow:0 28px 90px #000000b3,inset 0 0 65px #000000bf}.game-stage:after{content:"";pointer-events:none;border:10px solid #0000002e;position:absolute;inset:0;box-shadow:inset 0 0 45px #000}.game-stage canvas{aspect-ratio:16/9;touch-action:none;width:100%;height:auto;display:block}.screen-overlay{z-index:3;text-align:center;background-blend-mode:multiply;background:radial-gradient(circle,#0f1f19b3,#010403f7 66%),url(/games/nochtar-utjai/nochtar-bg.png) 50%/cover;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,7vw,110px);display:flex;position:absolute;inset:0}.screen-overlay:before{content:"";pointer-events:none;border:1px solid #8ad2b224;position:absolute;inset:7%}.sigil{color:#a8d8c1;border:1px solid #7be1b37a;place-items:center;width:68px;height:68px;margin-bottom:22px;font-size:32px;display:grid;transform:rotate(45deg);box-shadow:0 0 40px #58eea924}.screen-overlay h2{color:#e7eee9;letter-spacing:-.025em;text-shadow:0 2px 28px #000;max-width:850px;margin:0;font-size:clamp(30px,5vw,65px);font-weight:400;line-height:1.02}.story-copy{color:#9fb0a7;max-width:680px;margin:20px auto 0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,1.3vw,17px);line-height:1.7}.controls-copy{color:#778c82;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:22px;font-family:Arial,Helvetica,sans-serif;font-size:10px;display:flex}.controls-copy b{color:#b5d5c5;font-weight:700}.level-menu-screen{justify-content:flex-start;padding:clamp(22px,4vw,58px);overflow-y:auto}.level-menu-screen h2{font-size:clamp(28px,4vw,48px)}.level-menu-screen .story-copy{margin-top:10px}.game-summary{color:#b2c4bb;max-width:820px}.unlock-note{color:#6e8b7d;letter-spacing:.05em;margin:7px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:9px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(900px,94%);margin-top:18px;font-family:Arial,Helvetica,sans-serif;display:grid}.level-card{color:#c4d8ce;text-align:left;cursor:pointer;background:linear-gradient(90deg,#11261ddb,#050d09b8);border:1px solid #82c1a33b;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:62px;padding:10px 14px;transition:border-color .18s,background .18s,transform .18s;display:grid}.level-card:last-child:nth-child(odd){grid-column:1/-1}.level-card.unlocked:hover{background:linear-gradient(90deg,#1a402ef2,#07130dd1);border-color:#80e8b59e;transform:translateY(-1px)}.level-card.locked{opacity:.42;cursor:not-allowed;filter:grayscale(.8)}.level-card.completed{border-color:#6fd6a561}.level-number{color:#628d78;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:25px}.level-card-copy{min-width:0;display:block}.level-card-copy strong{color:#dce9e2;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:400;display:block;overflow:hidden}.level-card-copy small{color:#6e897c;letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:7px;display:block;overflow:hidden}.level-card em{color:#8bb8a2;letter-spacing:.12em;white-space:nowrap;font-size:7px;font-style:normal;font-weight:700}.level-card.locked em{color:#806d72}.level-card.completed em{color:#82d5ad}.start-button{color:#ccebdd;letter-spacing:.2em;background:#5dbc911f;border:1px solid #79c7a3;border-radius:0;height:auto;margin-top:28px;padding:14px 27px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;box-shadow:0 0 32px #4bd5971a}.start-button:hover{color:#07110c;background:#87d4b0}.hud-panel,.objective-panel,.interact-hint,.event-message,.boss-panel{z-index:2;pointer-events:none;font-family:Arial,Helvetica,sans-serif;position:absolute}.hud-left{background:linear-gradient(90deg,#020705d1,#0207052e);border-left:2px solid #83c8a785;width:min(230px,29vw);padding:12px;top:18px;left:18px}.meter+.meter{margin-top:8px}.meter-label{color:#9bb2a6;letter-spacing:.14em;justify-content:space-between;font-size:8px;display:flex}.meter-label b{color:#dbe8e1;font-size:9px}.meter-track{background:#ffffff1a;height:3px;margin-top:4px;overflow:hidden}.meter-fill{height:100%;transition:width .15s linear}.meter-fill.blood{background:#b93d4e;box-shadow:0 0 7px #b93d4e}.meter-fill.mind{background:#7b84c7;box-shadow:0 0 7px #7b84c7}.meter-fill.light{background:#d5b76b;box-shadow:0 0 7px #d5b76b}.meter-fill.stamina{background:#60a881;box-shadow:0 0 7px #60a881}.ward-status{border-top:1px solid #8fd9b82e;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:11px;padding-top:9px;display:grid}.ward-status span{color:#8db6a3;letter-spacing:.13em;font-size:7px}.ward-status b{color:#b9ffe0;font-size:14px}.ward-status em{color:#d1b87b;letter-spacing:.08em;font-size:7px;font-style:normal}.objective-panel{text-align:right;background:linear-gradient(-90deg,#020705d1,#0207052e);border-right:2px solid #83c8a785;width:min(280px,32vw);padding:12px 15px;top:18px;right:18px}.objective-panel span{color:#769388;letter-spacing:.22em;font-size:8px}.objective-panel strong{color:#a7e0c4;margin-left:9px;font-size:13px}.objective-panel p{color:#bdcbc4;margin:6px 0 0;font-size:10px;line-height:1.35}.objective-panel small{color:#6f8e7f;letter-spacing:.16em;margin-top:7px;font-size:7px;display:block}.boss-panel{text-align:center;background:linear-gradient(90deg,#0000,#150308d4 18% 82%,#0000);border-top:1px solid #db435b8c;width:min(300px,28vw);padding:8px 12px;top:18px;left:50%;transform:translate(-50%)}.boss-panel span{color:#df8c9b;letter-spacing:.25em;font-size:8px;font-weight:700}.boss-panel>div{background:#ffffff14;height:4px;margin-top:6px}.boss-panel i{background:#c43852;height:100%;transition:width .2s;display:block;box-shadow:0 0 9px #c43852}.boss-panel b{color:#ac747e;margin-top:4px;font-size:7px;display:block}.event-message{color:#b8c9c0;text-align:center;text-shadow:0 1px 5px #000;background:linear-gradient(90deg,#0000,#010503d1 18% 82%,#0000);border-top:1px solid #9acfb538;width:min(680px,72%);padding:9px 14px;font-size:10px;line-height:1.45;bottom:48px;left:50%;transform:translate(-50%)}.interact-hint{color:#a9c3b6;letter-spacing:.18em;background:#020604bf;border:1px solid #b3dac733;padding:7px 10px;font-size:8px;bottom:15px;left:50%;transform:translate(-50%)}.ending-screen{background-color:#000c}.lost-screen h2{color:#d6bbc0}.lost-screen .chapter{color:#9e5362}.mobile-controls{display:none}.game-footer{color:#43564d;letter-spacing:.24em;border-top:0;padding:12px 2px 0;font-family:Arial,Helvetica,sans-serif;font-size:8px}@media (width<=800px){.game-page{place-items:start center;padding:12px}.game-header{align-items:center}.eyebrow{font-size:7px}.game-header h1{font-size:18px}.region-name{margin-top:4px;font-size:6px}.screen-overlay{padding:20px}.game-stage.menu-open{min-height:610px}.game-stage.menu-open canvas{object-fit:cover;height:610px}.level-menu-screen{padding:18px 12px}.level-menu-screen h2{font-size:29px}.level-menu-screen .story-copy{max-width:460px;font-size:10px}.unlock-note{text-align:center;max-width:470px;font-size:7px}.level-grid{grid-template-columns:1fr;gap:6px;width:100%;margin-top:13px}.level-card,.level-card:last-child:nth-child(odd){grid-column:auto;grid-template-columns:36px 1fr auto;min-height:54px;padding:8px}.level-number{font-size:20px}.level-card-copy strong{font-size:12px}.level-card em{font-size:6px}.level-menu-screen .controls-copy{gap:4px 10px;margin-top:12px;font-size:6px;display:flex}.screen-overlay:before{inset:3%}.sigil{width:44px;height:44px;margin-bottom:12px;font-size:21px}.screen-overlay h2{font-size:clamp(24px,7vw,39px)}.story-copy{margin-top:10px;font-size:11px;line-height:1.45}.controls-copy{display:none}.start-button{margin-top:16px;padding:11px 17px;font-size:9px}.hud-left{width:34vw;padding:7px;top:8px;left:8px}.ward-status span{font-size:5px}.ward-status em{display:none}.objective-panel{width:38vw;padding:7px;top:8px;right:8px}.objective-panel p,.objective-panel small,.interact-hint{display:none}.event-message{width:82%;padding:5px 8px;font-size:7px;bottom:8px}.boss-panel{width:24vw;padding:4px;top:7px}.boss-panel span{font-size:6px}.boss-panel b{display:none}.mobile-controls{touch-action:none;justify-content:space-between;align-items:center;min-height:116px;padding:8px 8px 0;display:flex}.mobile-controls button{color:#b8d8c8;touch-action:none;-webkit-user-select:none;user-select:none;background:#19352966;border:1px solid #80c4a359;font-size:14px;font-weight:700}.dpad{width:118px;height:104px;position:relative}.dpad button{width:38px;height:38px;position:absolute}.dpad .up{top:0;left:40px}.dpad .left{top:40px;left:0}.dpad .down{top:40px;left:40px}.dpad .right{top:40px;left:80px}.action-controls{gap:10px;display:flex}.action-controls button{border-radius:50%;width:58px;height:58px;font-size:10px}.game-footer{padding-top:5px}.game-footer span:last-child{display:none}}@media (height<=680px) and (width>=801px){.game-page{padding-block:12px}.game-header{padding-bottom:8px}.game-header h1{font-size:25px}.game-stage{max-height:calc(100vh - 115px);margin-top:9px}.game-stage canvas{object-fit:contain;width:100%;max-height:calc(100vh - 115px)}.game-footer{padding-top:6px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}}.territory-war-page{--background:#070811;--foreground:#f6f1df;--card:#111421;--card-foreground:#f6f1df;--popover:#141827;--popover-foreground:#f6f1df;--primary:#61e7f2;--primary-foreground:#061013;--secondary:#272236;--secondary-foreground:#f6f1df;--muted:#1d2130;--muted-foreground:#aeb6c8;--accent:#252b3f;--accent-foreground:#fff;--destructive:#ff4f70;--border:#dee6ff2e;--input:#dee6ff33;--ring:#61e7f2;--radius:.7rem;min-height:100vh;color:var(--foreground);background:radial-gradient(circle at 50% -10%,#56448f52,#0000 42rem),linear-gradient(160deg,#090b14 0%,#05060b 100%);margin:0;font-family:Georgia,Times New Roman,serif}.territory-war-page,.territory-war-page *{box-sizing:border-box}.territory-war-page button,.territory-war-page select,.territory-war-page input{font-family:Inter,Arial,sans-serif}@scope(.territory-war-page){:scope.game-shell{min-height:100vh;padding:18px clamp(14px,2.5vw,38px) 30px;overflow:hidden}:scope.game-shell.is-playing{flex-direction:column;height:100dvh;min-height:100dvh;padding:8px clamp(8px,1.4vw,22px) 10px;display:flex;overflow:hidden}.territory-war-topbar{justify-content:space-between;align-items:center;gap:20px;width:min(1700px,100%);margin:0 auto 15px;display:flex}.eyebrow{color:#b6a7de;letter-spacing:.22em;margin:0 0 5px;font:700 11px/1.2 Inter,Arial,sans-serif}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;text-shadow:0 2px 24px #000000e6;margin-bottom:0;font-size:clamp(25px,3vw,43px);line-height:1}.header-actions{gap:8px;display:flex}:scope.is-playing .territory-war-topbar{flex:none;margin-bottom:7px}:scope.is-playing .site-back-link{margin-bottom:3px;font-size:9px}:scope.is-playing .eyebrow{margin-bottom:2px;font-size:9px}:scope.is-playing h1{font-size:clamp(23px,2vw,31px)}:scope.is-playing .game-button{min-height:32px;padding:6px 11px;font-size:11px}.site-back-link{color:#8fdde6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font:700 10px/1.2 Inter,Arial,sans-serif;text-decoration:none;display:inline-block}.site-back-link:hover{color:#fff}.game-button,.game-input,.game-select{color:#f6f1df;background:#ffffff0e;border:1px solid #dee6ff3d;border-radius:8px;min-height:40px;transition:border-color .18s,background .18s,transform .18s}.game-button{cursor:pointer;padding:9px 15px;font-weight:800}.game-button:hover:not(:disabled){background:#75eef71f;border-color:#75eef7a6;transform:translateY(-1px)}.game-button:disabled{cursor:not-allowed;opacity:.45}.outline-button{background:#ffffff09}.secondary-button{background:#7a69a63d}.game-input,.game-select{outline:none;width:100%;padding:8px 11px}.game-input:focus,.game-select:focus{border-color:#75eef7;box-shadow:0 0 0 3px #75eef721}.game-select option{color:#f6f1df;background:#111421}.setup-card{background:linear-gradient(90deg,#06080e40,#06080eb3 62%,#080912f2),url(/games/tartomanyok-haboruja/world-map.jpg) 50%/cover;border:1px solid #cbc0ef47;border-radius:22px;grid-template-columns:1.45fr .8fr;width:min(1180px,100%);min-height:min(700px,100vh - 115px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 35px 90px #0000009e,inset 0 0 90px #2c1d5038}.setup-copy{text-shadow:0 3px 12px #000;align-self:end;padding:clamp(32px,7vw,80px) 35px clamp(32px,7vw,80px) clamp(32px,7vw,80px)}.setup-copy .rune{color:#7cf3ff;filter:drop-shadow(0 0 16px #35c9ed);margin-bottom:18px;font-size:42px;display:block}.setup-copy h2{letter-spacing:-.045em;max-width:700px;margin-bottom:18px;font-size:clamp(34px,4.5vw,66px);line-height:.98}.setup-copy>p:last-child{color:#e6e1d4;max-width:610px;margin-bottom:0;font-size:clamp(15px,1.5vw,19px);line-height:1.6}.setup-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c16e3;border:1px solid #dbd3f433;border-radius:18px;align-self:center;margin:28px;padding:28px;box-shadow:0 20px 60px #00000073}.setup-controls label{color:#cbc3dd;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;font:700 12px Inter,Arial,sans-serif;display:block}.player-select{background:#ffffff0f;width:100%;height:46px;margin-bottom:14px}.setup-controls .rule-switch{cursor:pointer;letter-spacing:normal;text-transform:none;background:#53d7e50f;border:1px solid #79eaf440;border-radius:10px;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:14px;margin:0 0 15px;padding:12px 13px;display:grid;position:relative}.rule-switch span{gap:4px;display:grid}.rule-switch b{color:#e7fbff;font-size:12px}.rule-switch small{color:#9daeb8;font:10px/1.45 Inter,Arial,sans-serif}.rule-switch input{opacity:0;pointer-events:none;position:absolute}.rule-switch i{background:#252938;border:1px solid #dee6ff47;border-radius:999px;width:46px;height:24px;transition:background .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:inset 0 2px 8px #00000073}.rule-switch i:after{content:"";background:#cad1dc;border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.rule-switch input:checked+i{background:#2cc1d294;border-color:#70edf6;box-shadow:0 0 16px #53d7e540,inset 0 2px 8px #0000004d}.rule-switch input:checked+i:after{background:#effeff;transform:translate(22px)}.rule-switch input:focus-visible+i{outline-offset:3px;outline:2px solid #fff}.expanded-setup{grid-template-columns:1.1fr .9fr}.wide-controls{scrollbar-width:thin;max-height:calc(100vh - 120px);margin:18px;padding:22px;overflow-y:auto}.mode-tabs{background:#ffffff12;border-radius:9px;width:100%;margin-bottom:18px;padding:3px;display:flex}.mode-tabs>*{color:#9da7b8;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;min-height:38px;font-weight:800}.mode-tabs>.active{color:#071116;background:linear-gradient(135deg,#74f2fb,#4fc7dc);box-shadow:0 0 22px #4bd7eb33}.settings-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-content{margin-top:14px}.mode-content>.game-input+.start-button{margin-top:10px}.mode-note{color:#9da7b8;margin:11px 0 0;font:11px/1.5 Inter,Arial,sans-serif}.online-actions{gap:10px;margin-top:12px;display:grid}.join-row{grid-template-columns:1fr auto;gap:8px;display:grid}.join-row input{text-transform:uppercase;letter-spacing:.16em;font-weight:800}.online-error{color:#ff8298;margin:10px 0;font:700 12px/1.4 Inter,Arial,sans-serif}.color-chooser{background:#ffffff0a;border:1px solid #dee6ff33;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:25px;height:25px;padding:0;transition:transform .15s,opacity .15s,border-color .15s}.color-swatch:hover:not(:disabled){transform:scale(1.13)}.color-swatch.active{border-color:#fff;transform:scale(1.14)}.color-swatch:disabled{cursor:not-allowed;opacity:.17;filter:grayscale(.7)}.ai-settings{background:#06080e61;border:1px solid #cbc0ef2e;border-radius:11px;gap:8px;margin:5px 0 16px;padding:12px;display:grid}.ai-settings-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ai-settings-title label{margin:0}.ai-settings-title small{color:#8f98a8;font:10px Inter,Arial,sans-serif}.ai-config-row{border-top:1px solid #ffffff12;grid-template-columns:44px 1fr minmax(125px,.72fr) minmax(115px,.68fr);align-items:center;gap:8px;padding-top:8px;font-family:Inter,Arial,sans-serif;display:grid}.ai-config-row>b{color:#d9d3e8;font-size:11px}.ai-config-row .color-chooser{gap:5px;min-height:38px;padding:5px}.ai-config-row .color-swatch{width:20px;height:20px}.ai-difficulty,.ai-alliance{background:#ffffff0d;width:100%;height:38px}.start-button{width:100%;min-height:47px;box-shadow:0 0 28px #4bd7eb40;color:#071116!important;background:linear-gradient(135deg,#74f2fb,#4fc7dc)!important;font-weight:800!important}.controls-hint{color:#aab2c2;gap:9px;margin-top:23px;font:12px/1.5 Inter,Arial,sans-serif;display:grid}.controls-hint b{color:#fff}.game-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:14px;width:min(1700px,100%);margin:0 auto;display:grid}:scope.is-playing .game-layout{flex:auto;align-items:stretch;height:0;min-height:0}.map-panel,.score-panel{background:#0a0c14e0;border:1px solid #ccc3e538;box-shadow:0 20px 65px #0000007a}.map-panel{border-radius:16px;overflow:hidden}:scope.is-playing .map-panel{flex-direction:column;height:100%;min-height:0;display:flex}:scope.is-playing .map-frame{flex:auto;place-items:center;min-height:0;display:grid;overflow:hidden}:scope.is-playing .map-frame svg{width:100%;height:100%;max-height:100%}.map-status{color:#d7dbe3;background:linear-gradient(90deg,#271f40d1,#0a0c1499);align-items:center;gap:9px;min-height:39px;padding:9px 15px;font:12px Inter,Arial,sans-serif;display:flex}.map-status>span:nth-child(2){flex:1}.selection-badge{color:#79eaf4;letter-spacing:.06em;white-space:nowrap;background:#53d7e514;border:1px solid #53d7e561;border-radius:999px;flex:none;padding:4px 8px;font:800 10px Inter,Arial,sans-serif}.online-badge{color:#71eea4;letter-spacing:.1em;border:1px solid #53e58d59;border-radius:999px;padding:4px 8px;font:800 10px Inter,Arial,sans-serif}.status-dot{background:#53e58d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #53e58d}.status-dot.paused{background:#f7c85d;box-shadow:0 0 12px #f7c85d}.map-frame{line-height:0;position:relative}.map-frame svg{-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.map-frame svg.selecting-armies{cursor:crosshair}.map-vignette{fill:#0000;stroke:#0304098c;stroke-width:55px;pointer-events:none}.selection-marquee{fill:#79eaf42b;stroke:#e8fdff;stroke-width:2.5px;stroke-dasharray:10 7;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 7px #53d7e5e6)}.territory{fill-opacity:.36;stroke-width:3.5px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill-opacity .16s,filter .16s,stroke-width .16s}.owner-border{stroke-width:11px;stroke-opacity:.9;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 5px)}.territory:hover{fill-opacity:.49;filter:drop-shadow(0 0 10px var(--territory-glow))}.territory.selected{fill-opacity:.62;stroke:#fff;stroke-width:6px;filter:drop-shadow(0 0 15px var(--territory-glow))}.territory.under-attack{animation:.72s ease-in-out infinite alternate territory-under-attack}.territory-name{fill:#fff9e9;stroke:#000000f2;stroke-width:4px;paint-order:stroke;letter-spacing:.01em;pointer-events:none;font:700 17px Georgia,serif}.troop-badge{pointer-events:none;filter:drop-shadow(0 3px 8px #000000d9)}.troop-badge>circle:first-child{stroke:#fffc;stroke-width:2px}.badge-inner{fill:#07090ed1;stroke:#ffffff40;stroke-width:1.5px}.troop-badge text{fill:#fff;font:800 20px Inter,Arial,sans-serif}.troop-badge .owner-label{fill:#fff;stroke:#080a10;stroke-width:4px;paint-order:stroke;letter-spacing:.06em;font:900 17px Inter,Arial,sans-serif}.grand-map .territory{stroke-width:2px}.grand-map .owner-border{stroke-width:5px}.grand-map .territory.selected{stroke-width:3.5px}.troop-badge.grand{filter:drop-shadow(0 2px 4px #000000e6)}.troop-badge.grand>circle:first-child{stroke-width:1.4px}.troop-badge.grand .badge-inner{stroke-width:1px}.troop-badge.grand text{stroke:#07090e;stroke-width:2px;paint-order:stroke;font-size:11px}.army-convoy,.moving-army,.target-reticle,.battle-impact{pointer-events:none}.army-route-underlay,.army-route-line{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.army-route-underlay{stroke:#030408c7;stroke-width:10px;filter:drop-shadow(0 2px 4px #000000e6)}.army-route-line{stroke-width:3.5px;stroke-dasharray:13 11;filter:drop-shadow(0 0 6px var(--army-color));animation:.72s linear infinite army-route-flow}.target-ring{fill:#05070d33;stroke-width:3px;stroke-dasharray:9 7;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:2.8s linear infinite target-ring-spin,.8s ease-in-out infinite alternate target-ring-pulse}.target-core{opacity:.72;filter:drop-shadow(0 0 12px var(--army-color));animation:.65s ease-in-out infinite alternate target-core-pulse}.target-cross{fill:none;stroke:#fff6cf;stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px #ff483d);animation:.5s ease-in-out infinite alternate target-cross-pulse}.moving-army{filter:drop-shadow(0 0 13px var(--army-color))}.army-shadow{fill:#000000ad;filter:blur(3px)}.marching-formation{animation:.34s ease-in-out infinite alternate formation-step}.soldier{filter:drop-shadow(0 1px 3px #000000f2) drop-shadow(0 0 4px var(--army-color));animation:.34s ease-in-out infinite alternate soldier-march}.soldier-left,.soldier-rear-right{animation-delay:-.17s}.soldier-head{fill:#fff0cf;stroke:#080a0f;stroke-width:1.5px}.soldier-body{fill:var(--army-color);stroke:#fff9df;stroke-width:1.4px;stroke-linejoin:round}.soldier-weapon{fill:none;stroke:#fff8df;stroke-width:2px;stroke-linecap:round}.army-march-streaks{fill:none;stroke:var(--army-color);stroke-width:5px;stroke-linecap:round;opacity:.8;filter:drop-shadow(0 0 6px var(--army-color));animation:.38s ease-in-out infinite alternate march-streak-pulse}.standard-pole{fill:none;stroke:#fff7d8;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 4px #000000e6)}.standard-flag{stroke:#fff9df;stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--army-color));transform-box:fill-box;transform-origin:0;animation:.42s ease-in-out infinite alternate standard-wave}.army-count-plate rect{stroke:#fff8df;stroke-width:2.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 5px #000c)}.army-count{fill:#fff;stroke:#06070b;stroke-width:4px;paint-order:stroke;font:900 18px Inter,Arial,sans-serif}.battle-impact{filter:drop-shadow(0 0 18px var(--effect-color))}.impact-glow{opacity:.72;transform-box:fill-box;transform-origin:50%;animation:1.15s ease-out forwards impact-glow-burst}.impact-ring{fill:none;stroke-width:4px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%}.impact-ring-one{animation:1.15s ease-out forwards impact-ring-burst}.impact-ring-two{opacity:0;animation:1.15s ease-out .18s forwards impact-ring-burst}.impact-slash{fill:none;stroke:#fff4c1;stroke-width:8px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:80;stroke-dashoffset:80px;filter:drop-shadow(0 0 8px #ff5a3c)}.slash-one{animation:.42s ease-out forwards impact-slash}.slash-two{animation:.42s ease-out .12s forwards impact-slash}.impact-spark{opacity:0;transform-box:fill-box;transform-origin:50%;animation:1s ease-out forwards impact-spark}.spark-1,.spark-5{animation-delay:80ms}.spark-2,.spark-6{animation-delay:.16s}.spark-3,.spark-7{animation-delay:.24s}.impact-label,.impact-amount{fill:#fff8d7;stroke:#08090e;stroke-width:5px;paint-order:stroke;letter-spacing:.08em;opacity:0;font-family:Inter,Arial,sans-serif;font-weight:950;animation:1.45s ease-out 80ms forwards battle-text-rise}.impact-label{font-size:21px}.impact-amount{fill:var(--effect-color);font-size:18px}.battle-impact.reinforce .impact-label{fill:#dffcff}.battle-impact.defended .impact-label{fill:#ffe4d6}.marching-clash .impact-label{font-size:17px}.marching-clash .impact-amount{letter-spacing:.03em;font-size:14px}@keyframes army-route-flow{to{stroke-dashoffset:-24px}}@keyframes target-ring-spin{to{transform:rotate(360deg)}}@keyframes target-ring-pulse{0%{opacity:.45}to{opacity:1}}@keyframes target-core-pulse{0%{opacity:.42;transform:scale(.75)}to{opacity:.9;transform:scale(1.18)}}@keyframes target-cross-pulse{0%{opacity:.45}to{opacity:1}}@keyframes formation-step{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}@keyframes soldier-march{0%{opacity:.7}to{opacity:1}}@keyframes standard-wave{0%{transform:skewY(-4deg)scaleX(.82)}to{transform:skewY(4deg)scaleX(1.08)}}@keyframes march-streak-pulse{0%{opacity:.25}to{opacity:.95}}@keyframes territory-under-attack{0%{fill-opacity:.36;filter:drop-shadow(0 0 4px #ff4b3b)}to{fill-opacity:.58;filter:drop-shadow(0 0 16px #ff2519)}}@keyframes impact-glow-burst{0%{opacity:.95;transform:scale(.25)}45%{opacity:.52;transform:scale(2.9)}to{opacity:0;transform:scale(4.2)}}@keyframes impact-ring-burst{0%{opacity:1;stroke-width:6px;transform:scale(.45)}to{opacity:0;stroke-width:1px;transform:scale(2.8)}}@keyframes impact-slash{0%{stroke-dashoffset:80px;opacity:0}25%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes impact-spark{0%{opacity:0;transform:scale(.2)}28%{opacity:1;transform:scale(1.7)}to{opacity:0;transform:scale(.1)}}@keyframes battle-text-rise{0%{opacity:0;transform:translateY(15px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.12)}72%{opacity:1;transform:translateY(-5px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.94)}}.score-panel{border-radius:16px;position:sticky;top:12px;overflow:hidden}:scope.is-playing .score-panel{height:100%;min-height:0;position:static;overflow:hidden}.score-title{letter-spacing:.16em;background:linear-gradient(135deg,#4a3a7180,#0f121ecc);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px 16px;font:800 11px Inter,Arial,sans-serif;display:flex}.score-title strong{color:#7cecf4;letter-spacing:0;font-size:19px}.score-list{padding:7px}.score-row{border-bottom:1px solid #ffffff12;grid-template-columns:13px 1fr auto;align-items:center;gap:9px;padding:10px 9px;font-family:Inter,Arial,sans-serif;display:grid}.score-row:last-child{border-bottom:0}.score-row.eliminated{opacity:.38}.score-row.current-player{background:#35ddff17;border-radius:8px;box-shadow:inset 0 0 0 1px #35ddff2e}.player-sigil{border-radius:3px;width:10px;height:22px}.score-row div{min-width:0}.score-row b{font-size:12px;display:block}.score-row small{color:#9ea7b7;font-size:10px;display:block}.score-row>strong{color:#fff;text-align:right;font-size:17px}.score-row>small{text-align:right;grid-column:3;margin-top:-10px}.rule-card{background:#54e8ff0d;border:1px solid #6fe8f42b;border-radius:10px;margin:6px 12px 14px;padding:13px;font-family:Inter,Arial,sans-serif}.rule-card b{color:#79eaf4;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.rule-card p{color:#aeb6c4;margin:7px 0 0;font-size:11px;line-height:1.55}.result-overlay{z-index:20;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030408c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-card{text-align:center;background:linear-gradient(145deg,#18152a,#090b12);border:1px solid #81ebf459;border-radius:20px;width:min(480px,100%);padding:38px;box-shadow:0 30px 100px #000,0 0 45px #5ce1ee1f}.result-icon{color:#78e9f3;text-shadow:0 0 25px #50d6e9;margin-bottom:15px;font-size:52px;display:block}.result-card h2{margin-bottom:12px;font-size:40px}.result-card>p:not(.eyebrow){color:#b7bdc9;line-height:1.6}.result-actions{gap:9px;margin-top:25px;display:grid}.elimination-feed{z-index:30;pointer-events:none;gap:8px;width:min(370px,100vw - 36px);display:grid;position:fixed;top:72px;right:18px}.elimination-notice{border:1px solid color-mix(in srgb, var(--fallen-color) 70%, white 12%);border-left:5px solid var(--fallen-color);background:linear-gradient(100deg, color-mix(in srgb, var(--fallen-color) 18%, #080a11), #080a11f7 48%);box-shadow:0 16px 45px #000000b8, 0 0 24px color-mix(in srgb, var(--fallen-color) 28%, transparent);border-radius:10px;grid-template-columns:14px 1fr;align-items:center;gap:11px;padding:12px 14px;font-family:Inter,Arial,sans-serif;animation:.32s ease-out both fallen-realm-in;display:grid}.fallen-sigil{background:var(--fallen-color);width:12px;height:38px;box-shadow:0 0 16px var(--fallen-color);border-radius:4px}.elimination-notice strong{color:#fff8e6;letter-spacing:.04em;font-size:14px;display:block}.elimination-notice small{color:#bac1cd;margin-top:3px;font-size:10px;line-height:1.35;display:block}@keyframes fallen-realm-in{0%{opacity:0;transform:translate(35px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.lobby-card{text-align:center;background:radial-gradient(circle at 50% 0,#56448f52,#0000 65%),#0a0c16f0;border:1px solid #cbc0ef47;border-radius:22px;width:min(760px,100%);margin:45px auto 0;padding:clamp(24px,5vw,48px);box-shadow:0 35px 90px #0000009e}.lobby-card h2{margin-bottom:6px;font-size:22px}.room-code{color:#75eef7;letter-spacing:.16em;text-shadow:0 0 28px #53ddff80;font:900 clamp(42px,8vw,76px)/1 Inter,Arial,sans-serif}.share-note{color:#aeb6c4;max-width:520px;margin:16px auto;font:13px/1.55 Inter,Arial,sans-serif}.lobby-settings{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:20px;display:flex}.lobby-settings span{color:#cbd1dc;border:1px solid #ffffff24;border-radius:999px;padding:6px 10px;font:700 10px Inter,Arial,sans-serif}.lobby-players{text-align:left;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0;display:grid}.lobby-player{opacity:.55;border:1px dashed #ffffff26;border-radius:10px;grid-template-columns:12px 1fr;align-items:center;gap:3px 10px;padding:12px;font-family:Inter,Arial,sans-serif;display:grid}.lobby-player.occupied{opacity:1;background:#ffffff0a;border-style:solid}.lobby-player>span{border-radius:3px;grid-row:1/3;width:10px;height:30px}.lobby-player b{font-size:13px}.lobby-player small{color:#9da6b6;font-size:10px}.lobby-start{margin:10px 0}.waiting{color:#75eef7;margin:15px 0;font:800 13px Inter,Arial,sans-serif;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.45}}@media (width<=1050px){.game-layout{grid-template-columns:1fr}.score-panel{position:static}.score-list{grid-template-columns:repeat(3,1fr);display:grid}.rule-card{display:none}:scope.is-playing .game-layout{grid-template-columns:minmax(0,1fr) 210px}:scope.is-playing .score-list{display:block}}@media (width<=760px){.game-shell{padding:12px 8px 20px;overflow-x:auto}.setup-card{grid-template-columns:1fr;min-height:auto}.setup-copy{padding:42px 24px 20px}.setup-copy h2{font-size:38px}.setup-controls{margin:14px}.expanded-setup,.settings-grid{grid-template-columns:1fr}.ai-config-row{grid-template-columns:40px 1fr}.ai-config-row .ai-difficulty,.ai-config-row .ai-alliance{grid-column:2}.lobby-players{grid-template-columns:1fr}.map-panel,.score-panel,.territory-war-topbar{min-width:740px}.score-list{grid-template-columns:repeat(3,1fr)}:scope.is-playing{padding:4px}:scope.is-playing .territory-war-topbar{gap:8px;min-width:0}:scope.is-playing .game-layout{grid-template-columns:minmax(0,1fr) 155px;gap:5px}:scope.is-playing .map-panel,:scope.is-playing .score-panel{min-width:0}:scope.is-playing .score-title{padding:8px}:scope.is-playing .score-row{grid-template-columns:8px 1fr auto;gap:4px;padding:5px 4px}:scope.is-playing .score-row b{font-size:9px}:scope.is-playing .score-row small{font-size:8px}:scope.is-playing .player-sigil{width:7px;height:18px}:scope.is-playing .header-actions{gap:3px}:scope.is-playing .game-button{padding-inline:7px}.elimination-feed{width:min(330px,100vw - 14px);top:58px;right:7px}}@media (height<=720px){:scope.is-playing .rule-card{display:none}:scope.is-playing .score-row{padding-block:6px}:scope.is-playing .map-status{min-height:31px;padding-block:5px}:scope.is-playing .territory-war-topbar{margin-bottom:4px}}@media (prefers-reduced-motion:reduce){.army-route-line,.target-ring,.target-core,.target-cross,.marching-formation,.soldier,.standard-flag,.army-march-streaks,.territory.under-attack,.impact-glow,.impact-ring,.impact-slash,.impact-spark,.impact-label,.impact-amount{animation-duration:.001ms!important;animation-iteration-count:1!important}}}