.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:#0d0907e0;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:6px;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:#221912b3;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:4px;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:#1b140ff7;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:#221912b3;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{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}}.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:14px;border:1px solid var(--frame);background:linear-gradient(180deg,#241b14f0,#16100cf0);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:12px;border:1px solid var(--frame);background:linear-gradient(180deg,#241b14eb,#16100ceb);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:3px;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:10px;border:1px solid var(--frame);background:#3c2c1ef2;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:10px;border:1px solid var(--frame);background:#16100cf7;white-space:nowrap}.game .hero-badge{font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;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:12px;border:1px solid #a04030;background:#28120cf2;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:12px;border:1px solid rgba(243,210,122,.18);background:#1e1610bf;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:50%;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--lord) 85%,white) 0%,var(--lord) 45%,color-mix(in srgb,var(--lord) 35%,black) 100%);box-shadow:inset 0 -6px 12px #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:14px;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%),#1e1610d9}.lord-detail-art{flex:none;display:grid;place-items:end center;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--lord) 80%,white) 0%,var(--lord) 50%,color-mix(in srgb,var(--lord) 30%,black) 100%);box-shadow: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:999px;background:#f3d27a;color:#2a1a0a}.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:999px;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:8px;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}}.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(107,82,51,.7);border-radius:9px;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:99px;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}.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-cloud.dark{fill:#8b93a6}.wb-rain{stroke:#8fc2ff;stroke-width:1.6;stroke-linecap:round;fill:none}.wb-bolt{fill:#ffe066}.wb-flake{fill:#fff}.wb-sand{fill:none;stroke:#e0b26a;stroke-width:2;stroke-linecap:round}.weather-badge.wb-sandstorm,.weather-badge.wb-thunderstorm,.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:10px;border:1px solid var(--line);background:linear-gradient(180deg,#2e2319fa,#1c150ffa);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:Cinzel,serif}.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}.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:4px}.mm-send{position:absolute;right:-4px;bottom:-6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(243,210,122,.55);background:#140e09d1;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}.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:10px;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:8px;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:6px;border:1px solid rgba(217,164,65,.45);border-bottom-width:2px;background:#140f0ab3;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:8px;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:12px;background:linear-gradient(180deg,#241b14f2,#16100cf2);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, Cinzel, serif);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:99px;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:7px;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:9px;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:14px;background:var(--tex-sandstone),#1b140ff7;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.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{border:0;background:transparent;color:var(--text-subtle);font-size:15px;cursor:pointer;padding:4px 6px;border-radius:6px}.tut-x:hover{color:var(--sand-100);background:#d9a54f1f}.tut-progress{height:3px;margin:8px 0 10px;border-radius:3px;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:8px;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{display:flex;align-items:center;gap:6px;margin-top:10px}.tut-spacer{flex:1}.tut-spot{position:fixed;z-index:39;border-radius:14px;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)}}.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:12px;border:1px solid var(--frame);background:var(--tex-grain),linear-gradient(180deg,#241b14ed,#16100ced);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:9px;border:1px solid rgba(107,82,51,.85);background:#3c2c1ee6;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,#48341af2);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:5px;font:700 11px/1 var(--font-mono, ui-monospace, monospace);color:#2a1c0e;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:8px;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(107,82,51,.7);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:6px;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:9px;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:10px;border:1px solid var(--frame);background:#16100cfa;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(107,82,51,.6);color:var(--brass-hi);font-weight:700}.game .trupp-menu button{text-align:left;padding:7px 9px;border:0;border-radius:7px;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))}}.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:linear-gradient(180deg,#0d0907db,#0d090799);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-weight:600;font-size:var(--fs-sm);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-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-px: 0;--lp-py: 0;--lp-scroll: 0;position:absolute;inset:0;z-index:0;overflow:hidden;background:#1a0f0a;pointer-events:none}.lp-scene-pan{position:absolute;inset:-4%;transform:translate3d(calc(var(--lp-px) * -22px),calc(var(--lp-py) * -14px + 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:-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}.lp-sand-b{opacity:.32;background-size:520px 380px;animation-duration:23s;filter:blur(.6px)}@keyframes lp-blow{to{background-position:-1020px 120px}}.lp-scene-grade{position:absolute;inset:0;background:linear-gradient(90deg,#0d0907eb,#0d0907b8 34%,#0d09072e 62%,#0d09071a),linear-gradient(180deg,rgba(13,9,7,.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:50%;color:var(--sand-200)!important;background:#0d090780;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:6px;padding:6px 12px;border-radius:var(--r-pill);background:#0d090799;border:1px solid var(--border-strong);color:var(--sand-200);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lp-live{width:8px;height:8px;border-radius:50%;background:#6fdc8c;box-shadow:0 0 #6fdc8c99;animation:lp-pulse 2s ease-out infinite}@keyframes lp-pulse{70%{box-shadow:0 0 0 8px #6fdc8c00}to{box-shadow:0 0 #6fdc8c00}}.lp-hero h1{margin:0;font:900 var(--fs-hero) / 1.04 var(--font-display);letter-spacing:.01em;color:var(--sand-50);text-shadow:0 4px 30px rgba(0,0,0,.7);text-wrap:balance}.lp-grad{display:inline-block;background:linear-gradient(100deg,var(--sun) 0%,var(--sand-300) 45%,var(--crimson-400) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(255,181,71,.25))}.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) clamp(16px,3vw,36px);margin:var(--sp-3) 0 0;padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg);background:#0d09078c;border:1px solid rgba(217,165,79,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lp-stats div{display:flex;flex-direction:column-reverse}.lp-stats dt{font-size:var(--fs-xs);color:var(--text-muted)}.lp-stats dd{margin:0;font:700 var(--fs-2xl) / 1.1 var(--font-display);color:var(--sand-200)}.landing .auth-card{scroll-margin:96px}.lp-hero-cta{width:100%;max-width:560px;padding:var(--sp-5);border-radius:var(--r-xl);background:linear-gradient(180deg,#2a1d14db,#140e0adb);border:1px solid var(--border-strong);box-shadow:var(--shadow-3),0 0 80px #ffb5471a;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 var(--fs-lg) / 1.3 var(--font-display);color:var(--sand-100)}.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 var(--fs-lg) / 1.3 var(--font-display);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:50%;color:#0f2a17;background:linear-gradient(180deg,#8fe6a6,#49b86b)}.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(1.7rem,3.6vw,2.6rem) / 1.15 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-xl);padding:6px;background:linear-gradient(140deg,#e6bf788c,#7c261880 50%,#2b9f9273);box-shadow:var(--shadow-3),0 0 120px #ffb5471f;transform:perspective(1600px) rotateX(4deg);transform-origin:50% 100%}.lp-frame img{display:block;width:100%;height:auto;border-radius:calc(var(--r-xl) - 5px)}.lp-callout{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);background:#0d0907d1;border:1px solid var(--border-strong);color:var(--sand-100);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:lp-float 6s ease-in-out infinite}.lp-callout .icon{color:var(--sun)}.lp-callout-a{left:6%;top:12%}.lp-callout-b{right:5%;bottom:14%;animation-delay:-3s}@keyframes lp-float{50%{transform:translateY(-6px)}}.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:720px;margin:0 auto var(--sp-7);text-align:center}.lp-head h2,.lp-final h2{margin:8px 0 12px;font:700 clamp(1.7rem,3.6vw,2.6rem) / 1.15 var(--font-display);color:var(--sand-50);text-wrap:balance}.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(3,minmax(0,1fr));gap:var(--sp-5);counter-reset:step}.lp-steps li,.lp-mode,.lp-lords li,.lp-card{position:relative;border-radius:var(--r-xl);background:var(--tex-sandstone),linear-gradient(180deg,#2a1f17f0,#1b140ff0);border:1px solid var(--border);box-shadow:var(--shadow-2),var(--inset-hi)}.lp-steps li{padding:var(--sp-6);overflow:hidden}.lp-step-num{position:absolute;right:14px;top:-18px;font:900 7rem / 1 var(--font-display);color:#d9a54f14;pointer-events:none}.lp-steps h3,.lp-mode h3,.lp-card h3{margin:var(--sp-4) 0 6px;font:700 var(--fs-xl) / 1.2 var(--font-display);color:var(--sand-100)}.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:var(--fs-lg)}.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;column-gap:var(--sp-4);padding:var(--sp-5)}.lp-lord-icon{grid-row:span 2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:1.6rem;background:radial-gradient(circle at 35% 30%,#ffd27a59,#6c441866);border:1px solid var(--border-strong)}.lp-lords strong{font:700 var(--fs-lg) / 1.3 var(--font-display);color:var(--sand-100)}.lp-lords li>span:last-child{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.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:center;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:#0d090799;color:var(--text-muted);font:600 var(--fs-sm) / 1.2 var(--font-display)}.lp-ranks .lp-rank-top{color:var(--text-on-gold);background:linear-gradient(180deg,var(--sand-300),var(--sand-500));border-color:transparent}.lp-faq-list{max-width:820px;margin:0 auto;display:grid;gap:var(--sp-3)}.lp-faq details{border-radius:var(--r-lg);border:1px solid var(--border);background:#1b140feb}.lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);cursor:pointer;list-style:none;font-weight:600;color:var(--sand-100)}.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 var(--sp-5) 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-xl);text-align:center;background:radial-gradient(120% 140% at 50% 0%,rgba(255,181,71,.22),transparent 60%),linear-gradient(180deg,#7c26188c,#1b140ff2);border:1px solid var(--border-strong);box-shadow:var(--shadow-3)}.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;gap:var(--sp-5)}.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){.landing .reveal,.landing .lp-showcase.reveal{opacity:1;transform:none;transition:none}.lp-callout,.lp-scroll-hint,.lp-live{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(13,9,7,.62) 0%,rgba(13,9,7,.38) 30%,rgba(13,9,7,.45) 55%,rgba(13,9,7,.8) 85%,var(--bg) 100%)}.landing .auth-card{width:100%;max-width:460px}.lp-steps,.lp-lords{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){.lp-nav nav{display:none}.lp-nav .lp-nav-login{margin-left:auto}.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-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.lp-bento,.lp-modes{grid-template-columns:minmax(0,1fr)}.lp-card.has-img,.lp-card.wide{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:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2) format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-900-normal-BI3z7Tow.woff2) format("woff2"),url(/assets/cinzel-latin-900-normal-t_fSDEbn.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: #0d0907;--ink-900: #150f0b;--ink-850: #1b140f;--ink-800: #221912;--ink-750: #2a1f17;--ink-700: #33261c;--ink-600: #45342a;--ink-500: #5c4632;--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(34, 25, 18, .92);--surface-solid: var(--ink-800);--surface-raised: var(--ink-750);--surface-sunken: rgba(9, 6, 4, .45);--border: rgba(217, 165, 79, .2);--border-strong: rgba(217, 165, 79, .42);--divider: rgba(247, 233, 204, .08);--text: var(--sand-100);--text-muted: #c4b092;--text-subtle: #a28e72;--text-on-gold: #2a1806;--accent: var(--sand-400);--accent-hi: var(--sand-300);--danger: var(--crimson-400);--success: var(--green-400);--info: var(--teal-400);--focus: #ffd27a;--font-display: "Cinzel", "Trajan Pro", Georgia, 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: 4px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--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, .07);--glow-gold: 0 0 0 1px rgba(230, 191, 120, .5), 0 0 24px rgba(255, 181, 71, .25);--tex-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .75 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--tex-sandstone: linear-gradient(180deg, rgba(255, 228, 175, .055), rgba(255, 228, 175, 0) 42%);--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(217, 165, 79, .28);--line-soft: rgba(217, 165, 79, .2);--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:.02em;line-height:1.2;color:var(--sand-200)}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: linear-gradient(180deg, #3a2c20, #2a1f16);--btn-border: rgba(217, 165, 79, .32);--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-weight:600;font-size:var(--fs-md);line-height:1;white-space:nowrap;cursor:pointer;touch-action:manipulation;box-shadow:var(--inset-hi),0 1px 2px #00000059;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur) var(--ease-out),border-color var(--dur),box-shadow var(--dur)}.btn:hover:not(:disabled){filter:brightness(1.12);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985);filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.4)}.btn-primary,.btn-gold{--btn-bg: linear-gradient(180deg, #f0cd85 0%, #d9a54f 48%, #b77f31 100%);--btn-border: #f6d897;--btn-color: var(--text-on-gold);font-weight:700;text-shadow:0 1px 0 rgba(255,240,200,.45);box-shadow:inset 0 1px #fffae699,inset 0 -2px #6e441859,0 2px 10px #d9a54f40}.btn-primary:hover:not(:disabled),.btn-gold:hover:not(:disabled){box-shadow:inset 0 1px #fffae699,inset 0 -2px #6e441859,0 4px 22px #ffb54766}.btn-teal{--btn-bg: linear-gradient(180deg, #3cb3a4, #22867a);--btn-border: #7fd8cb;--btn-color: #04201c;font-weight:700}.btn-secondary{--btn-bg: rgba(217, 165, 79, .06);--btn-border: rgba(217, 165, 79, .45);--btn-color: var(--sand-200);box-shadow:none}.btn-ghost{--btn-bg: transparent;--btn-border: transparent;--btn-color: var(--text-muted);box-shadow:none}.btn-ghost:hover:not(:disabled){--btn-bg: rgba(247, 233, 204, .06);--btn-color: var(--sand-100);border-color:transparent}.btn-danger{--btn-bg: linear-gradient(180deg, #b84a35, #8a2d1f);--btn-border: #e3806b;--btn-color: #fff3ee}.btn-sm,.btn-small{min-height:32px;padding:0 var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-sm);gap:6px}.btn-lg{min-height:52px;padding:0 var(--sp-6);font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn-block,.btn-wide{width:100%}.btn-wide{min-height:48px;font-size:var(--fs-lg)}.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(42,24,6,.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:#09060459;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:#0906048c;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:#090604b3;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)}.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]{accent-color:var(--sand-400)}label.check{display:flex;align-items:center;gap:8px}.seg-ctl{display:flex;gap:3px;padding:3px;border-radius:var(--r-md);background:#0906048c;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:calc(var(--r-md) - 3px);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:linear-gradient(180deg,#4a3826,#352719);border-color:#e6bf788c;color:var(--sand-50);box-shadow:inset 0 1px #ffecc41f,0 2px 6px #0006}.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:#090604b3;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:50%;background:linear-gradient(180deg,#b9a587,#8a775e);box-shadow:0 1px 3px #00000080;transition:transform var(--dur) var(--ease-spring),background var(--dur)}.switch.on .switch-track{background:linear-gradient(180deg,#3cb3a4,#22867a);border-color:#7fd8cb}.switch.on .switch-thumb{transform:translate(20px);background:linear-gradient(180deg,#fff,#e2f7f3)}.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(--tex-sandstone),var(--tex-grain),var(--surface);box-shadow:var(--shadow-2),var(--inset-hi);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:0 var(--sp-5) auto;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,var(--sand-300),transparent);opacity:.8}.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:#0906048c;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:calc(var(--r-md) - 3px);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:linear-gradient(180deg,#4a3826,#352719);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:linear-gradient(180deg,#4cc3b2,#22867a);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 #09060499;flex:0 0 auto}.dot.on{background:var(--green-400);box-shadow:0 0 0 2px #09060499,0 0 8px #7fcd76b3}.dot.busy{background:var(--sun);box-shadow:0 0 0 2px #09060499,0 0 8px #ffb54799}.avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,var(--av, #d9a54f),color-mix(in srgb,var(--av, #d9a54f) 45%,#120b06));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:#0906048c;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;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(255,181,71,.18))}.logo-text{display:flex;flex-direction:column;min-width:0}.wordmark{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.wm-main{font:900 2.1rem / .95 var(--font-display);letter-spacing:.06em;background:linear-gradient(180deg,#fff3d2,#f1cf86 38%,#d29b48 62%,#a66d2b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(60,32,8,.9)) drop-shadow(0 6px 16px rgba(0,0,0,.45));white-space:nowrap}.wm-sub{display:flex;align-items:center;gap:.5em;width:100%;margin-top:.28em;font:700 .86rem / 1 var(--font-display);letter-spacing:.42em;text-transform:uppercase;color:var(--sand-300);white-space:nowrap;padding-left:.42em}.wm-sub i{flex:1;height:1px;min-width:10px;background:linear-gradient(90deg,transparent,var(--sand-400))}.wm-sub i:last-child{background:linear-gradient(90deg,var(--sand-400),transparent)}.logo-tagline{margin-top:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);text-align:center}.logo-sm .wm-main{font-size:1.22rem}.logo-sm .wm-sub{font-size:.56rem;letter-spacing:.36em;margin-top:.3em}.logo-lg{flex-direction:column;gap:var(--sp-4)}.logo-lg .wm-main{font-size:var(--fs-hero)}.logo-lg .wm-sub{font-size:clamp(.85rem,1.9vw,1.25rem)}.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),#1b140ff7;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:50%;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:linear-gradient(180deg,#9c3a28,#7c2618);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,#28160a8c,#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),var(--tex-grain),#1e1610fa}@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){.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:5px;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)}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--ink-900)}.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,202.252vh);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%,#0d09078c),radial-gradient(ellipse 120% 90% at 50% 45%,transparent 35%,rgba(10,6,4,.8) 100%),linear-gradient(90deg,#0d0907e6,#0d090799 40%,#0d090726 62%,#0d090780)}.bd-grade:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#5a2a40,#b8642c);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,#0d0907d1,#0d09078c 30%,#0d0907c7),radial-gradient(ellipse 120% 90% at 50% 40%,transparent 30%,rgba(10,6,4,.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:linear-gradient(180deg,#0d0907eb,#0d0907b8);border-bottom:1px solid var(--border);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 24px #0000004d}.appbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,191,120,.55),transparent)}.appnav{display:flex;gap:4px;margin:0 auto;padding:4px;border-radius:var(--r-lg);background:#09060480;border:1px solid rgba(217,165,79,.14)}.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:700 var(--fs-sm) / 1 var(--font-display);letter-spacing:.06em;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:linear-gradient(180deg,#d9a54f47,#d9a54f1a);border-color:#e6bf7873;box-shadow:inset 0 1px #ffecc41f}.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:#09060473;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)}.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:#0d09078c;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:linear-gradient(160deg,#d9a54f47,#d9a54f0f);border:1px solid rgba(230,191,120,.35);color:var(--sand-300)}.auth-card{gap:var(--sp-4);padding:var(--sp-6);background:var(--tex-sandstone),var(--tex-grain),#1b140fe6;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:4px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(90deg,var(--crimson-500),var(--sand-400) 50%,var(--teal-500))}.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:#0d0907b3;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}}.play-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.play-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-content:start;overflow:hidden;padding:var(--sp-6)}.quick-card{background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(255,181,71,.22),transparent 70%),var(--tex-grain),linear-gradient(160deg,#4a2816f0,#1e140ef0)}.casual-card{background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(76,195,178,.2),transparent 70%),var(--tex-grain),linear-gradient(160deg,#16302ef0,#16120ff0);border-color:#4cc3b259}.casual-card:before{background:linear-gradient(90deg,transparent,var(--teal-300),transparent)}.casual-card .eyebrow{color:var(--teal-300)}.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)}.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:#09060459;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:2px;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-group{display:flex;flex-direction:column;gap:var(--sp-2)}.friend-group h3{margin:0}.friend-pending{display:flex;align-items:center;gap:6px;margin:0}.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}.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%),var(--tex-grain),#1b140fe6;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.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:3px;background:linear-gradient(180deg,#e6bf78,#8a5a22);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:#0d090773;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{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;font:700 var(--fs-md) / 1.25 var(--font-display);color:var(--sand-50);min-height:2.5em}.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:#09060499;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:#09060473}.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:#09060480;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,#0d0907f5,#0d0907d1);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),var(--tex-grain),#1b140ffa}.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:1080px){.appbar .logo-sm .logo-text{display:none}.appnav-tab{padding:0 var(--sp-3)}}@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-hero,.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:#0d0907f5}.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:#0d0907f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);justify-content:space-around}.appnav-tab{flex:1;flex-direction:column;gap:3px;min-height:52px;padding:0 4px;font:600 var(--fs-2xs) / 1 var(--font-body);letter-spacing:.02em}.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:#09060480}.appnav-tab{flex-direction:row;min-height:40px;font-size:var(--fs-xs)}.user-name{display:none}.user-chip{padding:0 4px}.home-body{padding-bottom:var(--sp-6)}}.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:#1b140ff7;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}}.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)}.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(--tex-grain),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:#09060466}.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:#09060499;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:#09060499}.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%),#09060459;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%),#09060459;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:#0906044d}.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:#09060466}.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%}}.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: #6a4f2e;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:var(--tex-sandstone),var(--tex-grain),linear-gradient(180deg,#241b14f7,#16100cf7);border:1px solid var(--frame);box-shadow:inset 0 0 0 1px #0000008c,inset 0 1px #ffe4af1f,0 10px 26px #00000073}.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:12px;z-index:10;overflow-x:auto;scrollbar-width:none}.game .topbar.loading{justify-content:center;color:var(--muted);font-family:Cinzel,serif}.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 rgba(201,154,69,.25)}.game .res{display:flex;align-items:center;gap:5px;height:34px;padding:0 9px 0 6px;background:#00000052;border:1px solid rgba(107,82,51,.7);border-radius:9px;white-space:nowrap;font-size:.9rem;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;box-shadow:0 0 0 1px #c0533f66 inset}.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:2px;background:#ffffff14;border:1px solid rgba(0,0,0,.5)}.game .lordship.compact .pip{width:4px;height:10px;border-radius:1px}.game .lordship .pip.harsh.on{background:linear-gradient(#e0705a,#a23a28)}.game .lordship .pip.mild.on{background:linear-gradient(#9ee08a,#4e9a3e)}.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 .crest{width:30px;height:34px;display:grid;place-items:center;font-family:Cinzel,serif;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:#0000004d;border:1px solid var(--frame);border-radius:9px;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 .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:12px;position:relative;min-width:0}.game .cb-frame:before{content:"";position:absolute;inset:4px;pointer-events:none;background:radial-gradient(circle at 0 0,var(--brass) 1.6px,transparent 2.2px) top left / 8px 8px no-repeat,radial-gradient(circle at 100% 0,var(--brass) 1.6px,transparent 2.2px) top right / 8px 8px no-repeat,radial-gradient(circle at 0 100%,var(--brass) 1.6px,transparent 2.2px) bottom left / 8px 8px no-repeat,radial-gradient(circle at 100% 100%,var(--brass) 1.6px,transparent 2.2px) bottom right / 8px 8px no-repeat;opacity:.8}.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:8px;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:#00000047;border:1px solid rgba(107,82,51,.6);border-radius:9px;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-size:.66rem;letter-spacing:.02em;line-height:1}.game .cat:hover{border-color:var(--brass)}.game .cat.active{background:linear-gradient(#c99a454d,#c99a451f);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:8px 8px 0 0;border:1px solid var(--frame);border-bottom:0;background:#241b13f2;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:12px;border-bottom:1px solid var(--frame);display:block}.game .build-menu{display:flex;flex-direction:column;min-height:0;height:100%}.game .items{display:flex;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:linear-gradient(#ffe6aa0f,#00000040);border:1px solid rgba(107,82,51,.8);border-radius:10px;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:linear-gradient(#c99a4559,#c99a451a);box-shadow:0 0 0 1px var(--brass-hi),0 0 18px #f0cf8640}.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:linear-gradient(#b84a3573,#8a2d1f33);box-shadow:0 0 0 1px #e3806b,0 0 18px #e0604a4d}.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:6px;padding:0 4px;color:var(--muted)}.game .bname{font-size:.74rem;text-align:center;line-height:1.1;font-weight:600}.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:6px;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:10px;background:#18120cf0;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:10px;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(107,82,51,.7);border-radius:9px;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:linear-gradient(#c99a4538,#c99a4514);border:1px solid var(--frame);border-radius:999px;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:9px;overflow:hidden;background:#0000004d}.game .seg button{background:transparent;border:0;border-right:1px solid rgba(107,82,51,.6);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:linear-gradient(#c99a4566,#c99a452e);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:12px;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 rgba(201,154,69,.28);background:linear-gradient(rgba(201,154,69,.12),transparent);border-radius:12px 12px 0 0}.game .panel>header h3{margin:0;font-size:1rem;color:var(--brass-hi)}.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(107,82,51,.45);border-radius:10px}.game .psec-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:Cinzel,Georgia,serif;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:7px;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:linear-gradient(#8fd87a,#4e9a3e)}.game .bar-red>div{background:linear-gradient(#e88a6a,#a23a28)}.game .bar-gold>div{background:linear-gradient(#f0cf86,#b9842c)}.game .bar-blue>div{background:linear-gradient(#8ab8e8,#3f6fa8)}.game .status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:6px 9px;border-radius:8px;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:Cinzel,serif;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-color:var(--gold);padding:8px 0;background:transparent;border:0}.game .keep-controls{display:flex;flex-direction:column;gap:10px}.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:8px}.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:14px;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:50%;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:8px;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}.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:9px;background:#00000040;border:1px solid rgba(107,82,51,.5);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(107,82,51,.5);border-radius:10px;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 .diplo-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#00000038;border-radius:8px;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 .tribute{display:flex;flex-direction:column;gap:4px}.game .tribute .row>.gicon{flex:0 0 auto}.game .menu-buttons{display:flex;flex-direction:column;gap:6px}.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:Cinzel,serif;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 .swatch{display:inline-block;vertical-align:middle;margin-right:6px}.game .tag{font-size:.65rem;margin-left:6px;padding:0 5px;border-radius:5px;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:9px;background:#00000040;border:1px solid rgba(107,82,51,.45);text-align:center}.game .stat-card b{font-size:1.15rem;font-variant-numeric:tabular-nums}.game .stat-card .si{font-size:1rem}.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:999px;background:#00000040;border:1px solid rgba(107,82,51,.45);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:9px;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,#28190ff2);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:10px;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:10px;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:50%;border:1px solid var(--frame);background:radial-gradient(circle at 40% 30%,#4a3826,#1d1611);color:var(--sand-200);font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px #00000073,inset 0 0 0 2px #00000059;touch-action:manipulation}.game .fab.active{background:radial-gradient(circle at 40% 30%,#f0cd85,#b77f31);color:var(--text-on-gold)}.game .fab.danger{background:radial-gradient(circle at 40% 30%,#d0624a,#8a2d1f);color:#fff}.game .modal-backdrop{position:fixed;inset:0;background:#0a0603a8;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%),var(--tex-grain),#1b140ff7;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%),var(--tex-grain),#1b140ff7}.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 .victory{background:linear-gradient(180deg,#fff3d2,#f1cf86 45%,#c98d3f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(60,32,8,.9)) drop-shadow(0 0 24px rgba(255,181,71,.5))}.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:12px}.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:9px;border:1px solid var(--frame);background:linear-gradient(#3c2c1cd9,#140e09e6);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:9px;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(107,82,51,.6);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:linear-gradient(#c99a4573,#c99a4533);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:9px;background:#00000040;border:1px solid rgba(107,82,51,.45);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:Cinzel,serif;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:3px;background:#ffffff0f;overflow:hidden}.game .econ-bar i{display:block;height:100%;border-radius:3px}.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}.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(9,6,4,.92) 100%),linear-gradient(180deg,#0d09078c,#0d090733 40%,#0d0907e6)}.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-progress{width:100%;display:grid;gap:var(--sp-2)}.ls-bar{position:relative;height:14px;padding:2px;border:1px solid var(--border-strong);border-radius:999px;background:linear-gradient(180deg,#090604d9,#2a1f17d9);box-shadow:inset 0 2px 6px #0009,0 0 0 3px #0d09078c,var(--shadow-2)}.ls-bar:before,.ls-bar:after{content:"";position:absolute;top:50%;width:10px;height:22px;transform:translateY(-50%);border:1px solid var(--sand-600);border-radius:2px;background:linear-gradient(180deg,var(--sand-400),var(--sand-700))}.ls-bar:before{left:-8px}.ls-bar:after{right:-8px}.ls-fill{position:relative;display:block;height:100%;min-width:8px;overflow:hidden;border-radius:inherit;background:linear-gradient(180deg,#ffd27a 0%,var(--sand-400) 45%,var(--sand-600) 100%);box-shadow:0 0 12px #ffb5478c}.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-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:#150f0bc7;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-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;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.carrier-row .btn-small{min-width:30px}.carrier-row .carrier-hint{flex-basis:100%}.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 .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:11px}.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:8px}.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(22,16,12,.96) 6px)}.game .tb-more{display:grid;place-items:center;width:40px;height:32px;border-radius:9px}.game .tb-more .count{top:-3px;right:-3px}.game .tb-menu{display:none}.game .topbar:has(.tb-actions.open){z-index:30}.game .tb-actions.open .tb-menu{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:12px;border:1px solid var(--frame);background:var(--tex-grain),linear-gradient(180deg,#241b14fa,#16100cfa);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:10px;background:var(--tex-grain),linear-gradient(180deg,#241b14f7,#16100cf7);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:12px;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 .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:12px}.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:9px;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 .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}.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))}}@media(max-width:760px)and (min-height:521px){.game{--top-h: 38px;--bar-h: 150px}.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{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"}.game .cats{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.game .cat{min-height:42px}.game .cat img{width:26px;height:26px}.game .cb-context{padding:5px}.game .build-item{flex-basis:78px;padding:3px 3px 4px}.game .build-item>img{width:44px;height:36px}}@media(max-width:420px){.game .topbar .weather-badge .wb-time{display:none}}@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,42px);gap:3px}.game .cb-cats{padding:4px}.game .cb-context{padding:4px 5px}.game .build-item.tool-demolish .icon{height:26px}.game .topbar .res{height:28px}.game .tb-more{height:30px}.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) - 34px - var(--safe-top) - var(--safe-bottom))}.game .notifications{left:calc(54px + var(--safe-left));max-width:50vw}}@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}}