.doc-screen{display:flex;flex-direction:column;background:radial-gradient(90% 60% at 50% -10%,rgba(255,181,71,.1),transparent 60%),var(--ink-900)}.doc-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:10px clamp(16px,4vw,40px);padding-top:calc(10px + var(--safe-top));background:#0a0908e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--divider)}.doc-screen a.btn{text-decoration:none}.doc-brand{display:inline-flex;text-decoration:none}.doc-wrap{flex:1;width:100%;max-width:820px;margin:0 auto;padding:var(--sp-7) clamp(16px,4vw,40px) var(--sp-8)}.doc-wrap.wide{max-width:1240px}.doc{min-width:0;line-height:1.7;color:var(--sand-100)}.doc h1{margin:6px 0 var(--sp-3);font:700 clamp(2rem,4vw,2.8rem) / 1.1 var(--font-display);color:var(--sand-50)}.doc h2{margin:var(--sp-8) 0 var(--sp-3);padding-bottom:8px;border-bottom:1px solid var(--border);font:700 var(--fs-2xl) / 1.2 var(--font-display);color:var(--sand-200)}.doc.legal h2{margin-top:var(--sp-6);font-size:var(--fs-xl)}.doc h3{margin:var(--sp-6) 0 var(--sp-2);font:700 var(--fs-lg) / 1.3 var(--font-display);color:var(--sand-300)}.doc p,.doc ul,.doc ol{margin:0 0 var(--sp-4)}.doc ul,.doc ol{padding-left:1.3em}.doc li{margin-bottom:6px}.doc li::marker{color:var(--sand-500)}.doc strong{color:var(--sand-50)}.doc a{color:var(--sand-300)}.doc-lead{font-size:var(--fs-lg);color:var(--text-muted)}.doc kbd{display:inline-block;min-width:1.6em;padding:1px 7px;border-radius:var(--r-sm);border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--ink-800);font:600 var(--fs-xs) / 1.6 var(--font-mono);text-align:center;color:var(--sand-100);white-space:nowrap}.doc code{font:500 .88em var(--font-mono);color:var(--sand-200)}.doc-section{scroll-margin-top:76px}.doc-steps li{padding-left:4px;margin-bottom:10px}.doc-callout{margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border-left:3px solid var(--teal-400);background:#2b9f921a}.doc-callout strong{color:var(--teal-300);margin-right:4px}.doc-callout.warn{border-left-color:var(--crimson-400);background:#c8452f1f}.doc-callout.warn strong{color:var(--crimson-300)}.doc-checklist{list-style:none;padding:0!important}.doc-checklist li{position:relative;padding:var(--sp-3) var(--sp-4) var(--sp-3) 40px;border-radius:var(--r-md);background:#14120fb3;border:1px solid var(--divider)}.doc-checklist li:before{content:"!";position:absolute;left:12px;top:14px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sand-500);color:var(--text-on-gold);font:800 12px / 1 var(--font-body)}.doc-scroll{overflow-x:auto}.doc-table{width:100%;margin:0 0 var(--sp-5);border-collapse:collapse;font-size:var(--fs-sm);line-height:1.5}.doc-table th,.doc-table td{padding:8px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--divider)}.doc-table th{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--sand-400);border-bottom-color:var(--border);white-space:nowrap}.doc-table td:first-child{white-space:nowrap}.doc-table .num{text-align:right;font-variant-numeric:tabular-nums}.doc-table tbody tr:hover{background:#d9a54f0d}.doc-keys dl{margin:0 0 var(--sp-4)}.doc-keys dl>div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:var(--sp-4);padding:8px 0;border-bottom:1px solid var(--divider)}.doc-keys dt{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.doc-keys dd{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}.doc-tag{margin-left:6px;padding:1px 6px;border-radius:var(--r-pill);background:#d9a54f1f;color:var(--sand-400);font-size:var(--fs-2xs);font-weight:600}.handbook{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.doc-toc{position:sticky;top:84px;max-height:calc(100dvh - 110px);overflow-y:auto;padding-right:4px}.doc-toc ol{list-style:none;margin:10px 0 0;padding:0;border-left:1px solid var(--border)}.doc-toc a{display:block;margin-left:-1px;padding:6px 12px;border-left:2px solid transparent;color:var(--text-muted);font-size:var(--fs-sm);text-decoration:none;transition:color var(--dur)}.doc-toc a:hover{color:var(--sand-100)}.doc-toc a.on{border-left-color:var(--sand-400);color:var(--sand-200);font-weight:600}.legal-todo{padding:0 4px;border-radius:var(--r-xs);background:#ffb54738;color:var(--sun);font-weight:600}.legal-links{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.legal-links a{color:var(--text-subtle)!important;font-size:var(--fs-sm);text-decoration:none}.legal-links a:hover{color:var(--sand-200)!important;text-decoration:underline}.home-legal{justify-content:center;margin-top:var(--sp-8)}.doc-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) clamp(16px,4vw,40px) calc(var(--sp-5) + var(--safe-bottom));border-top:1px solid var(--divider);color:var(--text-subtle);font-size:var(--fs-sm)}.storage-notice{position:fixed;left:max(16px,var(--safe-left));bottom:max(16px,var(--safe-bottom));z-index:90;display:flex;align-items:center;gap:var(--sp-3);max-width:min(440px,calc(100vw - 32px));padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:#12100df7;border:1px solid var(--border-strong);box-shadow:var(--shadow-3);animation:rise-in .5s var(--ease-out) .6s both}.storage-notice>.icon{color:var(--teal-400)}.storage-notice p{margin:0;font-size:var(--fs-xs);line-height:1.5;color:var(--text-muted)}.storage-notice strong{color:var(--sand-100)}.storage-notice a{color:var(--sand-300)}@media(max-width:860px){.handbook{grid-template-columns:minmax(0,1fr)}.doc-toc{position:static;max-height:none;padding:var(--sp-4);border-radius:var(--r-lg);background:#14120fb3;border:1px solid var(--divider)}.doc-toc ol{columns:2;column-gap:var(--sp-4)}.doc-keys dl>div{grid-template-columns:minmax(0,1fr);gap:4px}}@media(max-width:560px){.doc-toc ol{columns:1}.storage-notice{left:12px;right:12px;bottom:max(12px,var(--safe-bottom));max-width:none;flex-wrap:wrap}.storage-notice p{flex:1 1 calc(100% - 40px)}.storage-notice .btn{margin-left:auto}}.admin-filter .select{width:auto;min-width:220px}.admin-bugs{display:flex;flex-direction:column;gap:var(--sp-3);margin:0;padding:0;list-style:none}.admin-bug{display:flex;flex-direction:column;gap:var(--sp-2);border-left:3px solid var(--sun)}.admin-bug.status-seen{border-left-color:var(--sand-400)}.admin-bug.status-fixed,.admin-bug.status-wontfix{border-left-color:var(--border);opacity:.75}.admin-bug-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.admin-bug-tools{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.admin-bug-tools .select select{min-height:36px}.admin-bug-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.admin-bug-facts{margin:0;overflow-wrap:anywhere}.admin-bug>.btn{align-self:flex-start}.admin-bug-shot{display:block;max-width:100%;max-height:480px;object-fit:contain;align-self:flex-start;border:1px solid var(--border);border-radius:var(--r-md)}.admin-rating-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-3)}.admin-rating-card{display:flex;flex-direction:column;gap:var(--sp-2)}.admin-rating-card h2{margin:0;font-size:var(--fs-md, 1rem)}.admin-rating-card p{margin:0}.admin-rating-avg strong{font-family:var(--font-display);font-size:1.75rem;color:var(--accent-hi)}.admin-bars{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.admin-bars li{display:grid;grid-template-columns:minmax(90px,max-content) minmax(48px,1fr) auto;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.admin-bar-label{color:var(--text-muted);line-height:1.2}.admin-bar-track{height:8px;border-radius:var(--r-pill);background:#eed5a414;overflow:hidden}.admin-bar-fill{display:block;height:100%;border-radius:inherit;background:var(--sun)}.admin-bar-n{min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.admin-stars{color:var(--sun);white-space:nowrap;letter-spacing:1px}.admin .tabs{overflow-x:auto;scrollbar-width:none}.admin .tab{flex:1 0 auto;white-space:nowrap}.admin{display:flex;flex-direction:column;gap:var(--sp-4, 16px)}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.admin-head h1,.admin-login h1{margin:0}.admin-login{display:flex;flex-direction:column;gap:var(--sp-4, 16px);max-width:440px;margin:0 auto}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3)}.admin-stat{display:flex;flex-direction:column;gap:2px}.admin-stat strong{font-family:var(--font-display);font-size:1.75rem;color:var(--accent-hi)}.admin-section{display:flex;flex-direction:column;gap:var(--sp-3)}.admin-actions{display:flex;justify-content:flex-end}.admin-table{width:100%;min-width:600px;border-collapse:collapse;font-variant-numeric:tabular-nums}.admin-table th,.admin-table td{padding:10px 12px;border-bottom:1px solid var(--divider);text-align:left;vertical-align:middle}.admin-table thead th{position:sticky;top:0;background:var(--ink-850);color:var(--sand-400);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.admin-table .num{text-align:right}.admin-table .end{text-align:right;white-space:nowrap}.admin-table td{white-space:nowrap}.admin-table td.wrap{white-space:normal;min-width:200px}.admin-table code{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent-hi);white-space:nowrap}.admin-table .code-list{display:flex;flex-wrap:wrap;gap:4px 10px}.admin-table code.used{color:var(--text-subtle);text-decoration:line-through}.admin-code-form h2{margin:0}.admin-code-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-2);margin-top:var(--sp-3)}@media(max-width:560px){.admin-stats{gap:var(--sp-2)}.admin-stat{padding:var(--sp-3)}.admin-stat strong{font-size:1.35rem}}.admin-season-now{margin-bottom:var(--sp-3)}.admin-season-theme{margin-top:var(--sp-3)}.admin-season-theme ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-5)}.admin-table .admin-mail-error{margin-top:4px;max-width:260px;white-space:normal;color:var(--danger)}.admin-actions{gap:var(--sp-2)}.admin-table .pick{width:1%;padding-right:0}.admin-table .pick input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}@media(max-width:900px){.admin{gap:var(--sp-3)}.admin-head h1{font-size:1.75rem}.admin-stats{gap:var(--sp-2)}.admin .admin-stat{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 6px;padding:var(--sp-2) var(--sp-3)}.admin .admin-stat strong{font-size:1.35rem}.admin .tabs{flex-wrap:wrap;overflow:visible}.admin .tab{flex:1 1 auto;min-height:40px;padding:0 var(--sp-2)}.admin-actions{flex-wrap:wrap}.admin-actions>.btn{flex:1 1 auto}.admin .table-wrap{overflow:visible;border:0;background:none}.admin-table{min-width:0}.admin-table,.admin-table tbody{display:flex;flex-direction:column;gap:var(--sp-2)}.admin-table thead tr{display:flex}.admin-table thead th{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.admin-table thead th.pick{position:static;height:auto;overflow:visible;clip-path:none;display:flex;align-items:center;gap:var(--sp-2);width:auto;padding:0 var(--sp-1);border:0;background:none;color:var(--text-muted);font-size:var(--fs-sm);font-weight:400;text-transform:none;letter-spacing:0}.admin-table thead th.pick:after{content:"Alle auswählen"}.admin-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:#0605044d}.admin-table td,.admin-table td.wrap{display:flex;flex-basis:100%;gap:var(--sp-1) var(--sp-3);min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}.admin-table td[data-label]{display:grid;grid-template-columns:min(34%,180px) minmax(0,1fr);order:2;row-gap:0;align-items:baseline;justify-items:start}.admin-table td[data-label]:before{content:attr(data-label);grid-row:1 / span 9;color:var(--sand-400);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;line-height:1.9}.admin-table td[data-label]>*{grid-column:2;min-width:0}.admin-table td.num{text-align:left}.admin-table td.lead{flex:1 1 0;display:block;font-weight:700;color:var(--sand-50)}.admin-table td.pick{flex:0 0 auto;width:auto}.admin-table td.end{order:3;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2);padding-top:var(--sp-2);margin-top:4px;border-top:1px solid var(--divider)}.admin-table td.end:not(:has(*)){display:none}.admin-table td.end:not(:has(.btn)){flex:0 0 auto;order:1;margin:0;padding:0;border:0}.admin-table .admin-mail-error{max-width:none}}@media(max-width:560px){.admin-filter .select{width:100%;min-width:0}.admin-bug-tools{margin-left:0;width:100%}.admin-bug-tools .select{flex:1}}.game .announce{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:14;display:flex;align-items:center;gap:14px;padding:12px 28px;border-radius:var(--r-lg);border:1px solid var(--frame);background:#0d0c0af0;box-shadow:0 14px 40px #0000008c;pointer-events:none;animation:announce-in 2.6s ease both;text-align:center}.game .announce-icon{font-size:40px;line-height:1}.game .announce-title{font-family:var(--font-display, serif);font-size:clamp(24px,4vw,40px);font-weight:800;letter-spacing:.03em;color:var(--brass-hi, #f3d27a);text-shadow:0 2px 0 #000}.game .announce-sub{font-size:14px;color:#e8dcc0}.game .announce-good .announce-title{color:#a8e070}.game .announce-bad .announce-title{color:#f07860}@keyframes announce-in{0%{opacity:0;transform:translate(-50%) scale(1.6)}10%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.game .herobar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--bar-h) + 18px + var(--hint-h, 0px) + var(--safe-bottom));z-index:11;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--r-lg);border:1px solid var(--frame);background:#0d0c0aeb;box-shadow:0 8px 22px #00000073}.game .hero-card{display:flex;align-items:center;gap:8px;padding-right:6px}.game .hero-portrait{width:42px;height:42px;object-fit:contain}.game .hero-info{display:flex;flex-direction:column;min-width:96px;color:#f0e4c8;font-size:13px}.game .xp-bar{height:5px;border-radius:var(--r-xs);background:#0009;overflow:hidden;margin-top:2px}.game .xp-bar>div{height:100%;background:linear-gradient(90deg,#8a6ad8,#c8a0ff)}.game .ability{position:relative;width:44px;height:44px;border-radius:var(--r-md);border:1px solid var(--frame);background:#342e27f2;color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center}.game .ability.small-btn{width:36px;height:36px;font-size:18px}.game .ability.ready{box-shadow:inset 0 0 0 1px #f3d27a80}.game .ability.cooling .ability-icon{filter:grayscale(1) brightness(.55)}.game .ability.active{box-shadow:0 0 0 2px #f3d27a,0 0 14px #f3d27ab3}.game .ability-key{position:absolute;right:3px;bottom:1px;font-size:10px;font-weight:700;color:#f3d27a}.game .ability-wait{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;font-weight:800;text-shadow:0 1px 2px #000}.game .hero-social{position:relative;display:flex;gap:4px;padding-left:4px}.game .hero-menu{position:absolute;bottom:44px;left:0;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:var(--r-md);border:1px solid var(--frame);background:#0d0c0af7;white-space:nowrap}.game .hero-social-one{display:none}.game .hero-menu-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - var(--bar-h) - var(--hint-h, 0px) - var(--top-h) - 90px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;white-space:normal;width:max-content;max-width:calc(100vw - 20px - var(--safe-left) - var(--safe-right))}.game .hero-menu-social .btn-small{justify-content:flex-start;text-align:left}.game .hero-menu-social .hero-emote-item{grid-column:1 / -1}.game .hero-badge{font-size:12px;font-weight:700;padding:4px 8px;border-radius:var(--r-sm);white-space:nowrap}.game .hero-badge.underdog{background:#c850284d;color:#ffb080}.game .hero-badge.leader{background:#c8a0284d;color:#ffe080}.game .vote-banner{position:absolute;top:calc(var(--top-h) + 56px + var(--safe-top));left:50%;transform:translate(-50%);z-index:13;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-lg);border:1px solid #a04030;background:#1b1714f2;color:#f8e0d0}.lord-picker{container:lord-picker / inline-size;display:flex;flex-direction:column;gap:10px}.lord-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.lord-tile{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:var(--r-lg);border:1px solid rgba(243,210,122,.18);background:#12100dbf;color:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.lord-tile:hover,.lord-tile:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--lord) 70%,#f3d27a)}.lord-tile.picked{border-color:#f3d27a;box-shadow:0 0 0 1px #f3d27a,0 0 14px #f3d27a59}.lord-tile-art{display:grid;place-items:end center;width:100%;max-width:76px;aspect-ratio:1;border-radius:var(--r-sm);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--lord) 62%,#2a2118),color-mix(in srgb,var(--lord) 34%,#14110d) 62%,#0c0a08);box-shadow:inset 0 -8px 14px #00000073,inset 0 0 18px #00000059;overflow:hidden}.lord-tile-art img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.lord-tile-name{max-width:100%;font-size:11px;font-weight:700;text-align:center;line-height:1.15;overflow-wrap:anywhere;hyphens:auto}.lord-detail{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:var(--r-lg);border:1px solid color-mix(in srgb,var(--lord) 60%,#6a5030);background:radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--lord) 38%,transparent) 0%,transparent 60%),#12100dd9}.lord-detail-art{flex:none;display:grid;place-items:end center;width:108px;height:108px;border-radius:var(--r-sm);background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--lord) 62%,#2a2118),color-mix(in srgb,var(--lord) 34%,#14110d) 62%,#0c0a08);box-shadow:inset 0 0 22px #0006,0 0 0 2px #f3d27a8c,0 6px 18px #00000073;overflow:hidden}.lord-detail-art img{width:96%;height:96%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.55))}.lord-detail-text{display:flex;flex-direction:column;gap:4px;min-width:0}.lord-detail-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px}.lord-badge{font-size:11px;font-weight:700;padding:1px 8px;border-radius:var(--r-pill);background:#f3d27a;color:#201c18}.lord-title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#f3d27a}.lord-flavor{margin:0;font-size:13px;font-style:italic;opacity:.85}.lord-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.lord-chip{font-size:12px;padding:2px 9px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--lord) 60%,#f3d27a);background:color-mix(in srgb,var(--lord) 25%,rgba(0,0,0,.3))}@container lord-picker (max-width: 540px){.lord-row{grid-template-columns:repeat(3,minmax(0,1fr))}.lord-detail-art{width:84px;height:84px}}@container lord-picker (max-width: 300px){.lord-detail{flex-direction:column;text-align:center}.lord-detail-head,.lord-chips{justify-content:center}}.awards{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}.awards li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);background:#00000040}.awards li.mine{box-shadow:inset 0 0 0 1px #f3d27a}.awards li div{display:flex;flex-direction:column}.award-icon{font-size:24px}@media(max-width:700px),(max-height:520px)and (min-width:600px){.game .herobar{left:auto;right:calc(8px + var(--safe-right));transform:none;flex-wrap:wrap;max-width:70vw;justify-content:flex-end}.game .hero-info{min-width:0}.game .hero-badge{display:none}}.sheet-backdrop.bug-backdrop{z-index:60}.card.sheet.bug-sheet{width:min(560px,100%);display:flex;flex-direction:column;gap:var(--sp-4)}textarea.input{min-height:0;padding:var(--sp-2) var(--sp-3);resize:vertical;font:inherit;line-height:1.45}.bug-shot{display:flex;flex-direction:column;gap:var(--sp-2)}.bug-shot img{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid var(--border);border-radius:var(--r-md);background:#000}.bug-facts{margin:0;overflow-wrap:anywhere}.bug-actions{justify-content:flex-end;gap:var(--sp-2)}.survey{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:#06050459;text-align:left}.survey-thanks{flex-direction:row;align-items:center;gap:var(--sp-2);color:var(--sand-200)}.survey-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.survey-stars{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.survey-star{width:44px;height:44px;padding:0;border:0;background:none;color:#eed5a440;font-size:32px;line-height:1;cursor:pointer;transition:color var(--dur),transform var(--dur)}.survey-star.on{color:var(--sun);text-shadow:0 0 10px rgba(255,181,71,.45)}.survey-star:hover{transform:scale(1.12)}.survey-word{margin-left:var(--sp-2)}.survey-more{display:flex;flex-direction:column;gap:var(--sp-3)}.survey-more>p{margin:0}.survey-q{display:flex;flex-direction:column;gap:6px}.survey-label{font-size:var(--fs-sm);font-weight:600}.survey-chips{display:flex;flex-wrap:wrap;gap:6px}.survey-chip{min-height:36px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:#06050473;color:var(--text-muted);font:600 var(--fs-sm) / 1 var(--font-body);cursor:pointer;transition:color var(--dur),border-color var(--dur),background var(--dur)}.survey-chip:hover{color:var(--sand-200);border-color:var(--border-strong)}.survey-chip.on{color:#14120f;border-color:var(--sun);background:var(--sun)}.survey-actions{display:flex;justify-content:flex-end}@media(pointer:coarse){.survey-chip{min-height:40px}}.bug-badge{position:fixed;right:max(16px,var(--safe-right));bottom:max(14px,var(--safe-bottom));z-index:25;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:#0a0908c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-subtle);font:600 var(--fs-2xs) / 1 var(--font-body);cursor:pointer;transition:color var(--dur),border-color var(--dur)}.bug-badge:hover,.bug-badge:focus-visible{color:var(--sand-200);border-color:var(--border-strong)}@media(max-width:760px){.bug-badge{right:12px;bottom:calc(72px + var(--safe-bottom))}}@media(max-height:520px)and (min-width:600px){.bug-badge{bottom:max(10px,var(--safe-bottom))}}.game .note.repair-all{cursor:default;padding:4px 6px 6px 10px;width:min(340px,100%)}.game .ra-head{display:flex;align-items:center;gap:4px}.game .ra-title{flex:1;min-width:0;background:none;border:0;padding:4px 0;color:#ffb0a0;font:inherit;font-weight:700;text-align:left;cursor:pointer}.game .ra-x{background:transparent;border:1px solid transparent;color:var(--text-muted, #c4b092);border-radius:var(--r-sm);cursor:pointer;min-width:28px;min-height:28px}.game .ra-x:hover{color:var(--text, #f7e9cc);border-color:var(--border, rgba(217, 165, 79, .2))}.game .ra-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.game .ra-why{margin:4px 0 0;color:var(--text-muted, #c4b092);font-size:.78rem;line-height:1.35}.game .repair-row{flex-wrap:wrap}.game .repair-why{flex-basis:100%}.weather-badge{gap:6px;cursor:pointer}.weather-badge .wb-time{min-width:3.1em;text-align:left}.weather-badge .wb-season{color:var(--muted);font-size:.8rem}.wb-icon{flex:0 0 auto;overflow:visible}.wb-sun circle{fill:#f6c24a}.wb-sun line{stroke:#f6c24a;stroke-width:1.8;stroke-linecap:round}.wb-moon{fill:#dfe4f5}.wb-cloud{fill:#e7e2d8;stroke:#00000059;stroke-width:.6}.wb-flake{fill:#fff}.wb-sand{fill:none;stroke:#e0b26a;stroke-width:2;stroke-linecap:round}.weather-badge.wb-sandstorm,.weather-badge.wb-snow{border-color:#f3d27ab3}.weather-badge.wb-night .wb-time{color:#c9d3f5}.wb-pop{position:fixed;z-index:60;width:260px;padding:10px 12px;text-align:left;white-space:normal;cursor:default;border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(180deg,#29241ffa,#191612fa);box-shadow:0 10px 26px #00000080;color:var(--text);font-size:.85rem}.wb-pop .wb-head{display:flex;gap:8px;align-items:center;margin-bottom:6px}.wb-pop .wb-head .wb-icon{width:30px;height:30px}.wb-pop strong{display:block;color:var(--gold-2);font-family:var(--font-display)}.wb-pop small{color:var(--muted)}.wb-pop ul{margin:0;padding-left:16px}.wb-pop li{margin:2px 0}.wb-pop p{margin:0}.economy-advice{margin:12px 0}.economy-advice h4{margin-bottom:8px}.economy-advice article{padding:10px;margin:6px 0;border:1px solid rgba(230,191,120,.3);border-left:3px solid var(--sun);border-radius:var(--r-sm);background:#e6bf780d}.economy-advice p{font-size:var(--fs-xs);margin:5px 0;line-height:1.5}.economy-advice article>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.game .army-summary{margin:0 0 8px}.game .army-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.game .army-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.game .army-item{display:flex;align-items:stretch;gap:4px}.game .army-row{flex:1;min-width:0;display:flex;align-items:center;gap:8px;text-align:left;padding:4px 8px 4px 4px;color:var(--text);background:#00000047;border:1px solid rgba(236,222,196,.16);border-radius:var(--r-md);cursor:pointer}.game .army-row.slim{padding:6px 10px}.game .army-row:hover:not(:disabled){border-color:#d9a54fb3}.game .army-row:disabled{opacity:.55;cursor:default}.game .army-item.on .army-row{border-color:var(--gold, #d9a441);background:#d9a44124}.game .army-row img{width:40px;height:40px;flex:0 0 auto}.game .army-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.game .army-name{display:flex;align-items:baseline;gap:6px}.game .army-n{margin-left:auto;font-weight:700;color:var(--gold-2, #f3d27a)}.game .army-badges{display:flex;flex-wrap:wrap;gap:4px}.game .army-badges .badge{font-size:.72rem;line-height:1.3;padding:1px 6px;border-radius:var(--r-pill);background:#ffffff12;color:var(--muted, #b5a387);white-space:nowrap}.game .army-badges .badge.fight{background:#c0533f40;color:#ffb4a6}.game .army-badges .badge.march{background:#7cc36a2e;color:#b6e6a6}.game .army-badges .badge.wall{background:#78a0d233;color:#bcd4f2}.game .army-go{flex:0 0 auto;align-self:center}.gate-modes{margin:4px 0 8px}.minimap-wrap{position:relative;line-height:0}.minimap-wrap.sending .minimap-canvas{cursor:cell;outline:2px dashed rgba(150,240,150,.75);outline-offset:2px;border-radius:var(--r-xs)}.mm-send{position:absolute;right:-4px;bottom:-6px;padding:3px 8px;border-radius:var(--r-pill);border:1px solid rgba(243,210,122,.55);background:#110f0dd1;color:#f3e6c4;font:inherit;font-size:.72rem;line-height:1.3;white-space:nowrap;cursor:pointer}.mm-send.on{background:#46783ceb;border-color:#aaf096e6;color:#fff}.mm-compass{position:absolute;left:2px;bottom:2px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgba(243,210,122,.55);background:#110f0dd1;color:#f3e6c4;cursor:pointer;line-height:0}.mm-compass[hidden]{display:none}.mm-compass svg{transform:rotate(var(--turn, 0rad))}.mm-compass:hover{border-color:#f3d27af2}.game .note.mood-hint{cursor:default;padding:4px 6px 4px 10px;max-width:100%}.game .mood-hint.open{width:min(340px,100%);padding-bottom:8px}.game .mh-head{display:flex;align-items:center;gap:4px}.game .mh-title{flex:1;min-width:0;background:none;border:0;padding:4px 0;color:#ffb0a0;font:inherit;font-weight:700;text-align:left;cursor:pointer}.game .mh-more{color:var(--brass-hi, #e6bf78);font-weight:600}.game .mh-x{background:transparent;border:1px solid transparent;color:var(--text-muted, #c4b092);border-radius:var(--r-sm);cursor:pointer;min-width:28px;min-height:28px}.game .mh-x:hover{color:var(--text, #f7e9cc);border-color:var(--border, rgba(217, 165, 79, .2))}.game .mh-why{margin:2px 0 6px;color:var(--text-muted, #c4b092);font-size:.8rem;line-height:1.35}.game .mood-hint ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.game .mood-hint li{display:flex;align-items:center;gap:8px;background:#00000038;border-radius:var(--r-sm);padding:5px 7px;font-size:.8rem;line-height:1.35}.game .mh-text{flex:1;min-width:0}.game .mood-hint .btn-small{flex:0 0 auto;min-height:30px;padding:4px 10px}@media(max-height:520px){.game .mood-hint.open{max-height:calc(100dvh - var(--top-h) - var(--bar-h) - 24px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;margin-right:42px}.game .mh-why{display:none}.game .mood-hint li{padding:3px 6px}}.help-tabs,.help-tutorial,.help-handbook,.help-search,.help-body{flex:none}.help-tabs{display:flex;gap:4px;margin-bottom:8px;overflow-x:auto}.help-tab{flex:1 1 0;padding:8px 6px;font-size:.86rem;white-space:nowrap;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--muted, #b5a387);font-weight:600;cursor:pointer;min-height:40px}.help-tab.on{background:#d9a44124;border-color:#d9a44166;color:var(--gold-2, #f3d27a)}.help-tutorial{align-self:flex-start;margin-bottom:8px}.help-handbook{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-bottom:8px;font-size:.82rem;font-weight:600;color:var(--gold-2, #f3d27a);text-decoration:none}.help-handbook:hover{text-decoration:underline}.help-search{width:100%;margin-bottom:10px}.help-body h4{margin:14px 0 6px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2, #f3d27a)}.help-body ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:.88rem;line-height:1.45}.help-note{padding:8px 10px;border-radius:var(--r-sm);background:#d9a4411a;font-size:.85rem}.help-keys{margin:0;display:grid;gap:8px}.help-keys>div{display:grid;grid-template-columns:minmax(110px,42%) 1fr;gap:10px;align-items:start}.help-keys dt{display:flex;flex-wrap:wrap;gap:4px}.help-keys dd{margin:0;display:grid;gap:1px;font-size:.86rem;line-height:1.4}.help-keys dd span{color:var(--muted, #b5a387)}.help-body kbd{display:inline-block;padding:2px 7px;border-radius:var(--r-sm);border:1px solid rgba(217,164,65,.45);border-bottom-width:2px;background:#12100db3;font:600 .78rem/1.3 ui-monospace,monospace;white-space:normal;max-width:100%}.help-list{list-style:none;padding-left:0!important}.help-list li{display:grid;gap:1px;padding:7px 9px;border-radius:var(--r-sm);background:#0003}.help-list li span:last-child{color:var(--muted, #b5a387);font-size:.84rem}@media(max-width:760px){.help-keys>div{grid-template-columns:1fr;gap:3px}}.game .task-guide{position:absolute;--card-l: calc(10px + var(--safe-left));--card-w: min(300px, calc(100vw - 20px) );--hint-lift: clamp(0px, (var(--card-l) + var(--card-w) + 8px - var(--hint-x, 0px)) * 1000, var(--hint-h, 0px));left:var(--card-l);bottom:calc(var(--bar-h) + 14px + var(--hint-lift) + var(--safe-bottom));z-index:9;width:var(--card-w);max-height:calc(100% - var(--top-h) - var(--bar-h) - var(--hint-lift) - 34px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;padding:8px 10px 10px;border-radius:var(--r-lg);background:#0d0c0af2;border:1px solid var(--border-strong, rgba(217, 165, 79, .42));box-shadow:0 8px 24px #0006;color:var(--text, #f7e9cc);font-size:.85rem}.game .task-guide.collapsed{width:auto;padding:4px 6px}.game .task-guide header{display:flex;align-items:center;gap:6px;justify-content:space-between}.game .tg-title{background:none;border:0;padding:4px 2px;color:var(--accent-hi, #e6bf78);font-family:var(--font-display);font-weight:700;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.game .tg-count{font-family:var(--font-body, Inter, sans-serif);font-size:.72rem;padding:1px 7px;border-radius:var(--r-pill);background:#d9a54f2e;color:var(--text, #f7e9cc)}.game .tg-x,.game .tg-why{background:transparent;border:1px solid transparent;color:var(--text-muted, #c4b092);border-radius:var(--r-sm);cursor:pointer;min-width:26px;min-height:26px}.game .tg-x:hover,.game .tg-why:hover{color:var(--text, #f7e9cc);border-color:var(--border, rgba(217, 165, 79, .2))}.game .task-guide.collapsed .tg-x{display:none}.game .task-guide ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.game .task-guide li{background:#00000038;border-radius:var(--r-md);padding:6px 8px}.game .tg-row{display:flex;align-items:center;gap:8px}.game .tg-check{flex:0 0 18px;height:18px;border-radius:50%;border:1.5px solid var(--border-strong, rgba(217, 165, 79, .42));display:grid;place-items:center;font-size:.75rem;line-height:1}.game .tg-text{flex:1;min-width:0}.game .tg-build{padding:4px 10px;min-height:28px}.game .tg-hint{margin:6px 0 2px 26px;color:var(--text-muted, #c4b092);line-height:1.4;font-size:.8rem}.game .task-guide li.done{animation:tg-done 4.5s ease forwards}.game .task-guide li.done .tg-check{background:var(--success, #7fcd76);border-color:var(--success, #7fcd76);color:#12260f;font-weight:800;animation:tg-pop .45s ease-out}.game .task-guide li.done .tg-text{text-decoration:line-through;opacity:.8}@keyframes tg-pop{0%{transform:scale(.3)}60%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes tg-done{0%,75%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.game .task-guide li.done,.game .task-guide li.done .tg-check{animation:none}}@media(max-width:760px){.game .task-guide{--card-w: min(280px, calc(100vw - 90px) )}}.game .tg-prog{color:var(--text-muted, #c9b48e);font-variant-numeric:tabular-nums}.game .tutorial{position:absolute;--card-l: calc(10px + var(--safe-left));--card-w: min(420px, calc(100vw - 20px) );--hint-lift: clamp(0px, (var(--card-l) + var(--card-w) + 8px - var(--hint-x, 0px)) * 1000, var(--hint-h, 0px));left:var(--card-l);bottom:calc(var(--bar-h) + 14px + var(--hint-lift) + var(--safe-bottom));z-index:40;width:var(--card-w);max-height:calc(100dvh - var(--bar-h) - var(--hint-lift) - 110px);overflow-y:auto;padding:14px 16px 12px;border-radius:var(--r-lg);background:var(--tex-sandstone),#12100df7;border:1px solid rgba(230,191,120,.45);box-shadow:var(--shadow-3),0 0 40px #ffb5471f;color:var(--sand-100);animation:pop-in .35s var(--ease-out) both}.game .tutorial.folded{visibility:hidden;pointer-events:none}.game .tut-pill{position:absolute;z-index:40;left:calc(10px + var(--safe-left));bottom:calc(var(--bar-h) + 14px + var(--hint-h, 0px) + var(--safe-bottom));display:flex;align-items:stretch;max-width:min(340px,calc(100vw - 130px));border-radius:var(--r-pill);border:1px solid rgba(230,191,120,.55);background:#12100df2;box-shadow:var(--shadow-3);overflow:hidden;animation:pop-in .25s var(--ease-out) both}.tut-pill button{border:0;background:transparent;color:var(--sand-100);font:600 var(--fs-xs) / 1.2 var(--font-body);cursor:pointer}.tut-pill .tut-pill-open{display:flex;align-items:center;gap:6px;min-width:0;min-height:36px;padding:7px 4px 7px 12px}.tut-pill .tut-pill-open span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tut-pill .tut-pill-x{flex:none;padding:0 12px 0 8px;color:var(--text-subtle)}.tut-pill button:hover{color:var(--sand-50);background:#d9a54f1f}.game .tutorial.complete{border-color:var(--green-400)}.tutorial header{display:flex;align-items:center;justify-content:space-between}.tut-count{font:600 var(--fs-2xs) / 1 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--sand-400)}.tut-x{display:inline-flex;border:0;background:transparent;color:var(--text-subtle);font-size:15px;cursor:pointer;padding:4px 6px;border-radius:var(--r-sm)}.tut-x:hover{color:var(--sand-100);background:#d9a54f1f}.tut-progress{height:3px;margin:8px 0 10px;border-radius:var(--r-xs);background:#d9a54f26;overflow:hidden}.tut-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--sand-400),var(--sun));transition:width .5s var(--ease-out)}.tutorial h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:700 var(--fs-lg) / 1.25 var(--font-display);color:var(--sand-50)}.tutorial.complete h3 .icon{color:var(--green-400)}.tutorial p{margin:0 0 8px;font-size:var(--fs-sm);line-height:1.55;color:var(--sand-100)}.tutorial .tut-how{display:flex;gap:6px;padding:7px 10px;border-radius:var(--r-sm);background:#2b9f921f;color:var(--teal-300)}.tutorial .tut-how .icon{margin-top:3px}.tutorial .tut-task{font-size:var(--fs-xs);color:var(--sand-300);font-weight:600}.tutorial footer{position:sticky;bottom:-12px;display:flex;align-items:center;gap:6px;margin:10px -16px -12px;padding:0 16px 12px;background:#1b140f}.tut-spacer{flex:1}.tut-spot{position:fixed;z-index:39;border-radius:var(--r-lg);border:2px solid var(--sun);box-shadow:0 0 0 4px #ffb54740,0 0 28px #ffb54773;pointer-events:none;animation:tut-pulse 1.6s ease-in-out infinite}@keyframes tut-pulse{50%{box-shadow:0 0 0 8px #ffb54714,0 0 40px #ffb54799}}@media(prefers-reduced-motion:reduce){.tut-spot{animation:none}}@media(max-width:760px){.game .tutorial{--card-l: calc(8px + var(--safe-left));--card-w: calc(100vw - 16px - var(--safe-left) - var(--safe-right));max-height:45dvh;padding:10px 12px}.tutorial footer{flex-wrap:wrap}.tutorial p{font-size:var(--fs-xs)}}.tutorial .tut-mission{color:var(--sand-300);font-size:var(--fs-xs);margin-bottom:8px}.tutorial .tut-success{padding:10px;border-left:3px solid var(--green-400);background:#50b4641f}.tut-goals{padding:0;margin:10px 0;list-style:none}.tut-goals li{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:7px 0;border-bottom:1px solid rgba(230,191,120,.15);font-size:var(--fs-xs)}.tut-goals li>span:nth-child(2){flex:1;min-width:150px}.tut-goals li.done{color:var(--green-400)}.tut-tips summary{cursor:pointer;color:var(--sand-300);font-size:var(--fs-xs);margin:8px 0}.game .trupps{position:absolute;right:calc(10px + var(--safe-right));bottom:calc(var(--bar-h) + 18px + var(--safe-bottom));z-index:11;display:flex;align-items:center;gap:5px;max-width:calc(50vw - 75px);padding:4px 5px 4px 8px;border-radius:var(--r-lg);border:1px solid var(--frame);background:#0d0c0aed;box-shadow:inset 0 1px #ffe4af1a,0 8px 22px #00000073;color:var(--text, #f7e9cc);font-size:.82rem}.game:has(.hero-card) .trupps{max-width:calc(50vw - 235px)}.game .trupps.many .trupp:not(.on) .trupp-name,.game .trupps.many .trupps-title{display:none}.game .trupps-title{font-family:var(--font-display, inherit);font-variant:small-caps;letter-spacing:.04em;color:var(--brass-hi);font-weight:700;white-space:nowrap;cursor:help}.game .trupps-list{display:flex;flex:1 1 auto;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none}.game .trupps-list::-webkit-scrollbar{display:none}.game .trupp{flex:0 0 auto;display:flex;align-items:stretch;height:34px;border-radius:var(--r-md);border:1px solid rgba(236,222,196,.16);background:#342e27e6;overflow:hidden;transition:border-color .12s,box-shadow .12s}.game .trupp:hover{border-color:#d9a54fbf}.game .trupp.on{border-color:#f3d27a;background:linear-gradient(180deg,#785828f2,#3d362df2);box-shadow:0 0 0 1px #f3d27a73,0 0 12px #f3d27a59}.game .trupp-chip{display:flex;align-items:center;gap:5px;padding:0 7px 0 4px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;-webkit-touch-callout:none}.game .trupp-key{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:var(--r-sm);font:700 11px/1 var(--font-mono, ui-monospace, monospace);color:#221e19;background:var(--gc, linear-gradient(180deg, var(--brass-hi), var(--brass)));box-shadow:inset 0 -1px #00000059}.game .trupp-icons{display:flex}.game .trupp-icons img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.game .trupp-icons img+img{margin-left:-9px}.game .trupp-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.game .trupp-n{min-width:18px;padding:1px 5px;border-radius:var(--r-sm);background:#00000059;color:var(--brass-hi);font-variant-numeric:tabular-nums;text-align:center}.game .trupp.wiped .trupp-chip{opacity:.7}.game .trupp.wiped .trupp-n{color:#ff9a85}.game .trupp-more{width:20px;border:0;border-left:1px solid rgba(236,222,196,.16);background:#0000002e;color:var(--brass);font-size:11px;cursor:pointer;padding:0}.game .trupp-more:hover,.game .trupp.menu-open .trupp-more{color:var(--brass-hi);background:#f3d27a24}.game .trupp.editing{align-items:center;gap:5px;padding:0 4px}.game .trupp-input{width:128px;height:24px;padding:0 6px;border-radius:var(--r-sm);border:1px solid var(--brass);background:#00000073;color:var(--text, #f7e9cc);font:inherit;user-select:text;-webkit-user-select:text}.game .trupp-add-wrap{flex:0 0 auto;display:inline-flex}.game .trupp-add{height:34px;padding:0 10px;border-radius:var(--r-md);border:1px dashed rgba(217,165,79,.75);background:#d9a54f1a;color:var(--brass-hi);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.game .trupp-add:hover:not(:disabled){background:#d9a54f38;border-style:solid}.game .trupp-add:disabled{opacity:.45;cursor:default}.game .trupp-menu{position:absolute;right:0;bottom:calc(100% + 6px);display:flex;flex-direction:column;min-width:190px;padding:5px;border-radius:var(--r-md);border:1px solid var(--frame);background:#0d0c0afa;box-shadow:0 10px 26px #0000008c;animation:panel-in .12s ease-out}.game .trupp-menu header{display:flex;align-items:center;gap:6px;padding:3px 6px 6px;margin-bottom:3px;border-bottom:1px solid rgba(236,222,196,.12);color:var(--brass-hi);font-weight:700}.game .trupp-menu button{text-align:left;padding:7px 9px;border:0;border-radius:var(--r-sm);background:none;color:var(--text, #f7e9cc);font:inherit;cursor:pointer}.game .trupp-menu button:hover:not(:disabled){background:#f3d27a24}.game .trupp-menu button:disabled{opacity:.4;cursor:default}.game .trupp-menu button.danger{color:#ff9a85}@media(max-width:1100px)and (min-width:761px){.game .trupps-title{display:none}}@media(max-width:760px){.game .trupps,.game:has(.hero-card) .trupps{right:calc(6px + var(--safe-right));bottom:calc(var(--bar-h) + 76px + var(--safe-bottom));max-width:calc(100vw - 70px - var(--safe-left) - var(--safe-right));flex-wrap:nowrap;padding:3px 4px;gap:4px}.game:has(.hero-card) .trupps{bottom:calc(var(--bar-h) + 130px + var(--safe-bottom))}.game .trupps-title,.game .trupp-icons{display:none}.game .trupp-chip{padding:0 6px 0 4px;gap:4px}.game .trupps-list{display:flex;flex:1 1 auto;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.game .trupps-list::-webkit-scrollbar{display:none}.game .trupp,.game .trupp-add{height:36px}.game .trupp-name{max-width:78px}.game .trupp-more{display:none}.game .trupp.on .trupp-more{display:block;width:22px}.game .trupp-add{padding:0 9px}.game .trupp-add-label{display:none}.game .trupp-menu{min-width:200px}.game .trupp-menu button{padding:10px}}@media(max-height:520px)and (min-width:600px){.game .trupps{bottom:calc(var(--bar-h) + 10px + var(--safe-bottom))}.game .trupps-title{display:none}}@media(min-width:761px)and (min-height:521px){.game:has(.trupps) .panel{max-height:calc(100% - var(--top-h) - var(--bar-h) - 96px - var(--safe-top) - var(--safe-bottom))}}.version-badge{position:fixed;left:max(16px,var(--safe-left));bottom:max(14px,var(--safe-bottom));z-index:25;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:#0a0908c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-subtle);font:600 var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.02em;cursor:pointer;transition:color var(--dur),border-color var(--dur)}.version-badge:hover,.version-badge:focus-visible{color:var(--sand-200);border-color:var(--border-strong)}.version-dot{width:7px;height:7px;border-radius:50%;background:var(--sun);box-shadow:0 0 6px var(--sun)}.card.sheet.changelog{width:min(680px,100%)}.changelog-list{display:flex;flex-direction:column;gap:var(--sp-6);margin-top:var(--sp-5)}.changelog-entry+.changelog-entry{padding-top:var(--sp-5);border-top:1px solid var(--divider)}.changelog-meta{display:flex;align-items:center;gap:var(--sp-3)}.changelog-version{font:700 var(--fs-sm) / 1 var(--font-mono);color:var(--sand-300)}.changelog-version.current{color:var(--sun)}.changelog-now{padding:3px 8px;border-radius:var(--r-pill);background:#ffb54724;color:var(--sun);font:700 var(--fs-2xs) / 1 var(--font-body);text-transform:uppercase;letter-spacing:.06em}.changelog-entry h3{margin:var(--sp-2) 0 var(--sp-3);font:600 var(--fs-lg) / 1.3 var(--font-display);color:var(--sand-100)}.changelog-entry ul{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0;list-style:none}.changelog-entry li{display:flex;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-sm);line-height:1.5;color:var(--text-muted)}.changelog-kind{flex:0 0 64px;padding:2px 0;border-radius:var(--r-xs);font:700 var(--fs-2xs) / 1.4 var(--font-body);text-align:center;text-transform:uppercase;letter-spacing:.05em}.changelog-kind.neu{background:#4cc3b224;color:var(--teal-300)}.changelog-kind.besser{background:#d9a54f24;color:var(--sand-300)}.changelog-kind.behoben{background:#e3664c24;color:var(--crimson-300)}@media(max-width:760px){.version-badge{left:12px;bottom:calc(72px + var(--safe-bottom))}}@media(max-height:520px)and (min-width:600px){.version-badge{bottom:max(10px,var(--safe-bottom))}}.landing{--lp-max: 1180px;--lp-gutter: clamp(16px, 4vw, 48px);--lp-nav-h: 60px;display:flex;flex-direction:column;scroll-behavior:smooth}.landing a:not(.btn){color:var(--sand-300)}.landing a.btn{text-decoration:none}.lp-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--sp-5);padding:10px var(--lp-gutter);padding-top:calc(10px + var(--safe-top));background:#0a0908c7;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--divider)}.lp-brand{display:inline-flex;text-decoration:none}.lp-nav nav{display:flex;gap:var(--sp-5);margin-left:auto}.lp-nav nav a{color:var(--text-muted)!important;text-decoration:none;font:600 1rem / 1 var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:color var(--dur)}.lp-nav nav a:hover{color:var(--sand-100)!important}.lp-nav nav+.btn{margin-left:calc(var(--sp-5) * -.5)}.lp-nav-toggle,.lp-menu-login,.lp-menu-lang{display:none!important}.lp-nav-lang{flex:none}.lp-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;width:100%;margin-top:calc(-1 * var(--lp-nav-h));padding:calc(var(--lp-nav-h) + clamp(24px,6vh,72px)) max(var(--lp-gutter),calc((100% - var(--lp-max)) / 2 + var(--lp-gutter))) clamp(56px,10vh,112px);min-height:100svh}.lp-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-5);max-width:640px;animation:rise-in .8s var(--ease-out) both}.lp-scene{--lp-scroll: 0;position:absolute;inset:0;z-index:0;overflow:hidden;background:#14110f;pointer-events:none}.lp-scene-pan{position:absolute;inset:-4%;transform:translate3d(0,calc(var(--lp-scroll) * .25px),0);will-change:transform}.lp-scene-poster img,.lp-scene-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:55% 50%;transform:scale(1.06);transform-origin:55% 50%}.lp-scene-video{opacity:0;transition:opacity .8s ease-out}.lp-scene.playing .lp-scene-video{opacity:1}.lp-sand{position:absolute;inset:calc(-20% - 400px) calc(-10% - 1100px) -20% -10%;opacity:.5;background-image:radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,228,170,.75),transparent 60%),radial-gradient(1px 1px at 38% 62%,rgba(255,228,170,.6),transparent 60%),radial-gradient(1.4px 1px at 71% 34%,rgba(255,228,170,.7),transparent 60%),radial-gradient(1px 1px at 86% 78%,rgba(255,228,170,.55),transparent 60%),radial-gradient(1.2px .8px at 55% 8%,rgba(255,228,170,.6),transparent 60%);background-size:340px 240px;animation:lp-blow 14s linear infinite;will-change:transform}.lp-sand-b{opacity:.32;background-size:520px 380px;animation-name:lp-blow-b;animation-duration:23s;filter:blur(.6px)}@keyframes lp-blow{to{transform:translate3d(-1020px,240px,0)}}@keyframes lp-blow-b{to{transform:translate3d(-1040px,380px,0)}}.lp-scene-grade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0908eb,#0a0908b8 34%,#0a09082e 62%,#0a09081a),linear-gradient(180deg,rgba(10,9,8,.55) 0%,transparent 18%,transparent 70%,var(--bg) 100%)}.lp-scene.paused *,.lp-scene.still *{animation-play-state:paused}.lp-scroll-hint{position:absolute;z-index:2;left:50%;bottom:18px;display:grid;place-items:center;width:40px;height:40px;margin-left:-20px;border-radius:var(--r-sm);color:var(--sand-200)!important;background:#0a090880;border:1px solid var(--border);animation:lp-bob 2.4s ease-in-out infinite}@keyframes lp-bob{50%{transform:translateY(6px)}}.lp-kicker{display:inline-flex;align-items:center;gap:10px;padding:0 0 0 14px;border-left:2px solid var(--sand-400);color:var(--sand-200);font:600 .95rem / 1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lp-live{position:relative;width:8px;height:8px;border-radius:50%;background:#6fdc8c}.lp-live:after{content:"";position:absolute;inset:0;border-radius:50%;background:#6fdc8c99;animation:lp-pulse 2s ease-out infinite}@keyframes lp-pulse{0%{transform:scale(1);opacity:1}70%,to{transform:scale(3);opacity:0}}.lp-hero h1{margin:0;font:700 clamp(2.9rem,7.6vw,5.6rem) / .92 var(--font-display);letter-spacing:.01em;text-transform:uppercase;color:var(--sand-50);text-shadow:0 2px 24px rgba(0,0,0,.55);text-wrap:balance}.lp-grad{display:inline-block;color:var(--sand-400)}.lp-lead{max-width:34em;margin:0;font-size:var(--fs-lg);line-height:1.65;color:var(--sand-100);text-shadow:0 2px 12px rgba(0,0,0,.85)}.lp-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.lp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,auto));gap:var(--sp-2) 0;margin:var(--sp-3) 0 0;padding:0}.lp-stats div{display:flex;flex-direction:column-reverse;padding:2px clamp(16px,2.6vw,32px) 2px 0;margin-right:clamp(16px,2.6vw,32px);border-right:1px solid rgba(236,222,196,.16)}.lp-stats div:last-child{border-right:0;margin-right:0}.lp-stats dt{font:600 .8rem / 1.2 var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.lp-stats dd{margin:0;font:700 2.25rem / 1 var(--font-display);color:var(--sand-50)}.landing .auth-card{scroll-margin:96px}.lp-hero-cta{width:100%;max-width:560px;padding:var(--sp-5);border-radius:var(--r-md);background:#0c0b09d1;border:1px solid var(--border);border-top:2px solid var(--sand-400);box-shadow:var(--shadow-3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lp-cta-title{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-3);font:700 1.2rem / 1.2 var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--sand-50)}.lp-cta-title .icon{color:var(--sun)}.lp-cta-alt{margin:var(--sp-3) 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.lp-cta-alt .link{color:var(--sand-300);font-weight:600;text-decoration:underline;text-underline-offset:3px}.lp-wait{display:flex;flex-direction:column;gap:var(--sp-3);scroll-margin:120px}.lp-wait-row{display:flex;gap:var(--sp-2)}.lp-wait-row input{flex:1 1 auto;min-height:52px;font-size:var(--fs-md)}.lp-wait-row .btn{flex:none;min-height:52px}.lp-wait-consent{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-xs);line-height:1.5;color:var(--text-muted);cursor:pointer}.lp-wait-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--sand-400)}.lp-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lp-wait-done{flex-direction:row;align-items:center;gap:var(--sp-4)}.lp-wait-done strong{font:700 1.25rem / 1.2 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--sand-50)}.lp-wait-done p{margin:4px 0 0;color:var(--text-muted);font-size:var(--fs-sm);overflow-wrap:anywhere}.lp-wait-check{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);color:#0f2a17;background:var(--green-400)}.lp-access{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(32px,6vw,88px);scroll-margin-top:40px}.lp-access h2{margin:8px 0 12px;font:700 clamp(2rem,4.4vw,3.2rem) / 1 var(--font-display);color:var(--sand-50)}.lp-access-copy p{margin:0 0 var(--sp-5);color:var(--text-muted);font-size:var(--fs-lg);line-height:1.6}.lp-checks{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--sand-100)}.lp-checks li{display:flex;align-items:center;gap:10px}.lp-checks .icon{color:#7fd897}.lp-showcase{width:100%;max-width:var(--lp-max);margin:0 auto;padding:0 var(--lp-gutter)}.lp-frame{position:relative;margin:0;border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-3)}.lp-frame img{display:block;width:100%;height:auto}.lp-callout{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-sm);background:#0a0908db;border-left:2px solid var(--sand-400);color:var(--sand-50);font:600 .95rem / 1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lp-callout .icon{color:var(--sun)}.lp-callout-a{left:6%;top:12%}.lp-callout-b{right:5%;bottom:14%;animation-delay:-3s}.lp-section{width:100%;max-width:var(--lp-max);margin:0 auto;padding:clamp(64px,11vh,120px) var(--lp-gutter) 0;scroll-margin-top:40px}.lp-head{max-width:760px;margin:0 0 var(--sp-7)}.lp-head h2,.lp-final h2{margin:10px 0 14px;font:700 clamp(2rem,4.4vw,3.2rem) / 1 var(--font-display);letter-spacing:.02em;color:var(--sand-50);text-wrap:balance}.landing .eyebrow{display:inline-flex;align-items:center;gap:12px;font:600 .9rem / 1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--sand-400)}.landing .eyebrow:before{content:"";width:28px;height:2px;background:var(--sand-400)}.lp-head p{margin:0;color:var(--text-muted);font-size:var(--fs-lg);line-height:1.6}.lp-head strong{color:var(--sand-200);white-space:nowrap}.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);counter-reset:step}.lp-steps li,.lp-mode,.lp-lords li,.lp-card{position:relative;border-radius:var(--r-md);background:var(--ink-850);border:1px solid var(--border)}.lp-steps>li{display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-5) var(--sp-6);overflow:hidden;transition:transform var(--dur-slow) var(--ease-out),border-color var(--dur)}.lp-steps>li:hover{border-color:var(--border-strong)}.lp-step-art{position:relative;display:grid;place-items:center;height:168px;margin:calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) 0;background:radial-gradient(ellipse 55% 42% at 50% 74%,rgba(255,196,104,.2),transparent 72%),var(--ink-800);border-bottom:1px solid var(--border)}.lp-step-art img{width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.45));transition:transform .9s var(--ease-out)}.lp-steps>li:hover .lp-step-art img{transform:translateY(-4px) scale(1.05)}.lp-steps>li .lp-tags{margin-top:auto;padding-top:var(--sp-4)}.lp-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.lp-tags li{padding:4px 8px;border-radius:var(--r-xs);font:600 .8rem / 1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--sand-200);border:1px solid rgba(236,222,196,.16)}.lp-step-num{position:absolute;z-index:1;left:16px;top:12px;font:700 1rem / 1 var(--font-display);letter-spacing:.1em;color:var(--sand-400);pointer-events:none}.lp-step-num:before{content:"0"}.lp-steps h3,.lp-mode h3,.lp-card h3{margin:var(--sp-4) 0 8px;font:700 1.5rem / 1.1 var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--sand-50)}.lp-steps p,.lp-mode p,.lp-card p{margin:0;color:var(--text-muted);line-height:1.6}.lp-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.lp-card{overflow:hidden;display:flex;flex-direction:column;transition:transform var(--dur-slow) var(--ease-out),border-color var(--dur)}.lp-card:hover{border-color:var(--border-strong)}.lp-card.has-img{grid-column:span 2}.lp-card.wide{grid-column:span 4;flex-direction:row}.lp-card-img{overflow:hidden;border-bottom:1px solid var(--border)}.lp-card img{display:block;width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform 1.2s var(--ease-out)}.lp-card:hover img{transform:scale(1.03)}.lp-card.wide .lp-card-img{flex:none;width:58%;border-bottom:0;border-right:1px solid var(--border)}.lp-card.wide img{aspect-ratio:16 / 10}.lp-card.wide.flip{flex-direction:row-reverse}.lp-card.wide.flip .lp-card-img{border-right:0;border-left:1px solid var(--border)}.lp-card.wide .lp-card-body{align-self:center;padding:var(--sp-7)}.lp-card-body{padding:var(--sp-5)}.lp-card:not(.has-img) h3{font-size:1.25rem}.lp-lords{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.lp-lords li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;column-gap:var(--sp-4);padding:var(--sp-5);overflow:hidden}.lp-lords li:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 90% at 0% 50%,color-mix(in srgb,var(--lord, #c08a3a) 28%,transparent),transparent 70%);pointer-events:none}.lp-lord-icon{position:relative;grid-row:span 3;align-self:center;width:76px;height:76px;border-radius:var(--r-md);overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--lord, #c08a3a) 70%,white 6%),color-mix(in srgb,var(--lord, #c08a3a) 40%,black));border:1px solid rgba(236,222,196,.2)}.lp-lord-icon img{width:100%;height:100%;object-fit:cover;transform:translateY(6%) scale(1.08)}.lp-lords strong{position:relative;font:700 1.3rem / 1.2 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--sand-100)}.lp-lords em{position:relative;font:normal 600 .85rem / 1.3 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-400, #d9a54f);margin-bottom:4px}.lp-lords li>span:last-child{position:relative;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.lp-news{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.lp-news>li{position:relative;padding:var(--sp-5);border-radius:var(--r-md);background:var(--ink-850);border:1px solid var(--border)}.lp-news>li:first-child{border-top:2px solid var(--sand-400)}.lp-news-meta{display:flex;align-items:center;gap:10px;font-size:var(--fs-xs);color:var(--text-muted)}.lp-news-version{padding:2px 9px;border-radius:var(--r-pill);font:600 var(--fs-xs) / 1.6 var(--font-mono);color:var(--ink-900, #0f0d0b);background:var(--sand-400)}.lp-news h3{margin:var(--sp-3) 0 var(--sp-3);font:700 1.3rem / 1.15 var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--sand-100)}.lp-news ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lp-news ul li{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lp-news-kind{display:inline-block;margin-right:6px;padding:0 7px;border-radius:var(--r-sm);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}.lp-news-kind.neu{color:#9be29a;background:#50aa5a29}.lp-news-kind.besser{color:#f0c878;background:#d9a54f29}.lp-news-kind.behoben{color:#9cc4ff;background:#5082dc29}.lp-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.lp-mode{padding:var(--sp-5)}.lp-ranks{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:var(--sp-6)}.lp-ranks span{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--ink-850);color:var(--text-muted);font:600 .95rem / 1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.lp-ranks .lp-rank-top{color:var(--text-on-gold);background:var(--sand-400);border-color:transparent}.lp-faq-list{max-width:860px;display:grid;border-top:1px solid var(--border)}.lp-faq details{border-radius:0;border:0;border-bottom:1px solid var(--border);background:transparent}.lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-5) 0;cursor:pointer;list-style:none;font:600 1.25rem / 1.25 var(--font-display);letter-spacing:.03em;color:var(--sand-50)}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary .icon{color:var(--sand-400);transition:transform var(--dur) var(--ease-out)}.lp-faq details[open] summary .icon{transform:rotate(180deg)}.lp-faq details p{margin:0;padding:0 0 var(--sp-5);color:var(--text-muted);line-height:1.6}.lp-final{width:calc(100% - 2 * var(--lp-gutter));max-width:var(--lp-max);margin:clamp(64px,11vh,120px) auto 0;padding:clamp(40px,7vw,72px) var(--sp-5);border-radius:var(--r-md);text-align:center;background:linear-gradient(180deg,#0a09088c,#0a0908eb),url(/landing/battle-1600.webp) center / cover;border:1px solid var(--border)}.lp-final p{max-width:34em;margin:0 auto var(--sp-6);color:var(--sand-100)}.lp-final .lp-ctas{justify-content:center}.lp-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;max-width:var(--lp-max);margin:var(--sp-8) auto 0;padding:var(--sp-5) var(--lp-gutter) calc(var(--sp-6) + var(--safe-bottom));border-top:1px solid var(--divider);color:var(--text-subtle);font-size:var(--fs-sm)}.lp-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5)}.lp-footer .lp-social{gap:var(--sp-2)}.lp-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--divider);border-radius:50%;color:var(--text-muted);transition:color .15s,border-color .15s}.lp-social a:hover,.lp-social a:focus-visible{color:var(--sand-400);border-color:currentColor}.landing .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.landing .reveal.in{opacity:1;transform:none}.landing .lp-showcase.reveal{transform:translateY(40px) scale(.97)}.landing .lp-showcase.reveal.in{transform:none}@media(prefers-reduced-motion:reduce){.lp-nav.open nav{animation:none}.landing .reveal,.landing .lp-showcase.reveal{opacity:1;transform:none;transition:none}.lp-callout,.lp-scroll-hint,.lp-live:after{animation:none}.landing{scroll-behavior:auto}}@media(max-width:980px){.lp-access{grid-template-columns:minmax(0,1fr);justify-items:center}.lp-access-copy{max-width:640px}.lp-scene-grade{background:linear-gradient(180deg,rgba(10,9,8,.62) 0%,rgba(10,9,8,.38) 30%,rgba(10,9,8,.45) 55%,rgba(10,9,8,.8) 85%,var(--bg) 100%)}.landing .auth-card{width:100%;max-width:460px}.lp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-lords,.lp-news{grid-template-columns:minmax(0,1fr)}.lp-modes,.lp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-card.wide,.lp-card.wide.flip{grid-column:span 2;flex-direction:column}.lp-card.wide .lp-card-img{width:100%;border-right:0;border-left:0;border-bottom:1px solid var(--border)}.lp-card.wide .lp-card-body{padding:var(--sp-5)}}@media(max-width:720px),(pointer:coarse){.lp-nav,.lp-kicker,.lp-stats,.lp-hero-cta,.lp-callout{backdrop-filter:none;-webkit-backdrop-filter:none}.lp-nav{background:#0b0a08}.lp-kicker,.lp-stats{background:#0a0908c7}.lp-kicker{padding:6px 10px 6px 12px}.lp-stats{padding:var(--sp-4)}.lp-hero-cta{background:linear-gradient(180deg,#231f1af5,#110f0df5)}.lp-callout{background:#0a0908eb}}@media(max-width:860px){.lp-nav{gap:var(--sp-2);padding-top:calc(8px + var(--safe-top));padding-bottom:8px}.lp-nav .lp-nav-beta{margin-left:auto}.lp-nav-login,.lp-nav-lang{display:none!important}.lp-nav-toggle{display:inline-flex!important;flex:none;width:40px;padding:0;justify-content:center}.lp-nav nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;margin:0;padding:var(--sp-2) var(--lp-gutter) var(--sp-4);background:#0b0a08;border-bottom:1px solid var(--divider);box-shadow:0 18px 30px #00000073}.lp-nav.open nav{display:flex;animation:lp-menu-in .18s var(--ease-out) both}.lp-nav nav a{padding:13px 2px;font-size:var(--fs-md);border-bottom:1px solid var(--divider)}.lp-nav .lp-menu-login{display:inline-flex!important;justify-content:center;margin-top:var(--sp-4)}.lp-nav .lp-menu-lang{display:inline-flex!important;justify-content:center;gap:8px;margin-top:var(--sp-2)}}@keyframes lp-menu-in{0%{opacity:0;transform:translateY(-6px)}}@media(max-width:420px){.lp-brand .logo{gap:var(--sp-2)}.lp-brand .emblem{width:32px;height:32px}.lp-brand .wm-main{font-size:1.04rem}}@media(max-width:720px){.lp-nav .btn{flex:none}.lp-hero{min-height:0;padding-top:calc(var(--lp-nav-h) + 28px);padding-bottom:72px}.lp-hero-cta{padding:var(--sp-4)}.lp-lead{font-size:var(--fs-md);line-height:1.55}.lp-wait-row{flex-direction:column}.lp-wait-row .btn{width:100%;justify-content:center}.lp-scroll-hint{display:none}.lp-kicker{font-size:.8rem;letter-spacing:.1em}.lp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) 0;width:100%}.lp-stats div:nth-child(2n){border-right:0;margin-right:0}.lp-bento,.lp-modes,.lp-steps{grid-template-columns:minmax(0,1fr)}.lp-card:not(.has-img) .lp-card-body,.lp-mode{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--sp-4)}.lp-card:not(.has-img) h3,.lp-mode h3{margin:0}.lp-card:not(.has-img) p,.lp-mode p{grid-column:1 / -1;margin-top:var(--sp-3)}.lp-step-art{height:140px}.lp-step-art img{width:140px;height:140px}.lp-card.has-img,.lp-card.wide,.lp-card.wide.flip{grid-column:auto}.lp-frame{transform:none}.lp-callout{position:static;margin:8px 4px 2px;font-size:var(--fs-xs);animation:none}.lp-callout-b{display:none}.lp-ctas .btn{flex:1 1 auto}}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff) format("woff")}:root{--ink-950: #0a0908;--ink-900: #0f0d0b;--ink-850: #14120f;--ink-800: #1a1713;--ink-750: #221e19;--ink-700: #2b2620;--ink-600: #3b342c;--ink-500: #564b3e;--sand-50: #fff8ea;--sand-100: #f7e9cc;--sand-200: #eed5a4;--sand-300: #e6bf78;--sand-400: #d9a54f;--sand-500: #c08838;--sand-600: #9a6627;--sand-700: #6c4418;--crimson-300: #f19a84;--crimson-400: #e3664c;--crimson-500: #c8452f;--crimson-700: #7c2618;--teal-300: #8de0d3;--teal-400: #4cc3b2;--teal-500: #2b9f92;--teal-700: #145a52;--green-300: #a8e39c;--green-400: #7fcd76;--green-600: #3f8a3a;--sun: #ffb547;--bg: var(--ink-900);--surface: rgba(20, 18, 15, .94);--surface-solid: var(--ink-800);--surface-raised: var(--ink-750);--surface-sunken: rgba(0, 0, 0, .32);--border: rgba(236, 222, 196, .11);--border-strong: rgba(217, 165, 79, .55);--divider: rgba(247, 233, 204, .07);--text: var(--sand-100);--text-muted: #b6a993;--text-subtle: #938672;--text-on-gold: #1e1b17;--accent: var(--sand-400);--accent-hi: var(--sand-300);--danger: var(--crimson-400);--success: var(--green-400);--info: var(--teal-400);--focus: #ffd27a;--tracking-caps: .08em;--font-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.3125rem;--fs-2xl: 1.625rem;--fs-3xl: 2.125rem;--fs-hero: clamp(2.4rem, 6.4vw, 4.4rem);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 48px;--r-xs: 1px;--r-sm: 2px;--r-md: 2px;--r-lg: 3px;--r-xl: 4px;--r-pill: 2px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .42s;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .25);--shadow-2: 0 2px 4px rgba(0, 0, 0, .35), 0 10px 28px rgba(0, 0, 0, .38);--shadow-3: 0 6px 12px rgba(0, 0, 0, .35), 0 24px 64px rgba(0, 0, 0, .5);--inset-hi: inset 0 1px 0 rgba(255, 236, 196, .05);--glow-gold: 0 0 0 1px rgba(230, 191, 120, .6);--tex-sandstone: linear-gradient(180deg, rgba(255, 236, 200, .025), rgba(255, 236, 200, 0) 40%);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bg-2: var(--ink-750);--panel: var(--surface);--panel-solid: var(--ink-800);--line: rgba(236, 222, 196, .14);--line-soft: rgba(236, 222, 196, .1);--muted: var(--text-muted);--gold: var(--sand-400);--gold-2: var(--sand-300);--red: var(--crimson-500);--green: var(--green-400);--radius: var(--r-md);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 var(--fs-md) / 1.5 var(--font-body);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0 0 .5em;letter-spacing:.04em;line-height:1.15;text-transform:uppercase;color:var(--sand-100)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}p{margin:0 0 .6em}a{color:var(--sand-300)}input,select,button,textarea{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:#d9a54f59;color:var(--sand-50)}*{scrollbar-width:thin;scrollbar-color:rgba(217,165,79,.3) transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.small{font-size:var(--fs-sm)}.pos{color:var(--green-400)}.neg{color:var(--crimson-300)}.num{font-variant-numeric:tabular-nums}.row{display:flex;gap:var(--sp-2);align-items:center}.row>*{flex:1;min-width:0}.row>.btn,.row>.icon-btn{flex:0 0 auto}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.eyebrow{font:600 var(--fs-2xs) / 1.2 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--sand-400)}.icon{flex:0 0 auto;display:inline-block;vertical-align:middle}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{--btn-bg: rgba(236, 222, 196, .06);--btn-border: rgba(236, 222, 196, .18);--btn-color: var(--sand-100);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);border:1px solid var(--btn-border);border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-color);font:600 1.0625rem / 1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur) var(--ease-out),filter var(--dur) var(--ease-out),border-color var(--dur),color var(--dur)}.btn:hover:not(:disabled){--btn-bg: rgba(236, 222, 196, .1);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.4)}.btn-primary,.btn-gold{--btn-bg: var(--sand-400);--btn-border: var(--sand-400);--btn-color: var(--text-on-gold);font-weight:700}.btn-primary:hover:not(:disabled),.btn-gold:hover:not(:disabled){--btn-bg: var(--sand-300);border-color:var(--sand-300)}.btn-teal{--btn-bg: var(--teal-500);--btn-border: var(--teal-500);--btn-color: #04201c;font-weight:700}.btn-secondary{--btn-bg: transparent;--btn-border: rgba(217, 165, 79, .55);--btn-color: var(--sand-200)}.btn-ghost{--btn-bg: transparent;--btn-border: transparent;--btn-color: var(--text-muted)}.btn-ghost:hover:not(:disabled){--btn-bg: rgba(247, 233, 204, .06);--btn-color: var(--sand-100);border-color:transparent}.btn-danger{--btn-bg: rgba(200, 69, 47, .1);--btn-border: rgba(227, 102, 76, .7);--btn-color: var(--crimson-300)}.btn-danger:hover:not(:disabled){--btn-bg: var(--crimson-500);--btn-color: #fff3ee;border-color:var(--crimson-500)}.btn-sm,.btn-small{min-height:32px;padding:0 var(--sp-3);font-size:.9375rem;border-radius:var(--r-sm);gap:6px}.btn-lg{min-height:52px;padding:0 var(--sp-6);font-size:1.25rem;border-radius:var(--r-lg)}.btn-block,.btn-wide{width:100%}.btn-wide{min-height:48px;font-size:1.1875rem}.btn .icon{margin:0 -2px}.btn.is-loading{color:transparent!important;text-shadow:none;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(30,27,23,.3);border-top-color:var(--text-on-gold);animation:spin .7s linear infinite}.icon-btn{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:#06050459;color:var(--sand-200);cursor:pointer;font-size:1.05rem;transition:background var(--dur),border-color var(--dur),color var(--dur),transform var(--dur-fast)}.icon-btn:hover,.icon-btn.on{border-color:var(--border-strong);background:#d9a54f24;color:var(--sand-50)}.icon-btn:active{transform:scale(.94)}.icon-btn .count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--crimson-500);color:#fff;font:700 var(--fs-2xs) / 18px var(--font-body);box-shadow:0 0 0 2px var(--ink-900)}.link{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.link:hover{color:var(--sand-300);text-decoration:underline;text-underline-offset:3px}.input,.select select,input:not([type=checkbox]):not([type=radio]):not([type=range]),select{width:100%;min-width:0;min-height:44px;padding:0 var(--sp-3);border:1px solid rgba(217,165,79,.24);border-radius:var(--r-md);background:#0605048c;color:var(--sand-50);box-shadow:inset 0 2px 4px #00000059;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}.input::placeholder,input::placeholder{color:var(--text-subtle)}.input:hover,input:hover:not(:disabled),select:hover:not(:disabled){border-color:#d9a54f66}.input:focus,input:focus:not([type=range]),select:focus{outline:none;border-color:var(--sand-300);background:#060504b3;box-shadow:inset 0 2px 4px #00000059,0 0 0 3px #e6bf7838}input:disabled,select:disabled{opacity:.55;cursor:not-allowed}input[aria-invalid=true]{border-color:var(--crimson-400)}.select{position:relative;display:block;min-width:0}select{appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e6bf78' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select option{background:var(--ink-800);color:var(--sand-100)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font:600 var(--fs-xs) / 1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field-hint{font-size:var(--fs-xs);color:var(--text-subtle)}.field-error{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--crimson-300)}.form-error{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;padding:10px 12px;border-radius:var(--r-md);border:1px solid rgba(227,102,76,.45);background:#c8452f24;color:#ffc9bc;font-size:var(--fs-sm)}.form-ok{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;padding:10px 12px;border-radius:var(--r-md);border:1px solid rgba(110,190,120,.45);background:#46965a24;color:#cdeccf;font-size:var(--fs-sm)}.auth-forgot{align-self:flex-end;margin-top:var(--sp-1)}.input-group{position:relative;display:flex}.input-group>.input,.input-group>input{padding-right:48px}.input-group>.input-addon{position:absolute;right:2px;top:2px;bottom:2px;width:44px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);display:grid;place-items:center;cursor:pointer}.input-group>.input-addon:hover{color:var(--sand-200)}input[type=range]{--thumb: 22px;--track: 8px;--accent: var(--sand-400);-webkit-appearance:none;appearance:none;display:block;width:100%;height:36px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:var(--track);border-radius:var(--r-pill);border:1px solid rgba(217,165,79,.35);background:linear-gradient(to right,var(--accent) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p, 0)),rgba(6,5,4,.6) 0);box-shadow:inset 0 1px 2px #00000080}input[type=range]::-moz-range-track{height:var(--track);border-radius:var(--r-pill);border:1px solid rgba(217,165,79,.35);background:#06050499;box-shadow:inset 0 1px 2px #00000080}input[type=range]::-moz-range-progress{height:var(--track);border-radius:var(--r-pill);background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2 - 1px);border-radius:var(--r-xs);border:2px solid #201c18;background:var(--sand-300);box-shadow:0 2px 5px #0000008c;transition:transform var(--dur)}input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;border-radius:var(--r-xs);border:2px solid #201c18;background:var(--sand-300);box-shadow:0 2px 5px #0000008c;transition:transform var(--dur)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{transform:scale(1.12)}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--focus);outline-offset:2px}input[type=range]:disabled{opacity:.45;cursor:default}label.check{display:flex;align-items:center;gap:8px}.seg-ctl{display:flex;gap:3px;padding:3px;border-radius:var(--r-md);background:#0605048c;border:1px solid rgba(217,165,79,.18);box-shadow:inset 0 2px 4px #00000059;min-width:0}.seg-ctl>button{position:relative;flex:1 1 0;min-width:0;min-height:38px;padding:4px 6px;border:1px solid transparent;border-radius:var(--r-xs);background:transparent;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.15;transition:background var(--dur),color var(--dur),box-shadow var(--dur)}.seg-ctl>button:hover:not(:disabled):not(.on){color:var(--sand-100);background:#f7e9cc0d}.seg-ctl>button.on{background:#d9a54f24;border-color:#e6bf788c;color:var(--sand-50)}.seg-ctl>button:disabled{opacity:.35;cursor:not-allowed}.seg-sub{font-size:var(--fs-2xs);font-weight:500;color:var(--text-subtle)}.seg-ctl>button.on .seg-sub{color:var(--sand-300)}.seg-badge{position:absolute;top:-8px;right:-4px;padding:1px 6px;border-radius:var(--r-pill);background:var(--teal-500);color:#eafffb;font-size:.6rem;font-weight:700;letter-spacing:.04em;pointer-events:none;z-index:1}.seg-sm>button{min-height:32px}.seg-lg>button{min-height:52px;font-size:var(--fs-md)}.switch{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:44px;padding:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}.switch:disabled{opacity:.5;cursor:not-allowed}.switch-track{position:relative;flex:0 0 auto;width:46px;height:26px;border-radius:var(--r-pill);background:#060504b3;border:1px solid rgba(217,165,79,.3);box-shadow:inset 0 2px 4px #00000073;transition:background var(--dur)}.switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--r-xs);background:#b9a587;box-shadow:0 1px 3px #00000080;transition:transform var(--dur) var(--ease-spring),background var(--dur)}.switch.on .switch-track{background:var(--teal-500);border-color:var(--teal-500)}.switch.on .switch-thumb{transform:translate(20px);background:#fff}.switch-text{display:flex;flex-direction:column;min-width:0}.switch-label{font-weight:600;font-size:var(--fs-md)}.switch-hint{font-size:var(--fs-xs);color:var(--text-subtle)}.card{position:relative;display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;padding:var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-2);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}.card>h2,.card>h3{margin:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-width:0}.card-head h2,.card-head h3{margin:0;display:flex;align-items:center;gap:var(--sp-2);min-width:0}.card-head .icon{color:var(--sand-400)}.card-sub{margin:-8px 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.card-feature{border-color:#e6bf7861}.card-feature:before{content:"";position:absolute;inset:-1px -1px auto;height:2px;background:var(--sand-400)}.divider{height:1px;background:var(--divider);border:0;margin:0}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-3);border:1px dashed rgba(217,165,79,.25);border-radius:var(--r-md);color:var(--text-muted);text-align:center;font-size:var(--fs-sm)}.empty .icon{color:var(--sand-500)}.tabs{display:flex;gap:3px;padding:3px;border-radius:var(--r-md);background:#0605048c;border:1px solid rgba(217,165,79,.18)}.tab{flex:1;min-height:38px;padding:0 var(--sp-3);border:1px solid transparent;border-radius:var(--r-xs);background:transparent;color:var(--text-muted);font-weight:600;cursor:pointer;transition:background var(--dur),color var(--dur)}.tab:hover:not(.active){color:var(--sand-100)}.tab.active{background:#d9a54f24;border-color:#e6bf788c;color:var(--sand-50)}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--r-pill);font:700 var(--fs-2xs) / 1 var(--font-body);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;vertical-align:middle}.badge .icon{width:12px;height:12px}.badge-neutral{background:#f7e9cc14;color:var(--text-muted);border-color:#f7e9cc1f}.badge-gold{background:#d9a54f29;color:var(--sand-200);border-color:#d9a54f6b}.badge-green{background:#7fcd7624;color:var(--green-300);border-color:#7fcd7666}.badge-red{background:#e3664c24;color:var(--crimson-300);border-color:#e3664c66}.badge-teal,.badge-ai{background:#4cc3b224;color:var(--teal-300);border-color:#4cc3b26b}.ai-badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;margin-right:6px;border-radius:var(--r-xs);background:var(--teal-400);color:#032420;font:800 .62rem / 1 var(--font-body);letter-spacing:.06em;vertical-align:middle}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#6e5d4a;box-shadow:0 0 0 2px #06050499;flex:0 0 auto}.dot.on{background:var(--green-400);box-shadow:0 0 0 2px #06050499,0 0 8px #7fcd76b3}.dot.busy{background:var(--sun);box-shadow:0 0 0 2px #06050499,0 0 8px #ffb54799}.avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:var(--r-sm);background:linear-gradient(160deg,var(--av, #d9a54f),color-mix(in srgb,var(--av, #d9a54f) 45%,#0e0c0a));color:#fff;font:700 var(--fs-md) / 1 var(--font-display);text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:inset 0 0 0 2px #ffffff2e,0 0 0 1px #00000080}.avatar .dot{position:absolute;right:-1px;bottom:-1px}.kbd,.code{font-family:var(--font-mono);letter-spacing:.16em}.code-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--r-md);border:1px dashed rgba(230,191,120,.6);background:#0605048c;color:var(--sand-200);font:700 var(--fs-md) / 1 var(--font-mono);letter-spacing:.2em;white-space:nowrap}.spinner{display:inline-block;border-radius:50%;border:2px solid rgba(217,165,79,.25);border-top-color:var(--sand-300);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logo{display:inline-flex;align-items:center;gap:var(--sp-3);min-width:0}.emblem{flex:0 0 auto}.logo-text{display:flex;flex-direction:column;min-width:0}.wordmark{display:inline-flex;flex-direction:column;align-items:stretch;line-height:1}.wm-main{font:700 2.4rem / .86 var(--font-display);letter-spacing:.16em;margin-right:-.16em;text-transform:uppercase;color:var(--sand-50);white-space:nowrap}.wm-sub{display:flex;align-items:center;gap:.7em;margin-top:.42em;font:600 .82rem / 1 var(--font-display);letter-spacing:.6em;text-transform:uppercase;color:var(--sand-400);white-space:nowrap}.wm-sub i{flex:1;height:1px;min-width:10px;background:#d9a54f66}.logo-tagline{margin-top:var(--sp-3);font:600 var(--fs-xs) / 1 var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted)}.logo-sm{gap:10px}.logo-sm .wm-main{font-size:1.36rem}.logo-sm .wm-sub{font-size:.6rem;letter-spacing:.5em;margin-top:.4em}.logo-lg{flex-direction:column;gap:var(--sp-5)}.logo-lg .wm-main{font-size:clamp(2.6rem,7vw,4.6rem)}.logo-lg .wm-sub{font-size:clamp(.8rem,1.7vw,1.15rem)}.toasts{position:fixed;top:calc(78px + var(--safe-top));right:calc(12px + var(--safe-right));z-index:100;display:flex;flex-direction:column;gap:var(--sp-2);width:min(380px,calc(100vw - 24px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);padding:12px 10px 12px 14px;border-radius:var(--r-lg);border:1px solid var(--border-strong);background:var(--tex-sandstone),#12100df7;box-shadow:var(--shadow-3);animation:toast-in var(--dur-slow) var(--ease-spring);overflow:hidden;position:relative}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--toast-c, var(--sand-400))}.toast-icon{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--toast-c, #d9a54f) 18%,transparent);color:var(--toast-c, var(--sand-300))}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2);padding-top:5px;font-size:var(--fs-sm);line-height:1.4}.toast-error{--toast-c: var(--crimson-400)}.toast-invite{--toast-c: var(--teal-400)}.toast-alert{--toast-c: var(--sun)}.toast-chat{--toast-c: var(--sand-300)}.toast-x{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:var(--r-sm);background:none;color:var(--text-subtle);cursor:pointer;display:grid;place-items:center}.toast-x:hover{color:var(--sand-100);background:#f7e9cc0f}@keyframes toast-in{0%{transform:translate(24px) scale(.98);opacity:0}}.conn-banner{position:fixed;top:var(--safe-top);left:50%;z-index:200;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-2);padding:8px 16px;border-radius:0 0 var(--r-md) var(--r-md);background:var(--crimson-500);border:1px solid #e3806b;border-top:0;color:#fff3ee;font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-2)}.modal-backdrop,.sheet-backdrop,.queue-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:radial-gradient(ellipse at center,#1d19158c,#050302d9),#05030266;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto;animation:fade-in var(--dur) ease-out}.modal-backdrop>.card,.sheet-backdrop>.card,.queue-overlay>.card{animation:pop-in var(--dur-slow) var(--ease-spring);box-shadow:var(--shadow-3),var(--inset-hi);background:var(--tex-sandstone),#12100dfa}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@media(pointer:coarse){input[type=range]{--thumb: 28px;--track: 10px;height:44px}.btn{min-height:44px}.btn-sm,.btn-small{min-height:40px}.icon-btn{width:44px;height:44px}.seg-ctl>button{min-height:42px}}.swatch{display:inline-block;flex:0 0 auto;width:18px;height:18px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff4d,0 1px 2px #00000080;vertical-align:middle}.label{font:600 var(--fs-xs) / 1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.lang-flags{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--r-pill);background:#0a0908c7}.lang-flag{display:inline-flex;align-items:center;gap:8px;padding:4px 6px;border:1px solid transparent;border-radius:var(--r-pill);background:none;color:var(--text-subtle);font:600 var(--fs-xs) / 1 var(--font-body);cursor:pointer;opacity:.55;transition:opacity var(--dur),border-color var(--dur),color var(--dur)}.lang-flag .flag{display:block;border-radius:2px;box-shadow:0 0 0 1px #ffffff26}.lang-flag:hover,.lang-flag:focus-visible{opacity:1;color:var(--sand-100)}.lang-flag.on{opacity:1;color:var(--sand-100);border-color:var(--border-strong);background:#ffffff0f}.lang-flags.with-labels .lang-flag{padding:6px 12px}.home-lang{position:fixed;left:50%;bottom:max(10px,var(--safe-bottom));z-index:25;transform:translate(-50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media(max-width:760px),(max-height:520px){.home-lang{display:none}}.profile-lang .lang-flags{align-self:flex-start}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--ink-900)}@supports (height: 100lvh){.backdrop{bottom:auto;height:100lvh}}.bd-sky{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 70% 18%,rgba(255,181,71,.28),transparent 70%),radial-gradient(ellipse 90% 70% at 15% 100%,rgba(200,69,47,.22),transparent 70%),linear-gradient(180deg,#2a1730,#4a2224 38%,#7a3a22 70%,#b8692f)}.bd-scene{position:absolute;left:50%;top:50%;width:max(118vw,188.8vh);height:auto;transform:translate(-50%,-50%) scale(1.02);opacity:0;animation:bd-in 1.6s var(--ease-out) forwards,bd-pan 90s ease-in-out 1.6s infinite alternate;filter:saturate(1.08) contrast(1.04);user-select:none}.backdrop.still .bd-scene,.backdrop.no-pan .bd-scene{animation:bd-in .8s ease-out forwards}@keyframes bd-in{to{opacity:1}}@keyframes bd-pan{0%{transform:translate(-50%,-50%) scale(1.02)}50%{transform:translate(-46%,-52%) scale(1.08)}to{transform:translate(-53%,-48.5%) scale(1.05)}}.bd-fx{position:absolute;inset:0;width:100%;height:100%}.bd-grade{position:absolute;inset:0;background:linear-gradient(180deg,#2a173099,#2a17301a 35%,#0a09088c),radial-gradient(ellipse 120% 90% at 50% 45%,transparent 35%,rgba(8,7,6,.8) 100%),linear-gradient(90deg,#0a0908e6,#0a090899 40%,#0a090826 62%,#0a090880)}.bd-grade:before{content:"";position:absolute;inset:0;background:#5a2a40;mix-blend-mode:soft-light;opacity:.55}.bd-grade:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 78% 22%,rgba(255,170,70,.18),transparent 70%);mix-blend-mode:screen}.backdrop-dim .bd-scene{filter:saturate(.8) brightness(.62) blur(1.5px)}.backdrop-dim .bd-grade{background:linear-gradient(180deg,#0a0908d1,#0a09088c 30%,#0a0908c7),radial-gradient(ellipse 120% 90% at 50% 40%,transparent 30%,rgba(8,7,6,.8) 100%)}.splash{position:relative;z-index:1;height:100vh;height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--sp-4);font-family:var(--font-display);color:var(--sand-300);letter-spacing:.2em}.splash .emblem{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.05);filter:drop-shadow(0 0 28px rgba(255,181,71,.45))}}.screen{position:relative;z-index:1;min-height:100vh;min-height:100dvh;overflow-x:clip;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-4);min-height:68px;padding:var(--sp-2) clamp(16px,3vw,32px);background:#0a0908db;border-bottom:1px solid var(--border);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.appnav{display:flex;gap:4px;margin:0 auto}.appnav-tab{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:42px;padding:0 var(--sp-4);border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-muted);font:600 1.0625rem / 1 var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--dur),color var(--dur)}.appnav-tab:hover:not(.active){color:var(--sand-100);background:#f7e9cc0d}.appnav-tab.active{color:var(--sand-50);background:transparent;box-shadow:inset 0 -2px 0 var(--sand-400)}.appnav-tab.active .icon{color:var(--sand-300)}.appbar-end{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto}.user-chip{display:flex;align-items:center;gap:var(--sp-2);height:42px;padding:0 var(--sp-3) 0 5px;border-radius:var(--r-pill);background:#06050473;border:1px solid var(--border);max-width:200px}.user-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-toggle{position:relative;display:none}.friends-toggle .count.calm{background:var(--green-600)}.appnav-tab .tab-short{display:none}.appbar-direct{display:flex;gap:var(--sp-2)}.appbar-menu{position:relative;display:none}.menu-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 6px var(--sun)}.app-menu.card{position:absolute;top:calc(100% + 10px);right:0;z-index:40;display:flex;flex-direction:column;gap:2px;width:min(260px,calc(100vw - 24px));padding:6px;background:var(--tex-sandstone),#12100dfa;box-shadow:var(--shadow-3),var(--inset-hi);animation:pop-in var(--dur) var(--ease-out);transform-origin:top right}.app-menu hr{margin:4px 6px;border:0;border-top:1px solid var(--border)}.app-menu-item{display:flex;align-items:center;gap:var(--sp-3);min-height:46px;padding:0 var(--sp-3);border:0;border-radius:var(--r-md);background:transparent;color:var(--sand-100);font:600 var(--fs-sm) / 1.2 var(--font-body);text-align:left;text-decoration:none;cursor:pointer}.app-menu-item:hover,.app-menu-item:focus-visible{background:#d9a54f1f;color:var(--sand-50)}.app-menu-item .icon{color:var(--sand-300)}.app-menu-item.danger,.app-menu-item.danger .icon{color:var(--crimson-300)}.app-menu-meta{margin-left:auto;color:var(--text-subtle);font:600 var(--fs-2xs) / 1 var(--font-mono)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.section-head h2{margin:2px 0 0;font-size:var(--fs-2xl)}.auth-screen{display:flex;flex-direction:column}.auth-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,420px);align-items:center;gap:clamp(32px,6vw,96px);width:100%;max-width:1200px;margin:0 auto;padding:clamp(24px,6vh,72px) clamp(16px,4vw,48px) var(--sp-5)}.auth-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-5);animation:rise-in .8s var(--ease-out) both}.auth-hero .logo-lg{align-items:center}.auth-pitch{max-width:34em;margin:0;font-size:var(--fs-lg);line-height:1.6;color:var(--sand-100);text-shadow:0 2px 12px rgba(0,0,0,.8)}.auth-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);width:100%;max-width:640px}.auth-features li{display:flex;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);background:#0a09088c;border:1px solid rgba(217,165,79,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:rise-in .7s var(--ease-out) both}.auth-features li:nth-child(2){animation-delay:.08s}.auth-features li:nth-child(3){animation-delay:.16s}.auth-features li:nth-child(4){animation-delay:.24s}.auth-features li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.4}.auth-features strong{color:var(--sand-100);font-size:var(--fs-md)}.feat-icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:#d9a54f14;border:1px solid rgba(230,191,120,.3);color:var(--sand-300)}.auth-card{gap:var(--sp-4);padding:var(--sp-6);background:var(--tex-sandstone),#12100de6;border-color:#e6bf7852;box-shadow:var(--shadow-3),var(--inset-hi);animation:pop-in .7s var(--ease-out) .1s both}.auth-card:before{content:"";position:absolute;inset:-1px -1px auto;height:2px;background:var(--sand-400)}.auth-intro h2{margin:0 0 2px;font-size:var(--fs-2xl)}.auth-intro p{margin:0}.auth-foot{margin:0;text-align:center}.auth-foot .link{color:var(--sand-300);font-weight:600}.auth-footer{align-self:center;margin:0 var(--sp-4) var(--sp-4);padding:6px 14px;border-radius:var(--r-pill);background:#0a0908b3;text-align:center;font-size:var(--fs-xs);letter-spacing:.08em;color:var(--text-muted)}.home-screen{display:flex;flex-direction:column}.home-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-6);align-items:start;width:100%;max-width:1440px;margin:0 auto;padding:var(--sp-6) clamp(16px,3vw,32px) var(--sp-8)}.home-main{min-width:0;display:flex;flex-direction:column;gap:var(--sp-6);animation:rise-in .45s var(--ease-out) both}.friends-dock{position:sticky;top:92px;min-width:0}.friends-dock .card{max-height:calc(100vh - 120px);overflow-y:auto}.friends-close,.friends-scrim{display:none}.play-tab{display:flex;flex-direction:column;gap:var(--sp-6)}.greeting h1{margin:4px 0 0;font-size:clamp(1.6rem,3.2vw,2.4rem);color:var(--sand-100);text-shadow:0 2px 16px rgba(0,0,0,.6)}.tutorial-card{flex-direction:row;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5)}.tutorial-copy{flex:1;min-width:0}.tutorial-copy h2{margin:0 0 2px;font-size:var(--fs-lg)}.tutorial-copy p{margin:0}.tutorial-actions{display:flex;gap:var(--sp-2)}.tutorial-actions a.btn{text-decoration:none}@media(max-width:640px){.tutorial-card{flex-wrap:wrap}.tutorial-actions{width:100%;justify-content:flex-end}}.quick-start-card{flex-direction:row;align-items:center;gap:var(--sp-4);padding:var(--sp-5);border-color:#ffb54773;background:linear-gradient(100deg,#ffb5471a,#ffb54700 60%),var(--surface)}.quick-start-copy{flex:1;min-width:0}.quick-start-copy h2{margin:0 0 2px;font-size:var(--fs-xl)}.quick-start-copy p{margin:0}.quick-start-btn{flex-shrink:0;min-width:200px}@media(max-width:640px){.quick-start-card{flex-wrap:wrap;padding:var(--sp-4)}.quick-start-btn{width:100%;min-width:0}}.play-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-content:start;overflow:hidden;padding:var(--sp-6)}.battle-card{grid-template-rows:auto auto auto auto;gap:var(--sp-3);background:radial-gradient(ellipse 50% 60% at 100% 0%,rgba(255,181,71,.1),transparent 70%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(76,195,178,.06),transparent 70%),var(--surface)}@media(min-width:900px){.battle-card .play-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-6);align-items:start}}.battle-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap}.battle-actions .btn{flex:1 1 200px}.battle-note{margin:0}.play-art{position:absolute;top:6px;right:2px;width:150px;height:120px;pointer-events:none}.play-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.play-art .art-main{right:6px;top:0;width:116px;height:116px}.play-art .art-main.unit{width:92px;height:92px;right:18px;top:14px}.play-art .art-side{right:92px;top:52px;width:64px;height:64px}.play-copy{position:relative;padding-right:140px;display:flex;flex-direction:column;gap:2px}.play-copy h2{margin:2px 0 4px;font-size:var(--fs-2xl);color:var(--sand-50)}.play-copy p{margin:0}.play-controls{display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-2)}.offline-card{background:radial-gradient(ellipse 70% 55% at 100% 0%,rgba(150,128,220,.08),transparent 70%),var(--surface)}.offline-card:before{background:#b9a8f0}.offline-card .eyebrow{color:#c4b6f4}.offline-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--sp-4) var(--sp-5)}.offline-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-4)}.offline-save{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-3) var(--sp-5);margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:#00000040;border:1px solid rgba(170,150,235,.22)}.offline-save .offline-actions{padding-top:0}.offline-save-info{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.offline-save-info .running-players>span+span{margin-left:-8px}.offline-save-info .lobby-text strong{white-space:normal;overflow:visible}.offline-save-info .is-out{filter:grayscale(1);opacity:.45}.offline-saved{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:#c4b6f4}@media(max-width:720px){.offline-controls{grid-template-columns:minmax(0,1fr)}.offline-actions,.offline-actions .btn{width:100%}.offline-save-info{flex-wrap:wrap}}.ranked-section{display:flex;flex-direction:column;gap:var(--sp-4)}.ranked-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.card.ranked-mode{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3) var(--sp-4);align-items:center;padding:var(--sp-4);transition:transform var(--dur) var(--ease-out),border-color var(--dur),box-shadow var(--dur)}.card.ranked-mode:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-3),var(--inset-hi)}.ranked-mode>.btn{grid-column:1 / -1}.ranked-mode-text{display:flex;flex-direction:column;min-width:0;gap:1px}.ranked-mode-text strong{font:700 var(--fs-lg) / 1.2 var(--font-display);color:var(--sand-100)}.mode-tag{align-self:flex-start;margin-bottom:4px;padding:2px 7px;border-radius:var(--r-xs);background:#c8452f33;border:1px solid rgba(227,102,76,.45);color:var(--crimson-300);font:800 var(--fs-2xs) / 1.2 var(--font-body);letter-spacing:.1em}.rank-line{color:var(--sand-300);font-weight:600;margin-top:2px}.play-lobbies{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--sp-5);align-items:start}.lobby-list,.friend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.lobby-list li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:#06050459;border:1px solid rgba(217,165,79,.12);transition:border-color var(--dur),background var(--dur)}.lobby-list li:hover{border-color:var(--border-strong);background:#d9a54f0f}.lobby-fill{display:grid;grid-template-columns:repeat(4,8px);gap:3px;flex:0 0 auto}.lobby-fill i{width:8px;height:8px;border-radius:var(--r-xs);background:#f7e9cc1f}.lobby-fill i.on{background:var(--teal-400);box-shadow:0 0 6px #4cc3b299}.lobby-text{flex:1;min-width:0;display:flex;flex-direction:column}.lobby-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-input,input.code-input{font-family:var(--font-mono);letter-spacing:.24em;font-weight:700;text-transform:uppercase}.code-input::placeholder{letter-spacing:.04em;font-family:var(--font-body);font-weight:400;text-transform:none}.friend{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-2);border-radius:var(--r-md);transition:background var(--dur)}.friend:hover{background:#f7e9cc0a}.friend.request{background:#4cc3b214;border:1px solid rgba(76,195,178,.25)}.friend.offline .avatar{filter:grayscale(.8) brightness(.75)}.friend-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.friend-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend .actions,.actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.friend .icon-btn{width:34px;height:34px}.icon-btn.ghost{background:transparent;border-color:transparent;color:var(--text-subtle)}.icon-btn.ghost:hover{color:var(--crimson-300);background:#e3664c1a}.friend.friend-banner{position:relative;isolation:isolate;overflow:hidden;min-height:58px;padding:6px 8px 6px 10px;border:1px solid rgba(255,236,196,.28);text-shadow:0 1px 4px rgba(0,0,0,.9)}.friend.friend-banner .card-art{z-index:-2}.friend.friend-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000000d1,#0000008c 60%,#0000004d);pointer-events:none}.friend.friend-banner .friend-text .small{color:#fff4dcd9}.friend.friend-banner.offline .card-art{filter:grayscale(.7) brightness(.6)}.friend-crest{position:relative;display:grid;place-items:center;flex:none;width:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.friend-crest .dot{position:absolute;right:0;bottom:2px}.friend.offline .friend-crest .crest{filter:grayscale(.6) brightness(.8)}.friend-trophies{flex:none;padding:2px 8px;border-radius:var(--r-pill);background:#00000080;font-weight:800;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.friend.friend-banner .icon-btn.ghost{color:#fff4dcbf}.friend-group{display:flex;flex-direction:column;gap:var(--sp-2)}.friend-group h3{margin:0}.friend-group h3{display:flex;align-items:center;gap:6px}.count-pill{min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--crimson-500);color:#fff;font:700 var(--fs-2xs) / 18px var(--font-body);letter-spacing:0;text-align:center}.count-pill.calm{background:#f7e9cc29;color:var(--text-muted)}.friend-requests .friend.request .btn{gap:4px}.friend.sent{padding-block:4px;border:1px dashed rgba(247,233,204,.14)}.friend.sent .friend-text .small{display:inline-flex;align-items:center;gap:4px}.invite-codes{padding-top:var(--sp-3);border-top:1px solid var(--divider)}.invite-codes p{margin:0}.invite-code-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.invite-code-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:40px}.invite-code-list code{font-family:var(--font-mono);font-size:var(--fs-sm, .875rem);letter-spacing:.08em;color:var(--accent-hi);user-select:all}.invite-code-list li.used code{color:var(--text-subtle);text-decoration:line-through}.friends-card .card-head .badge{margin-left:auto}.lobby-screen{display:flex;flex-direction:column}.lobby-bar{gap:var(--sp-3)}.lobby-title{flex:1;min-width:0;text-align:center}.lobby-title h1{margin:0;font-size:var(--fs-xl);color:var(--sand-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-bar .code-chip{cursor:pointer;transition:border-color var(--dur)}.lobby-bar .code-chip:hover{border-style:solid}.lobby-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--sp-6);align-items:start;width:100%;max-width:1440px;margin:0 auto;padding:var(--sp-6) clamp(16px,3vw,32px) 120px}.lobby-main{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0;animation:rise-in .45s var(--ease-out) both}.lobby-side{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.ai-fill{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.ai-fill .seg-ctl{min-width:250px}.seek-banner{flex-direction:row;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);border-color:#4cc3b273}.seek-pulse{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:var(--teal-300);background:#4cc3b224;animation:seek-pulse 1.6s ease-in-out infinite}@keyframes seek-pulse{50%{box-shadow:0 0 0 8px #4cc3b200;background:#4cc3b242}}@media(prefers-reduced-motion:reduce){.seek-pulse{animation:none}}.seek-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.banners{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--sp-4)}.banner{--pc: #6e5d4a;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);min-height:236px;padding:0 var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--pc) 30%,transparent),transparent 75%),#12100de6;border:1px solid color-mix(in srgb,var(--pc) 45%,rgba(217,165,79,.2));box-shadow:var(--shadow-2),var(--inset-hi);text-align:center;animation:pop-in .45s var(--ease-out) both}.banner-card{height:168px;bottom:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.banner.has-card .pennant,.banner.has-card .banner-body{z-index:1}.banner.has-card .banner-name{text-shadow:0 1px 4px rgba(0,0,0,.9)}.banner.self{box-shadow:var(--shadow-2),0 0 0 2px color-mix(in srgb,var(--pc) 70%,white 10%),0 0 26px color-mix(in srgb,var(--pc) 35%,transparent)}.banner:before{content:"";position:absolute;top:10px;left:50%;width:104px;height:6px;transform:translate(-50%);border-radius:var(--r-xs);background:#e6bf78;box-shadow:0 2px 4px #00000080;z-index:1}.pennant{position:relative;display:grid;place-items:center;width:88px;height:112px;margin-top:13px;padding-bottom:18px;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 25%,transparent 75%,rgba(0,0,0,.25)),linear-gradient(180deg,color-mix(in srgb,var(--pc) 92%,white 8%),color-mix(in srgb,var(--pc) 70%,black 30%));clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));color:#fff}.pennant:after{content:"";position:absolute;inset:6px 6px auto;height:calc(100% - 30px);border:1.5px solid rgba(255,236,196,.45);border-bottom:0;pointer-events:none}.pennant-charge{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#00000038;border:2px solid rgba(255,236,196,.6);font:900 1.4rem / 1 var(--font-display);text-shadow:0 1px 2px rgba(0,0,0,.6)}.banner.free{border-style:dashed;border-color:#d9a54f47;background:#0a090873;box-shadow:none}.banner.free:before{opacity:.35}.banner.free .pennant{background:#f7e9cc0f;color:var(--text-subtle);filter:none}.banner.free .pennant:after{border-style:dashed;border-color:#f7e9cc2e}.banner.offline{opacity:.6}.banner-body{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;width:100%}.banner-name{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;max-width:100%;min-height:2.5em;font:700 var(--fs-md) / 1.25 var(--font-display)}.banner-name-text{min-width:0;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;font:inherit;color:var(--sand-50)}.banner-you{flex:none;padding:2px 7px;border-radius:var(--r-pill);border:1px solid rgba(247,233,204,.22);color:var(--text-subtle);font:700 var(--fs-2xs) / 1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase}.banner-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.team-badge{background:color-mix(in srgb,var(--tc) 18%,transparent);color:color-mix(in srgb,var(--tc) 70%,white 30%);border-color:color-mix(in srgb,var(--tc) 50%,transparent)}.ready{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--r-pill);font:700 var(--fs-2xs) / 1 var(--font-body);letter-spacing:.05em;text-transform:uppercase;background:#f7e9cc14;color:var(--text-muted);border:1px solid rgba(247,233,204,.14)}.ready:before{content:"";width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor;animation:breathe-dot 1.4s ease-in-out infinite}.ready.yes{background:#7fcd7624;color:var(--green-300);border-color:#7fcd7666}.ready.yes:before{animation:none}@keyframes breathe-dot{50%{opacity:.25}}.banner-controls{display:flex;gap:6px;width:100%}.banner-controls .select{flex:1}.banner-controls select{min-height:34px;font-size:var(--fs-xs);padding-left:8px;padding-right:24px;background-position:right 8px center}.banner-x{position:absolute;top:6px;right:6px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(247,233,204,.18);background:#06050499;color:var(--text-muted);cursor:pointer;opacity:.75;transition:opacity var(--dur),color var(--dur),background var(--dur)}.banner-x:hover,.banner-x:focus-visible{opacity:1;color:#fff;background:var(--crimson-500)}.note-line{display:flex;align-items:center;gap:6px;margin:-6px 0 0}.my-slot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5)}.colors{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.color{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);border:2px solid rgba(0,0,0,.35);color:#fff;cursor:pointer;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #00000059;transition:transform var(--dur-fast) var(--ease-out);filter:drop-shadow(0 0 0 transparent)}.color .icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.color:hover:not(:disabled){transform:translateY(-2px)}.color.active{border-color:var(--sand-50);box-shadow:0 0 0 2px var(--sand-400),0 4px 14px #00000080}.color:disabled{opacity:.18;cursor:not-allowed}.invite-code{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-4);border-radius:var(--r-md);border:1px dashed rgba(230,191,120,.45);background:#06050473}.invite-code-value{font-size:2rem;font-weight:700;letter-spacing:.32em;padding-left:.32em;color:var(--sand-200);text-shadow:0 0 18px rgba(255,181,71,.35)}.invite-link{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-subtle);font-size:var(--fs-xs)}.invite-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-card{min-height:300px}.chat-log{flex:1;min-height:140px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:var(--sp-3);border-radius:var(--r-md);background:#06050480;box-shadow:inset 0 2px 6px #0006;font-size:var(--fs-sm)}.chat-line{line-height:1.4;word-break:break-word}.chat-line b{color:var(--sand-300);margin-right:6px}.chat-line.system{color:var(--text-subtle);font-style:italic;font-size:var(--fs-xs)}.chat-line.allies b{color:var(--teal-300)}.chat-empty{margin:auto}.lobby-actionbar{position:sticky;bottom:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) clamp(16px,3vw,32px) calc(var(--sp-3) + var(--safe-bottom));background:linear-gradient(0deg,#0a0908f5,#0a0908d1);border-top:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -10px 30px #00000059}.ready-meter{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-muted)}.ready-meter b{color:var(--sand-100)}.ready-pips{display:flex;gap:4px}.ready-pips i{width:12px;height:18px;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);background:#f7e9cc26}.start-btn{min-width:260px}.start-btn:not(:disabled).btn-primary{animation:glow 2.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:inset 0 1px #fffae699,inset 0 -2px #6e441859,0 0 32px #ffb5478c}}@media(max-width:1240px){.home-body{grid-template-columns:minmax(0,1fr)}.friends-toggle,.friends-close{display:inline-grid}.friends-dock{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(380px,92vw);padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));transform:translate(105%);transition:transform var(--dur-slow) var(--ease-out);visibility:hidden}.friends-dock.open{transform:none;visibility:visible}.friends-dock .card{max-height:100%;height:100%;background:var(--tex-sandstone),#12100dfa}.friends-scrim{display:block;position:fixed;inset:0;z-index:55;background:#05030299;opacity:0;pointer-events:none;transition:opacity var(--dur)}.friends-scrim.open{opacity:1;pointer-events:auto}.lobby-layout{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:1080px){.ranked-modes{grid-template-columns:minmax(0,1fr)}.card.ranked-mode{grid-template-columns:auto minmax(0,1fr) auto}.ranked-mode>.btn{grid-column:auto;width:auto}}@media(max-width:1420px){.appbar .logo-sm .logo-text{display:none}.appnav-tab{gap:6px;padding:0 8px;font-size:.9375rem}.appnav-tab .tab-long{display:none}.appnav-tab .tab-short{display:inline}}@media(max-width:1100px){.appbar .user-name{display:none}.appbar-direct{gap:0}.appbar .user-chip .level-badge{display:none}}@media(max-width:960px){.auth-layout{grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:var(--sp-6)}.auth-layout{gap:var(--sp-5)}.auth-hero{display:contents}.auth-hero .logo{order:1;animation:rise-in .8s var(--ease-out) both}.auth-pitch{order:2;text-align:center;max-width:30em}.auth-card{order:3;width:100%;max-width:440px}.auth-features{order:4}.play-lobbies,.lobby-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.appbar{min-height:60px;gap:var(--sp-2);backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0908f5}.home-screen .appbar .logo{margin-right:auto}.appbar .logo-sm .logo-text{display:flex}.appnav{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;padding:6px 8px calc(6px + var(--safe-bottom));border-radius:0;border:0;border-top:1px solid var(--border);background:#0a0908f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);justify-content:space-around}.appnav-tab{flex:1 1 0;min-width:0;flex-direction:column;gap:4px;min-height:52px;padding:0 2px;font:600 var(--fs-2xs) / 1 var(--font-body);letter-spacing:.01em;text-transform:none}.appnav-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.appnav-tab.active{box-shadow:inset 0 2px 0 var(--sand-400);background:#d9a54f14}.home-body{padding:var(--sp-4) var(--sp-4) calc(96px + var(--safe-bottom))}.user-chip{padding:0 4px}.user-name{display:none}.play-card{padding:var(--sp-5) var(--sp-4)}.play-art{width:110px;height:96px;top:2px;right:-6px}.play-art .art-main{width:88px;height:88px}.play-art .art-main.unit{width:70px;height:70px}.play-art .art-side{right:66px;top:44px;width:46px;height:46px}.play-copy{padding-right:96px}.play-copy h2{font-size:var(--fs-xl)}.card{padding:var(--sp-4)}.card.ranked-mode{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-3);padding:var(--sp-3)}.ranked-mode>.btn{grid-column:auto;width:auto;padding:0 var(--sp-3)}.ranked-mode .rank-badge{width:46px!important}.ranked-mode .rank-badge svg{width:46px;height:55px}.lobby-title h1{font-size:var(--fs-lg)}.start-btn{padding:0 var(--sp-4);font-size:var(--fs-md)}.ready-meter{flex:0 1 auto;min-width:0}.ready-meter .small{white-space:nowrap}.ready-extra{display:none}.section-head h2{font-size:var(--fs-xl)}.lobby-back span{display:none}.lobby-back{padding:0 10px}.lobby-layout{padding:var(--sp-4) var(--sp-4) 120px}.banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.banner{min-height:200px}.pennant{width:70px;height:90px}.pennant-charge{width:38px;height:38px;font-size:1.15rem}.banner:before{width:86px}.banner-name{font-size:var(--fs-md)}.my-slot{grid-template-columns:minmax(0,1fr)}.ai-fill{width:100%}.ai-fill .seg-ctl{min-width:0;flex:1 1 100%}.ai-fill .btn{flex:1 1 100%}.lobby-actionbar{padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + var(--safe-bottom))}.start-btn{min-width:0;flex:1}.ready-meter .ready-pips{display:none}.auth-features{grid-template-columns:minmax(0,1fr)}.auth-card{padding:var(--sp-5)}.hide-xs-text{display:none}}@media(max-width:420px){.logo-sm .wm-main{font-size:1.05rem}.logo-sm .emblem{width:34px;height:34px}.play-copy{padding-right:72px}.play-art{transform:scale(.8);transform-origin:top right}}@media(max-height:520px)and (min-width:600px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);padding-top:var(--sp-4);gap:var(--sp-6)}.auth-features{display:none}.auth-hero{display:flex;align-items:center;text-align:center;gap:var(--sp-3)}.auth-card{gap:var(--sp-3);padding:var(--sp-4)}.auth-intro{display:none}.auth-hero .logo-lg{gap:var(--sp-2)}.auth-hero .logo-lg .emblem{width:72px;height:72px}.auth-hero .logo-lg .wm-main{font-size:2.4rem}.auth-pitch{font-size:var(--fs-sm)}.appbar{min-height:54px}.appnav{position:static;margin:0 auto;padding:3px;border:1px solid rgba(217,165,79,.14);border-radius:var(--r-lg);background:#06050480}.appnav-tab{flex-direction:row;min-height:40px;font-size:var(--fs-xs)}.appnav-tab.active{box-shadow:inset 0 -2px 0 var(--sand-400);background:transparent}.user-name{display:none}.user-chip{padding:0 4px}.home-body{padding-bottom:var(--sp-6)}}@media(max-width:760px),(max-height:520px){.appbar-direct{display:none}.appbar-menu{display:block}.home-screen .version-badge,.home-screen .bug-badge{display:none}}@media(max-width:400px){.appnav-tab .tab-long{display:none}.appnav-tab .tab-short{display:inline}.appnav{padding-left:2px;padding-right:2px}.appnav-tab{padding:0;font-size:.625rem;letter-spacing:0}}@media(max-width:340px){.home-screen .appbar .logo-sm .logo-text{display:none}}@media(max-height:520px)and (min-width:600px){.appnav{min-width:0}.appnav-tab{min-width:0;padding:0 var(--sp-2)}}@media(max-height:520px)and (min-width:600px)and (max-width:820px){.appnav-tab span{display:none}.appnav-tab{padding:0 var(--sp-3)}}.chat-card .card-head .chat-unread{margin-left:auto;animation:toast-in var(--dur-slow) var(--ease-spring)}.chat-nudge{position:fixed;left:50%;bottom:calc(88px + var(--safe-bottom));z-index:20;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--sp-2);padding:9px 16px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:#12100df7;color:var(--sand-50);font:600 var(--fs-sm) / 1 var(--font-body);box-shadow:var(--shadow-3);cursor:pointer;animation:toast-in var(--dur-slow) var(--ease-spring)}.chat-nudge:hover{border-color:var(--gold-400, var(--sand-300))}.running-games{border-color:#d9a54f73;box-shadow:0 0 0 1px #d9a54f1f inset}.running-games>p{margin:0 0 var(--sp-3)}.running-row{flex-wrap:wrap}.running-players{display:flex;flex:0 0 auto}.running-players .avatar+.avatar{margin-left:-8px}.running-grace{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--sand-300)}.running-grace.urgent{color:var(--crimson-300);font-weight:700}.running-actions{display:flex;gap:var(--sp-2);margin-left:auto}@media(max-width:560px){.running-actions{width:100%;justify-content:flex-end}}.account-settings h3{margin:0 0 var(--sp-3)}.account-block+.account-block{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.account-block h4{margin:0 0 var(--sp-1)}.account-block p,.account-block .form-ok,.account-block .form-error{margin:0 0 var(--sp-3)}.account-form{display:flex;flex-direction:column;gap:var(--sp-2);max-width:420px}.account-form input{width:100%}.account-sheet{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--sp-3)}.account-sheet h2{margin:0}.card.sheet.email-prompt{width:min(480px,100%)}.email-prompt h2{display:flex;align-items:center;gap:var(--sp-2)}.email-prompt p{margin:0}.email-prompt .account-form{max-width:none}.email-prompt-actions{flex-wrap:wrap}.card.sheet.invite-prompt{position:relative;width:min(480px,100%)}.invite-prompt h2{display:flex;align-items:center;gap:var(--sp-2);padding-right:var(--sp-6)}.invite-prompt p{margin:0}.invite-prompt-close{position:absolute;top:var(--sp-2);right:var(--sp-2)}.invite-prompt-code{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3);border:1px dashed var(--accent-hi);border-radius:var(--r-md)}.invite-prompt-code code{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:.12em;color:var(--accent-hi);user-select:all}.invite-prompt-actions{flex-wrap:wrap;justify-content:flex-end}.delete-account h3{margin:0 0 var(--sp-2)}.delete-account p{margin:0 0 var(--sp-3)}.delete-account-form{display:flex;flex-direction:column;gap:var(--sp-2);max-width:420px}.delete-account-form input{width:100%}.meta-stack{display:flex;flex-direction:column;gap:var(--sp-5)}.rank-badge{margin:0;display:inline-flex;flex-direction:column;align-items:center;flex:0 0 auto}.rank-badge svg{display:block;overflow:visible;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.rank-badge figcaption{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--sand-300);text-align:center}.card.queue-box{width:min(400px,100%);align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-6) var(--sp-6);border-color:#e6bf7861}.queue-box h2{margin:0;font-size:var(--fs-2xl);color:var(--sand-50)}.queue-mode{margin:0;font-family:var(--font-display);color:var(--sand-200)}.queue-radar{width:136px;height:136px;margin-bottom:var(--sp-2)}.queue-radar svg{width:100%;height:100%;overflow:visible}.q-ring{fill:none;stroke:#d9a54f38;stroke-width:1.5}.q-progress{fill:none;stroke:var(--teal-400);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dasharray .3s linear;filter:drop-shadow(0 0 4px rgba(76,195,178,.7))}.q-sweep{transform-origin:60px 60px;animation:spin 2.4s linear infinite}.q-star{fill:var(--sand-300);transform-origin:60px 58px;animation:q-pulse 1.6s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,181,71,.7))}.queue-radar.found .q-ring{stroke:var(--green-400)}.queue-radar.found .q-star{fill:var(--green-300);animation:none;transform:scale(1.25)}@keyframes q-pulse{50%{transform:scale(.82);opacity:.75}}.queue-clock{font:700 2.6rem / 1 var(--font-display);color:var(--sand-100);font-variant-numeric:tabular-nums;letter-spacing:.04em}.queue-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.queue-fill{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:var(--r-md);background:#4cc3b21a;border:1px solid rgba(76,195,178,.3);color:var(--teal-300);font-size:var(--fs-sm)}.queue-fill b{color:var(--sand-50)}.queue-box .btn{margin-top:var(--sp-2)}@media(max-height:520px){.queue-overlay{overflow-y:auto}.card.queue-box{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--sp-5);row-gap:var(--sp-2);justify-items:center;width:min(620px,100%);padding:var(--sp-4) var(--sp-5)}.card.queue-box>*{grid-column:2}.card.queue-box>.queue-radar{grid-column:1;grid-row:1 / span 7;align-self:center;width:104px;height:104px;margin:0}.queue-box h2{font-size:var(--fs-xl)}.queue-clock{font-size:1.9rem}.queue-box .btn{margin-top:0}}.profile-search{max-width:460px}.card.profile-head{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);background:radial-gradient(ellipse 60% 120% at 0% 0%,rgba(217,165,79,.18),transparent 70%),var(--surface)}.profile-name{font-size:var(--fs-3xl);margin:0;color:var(--sand-50)}.profile-head p{margin:2px 0 0}.stat-tiles{display:flex;gap:var(--sp-2)}.stat-tile{display:flex;flex-direction:column;align-items:center;min-width:92px;padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:#06050466}.stat-tile strong{font:700 var(--fs-2xl) / 1.1 var(--font-display);color:var(--sand-200)}.rank-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card.rank-card{flex-direction:row;align-items:center;gap:var(--sp-4)}.card.rank-card.kaiser{border-color:#f6d36e;box-shadow:0 0 0 1px #f6d36e59,0 0 40px #f6d36e2e,var(--shadow-2)}.rank-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rank-title{font:800 var(--fs-xl) / 1.2 var(--font-display);color:var(--sand-100)}.ruhm-bar{height:8px;border-radius:var(--r-pill);background:#06050499;border:1px solid var(--border);overflow:hidden}.ruhm-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--sand-600),var(--sand-300));box-shadow:0 0 8px #ffb54780}.placement-pips{display:flex;gap:5px}.placement-pips i{width:14px;height:14px;border-radius:50%;border:1px solid var(--border-strong);background:#06050499}.placement-pips i.on{background:radial-gradient(circle at 35% 30%,var(--sand-200),var(--sand-500));border-color:var(--sand-200)}.mode-bars{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}.mode-bars li{display:grid;grid-template-columns:minmax(110px,160px) 1fr auto;align-items:center;gap:var(--sp-3)}.mode-bars .bar{height:8px;border-radius:var(--r-pill);background:#c8452f73;overflow:hidden}.mode-bars .bar span{display:block;height:100%;background:var(--green-400)}.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.match-row{width:100%;display:grid;grid-template-columns:120px 1fr auto auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid rgba(217,165,79,.14);border-radius:var(--r-md);background:linear-gradient(90deg,rgba(200,69,47,.16),transparent 40%),#06050459;box-shadow:inset 3px 0 0 var(--crimson-400);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur),transform var(--dur-fast)}.match-row.won{background:linear-gradient(90deg,rgba(127,205,118,.14),transparent 40%),#06050459;box-shadow:inset 3px 0 0 var(--green-400)}.match-row:hover{border-color:var(--border-strong)}.match-row:active{transform:scale(.995)}.match-result,.match-meta{display:flex;flex-direction:column;min-width:0}.match-result strong{font-family:var(--font-display)}.match-row.won .match-result strong{color:var(--green-300)}.match-row.lost .match-result strong{color:var(--crimson-300)}.match-result .pos,.match-result .neg{font-size:var(--fs-xs);font-weight:600}.match-players{display:flex;gap:3px}.pdot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.5);flex:0 0 auto}.pdot.is-me{outline:2px solid var(--sand-300);outline-offset:1px}.match-kda{color:var(--text-muted);white-space:nowrap}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{min-height:34px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);cursor:pointer}.filter-chip:hover{color:var(--sand-100)}.filter-chip.active{background:#d9a54f2e;color:var(--sand-100);border-color:var(--sand-400)}.card.sheet{width:min(1100px,100%);max-height:100%;overflow:auto}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.sheet-head h2,.sheet-head p{margin:0}.score-wrap,.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-md);background:#0605044d}.score-table,.ladder{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.score-table th,.score-table td,.ladder th,.ladder td{padding:10px 12px;border-bottom:1px solid var(--divider);text-align:right;white-space:nowrap}.score-table thead th,.ladder thead th{position:sticky;top:0;z-index:1;background:var(--ink-850);color:var(--sand-400);font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.score-table .sticky{position:sticky;left:0;z-index:2;background:var(--ink-850);text-align:left}.score-table thead .sticky{z-index:3}.score-table tbody th{font-weight:600}.score-table tr.won .sticky{box-shadow:inset 3px 0 0 var(--green-400)}.score-table td:nth-child(2){text-align:left}.score-table td.best{color:var(--sand-200);font-weight:700}.sb-player{display:inline-flex;align-items:center;gap:6px}.sb-rank{display:block;font-weight:400}.leaderboard-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}.leaderboard-controls .tabs{min-width:240px}.season-select{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm)}.season-select select{width:auto}.ladder th:nth-child(2),.ladder td:nth-child(2),.ladder th:nth-child(3),.ladder td:nth-child(3){text-align:left}.ladder tbody tr{cursor:pointer;transition:background var(--dur)}.ladder tbody tr:hover{background:#d9a54f12}.ladder tr.is-me{background:#d9a54f21}.ladder tr.kaiser td{color:#f6d36e}.ladder .pos-cell{font:700 var(--fs-lg) var(--font-display);color:var(--sand-400);width:3em}.ladder tbody tr:nth-child(1) .pos-cell{color:#ffd76a}.ladder tbody tr:nth-child(2) .pos-cell{color:#d9dde6}.ladder tbody tr:nth-child(3) .pos-cell{color:#e09a5a}.ladder-rank{display:inline-flex;align-items:center;gap:var(--sp-2)}@media(max-width:600px){.card.profile-head{flex-direction:column;align-items:stretch}.profile-name{font-size:var(--fs-2xl)}.stat-tiles{justify-content:space-between}.stat-tile{flex:1;min-width:0}.match-row{grid-template-columns:1fr auto;gap:4px 10px}.match-meta{grid-column:1 / -1;grid-row:2}.match-kda,.hide-narrow{display:none}.table-wrap{border:0;background:none;overflow:visible}.ladder thead{display:none}.ladder tbody{display:flex;flex-direction:column;gap:var(--sp-2)}.ladder tbody tr{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;grid-template-areas:"pos name ruhm" "pos rank ruhm";align-items:center;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:#06050466}.ladder td{padding:0;border:0;text-align:left!important}.ladder td.pos-cell{grid-area:pos}.ladder td:nth-child(2){grid-area:name;font-weight:700}.ladder td:nth-child(3){grid-area:rank;font-size:var(--fs-sm);color:var(--text-muted)}.ladder td:nth-child(4){grid-area:ruhm;font:700 var(--fs-xl) var(--font-display);color:var(--sand-200)}.mode-bars li{grid-template-columns:1fr auto}.mode-bars .bar{grid-column:1 / -1;grid-row:2}.card.rank-card{padding:var(--sp-3)}.sheet-backdrop{padding:var(--safe-top) 0 0;align-items:end}.card.sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92%}}.crest,.banner-art{display:inline-flex;flex:none;line-height:0}.crest svg,.banner-art svg{overflow:visible;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}button.user-chip{font:inherit;color:inherit;cursor:pointer;transition:border-color var(--dur) var(--ease-out)}button.user-chip:hover{border-color:var(--border-strong)}.user-chip .crest{margin-left:3px}.level-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--sp-2);min-width:0}.level-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:none;min-width:34px;height:34px;padding:0 10px;border-radius:var(--r-pill);line-height:1;white-space:nowrap;background:var(--sand-400);color:var(--text-on-gold);font-family:var(--font-body);font-weight:800;font-size:var(--fs-md);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px #0a0908cc,0 0 0 3px #e6bf7873,0 4px 10px #0006}.level-badge .trophy-icon{font-size:.9em}.trophy-loss{color:var(--danger, #e06a5a)}.level-badge.sm{min-width:22px;height:22px;font-size:var(--fs-2xs);padding:0 4px}.level-track,.achievement-track,.xp-track{position:relative;flex:1 1 60px;min-width:60px;height:10px;border-radius:var(--r-pill);background:#06050499;border:1px solid rgba(217,165,79,.25);overflow:hidden}.level-track>span,.achievement-track>span,.xp-track>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--sand-600),var(--sand-300));box-shadow:0 0 12px #ffb54773;transition:width .9s var(--ease-out)}.level-text{flex:none;font-variant-numeric:tabular-nums}.realm-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--sp-6);background:radial-gradient(ellipse 50% 140% at 0% 0%,rgba(217,165,79,.2),transparent 70%),var(--surface)}.realm-card.solo{grid-template-columns:minmax(0,1fr)}.realm-id{display:flex;align-items:center;gap:var(--sp-5);min-width:0;position:relative}.realm-crest{flex:none;padding:4px;border:0;background:none;cursor:pointer;transition:transform var(--dur) var(--ease-spring)}.realm-crest:hover{transform:translateY(-2px) rotate(-2deg)}.realm-who{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.realm-name{margin:0;font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.1;color:var(--sand-100);text-shadow:0 2px 16px rgba(0,0,0,.6);overflow-wrap:anywhere}.realm-title{color:var(--sand-300);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.06em}.realm-next{line-height:1.35;overflow-wrap:anywhere}.realm-chamber{align-self:flex-start;margin-top:4px}.chamber{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:var(--sp-5);align-items:start}.chamber-preview{position:sticky;top:86px;align-items:center;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(217,165,79,.22),transparent 70%),var(--surface)}.chamber-stage{display:flex;align-items:flex-end;justify-content:center;gap:var(--sp-4);min-height:250px;padding-top:var(--sp-2)}.chamber-who{display:flex;flex-direction:column;gap:2px}.chamber-preview .level-bar{width:100%}.chamber-hints{list-style:none;margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:#e3664c1f;border:1px solid rgba(227,102,76,.35);color:var(--crimson-300);font-size:var(--fs-sm);text-align:left}.chamber-hints li{display:flex;gap:6px;align-items:flex-start}.chamber-actions{justify-content:center;flex-wrap:wrap}.chamber-note{margin:0}.chamber-parts h4{margin:var(--sp-2) 0 0;font-family:var(--font-display);color:var(--sand-300);font-size:var(--fs-sm);letter-spacing:.08em}.chamber-tabs{flex-wrap:wrap}.chamber-tabs>button{flex:1 0 auto;padding:4px 12px;white-space:nowrap}.chamber-grid,.chamber-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--sp-2)}.chamber-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border-radius:var(--r-md);border:1px solid var(--divider);background:#06050459;color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast) var(--ease-out),background var(--dur-fast)}.chamber-tile:hover:not(.locked){border-color:var(--border-strong);transform:translateY(-1px)}.chamber-tile.on{border-color:var(--sand-300);background:#d9a54f29;box-shadow:var(--glow-gold)}.chamber-tile-art{display:grid;place-items:center;min-height:64px}.chamber-tile-label{font-size:var(--fs-2xs);line-height:1.2;text-align:center;color:var(--text-muted);max-width:100%;overflow-wrap:anywhere;hyphens:auto}.chamber-tile.on .chamber-tile-label{color:var(--sand-100)}.chamber-tile.locked{cursor:default}.chamber-tile.locked .chamber-tile-art{filter:grayscale(.85) brightness(.55)}.chamber-tile-lock{display:inline-flex;align-items:center;gap:3px;font-size:10px;line-height:1.15;text-align:center;color:var(--sand-300)}.swatch-big{width:44px;height:44px;border-radius:50%;border:2px solid #1b1814;box-shadow:inset 0 -6px 12px #0000004d,inset 0 5px 10px #ffffff40}.swatch-big.metal{box-shadow:inset 0 -6px 12px #00000040,inset 0 6px 12px #fff9}.chamber-toggles{flex-wrap:wrap;gap:var(--sp-4)}.chamber-toggles .check{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm)}.chamber-titles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-2)}.chamber-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--divider);background:#06050459;color:var(--text);font:inherit;text-align:left;cursor:pointer}.chamber-title>span:first-child{font-family:var(--font-display);color:var(--sand-200)}.chamber-title.on{border-color:var(--sand-300);background:#d9a54f29}.chamber-title.locked{cursor:default;opacity:.55}.profile-head .crest{margin-right:calc(var(--sp-2) * -1)}.profile-who{flex:1;min-width:160px}.achievements,.mastery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-2)}.achievement,.mastery-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px 12px;border-radius:var(--r-md);background:#06050459;border:1px solid var(--divider)}.achievement.tier-0 .achievement-icon{filter:grayscale(1);opacity:.5}.achievement.tier-3{border-color:#e6bf7880;background:linear-gradient(90deg,#d9a54f29,#06050459)}.achievement-icon,.mastery-icon{font-size:1.5rem;width:34px;text-align:center;flex:none}.achievement-body,.mastery-body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.achievement-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.achievement-head strong{font-size:var(--fs-sm)}.achievement-track{height:6px;flex:none}.achievement-pips{display:inline-flex;gap:4px}.achievement-pips i{width:10px;height:10px;border-radius:50%;background:#f7e9cc1f;border:1px solid rgba(247,233,204,.18)}.achievement-pips i.on.t1{background:#b07a46}.achievement-pips i.on.t2{background:#c8ccd2}.achievement-pips i.on.t3{background:#e6b532;box-shadow:0 0 8px #e6b532b3}.mastery-row{border-left:3px solid var(--lord)}.mastery-row .achievement-track>span{background:linear-gradient(90deg,color-mix(in srgb,var(--lord) 60%,black),var(--lord))}.mastery-level{font-size:var(--fs-2xs);color:var(--sand-300);text-transform:uppercase;letter-spacing:.06em}.rewards{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);border:1px solid var(--border);background:#06050466}.rewards-head{display:flex;align-items:center;gap:var(--sp-3)}.rewards-head .level-bar{flex:1}.rewards-gain{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--sand-300);white-space:nowrap}.rewards-levelup{padding:6px 12px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--sand-500),var(--sand-300));color:var(--text-on-gold);font-weight:700;font-size:var(--fs-sm);animation:pop .6s var(--ease-spring)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.rewards-lines,.rewards-lines li,.rewards-lines b{color:var(--sand-300)}.rewards-unlocks{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.reward-item{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:var(--r-md);border:1px solid rgba(230,191,120,.45);background:linear-gradient(90deg,#d9a54f2e,#0605044d);animation:pop .5s var(--ease-spring) both}.reward-item small{display:block;color:var(--text-muted);font-size:var(--fs-2xs)}.lobby-crest,.score-crest,.ladder-crest{vertical-align:middle;margin-right:6px}@media(max-width:900px){.realm-card,.chamber{grid-template-columns:1fr}.chamber-preview{position:static}}@media(max-width:560px){.realm-id{gap:var(--sp-3);align-items:flex-start}.realm-crest .crest svg{width:70px;height:auto}.realm-id{flex-wrap:wrap}.chamber-stage{min-height:0}.chamber-stage .crest svg{width:150px;height:auto}.chamber-grid,.chamber-swatches{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.game .replay-bar{position:absolute;left:50%;bottom:calc(10px + var(--safe-bottom, 0px));transform:translate(-50%);width:min(760px,calc(100% - 16px));padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px;border-radius:var(--r-lg);z-index:12;background:var(--tex-sandstone),#0d0c0af7;border:1px solid var(--frame);box-shadow:inset 0 0 0 1px #0000008c,inset 0 1px #ffe4af1f,0 10px 26px #00000073}.replay-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.replay-spacer{flex:1}.replay-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;margin-right:4px;border-radius:var(--r-pill);background:#c8452f2e;border:1px solid rgba(227,102,76,.45);color:var(--crimson-300);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.live-badge{background:#c8452f47}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--crimson-300);box-shadow:0 0 #e3664c99;animation:live-pulse 1.6s ease-out infinite}@keyframes live-pulse{70%{box-shadow:0 0 0 6px #e3664c00}to{box-shadow:0 0 #e3664c00}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.spectate-name{margin-right:8px;font-family:var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.live-matches{margin-top:12px}.live-matches .eyebrow{display:flex;align-items:center;gap:6px}.replay-play{color:var(--accent-hi)}.replay-speeds{display:inline-flex;margin:0 6px;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.replay-speed{min-width:34px;padding:4px 6px;background:transparent;border:0;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;cursor:pointer}.replay-speed+.replay-speed{border-left:1px solid var(--border)}.replay-speed.on{background:var(--accent);color:var(--text-on-gold);font-weight:600}.replay-time{font-variant-numeric:tabular-nums;white-space:nowrap}.game .replay-timeline{--thumb: 16px;--track: 6px;height:22px}.replay-views{gap:6px}.replay-view{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer}.replay-view i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #00000080}.replay-view.on{border-color:var(--accent);color:var(--text);background:#d9a54f29}.replay-view.on.all{border-style:dashed}.replay-loading,.replay-end{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:13;min-width:240px;padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:var(--r-lg);background:#0a0908db;border:1px solid var(--border-strong);pointer-events:none}.replay-end{top:auto;bottom:calc(150px + var(--safe-bottom, 0px));transform:translate(-50%)}.replay-end strong{font-family:var(--font-display);color:var(--accent-hi)}.replay-loading-track{width:100%;height:6px;border-radius:var(--r-xs);background:#f7e9cc24;overflow:hidden}.replay-loading-track span{display:block;height:100%;background:var(--accent);transition:width .12s linear}@media(max-width:640px){.replay-time{order:10}.replay-speeds{margin:0 2px}}.sheet-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.rarity-rare{--rarity: #4cc3b2}.rarity-epic{--rarity: #b07ae8}.rarity-legendary{--rarity: #f2a531}.chamber-tile.rarity-rare,.chamber-tile.rarity-epic,.chamber-tile.rarity-legendary{border-color:color-mix(in srgb,var(--rarity) 55%,transparent);box-shadow:inset 0 -3px color-mix(in srgb,var(--rarity) 70%,transparent)}.chamber-tile.rarity-legendary{overflow:hidden;background:radial-gradient(circle at 50% 35%,#f2a53133,#06050459 70%)}.chamber-tile.rarity-legendary:after,.reward-item.rarity-legendary:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,236,190,.28) 50%,transparent 65%);background-size:250% 100%;animation:rarity-sheen 3.2s ease-in-out infinite;pointer-events:none}.chamber-tile.rarity-legendary.locked .chamber-tile-art{opacity:.75}.chamber-title.rarity-epic,.chamber-title.rarity-legendary{border-color:color-mix(in srgb,var(--rarity) 55%,transparent)}.chamber-title.rarity-legendary>span:first-child{color:#ffd27a}.reward-item.rarity-rare,.reward-item.rarity-epic,.reward-item.rarity-legendary{position:relative;overflow:hidden;border-color:var(--rarity);background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 26%,transparent),#0605044d)}.reward-item.rarity-legendary{animation:pop .5s var(--ease-spring) both,rarity-glow 2.4s ease-in-out .6s infinite}.rarity-label{color:var(--rarity);font-weight:700;margin-right:4px}@keyframes rarity-sheen{0%{background-position:120% 0}60%,to{background-position:-120% 0}}@keyframes rarity-glow{0%,to{box-shadow:0 0 #f2a53100}50%{box-shadow:0 0 18px #f2a5318c}}@media(prefers-reduced-motion:reduce){.chamber-tile.rarity-legendary:after,.reward-item.rarity-legendary:after{animation:none}.reward-item.rarity-legendary{animation:pop .5s var(--ease-spring) both}}.season-path{margin-bottom:var(--sp-4)}.season-path h3{color:var(--season)}.season-track{position:relative;height:8px;margin:10px 6px 8px;border-radius:var(--r-xs);background:#f7e9cc1f}.season-track>span{display:block;height:100%;border-radius:var(--r-xs);background:var(--season)}.season-track>i{position:absolute;top:50%;width:14px;height:14px;transform:translate(-50%,-50%) rotate(45deg);background:var(--ink-800);border:2px solid var(--season)}.season-track>i.on{background:var(--season)}.season-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin:0;padding:0;list-style:none}.season-steps li{display:flex;flex-direction:column;padding:6px 10px;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--rarity, #b9a88a) 45%,transparent);background:#0605044d}.season-steps li.got b{color:var(--rarity, var(--text))}.card-art{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}.card-art video,.card-art img{display:block;width:100%;height:100%;object-fit:cover}.player-card{--pc: transparent;position:relative;display:flex;align-items:center;gap:var(--sp-3);min-width:0;min-height:64px;padding:8px 12px 8px 14px;overflow:hidden;border-radius:var(--r-md);border:1px solid rgba(255,236,196,.35);box-shadow:inset 4px 0 0 var(--pc),0 6px 18px #00000073;color:#fff;isolation:isolate}.player-card .card-art{z-index:-2}.player-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080604d1,#08060480 62%,#08060429),linear-gradient(0deg,rgba(8,6,4,.35),transparent 45%);pointer-events:none}.player-card-emblem{display:grid;place-items:center;flex:none;width:44px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.player-card-text{display:flex;flex-direction:column;min-width:0;flex:1;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.9)}.player-card-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.03em}.player-card-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:#fff4dcd9}.player-card-trophies{flex:none;padding:2px 8px;border-radius:var(--r-pill);background:#00000080;font-weight:800;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.player-card[data-card=drachenfeuer] .player-card-emblem,.player-card[data-card=himmelsschleier] .player-card-emblem{animation:card-crest-glow 2.4s ease-in-out infinite}.player-card[data-card=drachenfeuer]{--glow: #ff6a1a}.player-card[data-card=himmelsschleier]{--glow: #4ad9ff}@keyframes card-crest-glow{0%,to{filter:drop-shadow(0 0 3px var(--glow)) drop-shadow(0 2px 4px rgba(0,0,0,.7))}50%{filter:drop-shadow(0 0 12px var(--glow)) drop-shadow(0 0 4px #fff)}}@media(prefers-reduced-motion:reduce){.player-card-emblem{animation:none!important}}.chamber-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-2)}.chamber-card-art{position:relative;display:block;width:100%;aspect-ratio:8 / 3;overflow:hidden;border-radius:var(--r-sm)}.task-meter{display:flex;flex-direction:column;gap:5px;width:100%;padding:0 6px;font-size:var(--fs-2xs);line-height:1.2;color:var(--text-muted)}.task-meter.compact{gap:4px;font-size:10px}.task-part{display:flex;flex-direction:column;gap:2px}.task-part-head{display:flex;align-items:baseline;gap:4px;text-align:left}.task-part-icon{flex:none;width:1.2em;text-align:center}.task-part-text b{color:var(--text);font-variant-numeric:tabular-nums}.task-bar{position:relative;display:block;height:4px;border-radius:var(--r-pill);background:#ffffff14;overflow:hidden}.task-bar>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--sand-500),var(--sand-300));box-shadow:0 0 6px #e6bf788c}.task-part.done,.task-part.done .task-part-text b{color:var(--green-300)}.task-part.done .task-bar>span{background:var(--green-300);box-shadow:0 0 6px #a8e39c80}.task-meter.near:before{content:"Fast geschafft";align-self:center;padding:1px 6px;border-radius:var(--r-pill);background:#e6bf782e;color:var(--sand-300);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:9px}.chamber-title .task-meter{padding:0}.chamber-cards .chamber-tile-art{width:100%;min-height:0}.chamber-preview .player-card{width:100%}.task-spotlight{position:relative;display:block;grid-column:1 / -1;width:100%;min-height:96px;padding:0;border:1px solid var(--divider);border-radius:var(--r-md);background:#06050480;color:var(--text);font:inherit;text-align:left;overflow:hidden;cursor:pointer}.task-spotlight:hover{border-color:var(--border-strong)}.task-spotlight.rarity-legendary{border-color:#f2a53199}.task-spotlight.rarity-epic{border-color:#b07ae899}.task-spotlight-art{position:absolute;inset:0;opacity:.55}.task-spotlight-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000000d9,#0000008c 55%,#00000026)}.task-spotlight-body{position:relative;display:flex;flex-direction:column;gap:4px;max-width:340px;padding:var(--sp-2) var(--sp-3)}.task-spotlight-name{font-size:var(--fs-md)}.task-spotlight-name span{margin-left:4px;font-size:var(--fs-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.task-spotlight .task-meter{padding:0}.social-tabs{max-width:420px}.clan-tag{color:var(--sand-300);font-weight:700;letter-spacing:.02em}.clan-found-card,.tournament-intro{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--sp-4)}.clan-found-card .play-copy,.tournament-intro .play-copy{flex:1 1 320px}.clan-form,.host-form{display:grid;gap:var(--sp-3);flex:1 1 320px}.host-form{max-width:640px}.clan-form .btn,.host-form>.btn{justify-self:start}.clan-head{display:flex;align-items:center;gap:var(--sp-3)}.clan-head h2{margin:0}.clan-emblem{display:grid;place-items:center;flex:0 0 auto;min-width:52px;height:52px;padding:0 var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--r-md);background:#d9a54f1f;color:var(--sand-100);font:700 var(--fs-md) / 1 var(--font-display);letter-spacing:.04em}.clan-leave{margin-left:auto}.clan-stats{display:flex;flex-wrap:wrap;gap:var(--sp-5)}.clan-stats span{display:flex;flex-direction:column;color:var(--text-muted);font-size:var(--fs-xs)}.clan-stats strong{color:var(--text);font:700 var(--fs-lg) / 1.2 var(--font-display)}.clan-text{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:baseline;margin:0;overflow-wrap:anywhere}.clan-members,.clan-list,.tournament-list,.tournament-entries{list-style:none;margin:0;padding:0}.clan-members li,.clan-list li,.tournament-entries li{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-1) 0;border-top:1px solid var(--divider)}.clan-member-name{font-weight:600}.clan-member-trophies{margin-left:auto}.clan-member-actions{display:flex;gap:var(--sp-1)}.clan-list-card .card-head{flex-wrap:wrap}.clan-search{margin-left:auto;max-width:220px}.clan-list li.is-mine{background:#d9a54f14}.clan-pos{width:2ch;color:var(--text-subtle);text-align:right}.clan-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clan-meta{white-space:nowrap}.tournament-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);width:100%;min-height:48px;padding:var(--sp-2) 0;border:0;border-top:1px solid var(--divider);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tournament-row:hover .tournament-row-name{color:var(--sand-100)}.tournament-row-name{flex:1 1 200px;font-weight:600}.tournament-row-meta{flex:0 1 auto}.back-btn{align-self:flex-start}.tournament-head{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--sp-3)}.tournament-title{flex:1 1 280px}.tournament-title h2{margin:0}.tournament-champion{display:flex;align-items:center;gap:var(--sp-2);flex-basis:100%;margin:0;color:var(--sand-200);font:700 var(--fs-md) / 1.3 var(--font-display)}.tournament-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);flex-basis:100%}.tournament-actions:empty{display:none}.tournament-head>.field-hint{flex-basis:100%}.bracket-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.bracket{display:grid;gap:var(--sp-4);min-width:min-content}.bracket-round{display:flex;flex-direction:column}.bracket-round-title{margin:0 0 var(--sp-3);color:var(--sand-300);font:700 var(--fs-xs) / 1 var(--font-body);letter-spacing:var(--tracking-caps);text-transform:uppercase}.bracket-matches{display:flex;flex:1;flex-direction:column;justify-content:space-around;gap:var(--sp-3)}.bracket-match{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-sunken);padding:var(--sp-2)}.bracket-match.is-mine{border-color:var(--border-strong);box-shadow:var(--glow-gold)}.bracket-match.state-playing{border-color:#7fc87880}.bracket-side{display:flex;align-items:center;gap:6px;min-height:30px;padding:0 var(--sp-1);border-radius:var(--r-xs)}.bracket-side.won{background:#d9a54f24;color:var(--sand-50);font-weight:700}.bracket-side.lost{color:var(--text-subtle)}.bracket-side.lost .bracket-name{text-decoration:line-through;text-decoration-color:#ffffff40}.bracket-side.me .bracket-name{color:var(--sand-100)}.bracket-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-seed{color:var(--text-subtle);font-size:var(--fs-2xs)}.bracket-ready{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green-600);color:#fff}.bracket-award{color:var(--text-muted);white-space:nowrap}.bracket-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1)}.bracket-foot:empty{display:none}.bracket-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs)}.bracket-status.live{color:var(--green-300)}.bracket-hint{margin:var(--sp-1) 0 0}@media(max-width:600px){.clan-search{max-width:none;flex-basis:100%}.clan-stats{gap:var(--sp-4)}}.game{position:fixed;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none;--bar-h: 158px;--top-h: 50px;--brass: var(--sand-400);--brass-hi: var(--sand-300);--wood: var(--ink-800);--wood-hi: var(--ink-700);--frame: rgba(236, 222, 196, .16);font-size:var(--fs-md)}.game .game-canvas{position:absolute;inset:0;touch-action:none}.game .game-canvas canvas{display:block}.game .gicon{display:inline-block;vertical-align:middle;flex:0 0 auto;image-rendering:auto;filter:drop-shadow(0 0 .6px rgba(255,236,200,.55)) drop-shadow(0 1px 1px rgba(0,0,0,.5))}.game .topbar,.game .cb-frame,.game .panel,.game .tooltip,.game .note,.game .mode-banner{background:#0d0c0ae6;border:1px solid var(--frame);box-shadow:0 8px 24px #0006}.game .topbar{position:absolute;top:calc(6px + var(--safe-top));left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));min-height:44px;padding:4px 6px;display:flex;align-items:center;gap:6px;border-radius:var(--r-lg);z-index:10;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none}.game .topbar.loading{justify-content:center;color:var(--muted);font-family:var(--font-display)}.game .topbar::-webkit-scrollbar{display:none}.game .tb-group{display:flex;align-items:center;gap:4px;flex:0 0 auto}.game .tb-goods{padding-left:6px;border-left:1px solid var(--frame)}.game .res{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 6px;background:transparent;border:1px solid transparent;border-right-color:#ecdec414;border-radius:var(--r-md);white-space:nowrap;font:500 1.05rem / 1 var(--font-display);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--text)}.game .res b{font-weight:700}.game .res small{font-size:.7rem;font-weight:600}.game .res.warn{border-color:#c0533f;background:#c0533f24}.game .res-btn{cursor:pointer;font:inherit}.game .res-btn:hover{border-color:var(--brass)}.game .res-pop .trend{font-size:.65rem}.game .trend-up .trend{color:var(--green)}.game .trend-down .trend{color:#ff8a7a}.game .trend-flat .trend{color:var(--muted)}.game .spark{display:block}.game .lordship{display:inline-flex;align-items:center;gap:2px}.game .lordship .pip{width:7px;height:12px;border-radius:var(--r-xs);background:#ffffff14;border:1px solid rgba(0,0,0,.5)}.game .lordship.compact .pip{width:4px;height:10px;border-radius:var(--r-xs)}.game .lordship .pip.harsh.on{background:#e0705a}.game .lordship .pip.mild.on{background:#9ee08a}.game .lordship .pip.mid{background:#c99a4559}.game .lordship .pip.mid.on{background:var(--brass-hi)}.game .lordship:not(.compact) .pip{flex:1;height:14px}.game .lordship:not(.compact){display:flex}.game .spacer{flex:1}.game .ping{font-size:.72rem;color:var(--muted);white-space:nowrap;padding:0 4px}.game .tb-crest{width:30px;height:34px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);box-shadow:inset 0 0 0 2px #00000040}.game .icon-btn{background:transparent;border:1px solid var(--frame);border-radius:var(--r-md);width:38px;height:36px;display:inline-grid;place-items:center;cursor:pointer;font-size:1.05rem;flex:0 0 auto}.game .icon-btn:hover,.game .icon-btn.on{border-color:var(--brass);background:#c99a4529}.game .demo-pause{position:absolute;top:calc(64px + var(--safe-top));left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:row;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 10px 8px 14px;font-size:14px}.game .tb-speed-x{font-weight:700;font-size:13px;color:var(--brass)}.game .command-bar{position:absolute;left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);gap:6px;align-items:stretch;max-width:1320px;margin:0 auto;height:var(--bar-h);pointer-events:none}.game .command-bar>*{pointer-events:auto}.game .cb-frame{border-radius:var(--r-lg);position:relative;min-width:0}.game .cb-map{padding:10px;display:grid;place-items:center}.game .minimap-canvas{display:block;width:228px;height:114px;cursor:crosshair;touch-action:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.game .map-toggle{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:var(--r-sm);border:1px solid var(--frame);background:#00000059;cursor:pointer;font-size:.8rem;z-index:1;display:grid;place-items:center}.game .cb-context{display:flex;flex-direction:column;padding:8px 10px}.game .cb-cats{padding:8px}.game .cats{display:grid;grid-template-columns:repeat(4,64px);grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;height:100%}.game .cat{background:transparent;border:1px solid rgba(236,222,196,.08);border-radius:var(--r-md);padding:2px;cursor:pointer;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;touch-action:manipulation}.game .cat img{width:34px;height:34px;object-fit:contain;pointer-events:none;filter:saturate(.7) brightness(.9)}.game .cat-label{font:600 .74rem / 1 var(--font-display);letter-spacing:.05em;text-transform:uppercase}.game .cat:hover{border-color:var(--brass)}.game .cat.active{background:#d9a54f29;border-color:var(--brass-hi);color:var(--brass-hi)}.game .cat.active img{filter:none}.game .cb-collapse{position:absolute;right:8px;top:-22px;width:44px;height:22px;border-radius:var(--r-sm) var(--r-sm) 0 0;border:1px solid var(--frame);border-bottom:0;background:#14120ff2;color:var(--brass-hi);cursor:pointer;display:none}.game .command-bar.collapsed{height:auto;grid-template-columns:auto;left:auto}.game .command-bar.collapsed .cb-collapse{position:static;height:44px;border-radius:var(--r-lg);border-bottom:1px solid var(--frame);display:block}.game .build-menu{display:flex;flex-direction:column;min-height:0;height:100%}.game .items-wrap{position:relative;display:flex;flex:1;min-height:0;min-width:0}.game .items-wrap:before,.game .items-wrap:after{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:1}.game .items-wrap:before{left:0;background:linear-gradient(to right,rgba(16,14,12,.9),transparent)}.game .items-wrap:after{right:0;background:linear-gradient(to left,rgba(16,14,12,.9),transparent)}.game .items-wrap.more-left:before,.game .items-wrap.more-right:after{opacity:1}.game .items-more{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:26px;height:44px;padding:0 0 3px;border:1px solid var(--brass);border-radius:var(--r-sm);background:#181512e0;color:var(--brass-hi);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px #00000080;touch-action:manipulation}.game .items-more:hover{background:#39332bf2}.game .items-more.left{left:2px}.game .items-more.right{right:2px}.game .items{display:flex;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--frame) transparent;-webkit-overflow-scrolling:touch;flex:1;align-items:stretch;padding-bottom:2px}.game .build-item{position:relative;flex:0 0 104px;background:#ecdec409;border:1px solid rgba(236,222,196,.09);border-radius:var(--r-md);padding:4px 4px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;touch-action:manipulation;color:var(--text)}.game .build-item>img{width:64px;height:60px;object-fit:contain;pointer-events:none}.game .build-item:hover{border-color:var(--brass)}.game .build-item.active{border-color:var(--brass-hi);background:#d9a54f2e;box-shadow:inset 0 -2px 0 var(--brass-hi)}.game .build-item.poor{opacity:.6}.game .build-item.tool-demolish{color:#e9a08e;justify-content:center;gap:3px}.game .build-item.tool-demolish .icon{height:60px}.game .build-item.tool-demolish:hover{border-color:#e3806b}.game .build-item.tool-demolish.active{color:#fff3ee;border-color:#e3806b;background:#b84a354d;box-shadow:inset 0 -2px #e3806b}.game .build-hint.demolish-hint,.game .mode-banner.danger{border-color:#b84a35}.game .build-item .owned{position:absolute;top:3px;right:4px;font-size:.65rem;background:#0000008c;border-radius:var(--r-sm);padding:0 4px;color:var(--muted)}.game .bname{font:600 .86rem / 1.05 var(--font-display);letter-spacing:.03em;text-align:center}.game .chips{display:inline-flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center}.game .chip{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;font-variant-numeric:tabular-nums;background:#00000059;border-radius:var(--r-sm);padding:1px 5px 1px 2px;white-space:nowrap;color:var(--text)}.game .chip.short{color:#ffb0a0;background:#a0321e59}.game .chip.free,.game .chip.src{padding:1px 6px;color:var(--muted)}.game .chip.out{background:#7cc36a2e}.game .build-hint{position:absolute;left:0;right:0;bottom:calc(100% + 6px);display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-md);background:#151310f0;border:1px solid var(--frame);box-shadow:0 6px 18px #0006;font-size:.82rem}.game .bh-text{flex:1;min-width:0}.game .shape-toggle{display:flex;gap:2px;flex-shrink:0}.game .shape-toggle .btn.active{border-color:var(--brass-hi);color:var(--brass-hi);box-shadow:inset 0 0 0 1px var(--brass-hi)}.game .bh-text .chips{margin:0 4px}.game .gold{color:var(--brass-hi)}.game .unit-panel{display:flex;gap:12px;height:100%;min-height:0}.game .up-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;overflow:auto}.game .up-head{display:flex;gap:10px;align-items:baseline}.game .up-single{display:flex;gap:10px;align-items:flex-start}.game .portrait{width:76px;height:76px;object-fit:contain;background:radial-gradient(circle at 50% 40%,#ffe6aa26,#00000059);border:1px solid var(--frame);border-radius:var(--r-md);flex:0 0 auto}.game .up-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.game .up-info .rank{color:#f3d27a;font-weight:600}.game .up-info .desc{color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game .up-actions{width:320px;flex:0 0 auto;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.game .up-actions>*{flex-shrink:0}.game .act-row{display:flex;gap:6px;flex-wrap:wrap}.game .hint{margin:0;line-height:1.3}.game .unit-counts{display:flex;flex-wrap:wrap;gap:5px}.game .unit-count{position:relative;display:flex;align-items:center;gap:2px;background:#0000004d;border:1px solid rgba(236,222,196,.16);border-radius:var(--r-md);padding:2px 8px 4px 2px;cursor:pointer;color:var(--text);overflow:hidden}.game .unit-count img{width:38px;height:38px}.game .unit-count .n{font-weight:700}.game .unit-count .hpline{position:absolute;left:0;bottom:0;height:3px;background:var(--green)}.game .kind-filter{display:flex;flex-wrap:wrap;gap:5px}.game .kind-chip{display:flex;align-items:center;gap:4px;min-height:32px;padding:1px 9px 1px 2px;background:#d9a54f26;border:1px solid var(--frame);border-radius:var(--r-pill);color:var(--text);font-size:.8rem;cursor:pointer;-webkit-touch-callout:none;user-select:none}.game .kind-chip:hover,.game .unit-count:hover{border-color:var(--brass-hi)}.game .kind-chip img{width:26px;height:26px}.game .kind-chip .n{font-weight:700;color:var(--brass-hi)}.game .unit-count{-webkit-touch-callout:none;user-select:none}.game .seg{display:inline-flex;border:1px solid var(--frame);border-radius:var(--r-md);overflow:hidden;background:#0000004d}.game .seg button{background:transparent;border:0;border-right:1px solid rgba(236,222,196,.12);padding:6px 10px;cursor:pointer;color:var(--muted);display:flex;align-items:center;gap:4px;min-height:36px;flex:1;justify-content:center}.game .seg button:last-child{border-right:0}.game .seg button.on{background:#d9a54f4a;color:var(--brass-hi)}.game .stances{display:flex;width:100%}.game .stances .lbl{font-size:.78rem}.game .panel{position:absolute;right:calc(8px + var(--safe-right));top:calc(var(--top-h) + 14px + var(--safe-top));width:min(380px,calc(100vw - 16px));max-height:calc(100% - var(--top-h) - var(--bar-h) - 44px - var(--safe-top) - var(--safe-bottom));border-radius:var(--r-lg);z-index:12;display:flex;flex-direction:column;animation:panel-in .16s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}}.game .panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 12px;border-bottom:1px solid var(--frame);box-shadow:inset 0 2px 0 var(--brass);border-radius:var(--r-lg) var(--r-lg) 0 0}.game .panel>header h3{margin:0;font-size:1.1rem;color:var(--sand-50)}.game .sheet-grip{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;text-align:left;min-width:0;flex:1}.game .sheet-title{display:flex;flex-direction:column;min-width:0}.game .sheet-title .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game .panel.burning>header{background:linear-gradient(rgba(220,90,30,.35),transparent)}.game .panel-icon{width:44px;height:44px;object-fit:contain;flex:0 0 auto}.game .panel-body{padding:10px 12px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--frame) transparent}.game .panel-body p{margin:0}.game .panel-body h4{margin:4px 0 0;font-size:.85rem;color:var(--brass-hi)}.game .psec{display:flex;flex-direction:column;gap:6px;padding:8px;background:#00000038;border:1px solid rgba(236,222,196,.12);border-radius:var(--r-md)}.game .psec-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--font-display);font-size:.78rem;letter-spacing:.04em;color:var(--brass-hi)}.game .stat-row{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;font-size:.85rem}.game .bar{position:relative;height:14px;background:#00000073;border:1px solid rgba(0,0,0,.6);border-radius:var(--r-sm);overflow:hidden}.game .bar>div{height:100%;transition:width .25s}.game .bar>span{position:absolute;inset:0;display:grid;place-items:center;font-size:.68rem;font-weight:700;line-height:1;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.game .bar-green>div{background:#8fd87a}.game .bar-red>div{background:#e88a6a}.game .bar-gold>div{background:#f0cf86}.game .bar-blue>div{background:#8ab8e8}.game .status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:6px 9px;border-radius:var(--r-sm);font-size:.84rem;border-left:3px solid var(--green);background:#7cc36a1a}.game .status-warn{border-left-color:var(--gold);background:#d9a4411f}.game .status-bad{border-left-color:#e0604a;background:#c0533f29}.game .demolish{align-self:flex-start}.game .factors{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}.game .factor{display:flex;justify-content:space-between;font-size:.84rem}.game .pos{color:var(--green)}.game .neg{color:#ff8a7a}.game .pop-head{display:flex;gap:12px;align-items:center}.game .pop-big{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--brass-hi);line-height:1}.game .pop-big .muted{font-size:1rem}.game .lord-scale{display:flex;justify-content:space-between}.game .effects{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:2px}.game .slider{gap:2px}.game .slider span{color:var(--text)}.game input[type=range]{--accent: var(--gold)}.game .keep-controls{display:flex;flex-direction:column;gap:10px}.game .ration-short{margin:-4px 0 0;padding:6px 10px;border-left:3px solid #e0604a;border-radius:var(--r-sm);background:#a0321e2e;color:var(--text)}.game .row-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.game .food-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.game .food-list li{display:grid;grid-template-columns:30px 1fr auto 52px;align-items:center;gap:8px;padding:3px 4px;border-radius:var(--r-sm)}.game .food-list .food-pick{grid-column:1 / 3;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.game .food-list li.picked{background:#e8c47824;outline:1px solid var(--gold)}.game .food-list li.off{opacity:.55}.game .food-list li.off .fname{text-decoration:line-through}.game .toggle{width:48px;height:28px;border-radius:var(--r-lg);border:1px solid var(--frame);background:#00000080;position:relative;cursor:pointer;padding:0}.game .toggle i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:var(--r-sm);background:#8a7a62;transition:left .15s,background .15s}.game .toggle.on{background:#7cc36a59;border-color:#6fae5f}.game .toggle.on i{left:23px;background:#b9f0a6}.game .goods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px}.game .good-cell{display:flex;flex-direction:column;align-items:center;padding:4px 2px;border-radius:var(--r-sm);background:#00000038;font-variant-numeric:tabular-nums}.game .good-cell .small{color:var(--muted);font-size:.66rem;text-align:center}.game .good-cell.empty{opacity:.45}button.good-cell{font:inherit;color:inherit;border:1px solid transparent;cursor:pointer}.game button.good-cell:hover,.game button.good-cell:focus-visible{border-color:#e8c47873;opacity:1}.game button.good-cell.on{border-color:var(--gold);background:#e8c47824;opacity:1}.game .good-detail{margin-top:6px;padding:8px;border-radius:var(--r-sm);border:1px solid rgba(232,196,120,.35);background:#00000038;display:flex;flex-direction:column;gap:6px}.game .good-detail p{margin:0}.game .good-detail-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.game .good-detail-head .good-price{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}.game .good-links{display:flex;flex-wrap:wrap;gap:5px}.game .trade-item.focus{border-radius:var(--r-sm);outline:1px solid var(--gold);background:#e8c4781f}.game .recipes{display:flex;flex-direction:column;gap:5px}.game .recipe{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-md);background:#00000040;border:1px solid rgba(236,222,196,.12);color:var(--text);text-align:left;font:inherit;font-size:.85rem}.game button.recipe{cursor:pointer}.game .recipe.active{border-color:var(--brass-hi);background:#c99a4524}.game .chain{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.game .chain .arrow{color:var(--brass);font-weight:700}.game .train-list{display:flex;flex-direction:column;gap:6px}.game .train-card{display:grid;grid-template-columns:50px 1fr auto;gap:8px;align-items:center;background:#00000040;border:1px solid rgba(236,222,196,.12);border-radius:var(--r-md);padding:5px 6px}.game .train-card>img{width:50px;height:50px;object-fit:contain}.game .train-card.poor>img{filter:grayscale(.7);opacity:.7}.game .train-info{display:flex;flex-direction:column;gap:2px;min-width:0}.game .train-info .chips{justify-content:flex-start}.game .train-btns{display:flex;flex-direction:column;gap:4px}.game .train-btns .btn{min-width:46px}.game .market{display:flex;flex-direction:column;gap:8px}.game .trade-list{display:flex;flex-direction:column;gap:3px}.game .trade-row{display:grid;grid-template-columns:24px 1fr auto auto;gap:6px;align-items:center;font-size:.84rem}.game .trade-row .btn{display:inline-flex;align-items:center;gap:3px;min-width:82px;justify-content:center}.game .trade-row .buy{border-color:#6fae5f}.game .trade-row{grid-template-columns:24px 1fr auto auto auto}.game .trade-row .rule{min-width:0}.game .trade-row .rule.on{border-color:#d9b45a;color:#f1d68f}.game .price-trend{font-size:.72rem;white-space:nowrap}.game .price-trend.down{color:#e48a7a}.game .price-trend.up{color:#e8c46a}.game .price-trend .price-move{font-weight:700}.game .trade-rule-tag{color:#f1d68f}.game .trade-rule-edit{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:6px 8px;margin:2px 0 4px 30px;background:#00000038;border-radius:var(--r-sm);font-size:.8rem}.game .trade-rule-edit label{display:inline-flex;align-items:center;gap:6px}.game .trade-rule-edit input{width:64px}.game .trade-rule-edit p{flex-basis:100%;margin:0}@media(max-width:520px){.game .trade-row{grid-template-columns:24px 1fr 1fr auto}.game .trade-row .tname{grid-column:2 / -1}.game .trade-row .buy{grid-column:2}.game .trade-row .btn{min-width:0}.game .trade-rule-edit{margin-left:0}}.game .diplo-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#00000038;border-radius:var(--r-sm);flex-wrap:wrap}.game .diplo-list li.dead{opacity:.45}.game .diplo-info{flex:1;display:flex;flex-direction:column;min-width:120px}.game .diplo-actions{display:flex;gap:4px;flex-wrap:wrap}.game .menu-buttons{display:flex;flex-direction:column;gap:6px}.game .menu-confirm{display:flex;flex-direction:column;gap:4px;padding:10px var(--sp-3);border:1px solid #e3806b;border-radius:var(--r-md);background:#8a2d1f47;color:var(--sand-100);text-align:center}.game .menu-confirm-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.game .menu-confirm-row .btn{min-width:0}.game .menu-slider{display:flex;flex-direction:column;gap:2px;padding:8px var(--sp-4) 2px;border:1px solid rgba(217,165,79,.32);border-radius:var(--r-md);background:#0000002e;color:var(--sand-100);font-size:var(--fs-md)}.game .menu-slider>span{display:flex;justify-content:space-between;font-weight:600}.game .menu-slider input[type=range]{width:100%;margin:0}.game .menu-gfx{display:flex;flex-direction:column;gap:6px;padding:8px var(--sp-4);border:1px solid rgba(217,165,79,.32);border-radius:var(--r-md);background:#0000002e;color:var(--sand-100);font-size:var(--fs-md)}.game .menu-gfx>span{font-weight:600}.game .help{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.game .scoreboard{display:flex;flex-direction:column;gap:8px;text-align:left}.game .scoreboard table{width:100%;border-collapse:collapse;font-size:.86rem}.game .scoreboard th{font-family:var(--font-display);font-size:.72rem;color:var(--brass-hi);text-align:left;padding:4px 6px;border-bottom:1px solid rgba(201,154,69,.3)}.game .scoreboard td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.game .scoreboard td,.game .scoreboard th{text-align:left;white-space:nowrap}.game .scoreboard .num{text-align:right;font-variant-numeric:tabular-nums}.game .scoreboard tr.self td{background:#c99a451a}.game .scoreboard tr.won td:first-child{color:var(--brass-hi);font-weight:700}.game .scoreboard tr.dead{opacity:.55}.game .scoreboard .score-crest{vertical-align:middle}.game .scoreboard .swatch{display:inline-block;vertical-align:middle;margin-right:6px}.game .tag{font-size:.65rem;margin-left:6px;padding:0 5px;border-radius:var(--r-sm);background:#7cc36a40}.game .stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:5px}.game .stat-card{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:var(--r-md);background:#00000040;border:1px solid rgba(236,222,196,.12);text-align:center}.game .stat-card b{font-size:1.15rem;font-variant-numeric:tabular-nums}.game .stat-card .si{font-size:1rem}.game .compare-wrap{overflow-x:auto;border-radius:var(--r-md);border:1px solid rgba(236,222,196,.12);background:#00000040}.game .scoreboard table.compare{font-size:.82rem}.game .scoreboard .compare th,.game .scoreboard .compare td{padding:4px 8px}.game .scoreboard .compare thead th{vertical-align:bottom;white-space:normal;min-width:5.5em;max-width:8em;line-height:1.25}.game .scoreboard .compare thead .swatch{margin:0 0 3px}.game .scoreboard .compare tbody th{font-family:inherit;font-size:.8rem;font-weight:400;color:var(--text-muted);border-bottom-color:#ffffff0d}@media(max-width:560px){.game .scoreboard .compare tbody th{white-space:normal;min-width:7.5em;max-width:9em;font-size:.74rem;line-height:1.2}.game .scoreboard .compare thead th{min-width:4.5em}.game .scoreboard .compare th,.game .scoreboard .compare td{padding:4px 6px}}.game .compare .sticky{position:sticky;left:0;z-index:1;background:var(--surface-solid)}.game .compare .si{display:inline-block;width:1.3em;text-align:center}.game .compare .cmp-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.game .compare .self{background:#c99a451a}.game .compare td.best{color:var(--brass-hi);font-weight:700}.game .loot-hint{margin:-4px 0 6px}.game .loot-list{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none}.game .loot-list li{padding:3px 9px;border-radius:var(--r-pill);background:#00000040;border:1px solid rgba(236,222,196,.12);white-space:nowrap}.game .loot-list li b{font-variant-numeric:tabular-nums}.game .loot-list li.gold{border-color:#f3d27ab3;color:#f3d27a}.game .notifications{position:absolute;left:calc(10px + var(--safe-left));top:calc(var(--top-h) + 16px + var(--safe-top));display:flex;flex-direction:column;gap:5px;z-index:11;max-width:min(380px,62vw);pointer-events:none}.game .note{pointer-events:auto;text-align:left;border-radius:var(--r-md);border-left:4px solid var(--brass);padding:6px 10px;font-size:.84rem;cursor:pointer;animation:slide-in .2s ease-out;color:var(--text)}.game .note .go{color:var(--brass)}.game .note-alert{border-left-color:#e0604a}.game .note-fire{border-left-color:#ff8a2a;background:linear-gradient(90deg,#a03c14d9,#201c17f2);animation:slide-in .2s ease-out,fire-pulse 1.2s ease-in-out infinite}@keyframes fire-pulse{50%{box-shadow:0 0 18px #ff78288c}}.game .note-good{border-left-color:var(--green)}.game .mode-banner{position:absolute;top:calc(var(--top-h) + 16px + var(--safe-top));left:50%;transform:translate(-50%);padding:7px 16px;border-radius:var(--r-md);z-index:11;color:var(--brass-hi);font-weight:600;white-space:nowrap}.game .mode-banner.spectate{color:#ffb0a0}.game .tooltip{position:fixed;z-index:30;width:250px;padding:8px 10px;border-radius:var(--r-md);pointer-events:none;display:flex;flex-direction:column;gap:5px;font-size:.82rem}.game .tt-head{display:flex;gap:8px;align-items:center}.game .tt-head img{width:40px;height:40px;object-fit:contain}.game .tt-head div{display:flex;flex-direction:column}.game .mobile-controls{position:absolute;left:calc(8px + var(--safe-left));bottom:calc(var(--bar-h) + 18px + var(--safe-bottom));display:none;flex-direction:column;gap:8px;z-index:11}.game .fab{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-sm);border:1px solid var(--frame);background:#0d0c0ae6;color:var(--sand-200);font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px #0006;touch-action:manipulation}.game .fab.active{background:var(--sand-400);color:var(--text-on-gold)}.game .fab.danger{background:var(--crimson-500);color:#fff}.game .modal-backdrop{position:fixed;inset:0;background:#080706a8;display:grid;place-items:center;z-index:50;padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));overflow-y:auto}.game .gameover{max-width:660px;width:100%;max-height:100%;overflow-y:auto;padding-top:var(--sp-6);border-color:#e6bf7873;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(255,181,71,.25),transparent 70%),#12100df7;animation:pop-in var(--dur-slow) var(--ease-spring)}.game .gameover.is-defeat{border-color:#e3664c73;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(200,69,47,.25),transparent 70%),#12100df7}.game .go-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}.game .go-emblem{position:relative;margin-bottom:var(--sp-2)}.game .is-victory .go-emblem:before{content:"";position:absolute;inset:-40px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,200,110,.32) 0deg 8deg,transparent 8deg 22deg);mask:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);animation:spin 24s linear infinite}.game .is-defeat .go-emblem{filter:grayscale(.7) brightness(.8)}.game .go-emblem .emblem{position:relative}.game .gameover h1{font-size:clamp(2.4rem,7vw,3.6rem);margin:0 0 .1em}.game .go-actions{justify-content:center}.game .go-actions>.btn{flex:0 1 180px}.game .go-rematch{margin:.6em 0 0;text-align:center}.game .victory{color:var(--sand-300)}.game .defeat{color:#e07a6a}.game .show-touch{display:none}@media(pointer:coarse){.game .mobile-controls{display:flex}.game .show-touch{display:list-item}.game p.show-touch{display:block}.game span.show-touch{display:inline}.game .hide-touch{display:none}.game .btn-small{padding:9px 12px;min-height:40px}.game .icon-btn{width:44px;height:44px}.game .cb-collapse{display:block}}@media(max-width:1180px){.game .hide-sm{display:none!important}.game .spark{display:none}.game .up-actions{width:260px}.game .cats{grid-template-columns:repeat(4,54px)}.game .cat img{width:30px;height:30px}.game .minimap-canvas{width:180px;height:90px}}@media(max-width:760px){.game{--bar-h: 176px;--top-h: 80px}.game .hide-xs{display:none!important}.game .topbar{left:calc(4px + var(--safe-left));right:calc(4px + var(--safe-right));top:calc(4px + var(--safe-top));padding:3px 4px;gap:3px;min-height:40px}.game .tb-goods{padding-left:2px}.game .res{height:32px;padding:0 6px 0 4px;gap:3px;font-size:.82rem}.game .res small,.game .ping{display:none}.game .command-bar{left:calc(4px + var(--safe-left));right:calc(4px + var(--safe-right));bottom:calc(4px + var(--safe-bottom));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"cats" "context";gap:4px}.game .cb-cats{grid-area:cats;padding:4px}.game .cb-context{grid-area:context;padding:6px}.game .build-hint{position:fixed;left:calc(4px + var(--safe-left));right:calc(4px + var(--safe-right));bottom:calc(var(--bar-h) + 10px + var(--safe-bottom))}.game .cats{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:auto}.game .up-left{flex:0 0 auto;overflow:visible;display:contents}.game .up-actions{order:-1}.game .kind-filter{order:-2;flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.game .kind-chip{flex:0 0 auto;min-height:36px}.game .topbar{flex-wrap:wrap;row-gap:3px}.game .topbar .spacer{display:none}.game .tb-goods{order:2;border-left:0}.game .tb-actions{order:3;margin-left:auto}.game .cat{min-height:46px}.game .cat-label{font-size:.56rem}.game .cb-map{position:fixed;top:calc(var(--top-h) + 10px + var(--safe-top));right:calc(6px + var(--safe-right));padding:0;width:44px;height:44px;border-radius:var(--r-lg)}.game .command-bar.map-open .cb-map{width:auto;height:auto;padding:8px}.game .cb-map:before{display:none}.game .map-toggle{position:static;width:42px;height:42px;font-size:1.15rem;border:0;background:none}.game .command-bar.map-open .map-toggle{position:absolute;width:30px;height:30px;font-size:.85rem;background:#0006}.game .minimap-canvas{width:170px;height:85px}.game .build-item{flex-basis:84px}.game .build-item>img{width:52px;height:46px}.game .bname{font-size:.68rem}.game .unit-panel{flex-direction:column;gap:6px;overflow-y:auto}.game .up-actions{width:auto}.game .portrait{width:56px;height:56px}.game .panel{left:calc(4px + var(--safe-left));right:calc(4px + var(--safe-right));width:auto;top:auto;bottom:calc(var(--bar-h) + 10px + var(--safe-bottom));max-height:min(52vh,calc(100% - var(--bar-h) - var(--top-h) - 30px))}.game .panel.side{top:calc(var(--top-h) + 10px + var(--safe-top));bottom:calc(var(--bar-h) + 10px + var(--safe-bottom));max-height:none}.game .panel.sheet.collapsed{max-height:none}.game .notifications{max-width:calc(100vw - 80px)}.game .mobile-controls{bottom:calc(var(--bar-h) + 14px + var(--safe-bottom))}.game .fab{width:46px;height:46px}.game .mode-banner{white-space:normal;text-align:center;width:max-content;max-width:80vw}}@media(max-height:520px)and (min-width:600px){.game{--bar-h: 104px;--top-h: 40px}.game .hide-xs{display:none!important}.game .topbar{top:calc(4px + var(--safe-top));min-height:38px;padding:2px 4px}.game .res{height:30px;font-size:.82rem}.game .icon-btn{width:38px;height:34px}.game .command-bar{bottom:calc(4px + var(--safe-bottom));grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);grid-template-areas:"context cats"}.game .cb-context{grid-area:context;padding:5px 6px}.game .cb-cats{grid-area:cats;padding:5px}.game .cats{grid-template-columns:repeat(4,46px);gap:3px}.game .build-hint{left:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game .bh-text{overflow:hidden;text-overflow:ellipsis}.game .cat{min-height:0}.game .cat img{width:26px;height:26px}.game .cat-label{display:none}.game .cb-map{position:fixed;top:calc(var(--top-h) + 10px + var(--safe-top));right:calc(6px + var(--safe-right));padding:0;width:44px;height:44px}.game .command-bar.map-open .cb-map{width:auto;height:auto;padding:6px}.game .cb-map:before{display:none}.game .map-toggle{position:static;width:42px;height:42px;border:0;background:none;font-size:1.1rem}.game .command-bar.map-open .map-toggle{position:absolute;width:28px;height:28px;background:#0006}.game .minimap-canvas{width:150px;height:75px}.game .build-item{flex-basis:76px;padding:2px;gap:0}.game .build-item>img{width:40px;height:30px}.game .build-item .chip .gicon{width:11px;height:11px}.game .bname,.game .build-item .chips .chip{font-size:.62rem}.game .portrait{width:52px;height:52px}.game .up-info .desc{display:none}.game .up-actions{width:230px}.game .stances .lbl{display:none}.game .panel{left:auto;width:min(360px,46vw);top:calc(var(--top-h) + 10px + var(--safe-top));bottom:calc(var(--bar-h) + 10px + var(--safe-bottom));max-height:none}.game .panel.sheet.collapsed{bottom:auto}.game .mobile-controls{bottom:calc(var(--bar-h) + 12px + var(--safe-bottom));gap:6px}.game .fab{width:44px;height:44px;font-size:1.05rem}.game .notifications{left:calc(62px + var(--safe-left))}}.game .click-mode{display:flex;width:100%}.game .click-mode .lbl{font-size:.78rem}@media(min-width:701px)and (pointer:fine){.game .map-toggle{top:9px;left:9px;width:30px;height:30px;padding:0;border-radius:var(--r-md);border:1px solid var(--frame);background:linear-gradient(#342e27d9,#110f0de6);box-shadow:0 1px 3px #00000080,inset 0 1px #ffebbe1a}}.game .map-toggle{color:var(--sand-200);line-height:0;transition:border-color .15s,color .15s,transform .08s}.game .map-toggle .icon{display:block;width:18px;height:18px}@media(max-width:700px),(pointer:coarse){.game .command-bar:not(.map-open) .map-toggle .icon{width:22px;height:22px}}.game .map-toggle:hover{border-color:var(--brass-hi, #f3d27a);color:var(--brass-hi, #f3d27a)}.game .map-toggle:active{transform:scale(.94)}.game .map-toggle:focus-visible{outline:2px solid var(--brass-hi, #f3d27a);outline-offset:2px}.game .map-toggle:after{content:"";position:absolute;inset:-7px}.game .mm-modes{position:absolute;top:9px;right:9px;z-index:2;display:inline-flex;border:1px solid var(--frame);border-radius:var(--r-md);overflow:hidden;background:#00000061;line-height:0}.game .mm-modes button{position:relative;display:grid;place-items:center;width:30px;height:28px;padding:0;border:0;border-right:1px solid rgba(236,222,196,.12);background:transparent;color:var(--muted);cursor:pointer}.game .mm-modes button:last-child{border-right:0}.game .mm-modes button:hover{color:var(--sand-50, #fff)}.game .mm-modes button.on{background:#d9a54f54;color:var(--brass-hi, #f3d27a)}.game .mm-modes button:focus-visible{outline:2px solid var(--brass-hi, #f3d27a);outline-offset:-2px}@media(pointer:coarse),(max-width:700px){.game .mm-modes{display:none}.game .map-toggle:after{inset:-8px}.game .task-guide.task-guide{--card-l: calc(64px + var(--safe-left));--card-w: min(300px, calc(100vw - 76px - var(--safe-left) - var(--safe-right)))}.game .task-guide.task-guide.collapsed{width:auto}.game .mobile-controls{flex-wrap:wrap-reverse;align-content:flex-end;max-height:calc(100% - var(--bar-h) - var(--top-h) - 48px - var(--safe-bottom) - var(--safe-top))}}.game .econ{display:flex;flex-direction:column;gap:8px;text-align:left}.game .econ-food{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:var(--r-md);background:#00000040;border:1px solid rgba(236,222,196,.12);font-size:.86rem}.game .econ-food>span:nth-child(2){flex:1}.game .econ-group{display:flex;flex-direction:column;gap:2px}.game .econ-table{width:100%;border-collapse:collapse;font-size:.84rem}.game .econ-table th{font-family:var(--font-display);font-size:.7rem;color:var(--brass-hi);text-align:left;padding:3px 5px;border-bottom:1px solid rgba(201,154,69,.3)}.game .econ-table td{padding:4px 5px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.game .econ-table .num{text-align:right;font-variant-numeric:tabular-nums}.game .econ-row{cursor:pointer}.game .econ-row:hover td,.game .econ-row.open td{background:#c99a4514}.game .econ-row .caret{display:inline-block;width:12px;color:var(--brass-hi);font-size:.7rem}.game .econ-row .gicon{vertical-align:-3px}.game .econ-detail td{padding:4px 6px 8px 20px;background:#0003;white-space:normal}.game .econ-flows+.econ-flows{margin-top:6px}.game .econ-flows .label{display:block;font-size:.72rem;color:var(--brass-hi)}.game .econ-flows ul{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.game .econ-flows li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(40px,1fr) auto;align-items:center;gap:6px;font-size:.8rem}.game .econ-src{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game .econ-bar{height:6px;border-radius:var(--r-xs);background:#ffffff0f;overflow:hidden}.game .econ-bar i{display:block;height:100%;border-radius:var(--r-xs)}.game .econ-bar.in i{background:var(--green)}.game .econ-bar.out i{background:#ff8a7a}.game .econ-flows b.num{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.game .econ-balance{display:flex;height:3px;margin:3px 0 0 12px;max-width:120px;border-radius:var(--r-xs);overflow:hidden;background:#ffffff0f}.game .econ-balance i.in{background:var(--green)}.game .econ-balance i.out{background:#ff8a7a}.game .panel.side.wide{width:min(520px,calc(100vw - 16px))}.game .stats-overview,.game .stats-people{display:flex;flex-direction:column;gap:12px;margin-top:10px;text-align:left}.game .stat-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.game .stat-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:7px 8px 30px;border-radius:var(--r-md);border:1px solid rgba(236,222,196,.12);background:#00000040;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden}.game .stat-tile:hover{border-color:#c99a4599}.game .stat-tile.on{border-color:var(--brass-hi);background:#c99a4524}.game .stat-tile.warn{box-shadow:inset 3px 0 #e3664c}.game .stat-tile-h{display:flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:.68rem;color:var(--brass-hi);white-space:nowrap}.game .stat-tile-v{font-size:1.25rem;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.game .stat-of{font-size:.8rem;font-weight:400}.game .stat-tile-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game .stat-spark{position:absolute;left:0;right:0;bottom:2px;width:100%;height:24px;opacity:.85}.game .stat-tile-more{position:absolute;left:8px;bottom:8px;color:var(--brass-hi)}.game .stat-sec{display:flex;flex-direction:column;gap:6px}.game .stat-sec-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.game .stat-sec-h h4{margin:0}.game .stat-link{background:none;border:0;padding:2px 0;color:var(--brass-hi);font:inherit;cursor:pointer}.game .stat-chart{margin:0}.game .stat-chart-plot{position:relative;height:130px;border-radius:var(--r-md);background:#00000047;border:1px solid rgba(236,222,196,.12);overflow:hidden}.game .stat-chart-plot svg{display:block;width:100%;height:100%}.game .stat-chart-y{position:absolute;left:6px;font-size:.7rem;color:var(--text-muted);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.game .stat-chart-y.top{top:3px}.game .stat-chart-y.bottom{bottom:3px}.game .stat-chart-x{display:flex;justify-content:space-between;margin-top:2px}.game .stat-chart-empty{padding:18px 10px;border-radius:var(--r-md);background:#0003;text-align:center}.game .stat-short{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.game .stat-short li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--r-sm);background:#0003;font-size:.84rem}.game .stat-short li.bad{background:#c8452f2e}.game .stat-short .num{font-variant-numeric:tabular-nums;text-align:right}.game .stat-short-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game .stat-budget{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.86rem}.game .econ-detail-box{padding:6px 8px;border-radius:var(--r-md);background:#0003}.game .pop-stack{display:flex;height:14px;border-radius:var(--r-sm);overflow:hidden;background:#00000073;border:1px solid rgba(0,0,0,.6)}.game .pop-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;font-size:.84rem}.game .pop-legend li{display:flex;align-items:center;gap:6px}.game .pop-legend li span{flex:1}.game .pop-legend i{width:10px;height:10px;border-radius:var(--r-xs)}.game .ps-work{background:#8ab8e8}.game .ps-carry{background:#f0cf86}.game .ps-other{background:#b9a7d9}.game .ps-idle{background:#8fd87a}.game .ps-free{background:#ffffff24}.game .stat-hint{margin:0;padding:6px 8px;border-radius:var(--r-sm);border-left:3px solid var(--brass-hi);background:#c99a451a}.game .econ-row.short td:first-child{box-shadow:inset 3px 0 #e3664c}.game .stat-sec-h .seg-ctl button{white-space:nowrap}.game .stat-stops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.game .stat-stops button{display:flex;flex-direction:column;gap:1px;width:100%;padding:5px 8px;border:0;border-left:3px solid var(--sand-400);border-radius:var(--r-sm);background:#00000038;color:inherit;font:inherit;text-align:left;cursor:pointer}.game .stat-stops button.bad{border-left-color:#e3664c}.game .stat-stops button:hover{background:#c99a451f}.game .stat-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.game .stat-store{display:flex;flex-direction:column;gap:2px}.game .stat-surplus li{background:#3f8a3a24}.game .util-why{display:block;color:var(--text-muted);white-space:normal}.game .util-table td{vertical-align:top}.game .util-cell{width:38%}.game .util-meter{position:relative;display:block;height:16px;border-radius:var(--r-sm);background:#00000073;overflow:hidden}.game .util-meter i{display:block;height:100%}.game .util-meter b{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;line-height:1;text-shadow:0 1px 2px #000}.game .util-green i{background:#8fd87a}.game .util-gold i{background:#f0cf86}.game .util-red i{background:#e88a6a}.game .util-reason{margin:-2px 0 2px}@media(max-width:520px){.game .stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.loading-screen{position:absolute;inset:0;z-index:80;overflow:hidden;display:grid;grid-template-rows:1fr auto;justify-items:center;padding:calc(var(--sp-6) + var(--safe-top)) calc(var(--sp-4) + var(--safe-right)) calc(var(--sp-6) + var(--safe-bottom)) calc(var(--sp-4) + var(--safe-left));background:var(--ink-950);color:var(--text);transition:opacity .65s ease,visibility 0s linear .65s}.loading-screen.leaving{opacity:0;visibility:hidden;pointer-events:none}.ls-art{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:saturate(1.05);opacity:0;animation:ls-art-in 1.2s var(--ease-out) forwards,ls-drift 26s ease-in-out infinite alternate}.loading-screen.leaving .ls-art{transform:scale(1.12);transition:transform .65s ease-in}@keyframes ls-art-in{to{opacity:.72}}@keyframes ls-drift{0%{transform:scale(1.04) translate3d(-1.5%,0,0)}to{transform:scale(1.12) translate3d(1.5%,-1%,0)}}.ls-shade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 42%,rgba(255,181,71,.18),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 45%,transparent 35%,rgba(6,5,4,.92) 100%),linear-gradient(180deg,#0a09088c,#0a090833 40%,#0a0908e6)}.ls-dust,.ls-dust:after{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 30%,rgba(238,213,164,.5),transparent),radial-gradient(1px 1px at 38% 70%,rgba(238,213,164,.45),transparent),radial-gradient(2px 2px at 62% 20%,rgba(238,213,164,.3),transparent),radial-gradient(1px 1px at 84% 56%,rgba(238,213,164,.5),transparent),radial-gradient(1.5px 1.5px at 50% 90%,rgba(238,213,164,.35),transparent);background-size:340px 260px;animation:ls-dust 9s linear infinite}.ls-dust:after{content:"";background-size:520px 380px;opacity:.7;animation-duration:15s}@keyframes ls-dust{0%{background-position:0 0}to{background-position:680px -60px}}.ls-body{position:relative;align-self:center;display:grid;justify-items:center;gap:var(--sp-5);width:min(520px,100%);animation:rise-in .9s var(--ease-out) both}.ls-body .logo-lg{align-items:center;filter:drop-shadow(0 6px 24px rgba(0,0,0,.7))}.ls-body .emblem{animation:breathe 2.4s ease-in-out infinite}.ls-kicker{margin:0;font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.32em;text-transform:uppercase;color:var(--sand-300);text-shadow:0 1px 8px rgba(0,0,0,.8)}.ls-theme{margin:0;text-align:center;font-size:var(--fs-sm);color:var(--sand-200);text-shadow:0 1px 8px rgba(0,0,0,.8)}.ls-theme strong{font-family:var(--font-display);color:var(--sand-100);letter-spacing:.06em}.ls-progress{width:100%;display:grid;gap:var(--sp-2)}.ls-bar{position:relative;height:6px;padding:0;border:0;border-radius:0;background:#ecdec424}.ls-fill{position:relative;display:block;height:100%;min-width:8px;overflow:hidden;border-radius:inherit;background:var(--sand-400)}.ls-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,248,234,.55) 50%,transparent 80%);transform:translate(-100%);animation:ls-sheen 1.8s ease-in-out infinite}@keyframes ls-sheen{to{transform:translate(100%)}}.ls-step{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted);text-shadow:0 1px 6px rgba(0,0,0,.9)}.ls-pct{font-variant-numeric:tabular-nums;color:var(--sand-300)}.ls-players{list-style:none;margin:0;padding:0;width:min(640px,calc(100vw - 2 * var(--sp-4)));display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-2)}.ls-players li{min-width:0;animation:ls-line-in .5s var(--ease-out) both}.ls-line{position:relative;width:min(560px,100%);margin:0;padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--radius);background:#12100dc7;backdrop-filter:blur(6px);box-shadow:var(--shadow-2);text-align:center;animation:ls-line-in .6s var(--ease-out) both}@keyframes ls-line-in{0%{opacity:0;transform:translateY(8px)}}.ls-line figcaption{margin-bottom:var(--sp-1);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--sand-400)}.ls-line blockquote{margin:0;font-size:var(--fs-md);line-height:1.5;color:var(--text)}@media(max-width:600px),(max-height:520px){.loading-screen{padding-top:calc(var(--sp-4) + var(--safe-top));padding-bottom:calc(var(--sp-4) + var(--safe-bottom))}.ls-body{gap:var(--sp-3)}.ls-body .logo-lg{gap:var(--sp-2)}.ls-body .logo-lg .emblem{width:72px;height:72px}.ls-body .logo-lg .wm-main{font-size:2.4rem}.ls-line{padding:var(--sp-3) var(--sp-4)}.ls-players{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.ls-players .player-card{min-height:48px;padding:4px 10px}.ls-players .player-card-sub{display:none}.ls-line blockquote{font-size:var(--fs-sm)}}@media(max-height:520px){.ls-body .logo-lg{flex-direction:row}.ls-body .logo-lg .emblem{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.ls-art,.ls-dust,.ls-dust:after,.ls-fill:after,.ls-body .emblem{animation:none}.ls-art{opacity:.72}}.carrier-row{display:flex;align-items:center;gap:10px;margin:6px 0;padding:6px 6px 6px 10px;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:#00000038}.carrier-info{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:2px}.carrier-title{font-size:.9rem}.carrier-title b{font-size:1.05rem;color:var(--gold-2)}.carrier-figs{display:flex;gap:2px}.carrier-status{grid-column:1 / -1}.carrier-status.warn{color:#e0a640}.carrier-fig{fill:var(--gold);stroke:#231f1a;stroke-width:1}.carrier-fig .sack{fill:#b5814a}.carrier-fig.wait{opacity:.5;animation:carrier-wait 1.4s ease-in-out infinite}.carrier-fig.free{fill:none;stroke:#d9a54f73;stroke-dasharray:2 2}.carrier-fig.free .sack{fill:none}@keyframes carrier-wait{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.carrier-fig.wait{animation:none}}.carrier-step{display:flex;flex-direction:column;gap:4px}.carrier-step .btn-small{min-width:40px;min-height:28px;padding:0;display:grid;place-items:center}.castle-stock{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px}.ship-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.ship-row select{max-width:140px}.ship-btns{display:inline-flex;gap:4px}.ship-list{list-style:none;margin:4px 0;padding:0}.ship-list li{display:flex;align-items:center;gap:4px;padding:1px 0}.game .pause-backdrop{background:#0807068c;backdrop-filter:grayscale(.6) blur(1px)}.game .pause-card{max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-5) var(--sp-5);border-color:#aa96eb73;background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(150,128,220,.25),transparent 70%),#12100df7;animation:pop-in var(--dur-slow) var(--ease-spring)}.game .pause-card h2{margin:0;font-size:var(--fs-2xl)}.game .pause-card p{margin:0 0 var(--sp-2)}.game .pause-emblem{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:#e3dafc;background:radial-gradient(circle at 40% 30%,#9680dc8c,#3c2e64cc);box-shadow:0 0 0 1px #c8b9fa66,0 8px 24px #00000080}.game .pause-actions{justify-content:center;flex-wrap:wrap;gap:var(--sp-3)}.game .build-hint:has(.plan-status){flex-wrap:wrap;row-gap:6px}.game .plan-status{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:.78rem;color:#cfe6ff}.game .plan-hint .plan-status{flex:1 1 auto;min-width:0}.game .build-hint .plan-status{border-top:1px solid rgba(124,196,255,.25);padding-top:6px}.game .plan-hint .plan-status{border-top:0;padding-top:0}.game .plan-hint{border-color:#7cc4ff8c}.game .plan-badge{background:#4aa8ff40;border:1px solid rgba(124,196,255,.6);color:#e4f2ff;border-radius:var(--r-sm);padding:0 6px;font-weight:700;font-size:.7rem;letter-spacing:.02em;text-transform:uppercase}.game .plan-status .chips{margin-left:2px}.game .plan-missing{display:inline-flex;align-items:center;gap:4px}.game .plan-stuck{color:#ffcf8a}.game .plan-badge.paused{background:#b4b8c033;border-color:#c8ccd499;color:#eceef2}.game .plan-status.paused{color:#d4d7dd}.game .plan-paused{color:#c4c8d0}.game .plan-status .btn{margin-left:auto}.game .plan-actions{display:flex;gap:4px;margin-left:auto}.no-webgl{position:absolute;inset:0;z-index:95;display:grid;align-content:center;justify-items:center;gap:var(--sp-3);padding:calc(var(--sp-6) + var(--safe-top)) calc(var(--sp-4) + var(--safe-right)) calc(var(--sp-6) + var(--safe-bottom)) calc(var(--sp-4) + var(--safe-left));background:var(--ink-950);color:var(--text);text-align:center}.no-webgl h2{margin:0}.no-webgl p{margin:0;max-width:52ch;color:var(--text-muted, var(--text))}.perf-overlay{position:absolute;left:8px;top:60px;z-index:30;margin:0;padding:6px 8px;border-radius:var(--r-md);background:#0009;color:#d8f5c8;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;pointer-events:none}.game .diplo-list .send-ally{flex-basis:100%}.game .send-ally{display:flex;flex-direction:column;gap:6px;padding-top:4px}.game .send-goods{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;max-height:168px;overflow-y:auto}.game .send-good{display:flex;align-items:center;gap:4px;min-height:36px;padding:2px 6px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-sm);background:#00000040;color:inherit;font:inherit;font-size:13px;cursor:pointer}.game .send-good.on{border-color:var(--gold);background:#e0b04a2e}.game .send-qty{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.game .send-qty .btn.on{border-color:var(--gold)}.game .send-qty input{width:76px;flex:1 1 64px;max-width:120px}.game .send-go{width:100%}.game .ally-send{display:flex;flex-direction:column;gap:4px;margin-top:6px}.game .tb-more,.game .tb-lbl,.game .hero-lvl{display:none}.game .tb-menu{display:contents}.game .tb-more{position:relative}@media(max-width:760px)and (min-height:521px),(max-height:520px)and (min-width:600px){.game .topbar{flex-wrap:nowrap;min-height:0;height:var(--top-h);padding:3px 4px;gap:3px;border-radius:var(--r-md)}.game .topbar .tb-group{gap:3px}.game .topbar .tb-goods{order:0;padding-left:3px;border-left:1px solid rgba(201,154,69,.25)}.game .topbar .res{height:30px;padding:0 5px 0 4px;gap:3px;font-size:.78rem;border-radius:var(--r-sm)}.game .topbar .res .gicon,.game .topbar .res svg{max-width:17px;max-height:17px}.game .topbar .res .trend{display:none}.game .tb-actions{order:9;position:sticky;right:0;margin-left:auto;padding-left:3px;background:linear-gradient(90deg,transparent,rgba(13,12,10,.96) 6px)}.game .tb-more,.game .topbar .tb-pause,.game .topbar .tb-speed{display:grid;place-items:center;width:40px;height:30px;border-radius:var(--r-md)}.game .tb-more .count{top:-3px;right:-3px}.game .tb-menu{display:none}.game .tb-menu.tb-pop{position:fixed;top:calc(var(--top-h) + 10px + var(--safe-top));right:calc(6px + var(--safe-right));z-index:30;display:flex;flex-direction:column;gap:4px;min-width:190px;max-height:calc(100% - var(--top-h) - 20px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;padding:6px;border-radius:var(--r-lg);border:1px solid var(--frame);background:#0d0c0afa;box-shadow:0 12px 28px #0000008c}.game .tb-menu .icon-btn{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:46px;padding:0 14px}.game .tb-lbl{display:inline;font-size:.92rem;font-weight:600}.game .tb-menu .count{position:static;margin-left:auto}.game .cb-map{top:calc(var(--top-h) + 10px + var(--safe-top))}.game .cb-collapse{display:block;position:static;grid-area:fold;width:30px;height:auto;border:1px solid var(--frame);border-radius:var(--r-md);background:#0d0c0af7;font-size:.9rem}.game .command-bar.collapsed{display:block;left:auto;height:auto}.game .command-bar.collapsed .cb-collapse{width:48px;height:44px;border-radius:var(--r-lg);font-size:1.1rem}.game:has(.command-bar.collapsed){--bar-h: 44px}.game .build-item.tool-demolish .icon{height:34px}.game .build-item.tool-demolish .small{white-space:nowrap;font-size:.6rem}.game .items{overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}.game .items::-webkit-scrollbar{display:none}.game .build-item{scroll-snap-align:start}.game .items-more{display:none}.game .build-item .chips{flex-wrap:nowrap;gap:2px}.game .build-item .chips .chip{font-size:.62rem;padding:0 3px 0 1px}.game .build-item .chip .gicon{width:11px;height:11px}.game .build-item .small{font-size:.58rem;line-height:1.1}.game .build-hint{flex-wrap:wrap;row-gap:5px;padding:5px 6px 5px 10px;font-size:.78rem}.game .bh-text{flex:1 1 200px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.3}.game .bh-text>.small:not(.gold){display:none}.game .shape-toggle{margin-left:auto}.game .build-hint .btn-small{min-height:34px;padding:5px 10px}.game:has(.build-hint) .trupps{display:none}.game .herobar{left:auto;right:calc(6px + var(--safe-right));bottom:calc(var(--bar-h) + 10px + var(--hint-h, 0px) + var(--safe-bottom));transform:none;flex-wrap:nowrap;max-width:none;gap:4px;padding:4px;border-radius:var(--r-lg)}.game .hero-card{position:relative;gap:0;padding-right:0}.game .hero-portrait{width:34px;height:42px}.game .hero-info,.game .hero-badge{display:none}.game .hero-lvl{display:grid;place-items:center;position:absolute;right:-4px;bottom:-2px;min-width:17px;height:17px;padding:0 3px;border-radius:var(--r-md);border:1px solid #8a6ad8;background:#1e1432f2;color:#e6d8ff;font-size:10px;font-weight:800}.game .ability{width:42px;height:42px;font-size:20px}.game .ability.small-btn{width:36px;height:42px;font-size:17px}.game .hero-social{gap:4px;padding-left:0}.game .hero-menu{left:auto;right:0;bottom:48px}.game .hero-ping,.game .hero-emote{display:none}.game .hero-social-one{display:grid}.game .trupps.empty{display:none}.game .trupps,.game:has(.hero-card) .trupps{right:calc(6px + var(--safe-right));bottom:calc(var(--bar-h) + 70px + var(--hint-h, 0px) + var(--safe-bottom));max-width:calc(100vw - 72px - var(--safe-left) - var(--safe-right))}.game .mobile-controls{bottom:calc(var(--bar-h) + 10px + var(--hint-h, 0px) + var(--safe-bottom));gap:7px;max-height:calc(100% - var(--bar-h) - var(--hint-h, 0px) - var(--top-h) - 70px - var(--safe-top) - var(--safe-bottom))}.game .fab{width:44px;height:44px}.game .task-guide.task-guide{--card-l: calc(6px + var(--safe-left));--card-w: min(300px, calc(100vw - 70px - var(--safe-left) - var(--safe-right)));top:calc(var(--top-h) + 10px + var(--safe-top));bottom:auto;max-height:calc(100% - var(--top-h) - var(--bar-h) - 150px - var(--safe-top) - var(--safe-bottom));font-size:.8rem;padding:6px 8px 8px}.game .task-guide.task-guide.collapsed{padding:2px 4px}.game .task-guide .tg-title{font-size:.82rem}.game .task-guide .tg-build{min-height:34px;padding:4px 10px}.game:has(.task-guide.collapsed) .notifications{top:calc(var(--top-h) + 58px + var(--safe-top))}.game .mode-banner{font-size:.8rem;padding:6px 12px}.game .notifications{left:calc(6px + var(--safe-left));max-width:calc(100vw - 70px - var(--safe-left) - var(--safe-right))}.game .tutorial{--tut-anchor: top;bottom:auto;padding:8px 12px 0;font-size:.85rem}.game .tutorial h3{font-size:1rem;margin-bottom:4px}.game .tutorial p{margin-bottom:6px;line-height:1.45}.game .tutorial .tut-progress{margin:6px 0 8px}.game .tutorial footer{position:sticky;bottom:0;z-index:1;flex-wrap:nowrap;margin:6px -12px 0;padding:6px 12px 8px;background:#1b140f;border-top:1px solid rgba(230,191,120,.18)}}@media(max-width:760px)and (min-height:521px){.game{--top-h: 38px;--bar-h: 136px}.game:has(.unit-panel){--bar-h: 212px}.game .topbar{padding:3px}.game .topbar .res{padding:0 3px 0 2px;gap:2px;font-size:.72rem;border-color:transparent;background:#00000042}.game .topbar .res .muted{font-size:.68rem}.game .topbar .tb-goods{padding-left:0;border-left:0}.game .topbar .res .gicon,.game .topbar .res svg{max-width:15px;max-height:15px}.game .tb-actions{padding-left:0}.game .tb-more,.game .topbar .tb-pause,.game .topbar .tb-speed{width:36px}.game .command-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"cats fold" "context context";gap:0}.game .cb-cats{padding:4px 2px 3px 4px;border-right:0;border-bottom:0;border-radius:var(--r-lg) 0 0 0}.game .cb-cats:before{display:none}.game .cb-collapse{width:34px;border-left:0;border-bottom:0;border-radius:0 var(--r-lg) 0 0;background:var(--tex-sandstone),#0d0c0af7}.game .cb-context{padding:5px;border-top-color:#ecdec41f;border-radius:0 0 var(--r-lg) var(--r-lg)}.game .cats{display:flex;gap:2px}.game .cat{flex:1 0 auto;min-height:40px;padding:2px 3px;border-radius:var(--r-sm)}.game .cat img{width:24px;height:24px}.game .cat-label{font-size:.62rem;letter-spacing:0;white-space:nowrap}.game .build-item{flex-basis:78px;padding:3px 3px 4px}.game .build-item>img{width:44px;height:36px}.game .tutorial{left:calc(58px + var(--safe-left));top:calc(var(--top-h) + 62px + var(--safe-top));width:calc(100vw - 64px - var(--safe-left) - var(--safe-right));max-height:min(36dvh,calc(100% - var(--top-h) - var(--bar-h) - var(--hint-h, 0px) - 190px - var(--safe-top) - var(--safe-bottom)))}.game .tut-pill{left:calc(58px + var(--safe-left))}}@media(max-width:420px){.game .topbar .weather-badge .wb-time{display:none}}@media(max-width:380px)and (min-height:521px){.game .cats{gap:1px}.game .cat{padding:2px 1px}.game .cat-label{font-size:.56rem;letter-spacing:-.01em}.game .cb-collapse{width:28px}}@media(max-width:380px){.game .topbar .tb-group:first-child>.res:not(.res-btn)>.muted{display:none}}@media(max-height:520px)and (min-width:600px){.game{--top-h: 36px;--bar-h: 100px}.game .command-bar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:minmax(0,1fr);grid-template-areas:"context cats fold"}.game .cats{grid-template-columns:repeat(4,minmax(42px,auto));gap:3px}.game .cat{gap:0;padding:1px 3px}.game .cat img{width:22px;height:22px}.game .cat-label{display:block;font-size:.56rem;letter-spacing:0;white-space:nowrap}.game .cb-cats{padding:4px}.game .cb-context{padding:4px 5px}.game .build-item.tool-demolish .icon{height:26px}.game .topbar .res,.game .tb-more,.game .topbar .tb-pause,.game .topbar .tb-speed{height:28px}.game .mobile-controls{bottom:calc(var(--bar-h) + 10px + var(--safe-bottom));gap:4px;max-height:calc(100% - var(--bar-h) - var(--top-h) - 22px - var(--safe-top) - var(--safe-bottom))}.game .build-hint{left:calc(54px + var(--safe-left))}.game .fab{width:40px;height:40px}.game .task-guide.task-guide{--card-l: calc(54px + var(--safe-left));--card-w: min(300px, 42vw);max-height:calc(100% - var(--top-h) - var(--bar-h) - var(--hint-h, 0px) - 80px - var(--safe-top) - var(--safe-bottom))}.game .tutorial{left:calc(54px + var(--safe-left));top:calc(var(--top-h) + 10px + var(--safe-top));width:min(420px,calc(100vw - 160px - var(--safe-left) - var(--safe-right)));max-height:calc(100% - var(--top-h) - var(--bar-h) - var(--hint-h, 0px) - 28px - var(--safe-top) - var(--safe-bottom))}.game .tut-pill{left:calc(54px + var(--safe-left))}.game .notifications,.game:has(.task-guide.collapsed) .notifications{left:auto;right:calc(62px + var(--safe-right));top:calc(var(--top-h) + 10px + var(--safe-top));align-items:flex-end;max-width:44vw}}@media(max-height:520px)and (min-width:900px){.game .tb-more{display:none}.game .tb-menu{display:contents}.game .tb-actions{position:static;background:none}.game .tb-menu .icon-btn{display:grid;place-items:center;width:38px;height:30px;padding:0}.game .tb-lbl{display:none}.game .tb-menu .count{position:absolute}}