.kf-masthead{position:relative;padding:1rem 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--e308-border)}.e308-root .kf-masthead h1{font-size:clamp(3.5rem,7vw,6rem);line-height:1.05;color:var(--e308-accent)}.e308-root [data-e308-key=eyebrow]{font-size:.7rem;letter-spacing:.2em;font-weight:650;margin-bottom:1rem}.e308-root .kf-masthead-playing{padding:0 0 .75rem;margin-bottom:0}.e308-root .kf-masthead-playing h1{font-size:2.75rem}.kf-masthead-playing [data-e308-key=eyebrow],.kf-masthead-playing [data-e308-key=tagline]{display:none}.kf-lobby{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.5rem;align-items:start}.e308-root [data-e308-key=lobby-fields]{grid-template-columns:repeat(2,minmax(0,1fr));border:0;padding:1rem 0 0;gap:1rem}.e308-root [data-e308-key=lobby-fields]>legend{color:var(--e308-muted);font-size:.8rem;padding:0;padding-top:1.5rem}[data-e308-key=lobby-fields]>:is([data-e308-key=town-name],[data-e308-key=computer-town-help],[data-e308-key=shift-summary],[data-action=start-practice]){grid-column:1 / -1}.e308-root [data-e308-key=shift-summary]{font-size:.85rem;margin:0}.kf-online,.kf-field{display:grid;gap:.75rem;min-width:0}.kf-field{gap:.35rem;font-size:.9rem}.kf-online-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.5rem}.kf-online [role=alert]:empty{display:none}.e308-root .e308-section-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem 1rem;padding:.75rem 1rem;background:#1b241ff5;border-bottom:1px solid var(--e308-border)}.metric{display:grid;font-variant-numeric:tabular-nums;min-width:0}.metric strong{font-size:.7rem;color:var(--e308-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:550}.metric-value{font-size:clamp(1.15rem,2vw,1.7rem);font-weight:600;letter-spacing:-.035em}.e308-root [data-e308-key=status-strip] .e308-notification{background:transparent;border:0;padding:0;font-size:.75rem;color:var(--e308-muted)}[data-e308-key=next-research]{grid-column:span 2}.e308-root [data-e308-key=status-strip] [data-tone=danger]{color:var(--e308-danger);font-weight:700}.kf-toolbar{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-top:.75rem}.e308-root [data-e308-key=match-details]{background:transparent;border:0;padding:0;font-size:.85rem}.e308-root .e308-tabs>[role=tablist]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--e308-border);border-radius:.4rem;padding:.25rem;background:#1c231e}.e308-root .e308-tabs>[role=tablist] button{border:0;border-radius:.2rem;background:transparent;text-align:center}.e308-root .e308-tabs>[role=tablist] button[aria-selected=true]{background:var(--e308-accent);color:#202419}.e308-root.e308-root [role=tab][aria-selected=true]:hover{background:#f5cd8f;color:#202419}.e308-root .kf-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;margin-top:1rem}.kf-panel{display:grid;gap:.75rem}.kf-panel>button[data-action^=choice-]{width:100%;padding:1rem}.e308-root .kf-panel>:is(p,h3){margin:0}.e308-root [data-e308-key$=-composer]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}[data-e308-key$=-composer]>:is(p,button){grid-column:1 / -1}.e308-root [data-e308-key=buildings]{gap:0}.e308-root [data-e308-key=buildings] p{padding-block:.7rem;margin:0;border-bottom:1px solid var(--e308-border);font-variant-numeric:tabular-nums}.e308-root>:is(button,label,input,textarea,ol,ul){margin-block:.5rem}.e308-root>button{margin-inline-end:.5rem}.e308-root [data-e308-key^=log-]:not(.e308-input){border-bottom:1px solid var(--e308-border);padding-block:.75rem;font-variant-numeric:tabular-nums}@media(max-width:900px){.kf-lobby{grid-template-columns:1fr}}@media(max-width:700px){.e308-root .kf-workspace{grid-template-columns:1fr}.e308-root .e308-tabs>[role=tablist]{grid-template-columns:repeat(3,minmax(0,1fr))}.e308-root .e308-section-status-strip{gap:.35rem .5rem;padding:.65rem .5rem}.metric strong{font-size:.62rem;letter-spacing:0}[data-e308-key=threats]{grid-column:span 2}[data-e308-key=clock]{grid-column:span 4}.kf-toolbar{gap:.5rem}.kf-masthead{padding-bottom:1rem}}.e308-root .kf-attack-warning{flex-basis:100%;grid-column:1 / -1;border:2px solid #ff9285;border-left-width:8px;border-radius:.4rem;padding:.5rem;background:#492622;animation:kf-danger-pulse .6s ease-out 2}.e308-root.e308-root .kf-attack-warning button{width:100%;min-height:44px;text-align:left;color:#fff1ed;background:#492622;border:0;font-weight:700}.e308-root .kf-advisor{border-left:4px solid var(--e308-accent);position:fixed;bottom:1rem;right:1rem;z-index:30;width:min(28rem,calc(100vw - 2rem));max-height:35vh;overflow-y:auto}.e308-root .kf-alert-slot{grid-column:1 / -1;height:3.5rem;overflow-y:auto}.kf-attack-warning .e308-notification{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes kf-danger-pulse{50%{box-shadow:0 0 0 5px #ff928580;background:#73372e}}@media(prefers-reduced-motion:reduce){.e308-root .kf-attack-warning{animation:none}}.e308-root .kf-border-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));align-items:start;gap:1.25rem}.e308-root .kf-closed-borders{max-height:8rem;overflow-y:auto;font-size:.9rem}.e308-root .kf-border-card .e308-infobox[open]{max-height:24rem;overflow-y:auto;overscroll-behavior:contain}.e308-root .kf-front-danger{border-color:#ef8078;box-shadow:inset 0 0 0 1px #ef8078}.e308-root .kf-front-danger h3{color:#ffaca5}.e308-root .kf-border-card p{margin-block:.3rem}.e308-root .kf-wave-controls>[data-e308-key^=launch-]{min-height:44px}.e308-root .kf-wave-controls .e308-action-blockers{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.e308-root .kf-border-card [data-e308-key^=incoming-]{height:3rem;overflow-y:auto}.e308-root .kf-routing-sliders,.e308-root .kf-wave-controls{gap:.25rem;padding:.4rem .65rem}.e308-root .kf-routing-sliders .e308-input{grid-template-columns:6.5rem minmax(3rem,1fr) 4.5rem;gap:.4rem}.e308-root .kf-routing-sliders input[type=range]{grid-column:2;grid-row:1;min-height:44px;margin:0}.e308-root .kf-routing-sliders .e308-input-value{grid-column:3;grid-row:1}.e308-root .kf-army-summary{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.3rem 1.25rem;font-size:.85rem}.e308-root .kf-army-summary p{margin:0}.e308-root .kf-border-card{min-width:0;border-top:3px solid var(--e308-accent);padding:.85rem}.e308-root .kf-border-card .e308-infobox{padding:.5rem}.e308-root .kf-border-card .e308-infobox>summary{min-height:44px;align-content:center}.e308-root .kf-border-card .e308-fieldset{gap:.4rem;padding:.5rem}.e308-root .kf-border-card h3{color:var(--e308-accent);scroll-margin-block:12rem 7rem}.e308-root .kf-order-buttons,.e308-root .kf-troop-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.65rem}.e308-root .kf-choice{min-width:0}.e308-root .kf-choice button{width:100%}.e308-root.e308-root .kf-choice-selected button{border:2px solid var(--e308-accent);background:#47422c;color:#ffe3ae;font-weight:700}.e308-root .kf-target-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.e308-root.e308-root [data-action^=launch-]:not([aria-disabled=true]){width:100%;background:var(--e308-accent);border-color:var(--e308-accent);color:#202419;font-weight:700}.e308-root .kf-border-card fieldset{min-width:0;margin:0}@media(max-width:700px){.e308-root .kf-troop-fields{grid-template-columns:1fr}}:root{color-scheme:dark;background:#141715}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 85% 0,#343325 0,transparent 55rem),#141715}.e308-root.e308-root{--e308-bg: #171c19;--e308-panel: #202722;--e308-text: #f0ebdc;--e308-accent: #e5b66d;--e308-muted: #b7beb1;--e308-border: #465047;--e308-danger: #ffb2a5;--e308-success: #a5d4a2;max-width:1360px;margin-inline:auto;min-height:100vh;padding:1.5rem 2rem 3rem;background:transparent;font:15px/1.55 system-ui,sans-serif}.e308-root h1{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:-.06em}.e308-root.e308-root h2{font-size:1.45rem;font-weight:650;letter-spacing:-.025em}.e308-root.e308-root h3{font-size:1.05rem;font-weight:650;padding-bottom:.65rem;border-bottom:1px solid var(--e308-border)}.e308-root p{color:var(--e308-muted)}.e308-root :is(input,select,textarea){color:var(--e308-text);background:#151c17;border:1px solid #657264;border-radius:.35rem;padding:.65rem .75rem;min-height:44px;min-width:0;max-width:100%;width:100%;font:inherit}.e308-root textarea{min-height:7rem;resize:vertical}.e308-root.e308-root input[type=range]{padding:0;min-height:44px;border:0}.e308-root .e308-input{max-width:none;font-size:.9rem}.e308-root .e308-input-value{grid-column:2;grid-row:1;font-size:.8rem;color:var(--e308-muted)}.e308-root .e308-input-label,.kf-field{font-weight:550}.e308-root.e308-root button{cursor:pointer;border-color:#6b7768;background:#303c31;border-radius:.35rem;font-size:.9rem;line-height:1.45}.e308-root.e308-root button:not([aria-disabled=true]):hover{background:#40503f;border-color:var(--e308-accent)}.e308-root.e308-root button[aria-disabled=true]{opacity:1;background:#1b211d;border-color:#465047;color:#b7beb1}.e308-root.e308-root :is([data-action=start-practice],[data-action$=-enqueue],[data-action=deploy-troops]){background:var(--e308-accent);color:#202419;font-weight:700;border-color:var(--e308-accent)}.e308-root.e308-root :is([data-action=start-practice],[data-action$=-enqueue],[data-action=deploy-troops]):hover{background:#f5cd8f}.e308-root .e308-infobox{background:#1a221c;border-radius:.35rem}.e308-root summary{min-height:44px;align-content:center;cursor:pointer;font-weight:550}.e308-root details[open]>summary{margin-bottom:.65rem}.e308-root .e308-help-trigger{border:0;padding:0 .5rem;font-size:.85rem;font-weight:500;color:var(--e308-accent)}.e308-root .e308-help-content{line-height:1.65}.e308-root .e308-section-card{padding:1.25rem;border-radius:.5rem;background:linear-gradient(145deg,#252d26,#202722);box-shadow:0 4px 18px #0002}.e308-root .e308-notification{font-size:.9rem}.e308-root .e308-feedback-toast{top:auto;bottom:1rem;box-shadow:0 8px 32px #0008;max-width:min(32rem,calc(100vw - 2rem))}.e308-root :is(a,.e308-action-costs){color:var(--e308-accent)}.e308-root :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #f5cd8f;outline-offset:3px}.e308-root :is(button,input,select,textarea,summary,a){scroll-margin-block:12rem 7rem}@media(max-width:700px){.e308-root.e308-root{padding:.75rem .75rem 6rem}.e308-root .e308-section-card{padding:1rem}.e308-root :is(input,select,textarea){font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}