@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cinzel+Decorative:wght@700&family=Alegreya:ital,wght@0,400;0,500;0,700;1,400&display=swap";:root{--bg: #110c08;--bg2: #1a120c;--wood: #241910;--wood2: #2f2116;--wood-light: #4a3524;--parchment: #ecdcb6;--parchment2: #d6c197;--ink: #2a1b10;--text: #ead9b8;--muted: #a8957a;--gold: #d4a24c;--gold2: #f0c873;--bronze: #9a6b32;--ember: #e8692c;--red: #a8302a;--green: #6aa055;--blue: #4f84c0;--danger: #e2604e;--line: #5a4330;--line-gold: rgba(212, 162, 76, .32);--shadow: 0 10px 30px rgba(0, 0, 0, .55);--radius: 8px;--r-sm: 5px;--r-lg: 12px;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--font-head: "Cinzel", "Georgia", serif;--font-display: "Cinzel Decorative", "Cinzel", "Georgia", serif;--font: "Alegreya", "Georgia", serif;--ease-out: cubic-bezier(.2, .8, .25, 1);--haft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 14 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23c99a45' d='M0 0h14v.6H0zM0 6.4h14V7H0zM3 3h1v1H3zM10 1h1v1h-1zM9 2h1v1H9zM11 2h1v1h-1zM9 4h1v1H9zM11 4h1v1h-1zM10 5h1v1h-1z'/%3E%3Cpath fill='%23b3302a' d='M3 1h1v1H3zM2 2h3v1H2zM1 3h2v1H1zM4 3h2v1H4zM2 4h3v1H2zM3 5h1v1H3zM10 3h1v1h-1z'/%3E%3C/svg%3E");--star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d4a24c' d='M12 1L13.76 7.75L19.78 4.22L16.25 10.24L23 12L16.25 13.76L19.78 19.78L13.76 16.25L12 23L10.24 16.25L4.22 19.78L7.75 13.76L1 12L7.75 10.24L4.22 4.22L10.24 7.75Z'/%3E%3Cpath fill='%23b3302a' d='M12 8.6L15.4 12L12 15.4L8.6 12Z'/%3E%3C/svg%3E");--tx-wood: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008 0.3' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.85 0 0 0 0 0.62 0 0 0 0 0.36 0.14 0 0 0 -0.04'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--tx-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.4 0 0 0 0 0.22 0.16 0 0 0 -0.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-x:hidden}#app{height:100%}::selection{background:#e8692c73;color:#fff6e6}h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;margin:0 0 .4em;color:var(--gold2);letter-spacing:.03em;line-height:1.2}h2{font-size:1.4rem;font-weight:700}h3{font-size:1.05rem}h4{font-size:.92rem;margin-top:.8em;color:var(--parchment2)}p{margin:.3em 0 .6em;line-height:1.5}a.link{color:var(--gold2);cursor:pointer;text-decoration:none;border-bottom:1px solid rgba(240,200,115,.16)}a.link:hover{border-bottom-color:var(--gold2)}label{color:var(--muted);font-size:.9rem}.muted{color:var(--muted)}.small{font-size:.85rem}.danger,.short{color:var(--danger)!important}.warn{color:#f0b429}.center{text-align:center}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.row.wrap,.wrap{flex-wrap:wrap}.gap{gap:.5rem}.col{display:flex;flex-direction:column}.w100{min-width:100px}.w160{min-width:160px}.tag{display:inline-block;font-size:.7rem;padding:.1em .55em;border-radius:999px;background:var(--wood-light);color:var(--parchment);margin-left:.4em;vertical-align:middle;border:1px solid rgba(255,220,160,.12)}.tag.hot{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--ink);border-color:transparent}.tag.enemy{background:#6b2a22}.tag.own{background:#2e5a3a}input[type=text],input[type=password],input[type=number],input[type=search],select{background:#0d0906;color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:.45em .65em;font-family:var(--font);font-size:.95rem;box-shadow:inset 0 1px 3px #0009;transition:border-color .15s,box-shadow .15s}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2em;cursor:pointer;background:#0d0906 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23d4a24c' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right .6em center / .7em}select option{background:#1a120c;color:var(--text)}input::placeholder{color:#7d6b52}input[type=number],.num{width:6.5em}input:hover,select:hover{border-color:#7a5a36}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:inset 0 1px 3px #0009,0 0 0 3px #d4a24c33}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--gold)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:2.2rem;background:linear-gradient(180deg,#4d3725,#36261a 55%,#2a1d13);color:var(--parchment);border:1px solid #7a5a36;border-radius:var(--r-sm);padding:.42em 1.05em;font-family:var(--font-head);font-weight:600;font-size:.82rem;letter-spacing:.04em;line-height:1.15;cursor:pointer;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.65);box-shadow:inset 0 1px #ffe1aa29,inset 0 -2px #00000059,0 1px 2px #00000080;transition:border-color .15s,box-shadow .15s,filter .15s,transform .08s}.btn:hover:not(:disabled){border-color:var(--gold);color:#fff3d8;box-shadow:inset 0 1px #ffe1aa38,inset 0 -2px #00000059,0 0 0 1px #d4a24c2e,0 0 14px -3px #e8692c8c}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #0000008c}.btn:focus-visible,.icon-btn:focus-visible,.seg-btn:focus-visible,.nav-btn:focus-visible,.link-btn:focus-visible,a.link:focus-visible,.race-card:focus-visible,.tactic-card:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.btn:disabled{cursor:not-allowed;filter:grayscale(.9) brightness(.72);opacity:.6;box-shadow:none;text-shadow:none}.btn.primary{background:linear-gradient(180deg,#f4d488,#d9a94f 42%,#a8752b);color:#2a1706;border-color:#f6d993;text-shadow:0 1px 0 rgba(255,240,200,.45);box-shadow:inset 0 1px #fffae1bf,inset 0 -2px #5a320a73,0 2px 6px #00000073}.btn.primary:hover:not(:disabled){color:#1d0f03;filter:brightness(1.07);box-shadow:inset 0 1px #fffae1cc,inset 0 -2px #5a320a73,0 0 18px -2px #f0a03cb3}.btn.danger{background:linear-gradient(180deg,#c84a33,#9a3122 55%,#74221a);border-color:#e0806a;color:#fff1e6}.btn.diamond{background:linear-gradient(180deg,#5b92c9,#3a6a9e,#284a76);border-color:#94c4f0;color:#eef6ff}.btn.diamond:hover:not(:disabled){box-shadow:inset 0 1px #dcf0ff59,0 0 16px -3px #78beffbf}.btn.small{min-height:1.85rem;padding:.3em .75em;font-size:.74rem}.btn.big{min-height:2.9rem;padding:.7em 1.7em;font-size:.98rem;letter-spacing:.08em}.icon-btn{display:inline-grid;place-items:center;min-width:2rem;min-height:2rem;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;font-size:1rem;padding:.2em .45em;border-radius:var(--r-sm);transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--gold2);border-color:var(--line);background:#d4a24c0f}.icon-btn .ico{width:1.15em;height:1.15em}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:#0d0906;box-shadow:inset 0 1px 3px #0009}.seg-btn{background:transparent;color:var(--muted);border:0;padding:.42em .95em;cursor:pointer;font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.03em;transition:color .15s,background .15s}.seg-btn+.seg-btn{border-left:1px solid rgba(90,67,48,.6)}.seg-btn.active{background:linear-gradient(180deg,#f0cc7c,#c8953f);color:var(--ink);text-shadow:0 1px 0 rgba(255,240,200,.4)}.seg-btn:not(.active):hover{color:var(--parchment);background:#d4a24c14}.ornament{border:1px solid rgba(212,162,76,.65);position:relative;border-radius:var(--radius);box-shadow:0 0 0 4px #0a0705bf,0 0 0 5px #d4a24c38,0 24px 60px #0009}.ornament:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(212,162,76,.2);border-radius:4px;pointer-events:none}.loading{height:100%;display:grid;place-content:center;justify-items:center;gap:1.1rem;font-family:var(--font-head);color:var(--gold);font-size:1.15rem;letter-spacing:.08em;background:radial-gradient(ellipse 50% 40% at 50% 55%,rgba(232,105,44,.12),transparent 70%),var(--bg)}.loading:before{content:"";width:54px;height:54px;background:var(--star) center / contain no-repeat;filter:drop-shadow(0 0 10px rgba(232,105,44,.6));animation:slo-spin 7s linear infinite}@keyframes slo-spin{to{transform:rotate(360deg)}}.auth-screen,.race-screen{position:relative;isolation:isolate;overflow:hidden;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:2rem 1rem 3rem;background:linear-gradient(180deg,#070910,#141320 34%,#24170f 72%,#120c08)}.race-screen{justify-content:flex-start;padding-top:3rem}.auth-screen>:not(.auth-bg),.race-screen>:not(.auth-bg){position:relative;z-index:1}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.auth-bg:before{content:"";position:absolute;top:0;right:0;bottom:45%;left:0;opacity:.7;background-image:radial-gradient(1px 1px at 20px 30px,#fff8e0 50%,transparent 51%),radial-gradient(1px 1px at 140px 80px,#e8f0ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 230px 20px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90px 150px,#ffeccc 50%,transparent 51%),radial-gradient(1px 1px at 280px 130px,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 190px 190px,#dfe8ff 50%,transparent 51%);background-size:310px 220px;mask-image:linear-gradient(180deg,#000 30%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent)}.auth-moon{position:absolute;top:9%;right:16%;width:clamp(56px,8vw,96px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fbf3dc,#e6d6ad 55%,#b9a77c);box-shadow:0 0 60px 18px #f5e1aa24,0 0 160px 60px #a096c814;opacity:.92}.auth-land{position:absolute;left:0;bottom:0;width:100%;height:46%}.auth-land .l1{fill:#282236}.auth-land .l2{fill:#18131e}.auth-land .l3{fill:#070504}.auth-bg:after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:radial-gradient(ellipse 45% 55% at 50% 100%,rgba(232,105,44,.22),transparent 70%);mix-blend-mode:screen}.auth-land .fires circle{fill:#ffb45a;filter:drop-shadow(0 0 4px #ff8a2a) drop-shadow(0 0 10px rgba(255,110,30,.8));animation:slo-flicker 2.4s ease-in-out infinite}.auth-land .fires circle:nth-child(2n){animation-delay:-1.1s;animation-duration:1.9s}@keyframes slo-flicker{0%,to{opacity:1}40%{opacity:.65}60%{opacity:.9}80%{opacity:.55}}.auth-fog{position:absolute;left:-20%;right:-20%;bottom:0;height:42%;background:radial-gradient(ellipse 40% 50% at 30% 80%,rgba(120,90,80,.22),transparent 70%),radial-gradient(ellipse 35% 45% at 75% 90%,rgba(110,80,70,.2),transparent 70%),linear-gradient(180deg,transparent,rgba(40,24,14,.55));animation:slo-fog 38s ease-in-out infinite alternate}@keyframes slo-fog{0%{transform:translate(-4%)}to{transform:translate(4%)}}.auth-embers{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.auth-hero{text-align:center}.auth-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,8.5vw,4.8rem);line-height:1;letter-spacing:.05em;margin:0 0 .35rem;text-align:center;background:linear-gradient(180deg,#fff1c4,#f0c873 38%,#c98d32 70%,#8a5a1c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.8)) drop-shadow(0 0 22px rgba(232,105,44,.35))}.race-screen .auth-title{font-size:clamp(1.9rem,6vw,3rem)}.auth-sub{text-align:center;color:var(--parchment2);font-style:italic;font-size:1.08rem;text-shadow:0 1px 6px rgba(0,0,0,.9);max-width:46ch;margin:0 auto}.auth-card{width:min(380px,100%);padding:2rem 1.9rem 1.5rem;background:var(--tx-wood),linear-gradient(180deg,#2c1e13eb,#18100af0);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.auth-card:after,.race-form:after{content:"";position:absolute;left:6px;right:6px;top:6px;height:9px;background:var(--haft) repeat-x center / 18px 9px;opacity:.9}.auth-mode{font-family:var(--font-head);font-weight:600;color:var(--gold2);text-align:center;letter-spacing:.1em;font-size:.95rem;margin:.4rem 0 .3rem}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-form input{font-size:1.05rem;padding:.6em .75em}.form-error{color:var(--danger);min-height:1.2em;font-size:.9rem}.race-cards{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1rem;max-width:1280px;width:100%;margin:.5rem 0}.race-card{background:var(--tx-grain),linear-gradient(180deg,#2f2116f0,#1c130cf0);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.2rem 1.2rem;cursor:pointer;transition:transform .2s var(--ease-out),border-color .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 30px -12px #000c}.race-card:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--race);box-shadow:0 0 18px 2px var(--race)}.race-card:hover{transform:translateY(-4px);border-color:var(--race)}.race-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 40px -10px var(--accent),0 14px 34px #0009}.race-emblem{font-size:2.6rem;text-align:center;margin:.2rem 0 .4rem;filter:drop-shadow(0 2px 8px var(--race))}.race-card h3{text-align:center;color:var(--race2);font-size:1.3rem}.race-tagline{text-align:center;font-style:italic;color:var(--muted);margin-bottom:.6rem}.perks{padding-left:1.1rem;margin:.4rem 0;font-size:.9rem}.perks li{margin:.15em 0}.perks li::marker{color:var(--gold)}.race-form{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;padding:1.5rem 1.5rem 1rem;background:var(--tx-wood),linear-gradient(180deg,#2c1e13f0,#18100af5);align-items:center}.race-form input{font-size:1.05rem;width:280px;max-width:100%}.shell{display:grid;grid-template-columns:212px 1fr;grid-template-rows:58px 1fr;height:100%}.topbar{grid-column:1 / 3;position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;gap:.9rem;background:var(--tx-wood),linear-gradient(180deg,#36271b,#241911);box-shadow:inset 0 1px #ffdca014,0 8px 18px #0000008c}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:var(--haft) repeat-x 0 0 / 20px 10px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6));pointer-events:none}.top-left,.top-right,.top-res{display:flex;align-items:center;gap:.5rem;min-width:0}.top-left{flex:0 1 auto;overflow:hidden}.top-res{flex:0 0 auto}.top-right{flex:0 1 auto;justify-content:flex-end}.top-right .events-banner{max-width:210px}@media(max-width:1600px)and (min-width:721px){.coords{display:none}}@media(max-width:1440px)and (min-width:721px){.res.storage{display:none}.res{min-width:0}}.logo{font-family:var(--font-display);font-weight:700;font-size:1.32rem;letter-spacing:.06em;margin-right:.5rem;white-space:nowrap;background:linear-gradient(180deg,#fff0c0,#e8b75a 55%,#a8702a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.8)) drop-shadow(0 0 10px rgba(232,105,44,.3))}.village-sel{min-width:190px;max-width:260px;font-family:var(--font-head);font-weight:600;font-size:.82rem}.coords{color:var(--muted);font-size:.85rem;white-space:nowrap}.res{display:flex;align-items:center;gap:.38rem;position:relative;padding:.24rem .55rem .34rem .42rem;min-width:88px;white-space:nowrap;background:linear-gradient(180deg,#00000080,#00000047);border:1px solid rgba(212,162,76,.2);border-radius:var(--r-sm);box-shadow:inset 0 1px 3px #000000a6,0 1px #ffdca00f}.res-icon{display:inline-grid;place-items:center;font-size:1.05rem;line-height:1}.res-icon .ico{width:1.25rem;height:1.25rem;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.ri-drewno{color:#cf9150}.ri-glina{color:#d8704e}.ri-zelazo{color:#a9bccb}.ri-spichlerz{color:#c9a66b}.ri-ludnosc{color:#dcc79c}.ri-laska{color:#f3b85a}.ri-diament{color:#86c8ff}.res-val{font-variant-numeric:tabular-nums lining-nums;font-weight:700;font-size:.95rem;color:var(--parchment)}.res-bar{position:absolute;left:5px;right:5px;bottom:2px;height:2px;background:#ffffff12;border-radius:2px;overflow:hidden}.res-bar-fill{height:100%;background:linear-gradient(90deg,#5d8f45,#8fc46a);border-radius:2px;transition:width 1s linear}.res-bar-fill.full{background:linear-gradient(90deg,#c04a35,#ff7a52)}.res.diamonds{border-color:#6eaae673;box-shadow:inset 0 1px 3px #000000a6,0 0 12px -4px #6eb4ff80}.res.diamonds .res-val{color:#d8ecff}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.conn{color:var(--green);font-size:.8rem;text-shadow:0 0 6px currentColor}.conn.off{color:var(--danger)}.incoming-badge{display:inline-flex;align-items:center;gap:.3em;background:linear-gradient(180deg,#c8402c,#8e2618);color:#fff;padding:.22em .7em;border-radius:999px;border:1px solid #ff8a6e;font-size:.8rem;font-weight:700;cursor:pointer;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e85032a6}50%{box-shadow:0 0 0 7px #e8503200}}.sidenav{position:relative;z-index:4;display:flex;flex-direction:column;gap:2px;padding:.95rem .5rem .6rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:var(--tx-wood),linear-gradient(90deg,#1d150e,#150f0a);border-right:1px solid #3a2a1c;box-shadow:inset -1px 0 #d4a24c1a,6px 0 18px #00000059}.sidenav::-webkit-scrollbar{display:none}.nav-btn{display:flex;align-items:center;gap:.65rem;flex:none;min-height:38px;background:transparent;border:0;color:var(--parchment2);padding:.45em .75em;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-head);font-weight:600;font-size:.79rem;letter-spacing:.03em;text-align:left;position:relative;transition:background .15s,color .15s,box-shadow .15s}.nav-btn:hover{background:#d4a24c12;color:#f5e6c4}.nav-btn.active{background:linear-gradient(90deg,rgba(232,105,44,.24),rgba(212,162,76,.08) 65%,transparent);color:var(--gold2);box-shadow:inset 3px 0 0 var(--gold2)}.nav-icon{display:inline-grid;place-items:center;width:1.45em;flex:none;text-align:center;color:#b48d56;transition:color .15s,filter .15s}.nav-icon .ico{width:20px;height:20px}.nav-btn:hover .nav-icon{color:var(--gold2)}.nav-btn.active .nav-icon{color:var(--gold2);filter:drop-shadow(0 0 6px rgba(232,105,44,.7))}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-spacer{flex:1;min-height:.8rem}.nav-help{margin-top:.4rem;border-top:1px solid rgba(212,162,76,.12);border-radius:0 0 var(--r-sm) var(--r-sm);padding-top:.6em}.badge{position:absolute;right:8px;min-width:1.35em;text-align:center;background:linear-gradient(180deg,#d4472f,#9a2a1a);color:#fff;font-size:.68rem;font-weight:700;padding:.08em .42em;border-radius:999px;font-family:var(--font);border:1px solid rgba(0,0,0,.45);box-shadow:0 0 8px #e8503273}.content{position:relative;overflow:auto;padding:1.4rem 1.75rem 2rem;background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(232,105,44,.06),transparent 70%),radial-gradient(ellipse at 30% 0%,#22170f 0%,var(--bg) 70%)}.content:has(.village-view),.content:has(.map-view){padding:0;overflow:hidden}.panel-header{position:relative;margin-bottom:1.2rem;padding-bottom:.95rem}.panel-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:var(--haft) repeat-x 0 0 / 18px 9px;mask-image:linear-gradient(90deg,#000 0,#000 35%,transparent 85%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 35%,transparent 85%)}.panel-header h2{font-size:1.6rem;margin:0 0 .2rem;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 22px rgba(232,105,44,.16)}.panel-section{position:relative;padding:1rem 1.2rem;margin-bottom:1.1rem;border:1px solid #47331f;border-radius:var(--radius);background:var(--tx-grain),linear-gradient(180deg,#2c1f14e0,#1c130ce0);box-shadow:inset 0 1px #ffdca012,inset 0 0 0 1px #00000059,0 10px 24px -14px #000c}.panel-section>h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;letter-spacing:.05em;border-bottom:1px solid rgba(212,162,76,.18);padding-bottom:.45rem;margin-bottom:.8rem}.panel-section>h3:before{content:"";flex:none;width:.8em;height:.8em;background:var(--star) center / contain no-repeat}.empty{color:var(--muted);font-style:italic;padding:1.2rem 1rem;text-align:center}.kv{display:flex;gap:.6rem;padding:.18em 0;font-size:.92rem}.kv .k{color:var(--muted);min-width:140px}.kv .v{color:var(--parchment)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem}.table th{text-align:left;color:var(--gold);font-family:var(--font-head);font-weight:600;font-size:.72rem;letter-spacing:.06em;padding:.55em .7em;background:#00000047;border-bottom:1px solid rgba(212,162,76,.35);white-space:nowrap}.table th:first-child{border-top-left-radius:var(--r-sm)}.table th:last-child{border-top-right-radius:var(--r-sm)}.table td{padding:.55em .7em;border-bottom:1px solid rgba(90,67,48,.32);vertical-align:middle}.table tr:nth-child(2n)>td{background:#ffebc806}.table tr:hover>td{background:#d4a24c0f}.table tr.hl>td{background:#d4a24c21;box-shadow:inset 0 1px #d4a24c33}.table tr.dim{opacity:.55}.table tr.sep td{color:var(--muted);font-style:italic;padding-top:1rem;background:none}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.cost{display:inline-flex;flex-wrap:wrap;gap:.25rem .75rem;font-variant-numeric:tabular-nums}.cost-item{display:inline-flex;align-items:center;gap:.25em;white-space:nowrap}.cost-item .res-icon .ico{width:1.05em;height:1.05em}.race-badge{display:inline-block;padding:.08em .5em;border-radius:4px;font-size:.75rem;background:var(--race);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5)}.bar{height:8px;background:#00000073;border-radius:4px;overflow:hidden;margin:.2rem 0 .5rem;box-shadow:inset 0 1px 2px #0009}.bar-fill{height:100%;background:linear-gradient(90deg,#b07a2c,var(--gold2))}.bar.hp .bar-fill{background:linear-gradient(90deg,#4f8a3c,#8fc46a)}.bar.hp.wounded .bar-fill{background:linear-gradient(90deg,#a83a2a,var(--danger))}.bar.xp .bar-fill{background:linear-gradient(90deg,#2f5f9a,#6aa8e8)}.countdown{font-variant-numeric:tabular-nums;color:var(--gold2)}.chip{display:inline-block;background:var(--wood-light);padding:.1em .6em;border-radius:999px;font-size:.8rem;margin:.15em}.army-table{border-collapse:collapse;margin:.3rem 0;font-size:.9rem}.army-table caption{text-align:left;color:var(--muted);font-size:.8rem;padding-bottom:.2rem}.army-table th{font-size:1rem;padding:.15em .5em;border-bottom:1px solid var(--line)}.army-table td{padding:.15em .5em;text-align:center;font-variant-numeric:tabular-nums}.army-table tr.losses td{color:var(--danger);font-size:.85rem}.tactic-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:.6rem;margin:.5rem 0}.tactic-card{background:linear-gradient(180deg,#2f2116e6,#1e150ee6);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .9rem;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.tactic-card:hover{border-color:var(--gold)}.tactic-card.selected{border-color:var(--gold2);background:linear-gradient(180deg,#d4a24c29,#d4a24c0f);box-shadow:inset 0 0 0 1px var(--gold2),0 0 18px -6px #e8692c99}.tactic-name{font-family:var(--font-head);font-weight:600;color:var(--gold2);margin-bottom:.3rem}.tactic-desc{font-size:.85rem;color:var(--parchment2);margin-bottom:.4rem}.tactic-vs{display:flex;flex-direction:column;font-size:.75rem}.tactic-vs .good{color:#8fd37a}.tactic-vs .bad{color:#f08a7a}.village-view,.map-view,.scene-box{position:absolute;top:0;right:0;bottom:0;left:0}.scene-box canvas{display:block;width:100%;height:100%}.overlay-top{position:absolute;top:12px;left:16px;display:flex;flex-direction:column;gap:.4rem;z-index:2}.village-title{font-family:var(--font-head);font-size:1.3rem;color:var(--gold2);text-shadow:0 2px 8px rgba(0,0,0,.9)}.village-name{cursor:pointer}.village-name:hover{text-decoration:underline dotted}.overlay-bottom{position:absolute;bottom:12px;left:16px;right:16px;display:flex;gap:.5rem;flex-wrap:wrap;z-index:2;pointer-events:none}.qchip{background:#14100cd9;border:1px solid var(--line);border-radius:999px;padding:.25em .8em;font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.qchip.build{border-color:var(--gold)}.qchip.train{border-color:var(--blue)}.edit-bar{position:absolute;top:70px;left:16px;right:16px;z-index:3;background:#14100ceb;border:1px solid var(--gold);border-radius:var(--radius);padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scene-tooltip{position:absolute;z-index:4;background:#14100cf2;border:1px solid var(--gold);border-radius:6px;padding:.4rem .7rem;pointer-events:none;font-size:.85rem;box-shadow:var(--shadow)}.side-panel{position:absolute;top:0;right:0;bottom:0;width:420px;background:#18120df5;border-left:2px solid var(--gold);overflow:auto;padding:1rem 1.2rem;z-index:3;box-shadow:-8px 0 30px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.side-panel .close{position:absolute;top:8px;right:8px}.bp-head{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.3rem}.bp-head .lvl{color:var(--muted)}.bp-info{margin:.5rem 0}.queue{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.queue-item{display:flex;align-items:center;gap:.6rem;background:#00000040;padding:.3rem .6rem;border-radius:6px;font-size:.9rem}.q-label{flex:1}.bp-upgrade{display:flex;flex-direction:column;gap:.4rem}.train-list{display:flex;flex-direction:column;gap:.6rem}.train-row{display:flex;flex-wrap:wrap;gap:.8rem;background:#0003;border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem}.train-row.locked{opacity:.6}.train-main{flex:1}.train-name{font-family:var(--font-head);color:var(--gold2)}.stats{font-size:.8rem;color:var(--parchment2);margin:.2rem 0}.train-form{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end;justify-content:center;margin-left:auto}.train-main{min-width:220px}.req{color:var(--danger);font-size:.85rem}.uicon{display:inline-block;width:1.4em;text-align:center}.market-form{display:flex;flex-direction:column;gap:.5rem}.map-toolbar{position:absolute;top:12px;left:16px;z-index:2;display:flex;gap:.4rem;align-items:center;background:#14100cd9;padding:.4rem .6rem;border-radius:8px;border:1px solid var(--line)}.map-legend{position:absolute;bottom:12px;left:16px;z-index:2;display:flex;gap:.8rem;background:#14100cd9;padding:.3rem .7rem;border-radius:8px;font-size:.8rem}.lg:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.35em;background:var(--c, #888)}.lg.own{--c: #f3c766}.lg.other{--c: #e05b4b}.lg.barb{--c: #9a9a9a}.lg.atk{--c: #ff3b2f}.lg.sup{--c: #4f9fff}.lg.ret{--c: #58d36a}.lg.amb{--c: #ffb02e}.map-popup{position:absolute;z-index:4;width:290px;background:#14100cf5;border:1px solid var(--gold);border-radius:8px;padding:.8rem 1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.4rem}.map-popup .close{position:absolute;top:4px;right:4px}.popup-title{font-family:var(--font-head);color:var(--gold2);font-size:1.05rem}.unit-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.5rem;margin:.5rem 0}.unit-pick.compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.unit-cell{background:#00000040;border:1px solid var(--line);border-radius:6px;padding:.4rem .6rem}.unit-cell.dim{opacity:.5}.unit-cell-name{font-size:.85rem;margin-bottom:.2rem;color:var(--parchment2)}.preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:.6rem 0}.movements{display:flex;flex-direction:column;gap:.5rem}.move-row{display:flex;justify-content:space-between;gap:1rem;background:#0003;border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:6px;padding:.5rem .8rem}.move-row.attack{border-left-color:var(--red)}.move-row.support{border-left-color:var(--blue)}.move-row.return{border-left-color:var(--green)}.move-row.scout{border-left-color:#e8c54a}.move-row.trade,.move-row.trade_return{border-left-color:#a0784a}.move-row.quest,.move-row.quest_return{border-left-color:#c77dff}.move-row.incoming.attack{background:#b8412e1f}.move-kind{font-family:var(--font-head);font-size:.8rem;color:var(--gold2)}.move-time{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.god-list,.creature-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem}.god-card,.creature-card{background:linear-gradient(180deg,#2a1f16e6,#1e1712e6);border:1px solid var(--line);border-top:4px solid var(--god);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:0 0 24px -12px var(--glow)}.god-head,.creature-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.god-symbol{font-size:2rem;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:var(--god);box-shadow:0 0 14px var(--glow)}.god-card h3,.creature-card h3{color:var(--god2);margin:0}.spell-list{display:flex;flex-direction:column;gap:.4rem}.spell{display:flex;justify-content:space-between;gap:.8rem;background:#00000040;border-radius:6px;padding:.5rem .7rem}.spell.locked{opacity:.6}.spell-name{font-family:var(--font-head);color:var(--gold2);font-size:.9rem}.spell-act{display:flex;align-items:center}.effects{display:flex;flex-direction:column;gap:.3rem}.effect-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.god-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.creature-name{font-family:var(--font-head);color:var(--gold2)}.lore{font-style:italic;color:var(--muted);font-size:.85rem}.skills{display:flex;flex-direction:column;gap:.4rem}.skill{background:#00000040;border-radius:6px;padding:.4rem .7rem;border-left:3px solid var(--line)}.skill.learned{border-left-color:var(--god2)}.skill-head{display:flex;align-items:center;gap:.6rem}.ranks{color:var(--gold);letter-spacing:.1em}.summon,.target-list{display:flex;flex-direction:column;gap:.3rem}.target-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:#0003;padding:.3rem .6rem;border-radius:6px}.reports-layout{display:grid;grid-template-columns:320px 1fr;gap:1rem;min-height:60vh}.report-list{display:flex;flex-direction:column;gap:2px;max-height:80vh;overflow:auto}.report-row{display:flex;gap:.6rem;align-items:center;padding:.5rem .6rem;border-radius:6px;cursor:pointer;border-left:3px solid var(--muted);background:#0003}.report-row.win{border-left-color:var(--green)}.report-row.loss{border-left-color:var(--danger)}.report-row.unread .rtitle{font-weight:700;color:var(--parchment)}.report-row.active{background:#d9a44126}.report-row:hover{background:#d9a44114}.ricon{font-size:1.2rem;width:1.6rem;text-align:center}.report-detail{background:#2a1f1680;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem}.report-head{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}.report-head h2{flex:1;margin:0}.verdict{font-family:var(--font-head);font-size:1.2rem;padding:.5rem 1rem;border-radius:8px;margin:.5rem 0;text-align:center}.verdict.win{background:#5c9a4a40;color:#b9f0a4;border:1px solid var(--green)}.verdict.loss{background:#b8412e40;color:#ffb3a7;border:1px solid var(--red)}.battle-sides{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.8rem 0}.side{background:#00000040;border-radius:8px;padding:.7rem .9rem;border-top:3px solid var(--red)}.side.defender{border-top-color:var(--blue)}.battle-numbers{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 1rem;margin:.5rem 0}.side-notes{background:#0003;border-radius:6px;padding:.5rem .8rem;margin:.5rem 0}.phases{display:flex;flex-direction:column;gap:.5rem}.phase{background:#0003;border-radius:6px;padding:.5rem .8rem}.phase h4{margin:0 0 .3rem}.phase ul{margin:0;padding-left:1.2rem;font-size:.9rem}.ev.attacker{color:#ffb3a7}.ev.defender{color:#bcd6ff}.ev.none{color:var(--parchment2)}.ev.creature_fallen,.ev.rout{font-weight:700}.bld-list{display:flex;flex-wrap:wrap}.layout-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;margin:.5rem 0}.lg-mid{display:flex;align-items:center;gap:.4rem}.layout-grid{display:grid;grid-template-columns:repeat(7,28px);gap:2px;background:#3a2b1e;padding:4px;border-radius:4px}.lg-cell{width:28px;height:28px;background:#221a13;border-radius:3px;display:grid;place-items:center;font-size:.7rem;color:var(--parchment2)}.lg-cell.filled{background:var(--wood-light)}.lg-side{font-size:.75rem;color:var(--muted)}.lg-side.w,.lg-side.e{writing-mode:vertical-rl;max-height:210px}.lg-side.w{transform:rotate(180deg)}.replay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050403;display:grid;grid-template-columns:1fr 380px}.replay-stage{position:relative;min-width:0}.replay-scene{position:absolute;top:0;right:0;bottom:0;left:0}.replay-scene canvas{display:block;width:100%;height:100%}.replay-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);background:#0a080699;color:var(--parchment2);font-size:.75rem;padding:.25em .8em;border-radius:999px;pointer-events:none}.replay-side{background:var(--wood);border-left:2px solid var(--gold);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.55rem;overflow:hidden;min-height:0}.replay-side h3{margin:0;font-size:1.05rem}.replay-controls{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.replay-controls .btn.small{padding:.25em .6em}.replay-timeline{display:flex;flex-wrap:wrap;gap:.25rem}.replay-chip{background:var(--wood2);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.2em .5em .3em;font-size:.72rem;font-family:var(--font-head);cursor:pointer;display:flex;flex-direction:column;gap:.15rem;min-width:64px;text-align:left}.replay-chip:hover{color:var(--parchment);border-color:var(--gold)}.replay-chip.done{color:var(--parchment2)}.replay-chip.active{color:var(--gold2);border-color:var(--gold);background:#d9a4411f}.chip-bar{display:block;height:3px;background:#0006;border-radius:2px;overflow:hidden}.chip-fill{display:block;height:100%;width:0;background:var(--gold);transition:width .1s linear}.replay-chip.done .chip-fill{width:100%;background:var(--muted)}.replay-bars{display:flex;flex-direction:column;gap:.3rem;background:#00000040;padding:.5rem .6rem;border-radius:6px}.bar-row{display:grid;grid-template-columns:7.5rem 1fr auto;column-gap:.5rem;align-items:center;font-size:.8rem}.bar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-head)}.bar-name.att{color:#ffb3a7}.bar-name.def{color:#bcd6ff}.bar{display:block;height:10px;background:#00000080;border-radius:5px;overflow:hidden}.bar-fill{display:block;height:100%;transition:width .2s ease-out}.bar-fill.att{background:linear-gradient(90deg,#a0271b,#ff5a45)}.bar-fill.def{background:linear-gradient(90deg,#1f4e9a,#5a9bff)}.bar-num{font-variant-numeric:tabular-nums;font-size:.78rem;white-space:nowrap}.bar-k{grid-column:2 / 4;font-size:.68rem;margin-top:-.2rem}.replay-wall{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.wall-pips{display:inline-flex;gap:2px}.wall-pips .pip{width:9px;height:9px;border-radius:2px;background:#ffffff1f}.wall-pips .pip.on{background:#c9a35a}.replay-phase{font-family:var(--font-head);color:var(--gold2)}.replay-log{flex:1;min-height:0;overflow:auto;font-size:.82rem;background:#0000004d;padding:.5rem;border-radius:6px;display:flex;flex-direction:column;gap:.2rem}.log-phase{font-family:var(--font-head);color:var(--gold);margin-top:.4rem}.log-ev{padding-left:.2rem;border-left:2px solid transparent}.log-ev.attacker{color:#ffb3a7}.log-ev.defender{color:#bcd6ff}.log-ico{display:inline-block;width:1.2em;text-align:center;opacity:.85}.log-ev.k-divine{border-left-color:var(--god, var(--gold));background:linear-gradient(90deg,color-mix(in srgb,var(--god, #d9a441) 18%,transparent),transparent);color:var(--parchment)}.log-ev.k-magic{border-left-color:#c8a0ff;color:#e6d2ff}.log-ev.k-skill,.log-ev.k-spell{border-left-color:#9ec5ff}.log-ev.k-rout,.log-ev.k-loot,.log-ev.k-noble{font-weight:600}@media(max-width:900px){.replay-overlay{grid-template-columns:1fr;grid-template-rows:1fr minmax(220px,42vh)}.replay-side{border-left:0;border-top:2px solid var(--gold)}}.sim-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sim-results{margin-top:1rem}.matrix td.m{text-align:center;font-variant-numeric:tabular-nums}.matrix td.good{color:#8fd37a}.matrix td.bad{color:#f08a7a}.matrix td.mid{color:#f0d27a}.matrix td.cur{outline:2px solid var(--gold)}.creature-editor{display:flex;flex-direction:column;gap:.3rem;background:#0003;padding:.5rem .7rem;border-radius:6px}details summary{cursor:pointer;color:var(--gold);font-family:var(--font-head);font-size:.9rem;margin:.4rem 0}.res-bar-fill.over{background:#f0b429}.res-warn{color:#f0b429;font-size:.85rem;cursor:help}.res.storage{min-width:0;color:var(--muted);border-style:dashed}.seg.small .seg-btn{padding:.25em .6em;font-size:.7rem}.unit-cell.invalid{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.unit-cell.invalid input{border-color:var(--danger)}.link-btn{background:transparent;border:0;color:var(--gold);cursor:pointer;font-family:var(--font);padding:0}.link-btn:hover{text-decoration:underline}.hint{margin:.2rem 0}.army-table th{font-weight:400;vertical-align:bottom}.army-table .uname{font-family:var(--font);font-size:.65rem;color:var(--muted);max-width:72px;line-height:1.1;white-space:normal}.tutorial{display:flex;flex-direction:column;gap:.6rem}.tut-head{display:flex;align-items:center;gap:.7rem}.tut-head h3{margin:0;flex:1}.tut-icon{font-size:1.8rem}.tut-lines{margin:0;padding-left:1.2rem;line-height:1.45}.tut-lines li{margin:.3em 0}.tut-dots{display:flex;gap:.4rem;justify-content:center}.tut-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.tut-dots .dot.on{background:var(--gold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:8px;background:radial-gradient(ellipse at 50% 40%,#140c068c,#050302d1);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:slo-fade .18s ease-out}.modal{position:relative;width:min(520px,92vw);max-height:90vh;overflow:auto;border:1px solid rgba(212,162,76,.6);border-radius:10px;background:var(--tx-grain),radial-gradient(ellipse 90% 70% at 50% 25%,#3b2b1c,#2a1e13 60%,#1c140d);box-shadow:0 0 0 4px #0c0805d9,0 0 0 5px #d4a24c38,0 30px 80px #000000b3,inset 0 0 70px #00000073;animation:slo-modal-in .24s var(--ease-out)}.modal.wide{width:min(900px,95vw)}.modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.85rem .9rem 1rem 1.15rem;background:var(--tx-wood),linear-gradient(180deg,#34251a,#271b12)}.modal-head:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:9px;background:var(--haft) repeat-x 0 0 / 18px 9px}.modal-head h2{margin:0;font-size:1.15rem;display:flex;align-items:center;gap:.5rem}.modal-head h2:before{content:"";flex:none;width:.85em;height:.85em;background:var(--star) center / contain no-repeat}.modal-close{min-width:2.25rem;min-height:2.25rem}.modal-body{padding:1.15rem 1.25rem 1.3rem;display:flex;flex-direction:column;gap:.65rem}@keyframes slo-fade{0%{opacity:0}}@keyframes slo-modal-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}.modal:has(.tutorial),.modal:has(.confirm-body){--text: #2c1d11;--muted: #6e5538;--gold: #8a5418;--gold2: #7a3412;--parchment: #2c1d11;--parchment2: #4b3420;--line: #b8975f;color:var(--text);border-color:#a07a3c;background:var(--tx-grain),radial-gradient(ellipse 85% 75% at 50% 40%,#f3e6c4,#e4cfa0 62%,#c7a974);box-shadow:0 0 0 4px #0c0805d9,0 0 0 5px #d4a24c4d,0 30px 80px #000000b3,inset 0 0 50px #6e461973}.modal:has(.tutorial) .modal-head,.modal:has(.confirm-body) .modal-head{--gold2: #f0c873;--muted: #a8957a;color:#ead9b8}.toasts{position:fixed;top:74px;right:16px;z-index:60;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{position:relative;pointer-events:auto;max-width:380px;padding:.7rem 1.05rem .7rem 2.35rem;color:var(--parchment);line-height:1.4;background:var(--tx-grain),linear-gradient(180deg,#33251a,#22180f);border:1px solid rgba(212,162,76,.38);border-radius:7px;box-shadow:0 12px 28px #0009,inset 0 1px #ffdca014;opacity:0;transform:translate(28px) scale(.98);transition:opacity .3s var(--ease-out),transform .35s var(--ease-out)}.toast:before{content:"";position:absolute;left:.95rem;top:1.05rem;width:9px;height:9px;transform:rotate(45deg);background:var(--gold2);box-shadow:0 0 10px var(--gold)}.toast.show{opacity:1;transform:none}.toast.ok:before{background:#8fd37a;box-shadow:0 0 10px #5c9a4a}.toast.ok{border-color:#78be6473}.toast.warn:before{background:#f0b429;box-shadow:0 0 10px #f0b429}.toast.warn{border-color:#f0b42973}.toast.error:before{background:#ff6a52;box-shadow:0 0 10px #e2604e}.toast.error{border-color:#e2604e99}@media(max-width:1280px){.shell{grid-template-columns:62px 1fr}.nav-label{display:none}.nav-btn{justify-content:center;padding:.5em .3em;min-height:42px}.nav-icon .ico{width:22px;height:22px}.badge{right:3px;top:2px;font-size:.62rem}.race-cards{grid-template-columns:repeat(2,1fr)}.side-panel{width:360px}.sim-layout,.battle-sides{grid-template-columns:1fr}.reports-layout{grid-template-columns:260px 1fr}.top-res .res{min-width:0}.coords{display:none}}@media(max-width:1100px){.logo{display:none}}.cam-reset{border-color:var(--gold);box-shadow:0 0 0 1px #ffd27840,0 2px 10px #0006;animation:cam-pop .25s ease-out}@keyframes cam-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.cam-hint{font-size:.72rem;opacity:.75;margin-left:auto}.lg.camp{--c: #ff7a3a}.lg.quest{--c: #c77dff}.map-popup.wide{width:360px;max-height:calc(100% - 24px);overflow:auto}.quest-story{font-size:.85rem;color:var(--parchment2, #e8dcc8);line-height:1.35;font-style:italic}.quest-meta{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.quest-opts{display:flex;flex-direction:column;gap:.4rem}.quest-opt{border:1px solid var(--line);border-radius:6px;padding:.45rem .6rem;background:#2a1f1699;display:flex;flex-direction:column;gap:.25rem}.quest-opt.disabled{opacity:.55}.quest-opt .q-label{font-weight:600;color:var(--gold2);display:flex;justify-content:space-between;gap:.5rem;align-items:center}.quest-opt .q-hint{font-size:.78rem;color:var(--parchment2, #e8dcc8)}.quest-opt .q-cost{font-size:.78rem}.quest-opt .q-reason{font-size:.75rem;color:var(--red)}.quest-send{display:flex;flex-direction:column;gap:.35rem;margin-top:.3rem;border-top:1px dashed var(--line);padding-top:.4rem}.quest-send .q-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.3rem}.quest-send .q-unit{display:flex;flex-direction:column;font-size:.72rem;gap:.1rem}.quest-send .q-unit input{width:100%}.quest-send .q-unit .link-btn{text-align:left;padding:0}.camp-garrison{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}.camp-garrison .cg-row{display:flex;justify-content:space-between;gap:.5rem}.camp-garrison .cg-trait{color:var(--muted);font-size:.72rem}.camp-level{color:#ffb070;font-weight:600}.quest-list{position:absolute;top:60px;right:16px;z-index:2;width:250px;max-height:calc(100% - 140px);display:flex;flex-direction:column;background:#14100ce0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.quest-list .ql-head{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;cursor:pointer;font-family:var(--font-head);color:var(--gold2);border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none}.quest-list .ql-body{overflow:auto;display:flex;flex-direction:column}.quest-list.collapsed .ql-body{display:none}.quest-list .ql-row{display:flex;flex-direction:column;padding:.35rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;font-size:.8rem}.quest-list .ql-row:hover{background:#ffffff0f}.quest-list .ql-row.done{opacity:.5}.quest-list .ql-row .ql-sub{font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between}@media(max-width:720px){.quest-list{width:180px;top:auto;bottom:52px;max-height:40%}.map-popup.wide{width:min(360px,calc(100vw - 32px))}}.ev.divine{color:#ffe39a;font-weight:600;text-shadow:0 0 8px rgba(255,220,120,.35)}.ev.magic{color:#c9a0ff;font-style:italic}.log-ev.divine{color:#ffe39a;font-weight:600}.log-ev.magic{color:#c9a0ff}.god-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:.85em;background:color-mix(in srgb,var(--god, #555) 35%,transparent);border:1px solid var(--god, #777);box-shadow:0 0 6px color-mix(in srgb,var(--glow, #fff) 35%,transparent);white-space:nowrap}.divine-block{margin:10px 0;padding:10px 12px;border-radius:10px;background:#ffe1960f;border:1px solid rgba(255,225,150,.25)}.divine-block h4{margin:0 0 6px}.divine-row{display:grid;grid-template-columns:auto auto 1fr;gap:4px 10px;align-items:center;padding:4px 0}.divine-row .k{opacity:.8}.divine-row .muted{grid-column:1 / -1}.divine-row.silent{opacity:.7}.divine-power{font-weight:600;color:#ffe39a}.invoke-box{margin-top:4px}.invoke-detail{margin-top:6px;padding:8px 10px;border-radius:8px;border-left:3px solid var(--god, #888);background:color-mix(in srgb,var(--god, #555) 12%,transparent)}.invoke-detail.short{border-left-color:#d9534f}.divine-editor,.divine-hint{margin-top:4px}.divine-hint{padding:6px 10px;border-radius:8px;border-left:3px solid var(--god, #888);background:color-mix(in srgb,var(--god, #555) 12%,transparent)}.divine-details{margin:6px 0}.divine-details summary{cursor:pointer}.devotion-row{margin:6px 0 10px}.camp-block,.target-box{margin:8px 0;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--camp, #7a5a9a) 60%,transparent);background:color-mix(in srgb,var(--camp, #4a3a6a) 18%,transparent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--glow, #c8a0ff) 12%,transparent)}.target-box[style*="display:none"]{display:none}.camp-title{font-weight:700;font-size:1.05em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.camp-title .tag{font-weight:500}.tag.win{background:#50c87840}.army-table.magic th{color:#d9c4ff}.magic-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.small.ok{color:#9ee6a9}.small.warn{color:#ffb86b}.danger.small{color:#ff8a80}.quest-list .ql-group{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted, #a89b7c);padding:6px 10px 2px;opacity:.85}.nawia-block{margin:8px 0;padding:8px 10px;border-radius:8px;background:linear-gradient(135deg,#1e1830d9,#121c1ed9);border:1px solid rgba(160,140,220,.35);display:flex;flex-direction:column;gap:6px}.nawia-title{font-family:var(--font-display, serif);color:#c8b8ff;letter-spacing:.03em}.nawia-title.hot{color:#ffd27a}.bar.nawia .bar-fill{background:linear-gradient(90deg,#6a4fb0,#a0d8ff)}.dark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.dark-skill{padding:6px 8px;border-radius:6px;background:#0000004d;border:1px solid rgba(140,120,200,.3);display:flex;flex-direction:column;gap:3px}.dark-skill.learned{border-color:#c8b4ff99;box-shadow:0 0 10px #8c64ff40 inset}.gate-units{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto}.gate-units label span{min-width:170px}.jealousy-bar{margin:8px 0;padding:8px 10px;border-radius:8px;background:#00000040;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.jealousy-bar.warm{border-color:#ffbe5a66}.jealousy-bar.hot{border-color:#ff5a4699}.bar.jealousy.calm .bar-fill{background:#6fbf73}.bar.jealousy.warm .bar-fill{background:#e0a040}.bar.jealousy.hot .bar-fill{background:#e05040}.oracle-block{margin:6px 0;padding:6px 8px;border-radius:6px;background:#fff0c80f;border:1px dashed rgba(255,220,140,.4);display:flex;flex-direction:column;gap:4px}.tribe-tabs{margin:8px 0 14px}.tribe-head h2{margin:0 0 4px}.inp{background:var(--panel2, #1d1712);color:inherit;border:1px solid var(--line, #4a3a28);border-radius:6px;padding:7px 10px;font:inherit;min-width:0}.inp.area{width:100%;resize:vertical;min-height:90px;box-sizing:border-box}.compose .inp{width:100%;box-sizing:border-box}.invite-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.btn.tiny{padding:2px 7px;font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6b5e4e}.dot.on{background:#5fd36a;box-shadow:0 0 6px #5fd36a}.thread-list{display:flex;flex-direction:column;gap:4px;margin:10px 0}.thread-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:#ffffff08;cursor:pointer;border:1px solid transparent}.thread-row:hover{border-color:var(--gold, #c9a227)}.thread-row.unread strong{color:var(--gold, #e8c16a)}.posts{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px;max-height:55vh;overflow-y:auto}.post{padding:10px 12px;border-radius:8px;background:#ffffff0a;border-left:3px solid #6b5e4e}.post.mine{border-left-color:var(--gold, #c9a227)}.post-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}.rich-text{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.rich-text a{color:var(--gold, #e8c16a)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:#ffffff0f}.rel-label{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600}.rel-ally,.rel-sojusz{background:#4696ff33;color:#8cc2ff}.rel-nap{background:#c8c8782e;color:#e6e09a}.rel-enemy,.rel-wrog{background:#ff464633;color:#ff9a9a}.rel-same{background:#5ad26e33;color:#8ef09c}.rel-row{padding:5px 0}.tribe-tag{font-weight:600;color:var(--gold, #e8c16a)}.share-btns{margin-left:auto}.shared-page{max-width:1100px;margin:0 auto;padding:16px}.shared-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 0 16px;border-bottom:1px solid var(--line, #4a3a28);margin-bottom:16px}.shared-top .logo{font-size:22px}.shared-top a.btn{margin-left:auto;text-decoration:none}.rhythm-dock{position:absolute;top:96px;right:12px;width:300px;max-height:calc(100% - 160px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:2;pointer-events:none}.rhythm-dock>*{pointer-events:auto}.rhythm-dock-toggle{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);background:#18120de6;color:var(--gold2);cursor:pointer;font-size:1rem}.rhythm-dock-body{width:100%;overflow:auto;display:flex;flex-direction:column;gap:8px}.rhythm-dock.collapsed .rhythm-dock-body{display:none}.goals-card,.events-board{background:#18120de6;border:1px solid var(--wood-light);border-radius:10px;padding:.6rem .7rem;box-shadow:0 6px 18px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:.45rem}.goals-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.goal-row{display:flex;flex-direction:column;gap:.25rem;padding:.35rem .45rem;border-radius:7px;background:#00000040}.goal-row.ready{outline:1px solid var(--gold);box-shadow:0 0 10px #d9a44159}.goal-row.claimed{opacity:.55}.goal-title{font-size:.9rem}.goal-bar{height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.goal-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}.goal-row.claimed .goal-bar-fill{background:var(--green)}.goal-foot{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.goals-bonus{text-align:center}.goals-bonus.done{color:var(--green)}.btn.tiny{padding:.1rem .5rem;font-size:.78rem}.badge.goals{background:var(--gold);color:var(--ink)}.chron-entry{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .7rem;border-left:3px solid var(--wood-light);background:#0000002e;border-radius:0 8px 8px 0}.chron-entry.compact{padding:.3rem .4rem;font-size:.85rem}.chron-entry.kind-camp_six,.chron-entry.kind-dragon{border-left-color:var(--red)}.chron-entry.kind-conquest{border-left-color:var(--gold)}.chron-entry.kind-creature_level,.chron-entry.kind-nawia{border-left-color:#8a6fb0}.chron-entry.kind-great_battle{border-left-color:#c75b3a}.chron-icon{font-size:1.2rem;line-height:1.2}.chron-entry.compact .chron-icon{font-size:1rem}.chron-body{flex:1;min-width:0}.chron-text{font-style:italic;line-height:1.4}.chron-entry.compact .chron-text{font-style:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chron-where{color:var(--gold2)}.chronicle-panel{max-width:860px}.chronicle-list{display:flex;flex-direction:column;gap:.5rem;margin:.6rem 0 1rem}.chron-season{margin:1.1rem 0 .2rem;color:var(--gold2);font-family:inherit;letter-spacing:.05em;border-bottom:1px solid var(--wood-light);padding-bottom:.2rem}.chron-day{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-top:.4rem}.camp-time{padding:.2rem .4rem;border-radius:6px;background:#00000040}.camp-time.bad{color:#f0a090}.camp-time.good{color:#a6d98f}.clock{white-space:nowrap}@media(max-width:760px){.rhythm-dock{top:auto;bottom:64px;width:min(300px,calc(100% - 24px));max-height:45%}}.weather-now{cursor:help}@media(max-width:760px){.wx-text{display:none}}.wx-badge{display:inline-block;padding:.15rem .45rem;border-radius:6px;background:#00000040}.expedition-card{border:1px solid var(--line);border-left:4px solid var(--glow, var(--red));border-radius:var(--radius);padding:8px 10px;margin:6px 0;background:#78140f1f;display:flex;flex-direction:column;gap:6px}.expedition-parts{display:flex;flex-direction:column;gap:4px;padding-left:6px;border-left:1px dashed var(--line)}.expedition-banner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:8px}.expedition-banner .expedition-card{flex:1 1 260px;margin:0}.expedition-eta{padding:.3rem .5rem;border-radius:6px;background:#00000040;margin:4px 0}.expedition-eta.good{color:#a6d98f}.expedition-eta.bad{color:#f0a090}.expedition-report .table-wrap{overflow-x:auto;max-width:100%}.expedition-report td{vertical-align:top}.expedition-modal .sel{min-width:140px}.content:has(.arena-view){padding:0;overflow:hidden}.arena-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-user-select:none;user-select:none}.arena-top{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:1rem;align-items:center;background:#14100cd9;border:1px solid var(--line);border-radius:8px;padding:.35rem .9rem;max-width:calc(100% - 16px)}.arena-name-tag{font-family:var(--font-head);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.arena-name-tag.attacker{color:#ff8a73}.arena-name-tag.defender{color:#8fc4ff}.arena-clock{font-family:var(--font-head);color:var(--gold2);font-size:1.1rem;font-variant-numeric:tabular-nums}.arena-cap{position:relative;display:block;width:140px;height:12px;background:#0f0b08;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:2px}.arena-cap-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#b8412e,#f3c766)}.arena-cap-txt{position:absolute;top:0;right:0;bottom:0;left:0;font-size:.65rem;text-align:center;line-height:12px;color:var(--parchment)}.arena-side{position:absolute;top:8px;left:8px;bottom:60px;width:290px;z-index:3;overflow:auto;background:#14100ce0;border:1px solid var(--line);border-radius:8px;padding:.6rem .7rem;font-size:.85rem}.arena-side h3{font-size:.95rem;margin:.3rem 0}.arena-side h4{margin:.6rem 0 .3rem}.arena-side .sel{width:100%}.arena-side .sel.small{width:auto;padding:.15em .3em;font-size:.75rem}.arena-sq{padding:.3rem .4rem;border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.arena-squads .arena-sq{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.arena-sq:hover{background:#d9a44114}.arena-sq.sel{border-color:var(--gold);background:#d9a44126}.arena-sq.dead{opacity:.4;cursor:default}.arena-sq.rout{color:var(--danger)}.arena-sq .btn.small{padding:.1em .45em}.arena-bar{height:5px;background:#0f0b08;border-radius:3px;overflow:hidden}.arena-bar.morale{height:3px}.arena-bar-fill{height:100%;background:var(--gold2)}.arena-bar-fill.own{background:#4fa3ff}.arena-bar-fill.foe{background:#e0503a}.arena-budget{position:relative;height:18px;background:#0f0b08;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:.4rem 0}.arena-budget-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#5c9a4a,#d9a441)}.arena-budget span{position:relative;font-size:.72rem;padding-left:.4rem;line-height:18px}.arena-shop{display:grid;grid-template-columns:1fr 1fr;gap:4px}.arena-buy{display:flex;flex-direction:column;align-items:flex-start;background:var(--wood);color:var(--parchment);border:1px solid var(--line);border-radius:6px;padding:.3rem .4rem;cursor:pointer;font-family:var(--font);font-size:.8rem;text-align:left}.arena-buy:hover:not(:disabled){border-color:var(--gold)}.arena-buy:disabled{opacity:.4;cursor:default}.arena-orders{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:4px;flex-wrap:wrap;justify-content:center;background:#14100ce0;border:1px solid var(--line);border-radius:8px;padding:.35rem;max-width:calc(100% - 16px)}.arena-orders .btn[data-cd]:after{content:" " attr(data-cd) "s";color:var(--muted)}.arena-log{position:absolute;right:8px;top:60px;z-index:3;width:260px;pointer-events:none;display:flex;flex-direction:column;gap:3px}.arena-log-line{background:#14100ccc;border-left:3px solid var(--gold);padding:.2rem .5rem;font-size:.8rem;border-radius:4px;transition:opacity 1.5s}.arena-log-line.fade{opacity:0}.arena-hint{position:absolute;right:8px;bottom:8px;z-index:2;max-width:300px;text-align:right;background:#14100c99;padding:.2rem .5rem;border-radius:4px}.arena-box{position:absolute;z-index:4;border:1px solid #9fff9f;background:#6fdc6f1f;pointer-events:none}.arena-ctx{position:absolute;z-index:6;display:flex;flex-direction:column;gap:4px;background:#14100cf2;border:1px solid var(--gold);border-radius:8px;padding:.4rem}.arena-result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;background:#00000073}.arena-result-card{background:var(--wood);border:2px solid var(--gold);border-radius:var(--radius);padding:1.2rem 1.6rem;max-width:min(460px,92vw);box-shadow:var(--shadow);text-align:center}.arena-result-card .row{justify-content:center}.arena-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.arena-row{padding:.3rem 0;border-bottom:1px solid rgba(90,67,48,.4);gap:.5rem}.arena-elo{font-family:var(--font-head);color:var(--gold2);font-size:1.15rem}.arena-name{width:180px}.arena-call{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;border:2px solid var(--gold);border-radius:var(--radius);padding:.6rem .8rem;margin-bottom:.8rem;background:#d9a4411f}.arena-tour{border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;margin:.4rem 0;background:#0000002e}.arena-bracket{display:flex;gap:.6rem;overflow-x:auto;padding:.5rem 0 .2rem}.arena-bracket-col{display:flex;flex-direction:column;justify-content:space-around;gap:.5rem;min-width:170px}.arena-bracket-head{font-family:var(--font-head);color:var(--gold2);font-size:.8rem;text-align:center}.arena-bmatch{border:1px solid var(--line);border-radius:6px;background:#0f0b08;font-size:.8rem;overflow:hidden}.arena-bmatch.live{border-color:#e0503a;box-shadow:0 0 6px #e0503a80}.arena-bmatch.ready{border-color:var(--gold)}.arena-bslot{padding:.2rem .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-bslot+.arena-bslot{border-top:1px solid rgba(90,67,48,.5)}.arena-bslot.win{color:var(--gold2);font-weight:600}.arena-bslot.lose{opacity:.5}.arena-bslot.me{background:#4fa3ff1f}.arena-bslot.empty{color:var(--muted);font-style:italic}.arena-bfoot{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:.15rem .3rem;border-top:1px solid rgba(90,67,48,.5)}.arena-title-tag{color:#c9a2ff;font-size:.75rem;margin-left:.3rem;white-space:nowrap}.arena-tour-tag{color:var(--gold2);white-space:nowrap}.arena-seek{width:160px;accent-color:var(--gold)}@media(max-width:900px){.arena-lobby{grid-template-columns:1fr}.arena-side{width:46vw;max-width:260px;bottom:96px;font-size:.78rem}.arena-log,.arena-hint{display:none}.arena-top{gap:.5rem;padding:.25rem .5rem;top:4px;left:auto;right:4px;transform:none}.arena-name-tag{max-width:22vw;font-size:.72rem}}.ambush-modal .unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.ambush-modal .unit-cell{display:flex;align-items:center;gap:6px;font-size:13px}.ambush-modal .unit-cell .num{width:70px}.ambush-plan{border-left:3px solid #ffb02e;padding-left:8px}.field-banner{border-left:3px solid #6a8f3c;padding:6px 8px;background:#6a8f3c1f;border-radius:4px}.plan-editor{display:flex;flex-direction:column;gap:.45rem}.plan-rule{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:6px;background:#00000040}.plan-rule .sel{max-width:100%}.plan-num{color:var(--gold2, #e0b860);font-weight:700}.plan-k{color:var(--muted);font-size:.85rem}.plan-hint{flex-basis:100%}.plan-tools .plan-name{width:12em;max-width:100%}.plan-block{margin:.6rem 0;padding:.5rem .7rem;border:1px solid var(--line);border-radius:6px;background:#0003}.plan-block ul{margin:.2rem 0 .4rem 1rem;padding:0;list-style:none}.plan-block li.fired{color:var(--text)}.plan-block li.idle{color:var(--muted)}.ev.plan,.ev.retreat,.ev.reserve,.ev.withdraw,.ev.burn{font-style:italic}.cmd-portrait{display:inline-block;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a2b1e,#14100c);border:2px solid var(--gold);overflow:hidden}.cmd-portrait svg{display:block}.hire-box{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between;background:#00000040;border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .9rem;margin-bottom:.8rem}.commander-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.9rem}.commander-card{background:linear-gradient(160deg,color-mix(in srgb,var(--cape) 22%,var(--wood)) 0%,var(--wood) 55%);border:1px solid var(--line);border-top:4px solid var(--cape);border-radius:var(--radius);padding:.8rem .9rem;display:flex;flex-direction:column;gap:.35rem;min-width:0}.commander-card.in-nawia{filter:saturate(.5);border-top-color:#4a4560}.commander-card h3{margin:0;font-family:var(--font-head);font-size:1.05rem}.commander-card .grow,.art-card .grow{flex:1;min-width:0}.row.end{justify-content:flex-end}.traits{display:flex;flex-direction:column;gap:.35rem}.trait{background:#00000040;border-left:3px solid var(--helm, var(--gold));border-radius:6px;padding:.35rem .6rem}.art-slots{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.art-slot{display:flex;gap:.4rem;align-items:center;background:#0000004d;border:1px dashed var(--line);border-radius:6px;padding:.35rem .5rem;min-width:0;font-size:.85rem}.art-slot.full{border-style:solid}.art-slot .sel{max-width:100%;min-width:0;font-size:.8rem}.art-icon{font-size:1.3rem;flex:none}.art-icon.big{font-size:1.9rem}.rarity-common{border-color:#8a8270!important}.rarity-rare{border-color:#5aa9e6!important}.rarity-legendary{border-color:#e4a63a!important;box-shadow:0 0 10px #e4a63a40}.materials{display:flex;flex-wrap:wrap;gap:.5rem}.material{display:flex;flex-direction:column;align-items:center;min-width:84px;background:#00000040;border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem}.mat-icon{font-size:1.5rem}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.6rem}.art-card{background:#00000040;border:1px solid var(--line);border-left-width:4px;border-radius:8px;padding:.55rem .7rem;display:flex;flex-direction:column;gap:.3rem;min-width:0}.art-card .sel{max-width:100%}.trait-pick{display:flex;flex-wrap:wrap;gap:.3rem}.trait-pick .chip{cursor:pointer;font-size:.8rem}.trait-pick .chip.on{border-color:var(--gold);color:var(--gold2)}.sim-hero .sel{max-width:100%}.hero-report{display:flex;flex-direction:column;gap:.4rem;background:#00000038;border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .8rem;margin:.5rem 0}.hero-report ul{margin:.2rem 0 0 1.1rem;padding:0}.hero-drop{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}@media(max-width:600px){.commander-list,.art-grid,.art-slots{grid-template-columns:1fr}}.build-here-list{display:flex;flex-direction:column;gap:6px;max-height:min(60vh,520px);overflow-y:auto;width:100%}.build-here-row>.btn{flex-shrink:0;max-width:150px;white-space:normal;text-align:center}.build-here-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(255,230,170,.14);border-radius:6px;background:#0000002e}.build-here-row.locked{opacity:.62}.build-here-main{min-width:0;flex:1}@media(max-width:600px){.build-here-row{flex-direction:column;align-items:stretch}}.events-banner{display:inline-flex;align-items:center;gap:.35em;padding:.15em .65em;border-radius:999px;font-size:.8rem;cursor:pointer;border:1px solid rgba(255,230,170,.3);background:#0000004d;white-space:nowrap;max-width:30vw;overflow:hidden;text-overflow:ellipsis}.events-banner.fest{border-color:var(--gold);background:linear-gradient(90deg,#d9a4414d,#00000040)}.events-banner.soon{border-style:dashed}.events-banner.warn{border-color:#e08a3a}.events-banner.danger{background:#a01e1ebf;border-color:#ff6a5a;animation:pulse 1.5s infinite}.events-banner .eb-text{overflow:hidden;text-overflow:ellipsis}.events-modal{max-width:720px}.fest-card,.inv-card{border:1px solid var(--fest, var(--line));border-left-width:4px;border-radius:8px;padding:.7rem .9rem;background:#0003;display:flex;flex-direction:column;gap:.5rem}.inv-card{--fest: #c8423a}.fest-head{display:flex;align-items:center;gap:.7rem}.fest-head h3{margin:0}.fest-icon{font-size:2rem}.fest-rules{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem}.fest-calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.4rem}.fest-cal-item{border:1px solid rgba(255,230,170,.14);border-left:3px solid var(--fest);border-radius:6px;padding:.35rem .55rem;font-size:.85rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.fest-cal-item.active{background:#d9a4412e;border-color:var(--fest)}.fest-cal-icon{font-size:1.1rem}.inv-cols{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.gift-form .num{width:6em}.goal-row.fest{border-color:#d9a4418c;background:#d9a44114}.goal-fest{font-size:1rem}.lg.horde{--c: #b0180e}.lg.war{--c: transparent}.lg.war:before{border:2px solid #e0302a;box-shadow:0 0 0 2px #ffc533;width:7px;height:7px}@media(max-width:760px){.events-banner{max-width:46vw}.events-banner .eb-text{display:none}}.war-card{border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:var(--radius);padding:8px 10px;margin:6px 0;background:#00000026;display:flex;flex-direction:column;gap:6px}.war-card.live{border-left-color:var(--danger);background:#8c140a24}.war-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.war-score{font-family:var(--font-head);font-size:1.5em;color:var(--gold2);white-space:nowrap}.war-table td.num{text-align:right}.war-more summary{cursor:pointer;color:var(--gold)}.war-timeline{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;font-size:.9em}.war-ev.ev-big,.war-ev.ev-conquest{color:var(--gold2)}.war-ev.ev-end,.war-ev.ev-peace_offer{color:#9fd08a}.war-ev a{color:inherit}.war-peace{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.war-result{font-weight:600;color:var(--gold2)}.war-banner{display:inline-block;padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,#d9a44159,#d9a4411a);border:1px solid var(--gold);color:var(--gold2);margin:4px 0}.wiec-card{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;margin:6px 0;display:flex;flex-direction:column;gap:5px;background:#00000026}.wiec-card.st-passed{border-left:4px solid var(--green)}.wiec-card.st-rejected,.wiec-card.st-cancelled{border-left:4px solid var(--muted);opacity:.85}.wiec-target{color:var(--gold2)}.wiec-text{white-space:pre-wrap;overflow-wrap:anywhere}.wiec-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#ffffff14}.wiec-bar .yes{background:var(--green)}.wiec-bar .no{background:var(--danger)}.wiec-result{font-size:.9em;color:var(--gold2)}.ico{display:block;width:1.25em;height:1.25em;flex:none}.ico .f{fill:currentColor;fill-opacity:.2}.ico .d{fill:currentColor;stroke:none}*{scrollbar-width:thin;scrollbar-color:#6b4e2e transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7a5934,#5a3f22);border:2px solid transparent;background-clip:padding-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a07840,#7a5934);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-corner{background:transparent}.settings{position:relative}.settings-btn{min-width:2.3rem;min-height:2.3rem;color:#b48d56}.settings-btn .ico{width:1.25rem;height:1.25rem;transition:transform .4s var(--ease-out)}.settings-btn:hover .ico,.settings-btn.on .ico{transform:rotate(60deg)}.settings-btn.on{color:var(--gold2);border-color:var(--line-gold);background:#d4a24c14}.settings-pop{position:absolute;top:calc(100% + 12px);right:0;z-index:30;width:330px;padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.8rem;background:var(--tx-grain),linear-gradient(180deg,#33251a,#20160e);border:1px solid rgba(212,162,76,.55);border-radius:var(--radius);box-shadow:0 0 0 3px #0a0705cc,0 18px 40px #000000a6;animation:slo-pop .18s var(--ease-out)}.settings-pop[hidden]{display:none}.settings-pop:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;transform:rotate(45deg);background:#33251a;border-left:1px solid rgba(212,162,76,.55);border-top:1px solid rgba(212,162,76,.55)}@keyframes slo-pop{0%{opacity:0;transform:translateY(-6px)}}.settings-title{font-family:var(--font-head);font-weight:700;color:var(--gold2);letter-spacing:.06em;padding-bottom:.6rem;position:relative}.settings-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:var(--haft) repeat-x 0 0 / 18px 9px;opacity:.85}.settings-group{display:flex;flex-direction:column;gap:.45rem}.settings-label{font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.05em;color:var(--parchment2)}.q-seg{display:grid;grid-template-columns:repeat(5,1fr)}.q-seg .seg-btn{padding:.5em .2em;font-size:.72rem;min-height:2.2rem}.q-hint{min-height:2.6em;line-height:1.35}.settings-row{display:flex;align-items:center;gap:.6rem;color:var(--parchment);cursor:pointer;min-height:2.2rem}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:none;width:2.4rem;height:1.35rem;margin:0;border-radius:999px;background:#0d0906;border:1px solid var(--line);box-shadow:inset 0 1px 3px #000000b3;cursor:pointer;transition:background .2s,border-color .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:calc(1.35rem - 6px);height:calc(1.35rem - 6px);border-radius:50%;background:linear-gradient(180deg,#a08560,#6b5538);transition:transform .2s var(--ease-out),background .2s}.switch:checked{background:#d4a24c40;border-color:var(--gold)}.switch:checked:after{transform:translate(1.05rem);background:linear-gradient(180deg,#f4d488,#c8953f);box-shadow:0 0 8px #e8a03c99}.switch:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.side-panel,.map-popup,.edit-bar,.scene-tooltip,.arena-ctx{background:var(--tx-grain),linear-gradient(180deg,#261b12f2,#160f0af5);border-color:#d4a24c8c;box-shadow:0 0 0 3px #0a07058c,0 16px 40px #0009}.side-panel{border-left:1px solid rgba(212,162,76,.55);box-shadow:inset 4px 0 #0a070599,-16px 0 40px #0000008c}.map-toolbar,.map-legend,.quest-list,.goals-card,.events-board,.arena-side,.arena-top,.arena-orders,.qchip{background-color:#160f0ae0;border-color:#d4a24c47;box-shadow:inset 0 1px #ffdca00f,0 8px 22px #00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.village-title{font-size:1.4rem;text-shadow:0 2px 0 rgba(0,0,0,.85),0 0 14px rgba(0,0,0,.9)}.popup-title{font-weight:700}.report-detail{background:var(--tx-grain),linear-gradient(180deg,#2e2015db,#1d140ddb);border-color:#47331f}.report-row{transition:background .12s;min-height:44px}.verdict{font-weight:700;letter-spacing:.06em}.god-card,.creature-card,.commander-card{box-shadow:0 0 30px -14px var(--glow, transparent),0 12px 26px -14px #000c,inset 0 1px #ffdca00f}details summary{font-weight:600}details summary::marker{color:var(--gold)}.god-list,.creature-list{grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr))}.commander-list{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr))}.art-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.unit-pick{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr))}.unit-pick.compact{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}.preview{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.battle-numbers{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.dark-grid,.fest-calendar{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr))}@media(pointer:coarse){.btn,.seg-btn,.icon-btn,.nav-btn{min-height:44px}.btn.small,.btn.tiny{min-height:38px}.icon-btn{min-width:44px}input[type=text],input[type=password],input[type=number],select{min-height:44px;font-size:16px}}@media(max-width:720px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100%;height:100dvh}.topbar{grid-column:1;flex-wrap:wrap;padding:.4rem .5rem .5rem;gap:.4rem}.top-left{order:1;flex:1 1 0;gap:.2rem}.top-left .icon-btn{min-width:34px;padding:0}.village-sel{min-width:0;flex:1 1 auto;max-width:none;width:100%}.top-right{order:2;gap:.3rem;flex:none}.top-right .clock:not(.weather-now){display:none}.top-res{order:3;flex:1 0 100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:.3rem;padding-bottom:1px;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}.top-res::-webkit-scrollbar{display:none}.top-res .res{flex:none;padding:.2rem .45rem .3rem .35rem}.res-val{font-size:.88rem}.sidenav{grid-row:3;grid-column:1;flex-direction:row;gap:2px;overflow-x:auto;overflow-y:hidden;padding:.3rem .35rem calc(.3rem + env(safe-area-inset-bottom));border-right:0;border-top:1px solid rgba(212,162,76,.3);box-shadow:0 -8px 18px #00000080}.nav-btn{width:50px;min-height:48px;padding:.3rem;justify-content:center}.nav-btn.active{box-shadow:inset 0 -3px 0 var(--gold2);background:linear-gradient(0deg,rgba(232,105,44,.26),transparent 85%)}.nav-spacer{display:none}.nav-help{margin:0;border:0;padding-top:.3rem}.content{grid-column:1;padding:.95rem .75rem 1.5rem}.panel-header h2{font-size:1.3rem}.panel-section{padding:.8rem .75rem;overflow-x:auto}.kv .k{min-width:110px}.table{font-size:.86rem;display:block;overflow-x:auto;overscroll-behavior-x:contain}.table tbody,.table>tr{width:100%}.table th,.table td{padding:.5em}.reports-layout,.arena-lobby,.sim-layout{grid-template-columns:minmax(0,1fr);min-height:0}.report-list{max-height:38vh}.side-panel{width:100%;top:auto;height:72%;border-left:0;border-top:1px solid rgba(212,162,76,.55);border-radius:12px 12px 0 0;box-shadow:0 -16px 40px #0009}.toasts{left:8px;right:8px;top:auto;bottom:76px}.toast{max-width:none}.modal,.modal.wide{width:100%;max-height:calc(100dvh - 16px)}.modal-body{padding:1rem .9rem 1.1rem}.settings-pop{position:fixed;top:52px;right:8px;left:8px;width:auto}.settings-pop:before{display:none}.race-cards{grid-template-columns:minmax(0,1fr)}.auth-screen{justify-content:flex-start;padding-top:14vh}.auth-card{padding:1.7rem 1.2rem 1.2rem}.auth-land{height:40%}.auth-moon{top:3%;right:7%;width:48px}.train-main{min-width:0}.train-form{margin-left:0;align-items:stretch;width:100%}.move-row{flex-direction:column;gap:.4rem}.move-time{align-items:flex-start;text-align:left}.edit-bar{flex-wrap:wrap}.map-popup{max-width:calc(100vw - 24px)}.hire-box{flex-direction:column;align-items:stretch}.overlay-top{left:10px;right:10px;top:14px}.unit-pick,.unit-pick.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-cell input{width:100%}.map-legend{right:10px;left:10px;flex-wrap:wrap;gap:.15rem .7rem;bottom:8px}.map-toolbar{left:10px;right:10px;flex-wrap:wrap}.overlay-top .row{flex-wrap:wrap}.village-title{font-size:1.05rem;line-height:1.3}}@media(max-width:400px){.top-right .events-banner{display:none}.seg-btn{padding:.42em .6em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.calm-ui *,.calm-ui *:before,.calm-ui *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(max-height:860px)and (min-width:721px){.nav-btn{min-height:32px;padding-top:.3em;padding-bottom:.3em}.sidenav{padding-top:.8rem}}.tut-dots .dot.on{box-shadow:0 0 0 2px #8a541840}.modal:has(.tutorial) .btn:disabled,.modal:has(.confirm-body) .btn:disabled{filter:grayscale(1);opacity:.4}