:root{color-scheme:dark;--bg: #10161c;--panel: rgba(12, 16, 20, .8);--panel-strong: rgba(16, 22, 28, .96);--text: #eef4f8;--muted: #9da9b3;--accent: #a855f7;--ready: #7fe3a4;--line: rgba(255, 255, 255, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}button{border:0;color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}#gameCanvas{display:block;width:100vw;height:100vh;background:var(--bg)}.hud{position:fixed;top:14px;left:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:300px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 12px 36px #00000040;font-size:12px;line-height:1.25;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud div{display:flex;gap:6px;color:var(--muted)}.hud strong{color:#fff}.hud .status{flex-basis:100%;color:#ff9d7a;font-weight:700;letter-spacing:.06em}.hud .status:empty{display:none}.bottom-bar{position:fixed;left:22px;bottom:22px;display:flex;align-items:flex-end;gap:10px;z-index:5}.pawn-button{width:54px;height:54px}.figure-ui{position:static;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:0 18px 48px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rearrange-button{position:static;margin-bottom:11px}.perk-ui{position:fixed;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:0 18px 48px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.promotion-buttons{display:flex;gap:8px}.icon-button,.pawn-button,.perk-slot{display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:#ffffff14;box-shadow:inset 0 1px #ffffff14}.icon-button,.perk-slot{--button-progress: 0deg;--segment-size: 360deg;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at center,#151d25 0 58%,transparent 59%),repeating-conic-gradient(from -90deg,rgba(0,0,0,.72) 0 2deg,transparent 2deg var(--segment-size)),conic-gradient(#91d2ff var(--button-progress),rgba(255,255,255,.13) 0deg);font-size:22px;font-weight:800}.icon-button:not(:disabled):hover,.pawn-button:not(:disabled):hover{transform:translateY(-1px);border-color:#ffffff52}.icon-button:disabled{opacity:.46}.pawn-button{--pawn-progress: 0deg;position:relative;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at center,#18212a 0 56%,transparent 57%),conic-gradient(var(--ready) var(--pawn-progress),rgba(255,255,255,.16) 0deg);font-size:52px}.pawn-button:disabled{opacity:.48}.pawn-button.ready{color:var(--ready);box-shadow:0 0 0 3px #7fe3a429,0 0 24px #7fe3a447}.pawn-button.pulse:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:#7fe3a48c;filter:blur(16px);animation:pawnPulse .5s ease-out forwards;pointer-events:none}@keyframes pawnPulse{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}.rearrange-button{--button-progress: 360deg}.icon-button.selected,.pawn-button.selected{border-color:var(--ready);box-shadow:0 0 0 2px #7fe3a466}.perk-slot{color:#f4f7fb;cursor:default}.perk-slot.active{color:var(--accent);cursor:pointer}.auto-toggle{font-size:9px;color:#7fe3a4;cursor:pointer;padding:2px 4px;border:1px solid rgba(127,227,164,.4);border-radius:3px;margin-top:2px;text-align:center;-webkit-user-select:none;user-select:none}.auto-toggle.off{color:#555;border-color:#5556}.perk-slot.active.empty{opacity:.46}.done-button{position:fixed;top:22px;left:50%;z-index:5;transform:translate(-50%);padding:10px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:var(--panel-strong);color:var(--ready);box-shadow:0 14px 38px #00000057}.pause-corner-btn{position:fixed;top:16px;right:16px;z-index:5;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1e242cd9;color:#fff9;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.pause-corner-btn:hover{background:#323840f2;color:#ffffffd9}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#0000006b;animation:modalFadeIn .5s ease both}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{width:min(760px,calc(100vw - 32px));padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:var(--panel-strong);box-shadow:0 24px 80px #00000075}.modal-panel h1{margin:0 0 18px;font-size:28px}#upgradeDescription{margin:-10px 0 18px;color:var(--muted);font-size:14px;line-height:1.4}#upgradeDescription:empty{display:none}#upgradeDescription strong{color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.upgrade-card{min-height:170px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;text-align:left}.upgrade-card:hover,.upgrade-card.focused{border-color:#f0c66a9e;background:#f0c66a1a}.upgrade-card.focused{box-shadow:0 0 0 2px #f0c66a66}.upgrade-card h2{margin:0 0 8px;font-size:18px}.upgrade-card p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.35}.upgrade-card small{color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.restart-button{margin-top:12px;padding:10px 18px;border-radius:999px;background:var(--accent);color:#15120b;font-weight:800}.hidden{display:none!important}.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);overflow:hidden}#titleCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.title-content{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.title-name{position:absolute;top:28px;left:28px;margin:0;font-size:224px;font-weight:800;letter-spacing:-.03em;line-height:.85;color:var(--text);pointer-events:none}.play-button{position:absolute;bottom:48px;left:48px;padding:28px 88px;border-radius:999px;background:#f0c66a;color:#15120b;font-size:96px;font-weight:800;letter-spacing:.08em;pointer-events:auto;transition:transform .12s,box-shadow .12s}.play-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f0c66a80}.controls-button{position:fixed;top:18px;right:90px;z-index:25;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#aaa;font-size:13px;line-height:1;height:32px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:border-color .12s,color .12s}.controls-button:hover{border-color:#ffffff5c;color:var(--text)}.controls-panel{max-width:520px}#controlsModal{z-index:25}.controls-two-col{display:flex;gap:24px}.controls-col{flex:1;min-width:0}.controls-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.controls-group-title{font-size:15px;font-weight:700;color:#ffffffb8;margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.1)}.controls-group-title:first-child{margin-top:0}.control-row{display:flex;align-items:center;gap:10px;padding:3px 0}.control-row kbd{display:inline-block;width:72px;flex-shrink:0;padding:3px 6px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff14;color:var(--accent);font-family:inherit;font-size:13px;font-weight:700;text-align:center}.control-row span{font-size:13px;color:var(--muted);white-space:nowrap}@media(max-width:760px){.title-name{font-size:72px}.play-button{padding:18px 56px;font-size:56px}.controls-panel{max-width:calc(100vw - 32px)}.controls-two-col{flex-direction:column;gap:12px}}.tooltip{position:fixed;z-index:6;max-width:260px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 14px 38px #00000057;font-size:12px;line-height:1.35;color:var(--text);pointer-events:none}.tooltip strong{display:block;margin-bottom:4px;color:var(--accent)}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;gap:8px;background:#00000075;text-align:center;pointer-events:none}.pause-title{font-size:32px;font-weight:800}.pause-overlay small{font-size:14px;font-weight:400;color:var(--muted)}.corner-btn{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#aaa;font-size:13px;line-height:1;height:32px;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s}.corner-btn:hover{border-color:#ffffff5c;color:var(--text)}.pause-corner{position:fixed;z-index:25;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#aaa;font-size:13px;line-height:1;height:32px;font-weight:600;cursor:pointer;opacity:0;pointer-events:none;transition:border-color .12s,color .12s,opacity .15s}.pause-corner:hover{border-color:#ffffff5c;color:var(--text)}@media(max-width:760px){.figure-ui,.perk-ui{gap:5px;padding:6px}.figure-ui{left:8px;bottom:96px}.perk-ui{right:8px;bottom:96px}.pawn-button{width:76px;height:76px;font-size:38px}.icon-button,.perk-slot{width:36px;height:36px;font-size:18px}}