.match-map-row{position:relative}@media (min-width:701px){.match-frame .match-sidebar.kingdom-sidebar{border-left:var(--game-frame-border-width,16px) solid transparent;background-clip:padding-box}}.match-sidebar.kingdom-sidebar{width:clamp(240px,22vw,320px);overflow:hidden;container-type:inline-size;gap:8px}.kingdom-panel-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:calc(14px * var(--text-scale));color:#f1dbab}.kingdom-panel-heading .hud-button{font-size:calc(20px * var(--text-scale));line-height:1;padding:0 8px}.kingdom-overview{flex-shrink:0}.kingdom-sidebar .map-minimap{width:min(100%,195px);height:auto;max-height:none;margin:auto;aspect-ratio:1}.kingdom-details{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.kingdom-sidebar .match-roster{max-height:140px}.kingdom-sidebar .roster-slot{height:68px}.kingdom-panel-footer{flex-shrink:0;margin-top:auto;display:grid;gap:8px;padding-top:8px;border-top:1px solid #be845688;background:#492607}.kingdom-sidebar .match-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 7px}.kingdom-sidebar .match-actions button{grid-column:auto;padding:8px 2px;font-size:calc(11px * var(--text-scale))}.kingdom-backdrop{display:none}@media (max-height:800px){.kingdom-sidebar .map-minimap{width:110px}.match-sidebar.kingdom-sidebar{gap:4px}.kingdom-sidebar .roster-slot{height:58px}}@media (max-width:700px){.match-sidebar.kingdom-sidebar{position:absolute;inset:0 0 0 auto;width:min(300px,calc(100% - 40px));z-index:4;border-left-width:8px;box-shadow:-8px 0 20px #0009;padding:10px}.kingdom-backdrop{position:absolute;inset:0;z-index:3;display:block;border:0;background:#0005}.kingdom-sidebar .match-end-turn{font-size:calc(13px * var(--text-scale));padding:9px}.kingdom-sidebar .match-actions button{padding:9px 2px;font-size:calc(12px * var(--text-scale))}}@media (max-height:550px){.kingdom-sidebar .map-minimap{width:75px}.kingdom-sidebar .kingdom-panel-heading{font-size:calc(12px * var(--text-scale))}}.match-sidebar.kingdom-sidebar{position:relative;max-width:48vw}.match-sidebar.kingdom-sidebar .map-minimap{width:min(100%,190px);height:auto;max-height:none;aspect-ratio:1}.kingdom-panel-heading{justify-content:flex-start;gap:10px}.kingdom-resize-handle{position:absolute;left:0;top:0;bottom:0;width:7px;z-index:6;cursor:ew-resize!important;touch-action:none;background:linear-gradient(90deg,#e2bc86aa,transparent)}.kingdom-resize-handle:focus-visible,.kingdom-resize-handle:hover{background:#e0c50077;outline:none}.end-turn-float .match-end-turn,.kingdom-sidebar .match-end-turn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:5px 10px;font-size:calc(14px * var(--text-scale))}.kingdom-sidebar .match-end-turn>span:first-child{image-rendering:pixelated}@media (max-height:800px){.match-sidebar.kingdom-sidebar .map-minimap{width:110px}.kingdom-sidebar .match-end-turn{min-height:44px}.kingdom-sidebar .match-end-turn>span:first-child{transform:scale(.85);margin:-4px}}@media (max-width:700px){.match-sidebar.kingdom-sidebar{position:absolute;width:min(300px,calc(100% - 40px))!important;max-width:none}.kingdom-resize-handle{display:none}}@media (max-height:550px){.match-sidebar.kingdom-sidebar .map-minimap{width:65px}.kingdom-sidebar .match-end-turn{min-height:40px;font-size:calc(12px * var(--text-scale))}.kingdom-sidebar .match-end-turn>span:first-child{transform:scale(.65);margin:-9px}}.classic-rosters{border:3px ridge #deb89b;background:#492607;padding:5px}.roster-layout-tools{display:flex;align-items:center;justify-content:space-between;font-size:calc(10px * var(--text-scale));color:#ead4b8;margin-bottom:3px}.roster-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.roster-column{min-width:0}.roster-column-heading{display:flex;align-items:center;gap:4px;font-size:calc(11px * var(--text-scale));color:#f0d674;padding:3px 0 5px}.roster-column-heading small{margin-left:auto;color:#deb89b}.roster-entries{overflow:auto;display:grid;gap:4px}.roster-entry{position:relative;min-width:0}.classic-roster-card,.roster-empty-slot{width:100%;height:60px;border:3px ridge #d9b28a;background:linear-gradient(#774313,#4a270c)}.classic-roster-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px}.classic-roster-card.roster-selected{border-color:#e0c500}.roster-image{display:flex;align-items:center;justify-content:center;gap:4px}.roster-image,.roster-name{max-width:100%;overflow:hidden}.roster-name{font-size:calc(10px * var(--text-scale));color:#fbe9db;line-height:1;text-overflow:ellipsis;white-space:nowrap}.roster-movement,.roster-owner{display:block;height:32px;width:4px;flex-shrink:0}.roster-movement{position:relative;background:#171908}.roster-movement i{position:absolute;bottom:0;left:0;right:0;background:#91ac38}.roster-empty-slot{opacity:.7}.classic-action-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0}.classic-action-strip .hud-button{min-width:0;padding:6px 2px;display:flex;align-items:center;flex-direction:column;gap:4px;min-height:52px;font-size:calc(11px * var(--text-scale))}.classic-chat-icon{width:28px;height:28px;display:grid;place-items:center;font-size:calc(29px * var(--text-scale));line-height:1;color:#fff0d5}@container (max-width:300px){.roster-columns{grid-template-columns:1fr}}@container (max-width:215px){.roster-entries{grid-template-columns:repeat(2,minmax(0,1fr));max-height:128px}.roster-empty-slot{display:none}}@media (max-width:700px){.kingdom-edge-toggle{right:min(300px,calc(100% - 40px))!important}}@media (max-height:800px){.roster-empty-slot:last-child{display:none}}.classic-roster-card{height:auto;min-height:108px;gap:6px;padding:8px 4px;background:linear-gradient(#66380e,#2b160b)}.classic-roster-card .roster-image{min-height:36px}.classic-roster-card .roster-name{font-size:calc(16px * var(--text-scale));font-weight:700;line-height:1.2;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;text-shadow:1px 1px 1px #000;color:#fff0d5}.roster-card-detail{font-size:calc(12px * var(--text-scale));line-height:1.25;color:#e6c9a3}.roster-column-heading{font-size:calc(14px * var(--text-scale))}.roster-layout-tools{font-size:calc(12px * var(--text-scale))}.roster-empty-slot{height:76px}@container (max-width:215px){.roster-entries{grid-template-columns:1fr}.classic-roster-card{display:grid;grid-template-columns:64px 1fr;min-height:76px;text-align:left;column-gap:8px}.classic-roster-card .roster-image{grid-row:1/3}.classic-roster-card .roster-name{font-size:calc(16px * var(--text-scale))}.roster-card-detail{grid-column:2}}.hero-card .hero-portrait-frame{width:100%;max-width:90px;min-height:50px;gap:3px;padding:2px;border:2px ridge #e0bd91;background:#0a1758;overflow:hidden}.hero-portrait-art{display:flex;align-items:center;justify-content:center;min-width:0;flex:1;overflow:hidden}.portrait-gauge{position:relative;display:block;width:6px;height:44px;flex-shrink:0;background:#171106;border:1px solid #4e3217}.portrait-gauge i{position:absolute;left:0;right:0;bottom:0}.movement-gauge i{background:linear-gradient(90deg,#a17d05,#fff043)}.mana-gauge i{background:linear-gradient(90deg,#16612b,#75dc39)}.roster-entry .classic-roster-card{cursor:grab!important;touch-action:pan-y;user-select:none;-webkit-touch-callout:none}.roster-entry[data-dragging] .classic-roster-card{cursor:grabbing!important;outline:2px solid #f0d674;outline-offset:-2px}.classic-roster-card.city-card,.classic-roster-card.hero-card{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:flex-end;height:144px;min-height:144px;padding:12px 14px;gap:6px}.classic-roster-card:is(.hero-card,.city-card):after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 20%,#120b0499 50%,#120b04e6 72%,#120b04fa);pointer-events:none}.classic-roster-card:is(.hero-card,.city-card)>.roster-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;min-height:0;padding:0;border:0}.classic-roster-card:is(.hero-card,.city-card) .roster-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;image-rendering:pixelated}.classic-roster-card:is(.hero-card,.city-card) .roster-image img.remastered-art{image-rendering:auto}.classic-roster-card .roster-name{text-shadow:0 2px 2px #000,0 0 5px #000,1px 0 1px #000}.classic-roster-card .roster-card-detail{text-shadow:0 1px 1px #000,0 0 4px #000,0 0 8px #000c}.roster-entries{scrollbar-gutter:stable}.roster-empty-slot{height:144px}.hero-card>.portrait-gauge{position:absolute;z-index:1;top:6px;bottom:6px;height:auto;width:7px}.hero-card>.movement-gauge{left:4px}.hero-card>.mana-gauge{right:4px}.kingdom-scroll-content{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}.kingdom-scroll-content .kingdom-details{overflow:visible;min-height:260px}.kingdom-minimap{width:100%}.match-sidebar.kingdom-sidebar .kingdom-minimap .map-minimap{width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:1}.kingdom-scroll-content .kingdom-overview{margin-bottom:10px}.kingdom-tabs{display:flex;flex-shrink:0;gap:3px;padding:5px 5px 0;background:#291709}.kingdom-tabs [role=tab]{flex:1;min-width:0;padding:5px 7px;line-height:1.25;color:#d5bf98;border:1px solid #846239;border-bottom:0;background:#38220e;cursor:pointer}.kingdom-tabs [aria-selected=true]{color:#fff0d5;background:#6c461e;box-shadow:inset 0 2px #d7b569}.kingdom-tabs [role=tab]:focus-visible{outline:2px solid #f0d674;outline-offset:-2px}.kingdom-tab-panel{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-chat,.sidebar-events{min-height:0;padding:10px;background:#241509eb;flex:1;font-size:calc(12px * var(--text-scale))}.sidebar-events{overflow:auto}.sidebar-events>div:first-child{flex-wrap:wrap;gap:6px}.sidebar-events h2{margin:0;font-size:calc(15px * var(--text-scale))}.sidebar-events .hud-button{font-size:calc(11px * var(--text-scale));padding:4px 6px}.sidebar-events p{padding:8px 0;border-bottom:1px solid #9e784533;overflow-wrap:anywhere}.sidebar-chat{display:flex;flex-direction:column;gap:10px}.sidebar-chat .chat-messages{flex:1;min-height:0;max-height:none;overflow:auto}.sidebar-chat form{display:flex;gap:5px}.sidebar-chat input{width:0;flex:1;min-width:0;padding:6px;border:1px solid #987445;background:#170e08;color:#fff0d5}.sidebar-chat .hud-button{padding:5px 8px}.match-sidebar.kingdom-sidebar{background:radial-gradient(ellipse at 50% 0,#49331e 0,transparent 65%),var(--ui-surface);border-left:1px solid #a17d48;box-shadow:inset 1px 0 #e4c88b22,-5px 0 16px #0005;padding:10px;gap:10px}.kingdom-resize-handle,.kingdom-tabs{background:transparent}.kingdom-tabs{padding:0 0 7px;gap:2px;border-bottom:1px solid #b3935738}.kingdom-tabs [role=tab]{border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ui-muted);padding:5px 8px;font-family:var(--font-display);font-size:calc(12px * var(--text-scale));font-weight:600;transition:background-color .12s,color .12s}.kingdom-tabs [role=tab]:hover{background:var(--ui-hover);color:#ffebbf}.kingdom-tabs [aria-selected=true]{background:var(--ui-raised);border-color:var(--ui-selected-border);color:var(--ui-text);box-shadow:inset 0 1px #edce8a22,0 1px 4px #0003}.match-sidebar.kingdom-sidebar .kingdom-minimap .map-minimap{border:1px solid #9f8250;box-shadow:0 0 0 3px #100e0b,0 4px 12px #0005}.kingdom-scroll-content{padding:3px;scrollbar-gutter:auto}.kingdom-scroll-content .kingdom-overview{margin-bottom:18px}.kingdom-sidebar .classic-rosters{border:0;padding:0;background:transparent}.kingdom-sidebar .roster-columns{gap:10px}.kingdom-sidebar .roster-column-heading{margin:0 0 8px;padding:0 0 7px;border-bottom:1px solid #ba99513d;font-family:var(--font-display);font-size:calc(13px * var(--text-scale));font-weight:600;letter-spacing:.025em;color:#e8cfa0}.kingdom-sidebar .roster-column-heading small{font-size:calc(10px * var(--text-scale));font-weight:400;line-height:16px;min-width:16px;text-align:center;color:#c2af8e;border:1px solid #aa8b5133;border-radius:3px;background:#08070533}.kingdom-sidebar .roster-entries{scrollbar-gutter:auto;gap:8px}.kingdom-sidebar .classic-roster-card{border:1px solid #ae8b57;border-radius:2px;box-shadow:0 2px 6px #0006;padding:10px 8px}.kingdom-sidebar .classic-roster-card.roster-selected{border-color:#eed38a;box-shadow:inset 0 0 0 1px #d9b753,0 0 8px #d9b75325}.kingdom-sidebar .classic-roster-card:hover{border-color:#f1d99e}.kingdom-sidebar .classic-roster-card .roster-name{font-size:clamp(14px,4.4cqw,18px);white-space:nowrap;font-weight:600;line-height:1.2}.kingdom-sidebar .roster-card-detail{color:#f5dfae;font-size:calc(12px * var(--text-scale));font-weight:600}.kingdom-panel-footer{padding:10px 0 0;border-top:1px solid #b3935738;background:transparent}.sidebar-chat,.sidebar-events{background:transparent;padding:6px 3px}.sidebar-events h2{color:#e8cfa0;font-family:var(--font-display);font-size:calc(14px * var(--text-scale));font-weight:600}@media (prefers-reduced-motion:reduce){.kingdom-tabs [role=tab]{transition:none}}.kingdom-tabs [role=tab]{padding-inline:5px;font-size:calc(11px * var(--text-scale))}.sidebar-game{min-height:0;overflow:auto;padding:6px 3px;font-size:calc(12px * var(--text-scale));color:var(--ui-muted)}.sidebar-game h2,.sidebar-game h3{color:var(--ui-text);font-family:var(--font-display);font-weight:600;margin:0 0 10px}.sidebar-game h2{font-size:calc(16px * var(--text-scale));overflow-wrap:anywhere}.sidebar-game h3{font-size:calc(13px * var(--text-scale))}.sidebar-game h3 small{color:var(--ui-muted);font-size:calc(10px * var(--text-scale));margin-left:5px}.game-facts{margin:0 0 22px}.game-facts>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ui-border)}.game-facts dd{margin:0;text-align:right;color:var(--ui-text)}.game-opponents{list-style:none;padding:0;margin:0}.game-opponents li{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--ui-border)}.game-opponents li span{color:#ae9060;font-size:calc(16px * var(--text-scale))}.game-give-up{margin-top:24px;padding-top:14px;border-top:1px solid var(--ui-border)}.game-give-up p{line-height:1.5;margin:0 0 10px}.game-confirm-actions{display:flex;gap:6px;flex-wrap:wrap}.sidebar-game [role=alert]{color:#efb7a8;margin-top:10px}:is(.kingdom-sidebar,.end-turn-float) .match-end-turn{position:relative;overflow:hidden}:is(.kingdom-sidebar,.end-turn-float) .match-end-turn.match-end-turn-pending{background:linear-gradient(var(--color-turn-pending),var(--color-turn-pending-deep));border-color:var(--color-turn-pending-edge);color:var(--color-turn-pending-ink);box-shadow:inset 1px 1px 0 var(--color-turn-pending-light),inset -2px -2px 0 var(--color-turn-pending-shade),0 0 0 1px #3a1c04,0 2px 4px #100c0970}:is(.kingdom-sidebar,.end-turn-float) .match-end-turn.match-end-turn-done{background:linear-gradient(var(--color-turn-done),var(--color-turn-done-deep));border-color:var(--color-turn-done-edge);color:var(--color-turn-done-ink);box-shadow:inset 1px 1px 0 var(--color-turn-done-light),inset -2px -2px 0 var(--color-turn-done-shade),0 0 0 1px #0c2408,0 2px 4px #100c0970;text-shadow:0 1px 0 #0008}:is(.kingdom-sidebar,.end-turn-float) .match-end-turn.match-end-turn-done:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff66 50%,transparent 65%);transform:translateX(-120%);animation:end-turn-shimmer 2.8s ease-in-out infinite}@keyframes end-turn-shimmer{0%{transform:translateX(-120%)}55%,to{transform:translateX(120%)}}@media (prefers-reduced-motion:reduce){:is(.kingdom-sidebar,.end-turn-float) .match-end-turn.match-end-turn-done:after{animation:none;display:none}}:is(.kingdom-sidebar,.end-turn-float) .match-end-turn:is(.match-end-turn-pending,.match-end-turn-done):hover:not(:disabled){filter:brightness(1.1)}:is(.kingdom-sidebar,.end-turn-float) .match-end-turn.match-end-turn-pending:hover:not(:disabled){border-color:var(--color-turn-pending-light)}:is(.kingdom-sidebar,.end-turn-float) .match-end-turn.match-end-turn-done:hover:not(:disabled){border-color:var(--color-turn-done-light)}.classic-roster-card.roster-done .roster-image img{filter:grayscale(.9) brightness(.75);transition:filter .3s ease}@media (prefers-reduced-motion:reduce){.classic-roster-card.roster-done .roster-image img{transition:none}}.end-turn-float{display:none}@media (max-width:700px){.match-sidebar.kingdom-sidebar{inset:0;width:100%!important;border-left-width:0;box-shadow:none;padding-bottom:72px;animation:kingdom-drawer-in .2s ease-out}.kingdom-backdrop{display:none}.kingdom-edge-toggle{top:12px;right:10px!important}.kingdom-sidebar .kingdom-tabs{margin-right:36px}.kingdom-panel-footer .match-end-turn{display:none}.end-turn-float{display:block;position:absolute;right:12px;bottom:12px;z-index:8;max-width:calc(100% - 24px)}.end-turn-float .match-end-turn{width:44px;height:44px;min-height:0;padding:0;border-radius:50%;box-shadow:0 4px 12px #000a}.end-turn-float .match-end-turn>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@keyframes kingdom-drawer-in{0%{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.match-sidebar.kingdom-sidebar{animation:none}}@media (pointer:coarse) and (min-width:701px){.match-sidebar.kingdom-sidebar{position:absolute;inset:0 0 0 auto;z-index:4;width:min(380px,60%)!important;max-width:none;padding-bottom:76px;box-shadow:-8px 0 20px #0009;animation:kingdom-drawer-in .2s ease-out}.kingdom-edge-toggle{right:min(380px,60%)!important}.kingdom-backdrop,.kingdom-resize-handle{display:none}.match-sidebar.kingdom-sidebar .map-minimap{width:min(100%,30dvh);margin-inline:auto}.kingdom-panel-footer .match-end-turn{display:none}.end-turn-float{display:block;position:absolute;right:16px;bottom:16px;z-index:8}.end-turn-float .match-end-turn{width:56px;height:56px;min-height:0;padding:0;border-radius:50%;box-shadow:0 4px 12px #000a}.end-turn-float .match-end-turn>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (pointer:coarse) and (min-width:701px) and (prefers-reduced-motion:reduce){.match-sidebar.kingdom-sidebar{animation:none}}.match-end-turn.match-end-turn-nudge{animation:end-turn-nudge .5s cubic-bezier(.36,.07,.19,.97)}@keyframes end-turn-nudge{10%,90%{translate:-1px 0}20%,80%{translate:3px 0}30%,50%,70%{translate:-5px 0}40%,60%{translate:5px 0}}@media (prefers-reduced-motion:reduce){.match-end-turn.match-end-turn-nudge{animation:none;outline:2px solid var(--color-gold-bright,#f0d674);outline-offset:2px}}.roster-detail-modal{position:fixed;inset:0;margin:auto;width:min(680px,calc(100cqw - 24px));max-width:none;max-height:calc(100cqh - 24px);padding:0;border:0;color:#fff0d5;background:#492607;box-shadow:0 15px 70px #000c;overflow:hidden}.roster-detail-modal::backdrop{background:#080603b8}.roster-detail-frame{container:roster-window/inline-size;display:flex;flex-direction:column;max-height:calc(100cqh - 24px);background:linear-gradient(#4a270c,#2b160b)}.roster-detail-footer,.roster-detail-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#291709e8}.roster-detail-header{background:#291709e8;padding:4px 8px;min-height:34px;gap:8px}.roster-detail-header h2{margin:0;color:#f0d674;font-size:calc(20px * var(--text-scale));letter-spacing:.01em;text-shadow:0 2px 3px #000}.roster-detail-header small{color:#e0c786}.roster-detail-header button{font-size:calc(22px * var(--text-scale));line-height:1;width:28px;height:28px;padding:0}.game-window-title{flex:1;min-width:0;min-height:28px;align-self:stretch;cursor:grab!important;touch-action:none;user-select:none}.game-window-title:active{cursor:grabbing!important}.game-window-title:focus-visible{outline:2px solid #f0d674;outline-offset:3px}.roster-detail-content{min-height:0;overflow:auto;display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:20px;background:#301905a8}.roster-detail-content h3{margin:0 0 10px;color:#bdaa8c;font-size:calc(12px * var(--text-scale));font-weight:700;letter-spacing:.08em;text-transform:uppercase}.roster-detail-content>section:not(.hero-primary-skills){padding:12px;border:1px solid #5a4020;border-radius:4px;background:#1b140d;box-shadow:inset 0 1px 0 #f0d67412,0 1px 0 #00000066}.roster-detail-portrait img{width:100%;height:170px;object-fit:contain;image-rendering:pixelated;background:#180e08;border:3px ridge #d9b28a}.roster-detail-portrait p{text-align:center;margin:8px 0 0;font-size:calc(13px * var(--text-scale));color:#dec29b}.roster-detail-stats{margin:0}.roster-detail-stats>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid #deb89b55}.roster-detail-stats dt{color:#dec29b}.roster-detail-stats dd{margin:0;font-weight:700}.roster-detail-army,.roster-detail-development{grid-column:1/-1}.roster-detail-development p{line-height:1.5;margin:0;color:#dec29b}.roster-detail-footer{justify-content:flex-end;flex-wrap:wrap}.roster-detail-footer .h2-button{min-width:6rem}.roster-detail-footer .h2-button-primary{min-width:8rem}@container roster-window (max-width: 520px){.roster-detail-content{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}.roster-detail-portrait{max-width:180px;margin:auto}.roster-detail-header h2{font-size:calc(20px * var(--text-scale))}}.hero-detail-modal{width:min(800px,calc(100cqw - 24px))}.hero-detail-modal .roster-detail-frame{background-color:#6b160e;background-blend-mode:multiply}.hero-detail-modal .roster-detail-content{grid-template-columns:130px minmax(0,1fr);gap:14px;padding:14px;background:#40090588}.hero-detail-modal .roster-detail-portrait{grid-column:1;grid-row:1}.hero-detail-modal .roster-detail-portrait img{height:120px;object-fit:cover;border-color:#e1c36a}.hero-primary-skills{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hero-primary-skill{position:relative;min-height:112px;overflow:hidden;border:1px solid #5a4020;border-radius:4px;background:linear-gradient(#3b2b19,#120d08);box-shadow:inset 0 0 0 1px #00000080;text-align:center}.hero-primary-skill>span:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-primary-skill strong,.hero-primary-skill>span:nth-child(2){position:absolute;left:0;right:0;text-shadow:1px 2px 2px #000}.hero-primary-skill>span:nth-child(2){top:6px;font-size:calc(11px * var(--text-scale));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bdaa8c}.hero-primary-skill strong{bottom:4px;font-size:calc(22px * var(--text-scale))}.hero-primary-skills p{grid-column:1/-1;font-size:calc(11px * var(--text-scale));margin:0;color:#dec29b}.hero-detail-modal section[aria-label=Statistics]{grid-column:1/-1}.hero-detail-modal .roster-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.hero-inventory-section{grid-column:1/-1}.hero-inventory-section h3{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.hero-inventory-section small{font-size:calc(12px * var(--text-scale));font-weight:400;color:#dec29b}.hero-artifact-slots,.hero-secondary-slots{display:grid;grid-template-columns:repeat(8,minmax(0,68px));gap:4px}.hero-artifact-slots{grid-template-columns:repeat(7,minmax(0,1fr))}.hero-secondary-slots{margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,81px)}.hero-empty-slot,.hero-skill-slot{display:flex;align-items:center;justify-content:center;width:81px;height:71px;border-radius:4px}.hero-empty-slot{border:1px dashed #5a4020;background:#1b140d80}.hero-skill-slot{overflow:hidden;border:1px solid #5a4020;background:#0d0905;image-rendering:pixelated}.artifact-slot{filter:sepia(1)}@container roster-window (max-width: 600px){.hero-primary-skills{grid-template-columns:repeat(2,minmax(96px,1fr))}.hero-primary-skill{min-height:96px}}@container roster-window (max-width: 520px){.hero-detail-modal .roster-detail-content{grid-template-columns:minmax(0,1fr)}.hero-primary-skills{grid-column:1;grid-row:2}.hero-detail-modal .roster-detail-stats{grid-template-columns:minmax(0,1fr)}}@container roster-window (max-width: 460px){.hero-artifact-slots{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.roster-detail-frame{cursor:grab}.roster-detail-frame>*{cursor:auto}.roster-detail-modal[data-resized] .roster-detail-frame{height:100%}.roster-detail-modal[data-resized] .game-dialog-body,.roster-detail-modal[data-resized] .roster-detail-content,.roster-detail-modal[data-resized] .town-screen{flex:1}.game-window-title{display:flex;align-items:center}.window-resize-corner{position:absolute;z-index:5;width:18px;height:18px;border:0;padding:0;background:transparent;touch-action:none}.window-resize-corner:focus-visible{outline:2px solid #f0d674;outline-offset:-3px}.corner-nw{left:0;top:0;cursor:nwse-resize}.corner-ne{right:0;top:0;cursor:nesw-resize}.corner-sw{left:0;bottom:0;cursor:nesw-resize}.corner-se{right:0;bottom:0;cursor:nwse-resize}.roster-detail-modal.build-modal{width:min(900px,calc(100cqw - 24px));background:#241b12}.build-modal .roster-detail-frame{background:linear-gradient(180deg,#2c2116,#1b1610)}@media (max-width:700px){.game-modal-layer:has(>.roster-detail-modal:is(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal)){padding:0}.roster-detail-modal:is(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal){width:100%!important;height:100%!important;max-height:100%;box-shadow:none}.game-modal-layer>.roster-detail-modal:is(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal){position:relative!important;inset:auto!important}.roster-detail-modal:modal:is(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal){box-sizing:border-box;padding-top:env(safe-area-inset-top,0);background:#291709}.settings-modal:modal .settings-panel{padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))}.roster-detail-modal:is(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal) .roster-detail-frame{height:100%;max-height:100%;cursor:auto}.roster-detail-modal:is(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal) :is(.roster-detail-content,.game-dialog-body,.settings-panel,.town-screen){flex:1;min-height:0;overflow-y:auto}.roster-detail-modal:is(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal) .window-resize-corner{display:none}}@media (max-width:700px){.match-frame>.game-modal-host{inset:calc(-1 * var(--game-frame-border-width, 10px))}}@media (max-width:700px){.game-modal-layer:has(>dialog:not(.battle-screen-modal)){padding-inline:0}.game-modal-layer>dialog:not(.battle-screen-modal),.roster-detail-modal:not(.battle-screen-modal){width:100%!important;max-width:100%;left:0!important}.roster-detail-footer{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px))}.roster-detail-footer .h2-button{min-width:0;min-height:44px;padding-inline:6px;white-space:normal;line-height:1.15}}@media (max-width:700px){.game-modal-layer:has(>dialog:not(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal,.battle-screen-modal)){align-items:end;padding:0}.game-modal-layer>dialog:not(.settings-modal,.hero-detail-modal,.castle-detail-modal,.build-modal,.town-screen-modal,.battle-screen-modal){position:relative!important;inset:auto!important;left:0!important;top:auto!important;align-self:end;width:100%!important;max-height:92%;border-radius:12px 12px 0 0;overflow:hidden}dialog.roster-detail-modal:not(.game-modal-layer>*){margin:auto 0 0;width:100%;max-width:100%;border-radius:12px 12px 0 0}.roster-detail-modal .window-resize-corner{display:none}}.roster-detail-modal.town-screen-modal{width:min(900px,calc(100cqw - 24px),calc((100cqh - 100px) * 1.2261));background:#241b12}.roster-detail-modal.town-screen-modal[data-resized] .roster-detail-frame,.town-screen-modal .roster-detail-frame{height:auto;background:#241b12}.roster-detail-modal.town-screen-modal[data-resized] .town-screen,.town-screen-modal .town-screen{flex:none;min-height:0;overflow:auto;container-type:inline-size}.town-scene{position:relative;aspect-ratio:640/256;overflow:hidden;background:#181c1b}.town-lower img,.town-scene img{image-rendering:pixelated;user-select:none}.town-landscape{width:100%;height:100%;display:block}.town-building{position:absolute;height:auto}.town-building-layer{position:absolute;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none}.town-army-label{display:none}.town-lower{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 16px;border-top:1px solid #b99a57;background:linear-gradient(#3b2b19,#241b12)}.town-crest,.town-visitor-portrait{width:100%;height:100%;min-height:0;object-fit:cover;overflow:hidden;border:1px solid #5a4020;border-radius:4px}.town-crest{grid-area:1/1}.town-garrison{grid-row:1;grid-column:2/span 5}.town-visitor-portrait{grid-area:2/1}.town-visiting-army{grid-row:2;grid-column:2/span 5}.town-army-tools{grid-area:2/1;z-index:2;align-self:start;justify-self:center;transform:translateY(calc(-50% - 4px))}.town-visitor-portrait:has(.town-visitor-none){display:flex;align-items:center;justify-content:center;padding:6px;border-style:dashed;background:#1b140d80}.town-visitor-none{font-size:calc(11px * var(--text-scale));line-height:1.2;text-align:center;color:#bdaa8c}.town-visitor-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.town-garrison,.town-visiting-army{display:grid;grid-column:span 5;grid-template-columns:subgrid;gap:8px;min-height:0;min-width:0}.town-garrison>button,.town-visiting-army>button{aspect-ratio:21/20}.town-garrison:empty,.town-visiting-army:empty{min-height:clamp(48px,14cqw,120px)}.town-garrison img{width:100%;height:100%;min-height:0}.town-empty-slot{aspect-ratio:21/20;border:1px dashed #5a4020;border-radius:4px;background:#1b140d80}.town-army-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;font-size:clamp(8px,1.6cqw,14px)}.town-army-stack small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.town-dwelling-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px;border-top:1px solid #b99a57;background:linear-gradient(#3b2b19,#241b12)}.town-dwellings{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));gap:8px;margin:0;padding:0;list-style:none}.town-dwelling{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;width:100%;height:clamp(88px,9cqw,112px);padding:4px 4px 3px;border:1px solid #5a4020;border-radius:4px;background:linear-gradient(#3b2b19,#120d08);box-shadow:inset 0 0 0 1px #00000080;color:var(--color-parchment-light,#fbe9db)}.town-dwelling-creature{display:flex;flex:1;align-items:flex-end;justify-content:center;width:100%;min-height:0;overflow:hidden}.town-dwelling-count{font-size:calc(15px * var(--text-scale));line-height:1.1;font-variant-numeric:tabular-nums}.town-dwelling:not(:disabled):hover{border-color:#c49c53}.town-dwelling:focus-visible{outline:2px solid #f0d674;outline-offset:1px}.town-dwelling:disabled{cursor:default}.town-dwelling-empty{margin:auto;font-size:calc(11px * var(--text-scale));color:#a1844999}.town-actions{display:flex;flex-direction:column;justify-content:center;gap:4px}.town-actions .h2-button{min-width:6rem}.town-recruit-all{display:flex}.town-recruit-all .h2-button{flex:1}@container (max-width: 520px){.town-dwelling-bar{grid-template-columns:minmax(0,1fr)}.town-dwellings{grid-template-columns:repeat(3,minmax(64px,1fr))}.town-dwelling{height:clamp(84px,24cqw,104px)}.town-actions{flex-direction:row}.town-actions .h2-button,.town-recruit-all{flex:1}}@container (max-width: 420px){.town-lower{gap:4px;padding:8px}.town-garrison,.town-visiting-army{gap:4px}.town-army-tools{transform:translateY(calc(-50% - 2px))}}@container (max-width: 520px){.town-dwellings{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.town-dwellings::-webkit-scrollbar{display:none}.town-dwellings>li{flex:0 0 30%;scroll-snap-align:start}.town-lower{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto auto auto;row-gap:6px}.town-crest,.town-visitor-portrait{width:30px;height:30px;align-self:center}.town-crest{grid-area:1/1}.town-garrison-label{grid-area:1/1/2/4}.town-garrison{grid-row:2;grid-column:1/-1}.town-visitor-portrait{grid-area:3/1}.town-visitor-portrait:has(.town-visitor-none){display:none}.town-visitor-label{grid-area:3/1/4/4}.town-army-tools{grid-area:3/4/4/6;justify-self:end;align-self:center;transform:none}.town-visiting-army{grid-row:4;grid-column:1/-1}.town-army-label{display:flex;align-items:center;min-width:0;min-height:30px;padding-left:38px;overflow:hidden;font-family:var(--font-display,serif);font-size:calc(13px * var(--text-scale));letter-spacing:.04em;color:#f0d674;white-space:nowrap;text-overflow:ellipsis}.town-lower:is([data-armies=garrison],[data-armies=both]) .town-garrison,.town-lower[data-armies=both] .town-visiting-army{grid-template-columns:repeat(6,minmax(0,1fr))}.town-lower:is([data-armies=garrison],[data-armies=both]) .town-garrison>button,.town-lower[data-armies=both] .town-visiting-army>button{grid-column:span 2}.town-lower:is([data-armies=garrison],[data-armies=both]) .town-garrison>button:nth-child(4),.town-lower[data-armies=both] .town-visiting-army>button:nth-child(4){grid-column:2/4}.town-lower:is([data-armies=garrison],[data-armies=both]) .town-garrison>button:nth-child(5),.town-lower[data-armies=both] .town-visiting-army>button:nth-child(5){grid-column:4/6}.town-lower:has(.town-visitor-none) .town-visiting-army{display:none}.town-lower:has(.town-visitor-none) .town-visitor-label{padding-left:0;color:#bdaa8c}}@media (max-width:700px){.town-screen-modal .town-screen{display:flex;flex-direction:column}.town-screen-modal .town-dwelling-bar{display:contents}.town-screen-modal .town-dwellings{margin:0;padding:10px 16px;border-top:1px solid #b99a57;background:linear-gradient(#3b2b19,#241b12)}.town-screen-modal .town-actions{order:99;position:sticky;bottom:0;z-index:3;margin-top:auto;flex-direction:row;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));border-top:1px solid #b99a57;background:linear-gradient(#2c2116,#1b1610);box-shadow:0 -6px 14px #0008}.town-screen-modal .town-actions .h2-button,.town-screen-modal .town-recruit-all{flex:1;min-width:0}.town-screen-modal .town-actions .h2-button{min-height:40px}}.roster-detail-modal.battle-screen-modal{width:min(1280px,calc(100cqw - 24px),calc((100cqh - 24px - 122px) * 1.3169 + 36px));background:#241b12}.battle-screen-modal .roster-detail-frame,.roster-detail-modal.battle-screen-modal[data-resized] .roster-detail-frame{height:auto}.battle-screen-modal .roster-detail-footer{padding:6px 10px}.battle-screen-modal .battle-action{flex-shrink:0}.battle-screen-modal .roster-detail-footer .battle-action{padding:0 8px;font-size:calc(13px * var(--text-scale))}.battle-screen-modal .roster-detail-footer .battle-action,.battle-screen-modal .roster-detail-header .battle-action{width:auto;height:26px;padding:0 10px;font-size:calc(14px * var(--text-scale))}.battle-turn-hex{animation:battle-turn-pulse 1.2s ease-in-out infinite}@keyframes battle-turn-pulse{50%{fill-opacity:.2}}@media (prefers-reduced-motion:reduce){.battle-turn-hex{animation:none}}.battle-rotate{display:none}@media (max-width:700px) and (orientation:portrait){.game-modal-layer:has(>.battle-screen-modal){padding:0}.roster-detail-modal.battle-screen-modal{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:100%}.battle-screen-modal .roster-detail-frame{position:relative;height:100%!important}.battle-rotate{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:linear-gradient(#2c2116,#140d07)}.battle-rotate-icon{color:#f0d674;animation:battle-rotate-turn 2.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.battle-rotate-icon{animation:none;transform:rotate(-90deg)}}}@keyframes battle-rotate-turn{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.battle-action-icon{width:15px;height:15px;flex-shrink:0}.battle-screen-modal .battle-action{gap:6px}.battle-screen-modal .battle-more{display:none}@media (orientation:landscape) and (max-height:500px){.game-modal-layer:has(>.battle-screen-modal){position:fixed;inset:0;z-index:1000;padding:0;background:#140d07}.game-modal-layer:has(>.battle-screen-modal)~.game-modal-layer{position:fixed;inset:0;z-index:1001}.roster-detail-modal.battle-screen-modal{position:relative!important;inset:auto!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;box-shadow:none;border-radius:0;background:linear-gradient(#2c2116,#140d07)}.battle-screen-modal .roster-detail-frame{--battle-safe-x:calc(env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px));--battle-safe-y:calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px));position:relative;display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(64px,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100%!important;max-height:100%;border-width:0!important;border-image:none!important;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background:none}.battle-screen-modal .battle-stage-column{display:contents}.battle-screen-modal .battle-field{grid-column:2;grid-row:1/-1;align-self:center;justify-self:center;width:min(calc(100vw - var(--battle-safe-x) - 128px),calc((100dvh - var(--battle-safe-y)) * 640 / 443));box-shadow:0 0 0 1px #6b4e2a,0 0 16px #000}.battle-screen-modal .battle-turn-order{display:none}.battle-screen-modal [data-testid=battle-status]{grid-column:1;grid-row:3;align-self:end;container-type:inline-size;gap:2px;margin:0;padding:8px 8px 10px;border:0;background:none;font-size:calc(11px * var(--text-scale));line-height:1.3;color:#dec29b}.battle-screen-modal [data-testid=battle-status]>span{min-height:0;overflow:visible;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.battle-screen-modal [data-testid=battle-status]>span:empty{display:none}@container (max-width: 96px){.battle-screen-modal [data-testid=battle-status]>span{display:none}}.battle-screen-modal .battle-log-button{position:static;align-self:center;margin-top:6px;min-width:50px;height:32px;padding:0 12px;translate:none;border-color:#6b4e2a;border-radius:8px;background:linear-gradient(#3b2b19,#1f160d);font-size:calc(12px * var(--text-scale));line-height:30px;color:#f5dfae}.battle-screen-modal .battle-log-button[aria-expanded=true]{background:linear-gradient(#5a4128,#2c1f12);border-color:#c49c53}.battle-screen-modal .roster-detail-header{grid-column:1;grid-row:1;align-self:start;justify-self:stretch;position:static;margin:8px 6px 0;z-index:6;width:auto;max-width:none;justify-content:center;min-height:0;padding:0;background:none;pointer-events:none}.battle-screen-modal .roster-detail-header .game-window-title{display:none}.battle-screen-modal .roster-detail-header>div{margin:0;min-width:0;flex-wrap:wrap;justify-content:center}.battle-screen-modal .roster-detail-header button{pointer-events:auto}.battle-screen-modal [data-testid=battle-turn]{display:block;white-space:normal;text-align:center;line-height:1.25;font-size:calc(11px * var(--text-scale));padding:3px 6px;box-shadow:0 2px 6px #000a}.battle-screen-modal .roster-detail-footer{grid-column:3;grid-row:1/-1;display:flex;align-items:center;justify-content:center;padding:6px;border:0;background:none;overflow:visible}.battle-screen-modal .battle-commands{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;height:auto}.battle-screen-modal [data-testid=battle-mana]{order:-1;margin:0;text-align:center;font-size:calc(11px * var(--text-scale));line-height:1.2;white-space:normal;color:#dec29b}.battle-screen-modal .battle-more{display:flex}.battle-screen-modal .roster-detail-footer .battle-action{display:flex;align-items:center;justify-content:center;width:50px;min-width:0!important;height:46px;min-height:0;padding:0;border:1px solid #6b4e2a;border-radius:8px;background:linear-gradient(#3b2b19,#1f160d);box-shadow:inset 0 1px #edce8a22;color:#f5dfae}.battle-screen-modal .roster-detail-footer .battle-action:disabled{opacity:.4}.battle-screen-modal .roster-detail-footer .battle-action-icon{width:22px;height:22px;color:#f0d674}.battle-screen-modal .roster-detail-footer .battle-action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.battle-screen-modal .battle-action-secondary{display:none!important}.battle-screen-modal .battle-commands[data-more-open]{display:grid;grid-template-columns:160px 50px;grid-auto-flow:row dense;align-items:center;column-gap:10px;row-gap:8px;margin-left:-170px;z-index:8}.battle-screen-modal .battle-commands[data-more-open]>*{grid-column:2}.battle-screen-modal .battle-commands[data-more-open]>.battle-action-secondary{display:flex!important;grid-column:1;width:100%!important;justify-content:flex-start!important;gap:10px;padding:0 12px!important;box-shadow:0 4px 14px #000c}.battle-screen-modal .battle-commands[data-more-open] .battle-action-secondary .battle-action-label{position:static;flex:1;width:auto;height:auto;overflow:visible;clip-path:none;text-align:left;font-size:calc(13px * var(--text-scale))}.battle-screen-modal .battle-commands[data-more-open]>.battle-more{background:linear-gradient(#5a4128,#2c1f12);border-color:#c49c53}.battle-screen-modal .window-resize-corner{display:none}.battle-screen-modal .battle-commands[data-more-open]>.battle-action-secondary:disabled{opacity:1;color:#8a7a62}.battle-screen-modal .battle-commands[data-more-open]>.battle-action-secondary:disabled .battle-action-icon{color:#8a7a62}}.end-title-victory{background:linear-gradient(180deg,#fff3b0,#f0d674 38%,#c9960c 72%,#8a5e06);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 14px #e0c50055)}.end-title-victory svg{filter:drop-shadow(0 0 6px #e0c50088)}.end-banner[data-outcome=Victory]{box-shadow:inset 0 0 0 1px #f0d67433,0 0 24px #b6860a33}@media (prefers-reduced-motion:no-preference){.end-banner{animation:end-rise .48s cubic-bezier(.2,.8,.2,1) both}.end-title{animation:end-settle .62s cubic-bezier(.2,.8,.2,1) .12s both}.end-portrait{animation:end-fade .52s ease-out 60ms both}.end-title-victory{animation:end-settle .62s cubic-bezier(.2,.8,.2,1) .12s both,end-glow 2.4s ease-in-out .8s 2}}@keyframes end-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes end-settle{0%{opacity:0;transform:scale(1.12);letter-spacing:.2em}}@keyframes end-fade{0%{opacity:0;transform:scale(.94)}}@keyframes end-glow{50%{filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 22px #e0c50099)}}.end-tabs{margin-bottom:-8px}.end-chart-table summary::marker{color:#846239}.end-chart-table table td,.end-chart-table table th{white-space:nowrap}.end-unlock:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 30%,#fff3b066 48%,#f0d67433 54%,transparent 70%)}@media (prefers-reduced-motion:no-preference){.end-unlock{animation:end-unlock-in .52s cubic-bezier(.2,.8,.2,1) both;animation-delay:inherit}.end-unlock:after{animation:end-unlock-sheen 1.1s ease-out both;animation-delay:inherit}.end-unlock .medallion{animation:end-unlock-flare .9s ease-out both;animation-delay:inherit}}@keyframes end-unlock-in{0%{opacity:0;transform:translateX(12px)}}@keyframes end-unlock-sheen{0%{opacity:1;transform:translateX(-100%)}to{opacity:0;transform:translateX(100%)}}@keyframes end-unlock-flare{0%{transform:scale(.6) rotate(-20deg);filter:drop-shadow(0 0 0 #f0d674)}60%{transform:scale(1.12) rotate(4deg);filter:drop-shadow(0 0 10px #f0d674cc)}to{transform:none;filter:drop-shadow(0 0 3px #f0d67455)}}.medallion-legendary{filter:drop-shadow(0 0 5px #ffcf4a99)}.ach-toast{position:relative;overflow:hidden}.ach-toast:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 30%,#fff3b066 48%,#f0d67433 54%,transparent 70%)}@media (prefers-reduced-motion:no-preference){.ach-toast{animation:ach-toast-in .42s cubic-bezier(.2,.8,.2,1) both}.ach-toast[data-live=true]:after{animation:ach-toast-sheen 1.1s ease-out .2s both}.ach-toast[data-live=true] .medallion{animation:ach-medallion-flare .9s ease-out .15s both}.ach-progress-fill{transition:width .36s ease-out}.ach-progress-row[data-ticked=true] .ach-progress-count{animation:ach-tick .6s ease-out}}@keyframes ach-toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes ach-toast-sheen{0%{opacity:1;transform:translateX(-100%)}to{opacity:0;transform:translateX(100%)}}@keyframes ach-medallion-flare{0%{transform:scale(.6) rotate(-20deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:none}}@keyframes ach-tick{0%{color:#fff3b0;text-shadow:0 0 6px #f0d674}to{text-shadow:none}}.game-toast{display:flex;align-items:flex-start;gap:10px;width:min(360px,calc(100vw - 32px));padding:12px 14px;border:1px solid #b6860a;border-radius:4px;background:linear-gradient(180deg,#2c2116,#1b1610);box-shadow:0 8px 24px #000c,inset 0 1px 0 #f0d67422;color:#fff0d5;font-family:var(--font-body);font-size:calc(13px * var(--text-scale));line-height:1.4}.game-toast [data-icon]{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;margin:0;border:1px solid #6b4a22;border-radius:3px;background:linear-gradient(180deg,#120d08,#08060400);background-color:#100c09;box-shadow:inset 0 1px 0 #f0d67418;overflow:hidden}.game-toast [data-icon]>*{max-width:40px;max-height:40px}.game-toast [data-content]{min-width:0;flex:1}.game-toast [data-title]{color:#f0d674;font-weight:700}.game-toast [data-description]{color:#dec29b}.game-toast[data-type=error]{border-color:#a8321f}.game-toast[data-type=error] [data-title]{color:#f0b8a8}.game-toast[data-type=success]{border-color:#6f8f3f}.game-toast [data-button]{margin-left:auto;padding:3px 8px;border:1px solid #b6860a;border-radius:3px;background:#b6860a33;color:#f0d674;font:inherit;font-size:calc(12px * var(--text-scale));white-space:nowrap;flex-shrink:0;cursor:pointer}.game-toast [data-close-button]{position:absolute;top:-8px;left:-8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid #b6860a;border-radius:50%;background:#1b1610;color:#dec29b}.side-panel{animation:side-panel-in .22s cubic-bezier(.2,.8,.2,1)}.side-panel-backdrop{animation:side-panel-fade .22s ease-out}@keyframes side-panel-in{0%{transform:translateX(100%);opacity:.6}}@keyframes side-panel-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.side-panel,.side-panel-backdrop{animation:none}}