:root{color:#f8f1db;--panel:#151b19d1;--panel-border:#f8f1db38;--ink:#f8f1db;--green:#7bd047;--acid:#b7ff3c;--warning:#ffca4b;--danger:#f05d4f;background:#101414;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app,#game-shell,#game-container{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}.hud-cluster,.hud-bottom,.message{background:var(--panel);border:2px solid var(--panel-border);box-shadow:0 5px #00000052}.hud-top-left{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));border-radius:8px;width:min(260px,42vw);padding:10px 12px;position:absolute}.hp-label{color:var(--ink);text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:800}.hp-track{background:#47232a;border:2px solid #00000073;border-radius:4px;height:16px;overflow:hidden}.hp-fill{background:linear-gradient(90deg, var(--danger), #ff9d66);width:100%;height:100%;transition:width .16s ease-out}.xp-row{color:#f8f1dbc7;text-transform:uppercase;justify-content:space-between;gap:8px;margin:8px 0 5px;font-size:11px;font-weight:900;display:flex}.xp-track{background:#1f2c36;border:2px solid #00000073;border-radius:4px;height:10px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, #64b5ff, var(--acid));width:0%;height:100%;transition:width .16s ease-out}.active-upgrades{top:max(88px, calc(env(safe-area-inset-top) + 88px));left:max(14px, env(safe-area-inset-left));border:2px solid var(--panel-border);background:#151b19c7;border-radius:8px;width:min(260px,42vw);padding:8px;position:absolute;box-shadow:0 5px #00000047}.active-upgrades[hidden]{display:none}.active-upgrades-title{color:var(--warning);text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:900}.active-upgrade-list{flex-wrap:wrap;gap:5px;display:flex}.upgrade-chip{color:#f8f1dbeb;background:#ffffff17;border-radius:5px;max-width:100%;padding:4px 6px;font-size:11px;font-weight:800;line-height:1.15}.hud-top-right{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));border-radius:8px;gap:8px;padding:8px;display:flex;position:absolute}.resource{background:#ffffff14;border-radius:6px;min-width:86px;padding:5px 8px}.resource span{color:#f8f1dbb8;font-size:11px;font-weight:700;display:block}.resource strong{font-size:18px;display:block}.hud-bottom{right:50%;bottom:max(16px, env(safe-area-inset-bottom));border-radius:8px;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(50%)}.slot{background:#ffffff14;border:2px solid #f8f1db29;border-radius:6px;width:86px;min-height:56px;padding:7px}.slot.active{border-color:var(--warning)}.slot-key{color:var(--warning);font-size:12px;font-weight:900;display:block}.slot strong{color:var(--ink);font-size:14px;display:block}.message{left:50%;top:max(18px, env(safe-area-inset-top));color:#f8f1dbeb;text-align:center;border-radius:8px;width:min(440px,48vw);padding:10px 14px;font-size:14px;font-weight:800;position:absolute;transform:translate(-50%)}#mobile-controls{pointer-events:none;display:none;position:fixed;inset:0}.move-pad{left:max(18px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#151b1980;border:2px solid #f8f1db47;border-radius:50%;width:122px;height:122px;position:absolute}.move-stick{background:var(--warning);border-radius:50%;width:42px;height:42px;position:absolute;top:39px;left:39px;box-shadow:0 3px #00000059}.attack-button{right:max(22px, env(safe-area-inset-right));bottom:max(38px, env(safe-area-inset-bottom));color:#fff7df;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#de684d;border:3px solid #f8f1db66;border-radius:50%;place-items:center;width:88px;height:88px;font:900 18px/1 Trebuchet MS,sans-serif;display:grid;position:absolute;box-shadow:0 6px #00000061}.attack-label{z-index:2;pointer-events:none;position:relative}.attack-stick{z-index:1;pointer-events:none;background:#fff7df42;border:2px solid #fff7df8c;border-radius:50%;width:26px;height:26px;position:absolute;top:calc(50% - 13px);left:calc(50% - 13px);box-shadow:0 3px #00000047}.pause-button{right:max(18px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top));width:52px;height:52px;color:var(--warning);pointer-events:auto;background:#151b19db;border:3px solid #f8f1db61;border-radius:50%;font:900 25px/1 Trebuchet MS,sans-serif;position:absolute;box-shadow:0 5px #00000059}.upgrade-overlay{pointer-events:auto;z-index:20;background:#0a0e0dad;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.upgrade-overlay[hidden]{display:none}.pause-overlay{pointer-events:auto;z-index:30;background:#080b0ac2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pause-overlay[hidden]{display:none}.pause-panel{background:#151b19f7;border:3px solid #f8f1db47;border-radius:8px;width:min(680px,94vw);padding:22px;box-shadow:0 8px #0000006b}.pause-panel h1{color:var(--ink);margin:0 0 14px;font-size:34px;line-height:1.05}.pause-panel p{color:#f8f1dbe0;margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.45}.resume-button{background:var(--warning);color:#17110d;cursor:pointer;border:3px solid #f8f1db57;border-radius:8px;min-width:138px;min-height:48px;margin-top:8px;font:900 18px/1 Trebuchet MS,sans-serif;box-shadow:0 5px #00000061}.resume-button:hover,.resume-button:focus-visible{outline:none;transform:translateY(-2px)}.pause-hint{color:#f8f1db9e;margin-top:12px;font-size:13px;font-weight:800}.bus-overlay{pointer-events:auto;z-index:35;background:#080b0acc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.bus-overlay[hidden]{display:none}.bus-panel{background:#151b19fa;border:3px solid #f8f1db47;border-radius:8px;width:min(900px,96vw);max-height:min(760px,92vh);padding:22px;overflow:auto;box-shadow:0 8px #0000006b}.bus-panel h2{color:var(--ink);margin:0 0 16px;font-size:30px;line-height:1.1}.bus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bus-section{background:#303c38a8;border:2px solid #f8f1db2e;border-radius:8px;min-height:190px;padding:14px}.bus-section h3{color:var(--warning);margin:0 0 8px;font-size:17px}.bus-section p,.bus-section li{color:#f8f1dbdb;font-size:14px;font-weight:800;line-height:1.38}.bus-section ol{margin:0;padding-left:20px}.bus-line{color:#f8f1dbdb;justify-content:space-between;gap:10px;margin-top:9px;font-size:14px;font-weight:900;display:flex}.bus-button{width:100%;min-height:42px;color:var(--ink);cursor:pointer;background:#315f3b;border:2px solid #f8f1db47;border-radius:8px;margin-top:9px;font:900 13px/1.2 Trebuchet MS,sans-serif}.bus-button:disabled{opacity:.52;cursor:not-allowed}.bus-status{color:#f8f1dbe6;background:#101414b8;border:2px solid #f8f1db2e;border-radius:8px;margin:14px 0 10px;padding:10px 12px;font-size:14px;font-weight:900}.bus-actions{flex-wrap:wrap;gap:10px;display:flex}.bus-secondary-button{color:var(--ink);background:#315f3b}.upgrade-panel{background:#151b19f5;border:3px solid #f8f1db42;border-radius:8px;width:min(760px,94vw);padding:18px;box-shadow:0 8px #0000006b}.upgrade-kicker{color:var(--warning);text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:900}.upgrade-panel h2{color:var(--ink);margin:0 0 16px;font-size:26px;line-height:1.1}.upgrade-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.upgrade-card{min-height:160px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#26342f;border:3px solid #f8f1db3d;border-radius:8px;padding:14px;box-shadow:0 5px #00000052}.upgrade-card:hover,.upgrade-card:focus-visible{border-color:var(--warning);outline:none;transform:translateY(-2px)}.upgrade-card strong{color:var(--warning);margin-bottom:8px;font-size:18px;line-height:1.1;display:block}.upgrade-card span{color:#f8f1dbd6;font-size:14px;line-height:1.3;display:block}.puzzle-panel{width:min(560px,94vw)}.puzzle-status{color:#f8f1dbdb;margin:0 0 14px;font-size:15px;font-weight:800}.puzzle-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.puzzle-button{color:#111612;cursor:pointer;border:3px solid #f8f1db38;border-radius:8px;min-height:78px;font:900 16px/1.1 Trebuchet MS,sans-serif;box-shadow:0 5px #00000059}.puzzle-button:hover,.puzzle-button:focus-visible{border-color:var(--warning);outline:none;transform:translateY(-2px)}@media (width<=800px),(pointer:coarse){#mobile-controls{display:block}.hud-top-left{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));width:min(174px,48vw);padding:8px 9px}.hp-label{margin-bottom:4px;font-size:11px}.hp-track{height:14px}.xp-row{margin:6px 0 4px;font-size:10px}.active-upgrades{top:max(94px, calc(env(safe-area-inset-top) + 94px));left:max(10px, env(safe-area-inset-left));width:min(174px,48vw);max-height:76px;padding:7px;overflow:hidden}.hud-top-right{top:max(74px, calc(env(safe-area-inset-top) + 74px));right:max(8px, env(safe-area-inset-right));flex-direction:column;gap:5px;padding:6px}.resource{min-width:64px;padding:4px 6px}.resource span{font-size:10px}.resource strong{font-size:16px}.message{top:auto;bottom:max(160px, calc(env(safe-area-inset-bottom) + 160px));width:min(340px,100vw - 32px);padding:8px 10px;font-size:12px;line-height:1.25}.hud-bottom{display:none}.pause-panel h1{font-size:27px}.pause-panel p{font-size:14px}.move-pad{left:max(14px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));width:118px;height:118px}.move-stick{top:38px;left:38px}.attack-button{right:max(18px, env(safe-area-inset-right));bottom:max(34px, env(safe-area-inset-bottom));width:94px;height:94px}.pause-button{right:max(14px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top));width:50px;height:50px}.bus-overlay{padding:12px}.bus-panel{padding:14px}.bus-panel h2{font-size:22px}.bus-grid{grid-template-columns:1fr}.bus-section{min-height:auto}.upgrade-panel{padding:14px}.upgrade-panel h2{font-size:22px}.upgrade-cards{grid-template-columns:1fr}.upgrade-card{min-height:104px}.puzzle-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}