.bottom-bar{height:64px;box-sizing:border-box;padding:7px 8px;background:#222;border-top:1px solid #3a3a3a;display:grid;grid-template-columns:64px 42px 42px minmax(0,1fr) 42px;gap:6px;align-items:center;color:#eee}.seed-entry{width:min(320px,calc(100% - 32px));display:grid;gap:5px;color:#cbd1d5;font-size:12px}.seed-entry>div{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px}.seed-entry input{min-width:0;height:36px;box-sizing:border-box;border:1px solid #697178;border-radius:4px;padding:0 9px;background:#191c1f;color:#f3f3f3}.seed-entry input[aria-invalid=true]{border-color:#c0392b}.seed-entry button{width:38px;height:36px;padding:0;display:grid;place-items:center;border:1px solid #697178;border-radius:4px;background:#30353a;color:#f3f3f3;cursor:pointer}.start-tools{display:flex;gap:8px}.start-tools button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid #666;border-radius:4px;background:transparent;color:#eee;cursor:pointer}.record-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#000000ad}.record-panel{width:min(420px,100%);max-height:min(620px,calc(100vh - 32px));overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);border:1px solid #596168;border-radius:6px;background:#202428;color:#f1f3f4}.record-panel header{min-height:50px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #41484e}.record-panel h2{margin:0;font-size:17px}.record-panel header>div,.record-actions{display:flex;gap:5px}.record-panel button,.replay-controls button{min-width:34px;height:34px;padding:0 7px;display:grid;place-items:center;border:1px solid #626a71;border-radius:4px;background:#343a40;color:#f1f3f4;cursor:pointer}.record-error{padding:8px 12px;background:#682e2a;color:#fff;font-size:12px}.record-list{overflow-y:auto}.record-empty{padding:28px 12px;color:#9da5ab;text-align:center}.record-row{min-height:70px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid #383e43}.record-row>div:first-child{min-width:0;display:grid;gap:2px}.record-row strong,.record-row span{overflow-wrap:anywhere}.record-row span{color:#aeb6bc;font-size:11px}.replay-controls{position:absolute;z-index:35;left:8px;right:8px;bottom:70px;min-height:42px;padding:4px 6px;display:grid;grid-template-columns:34px minmax(50px,1fr) auto auto;gap:6px;align-items:center;border:1px solid #596168;border-radius:6px;background:#202428f0;color:#f1f3f4}.replay-progress{height:6px;overflow:hidden;border-radius:3px;background:#555d64}.replay-progress span{display:block;height:100%;background:#d4af37}.replay-speeds{display:flex;gap:3px}.replay-speeds button{min-width:32px;height:30px;font-size:11px}.replay-speeds button[aria-pressed=true]{border-color:#d4af37;color:#ffe07a}.replay-divergence{color:#ff8d84;font-size:11px}.battle-speed-slot{flex:0 0 34px;height:34px;box-sizing:border-box;border-top:1px solid #3a3f42;background:#25292c}.battle-speed-controls{width:100%;height:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,42px);justify-content:center;align-items:center;gap:3px}.battle-speed-controls button{height:26px;padding:0;border:1px solid #596168;border-radius:4px;background:#34393d;color:#aeb4b8;font-size:11px;cursor:pointer}.battle-speed-controls button[aria-pressed=true]{border-color:#d4af37;background:#51491f;color:#ffe07a}.gameover-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.gameover-actions button{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border:1px solid #6c747a;border-radius:4px;background:#30363b;color:#f2f2f2;cursor:pointer}.gameover-actions button:first-child{border-color:#d4af37;background:#d4af37;color:#111}.gameover-actions button:disabled{opacity:.45;cursor:not-allowed}.topbar-wave{min-width:0;display:grid;gap:1px}.battle-stage-shell{flex:1;min-height:0;display:flex;justify-content:center;overflow:hidden;background:#f7f3eb}.battle-stage{width:min(100%,492px);height:100%;min-height:0;display:flex;align-items:flex-start;overflow:hidden}.battle-stage-main{position:relative;flex:1;min-width:0;height:100%;display:flex;justify-content:center;overflow:hidden}.bond-status-bar{flex:0 0 42px;width:42px;min-height:0;box-sizing:border-box;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));border-left:1px solid #454b4f;border-bottom:1px solid #454b4f;background:#202427;color:#aeb4b8}.bond-status{--bond-color: #aeb4b8;--bond-level-1-bg: #30363a;--bond-level-2-bg: #3b4348;min-width:0;min-height:0;padding:5px 4px;box-sizing:border-box;display:grid;grid-template-rows:16px 12px 12px 4px;align-items:center;justify-content:center;gap:2px;border-bottom:1px solid #454b4f;background:#292e31;font-size:10px;line-height:1;text-align:center;white-space:nowrap}.bond-status:last-child{border-bottom:0}.bond-status--wei{--bond-color: #52c7c9;--bond-level-1-bg: #263c3e;--bond-level-2-bg: #285356}.bond-status--shu{--bond-color: #e29a45;--bond-level-1-bg: #413426;--bond-level-2-bg: #5a4228}.bond-status--wu{--bond-color: #62aee8;--bond-level-1-bg: #293b49;--bond-level-2-bg: #2c4e68}.bond-status strong{color:var(--bond-color);font-size:13px}.bond-status__count,.bond-status__bonus{font-variant-numeric:tabular-nums}.bond-status__bonus{color:#f4f5f5;font-size:9px}.bond-status[data-bond-level="1"]{background:var(--bond-level-1-bg);color:#f3f4f5}.bond-status[data-bond-level="2"]{background:var(--bond-level-2-bg);color:#f3f4f5}.bond-status__progress{width:32px;height:4px;overflow:hidden;border-radius:2px;background:#0000006b}.bond-status__progress>span{display:block;height:100%;background:var(--bond-color)}.topbar-wave b{color:#d4af37}.topbar-wave button{max-width:78px;height:18px;padding:0;display:flex;align-items:center;gap:3px;border:0;background:transparent;color:#8e9aa3;cursor:pointer}.topbar-wave code{overflow:hidden;font-size:9px;text-overflow:ellipsis}.bottom-bar__resources{min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.15;white-space:nowrap}.bottom-bar__resources b{color:#e8c}.icon-command{position:relative;width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #666;border-radius:6px;background:#3d4247;color:#eee;cursor:pointer}.icon-command:hover,.icon-command:focus-visible{background:#50575e}.icon-command--active{border-color:#d4af37;background:#51491f;color:#ffe07a;box-shadow:0 0 0 2px #d4af372e}.icon-command--active:hover,.icon-command--active:focus-visible{background:#625725}.icon-command:disabled{border-color:#4b4f52;background:#303438;color:#777d82;cursor:not-allowed;box-shadow:none}.item-count-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;box-sizing:border-box;border-radius:8px;background:#c0392b;color:#fff;font-size:9px;line-height:15px;text-align:center}.recruit-command{min-width:0;height:40px;padding:0 8px;overflow-wrap:anywhere;border:0;border-radius:6px;background:#d4af37;color:#000;cursor:pointer}.recruit-command:disabled{background:#555;color:#aaa;cursor:not-allowed}.treasure-drawer{position:absolute;z-index:30;left:0;right:0;bottom:64px;max-height:46%;overflow-y:auto;box-sizing:border-box;padding:10px;background:#f6f6f3;color:#222;border-top:3px solid #292d31}.treasure-drawer__header{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px}.treasure-drawer__tools{display:flex;gap:6px}.treasure-drawer__tools button{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid #9da3a8;border-radius:4px;background:#fff;color:#292d31;cursor:pointer}.treasure-drawer__section-label{margin:8px 0 5px;font-size:12px;font-weight:700;color:#555d64}.treasure-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.treasure-card{min-width:0;min-height:62px;padding:4px;border-radius:4px;background:#fff;display:flex;flex-direction:column;align-items:center;color:#222;cursor:pointer}.treasure-card--common{border:1px solid #747b82}.treasure-card--advanced{border:1px solid #3376a8}.treasure-card--rare{border:1px solid #c28a19}.treasure-card img{width:32px;height:32px;image-rendering:pixelated}.treasure-card span{max-width:100%;font-size:10px;overflow-wrap:anywhere}.treasure-inspection{margin-top:8px;padding-top:8px;border-top:1px solid #c9cdd0;display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:8px;align-items:center}.treasure-inspection>div{min-width:0;display:flex;flex-direction:column;gap:3px}.treasure-inspection span{font-size:11px;overflow-wrap:anywhere}.treasure-inspection button,.equipped-treasure button{min-height:32px;padding:0 6px;border:1px solid #8d949a;border-radius:4px;background:#fff;color:#222;cursor:pointer}.treasure-inspection button:disabled{color:#8b9298;cursor:not-allowed}.equipped-treasure{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px;align-items:center;border-top:1px solid #d5d8da}.equipped-treasure span{min-width:0;overflow-wrap:anywhere}.treasure-empty{margin:8px 0;color:#687078;font-size:12px}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:#1a1a1a;color:#eee}.treasure-compendium{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f4f5f6;color:#222}.treasure-compendium__header{height:52px;padding:0 12px;display:grid;grid-template-columns:44px 1fr 52px;align-items:center;box-sizing:border-box;background:#292d31;color:#fff}.treasure-compendium__header button{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid #687078;border-radius:4px;background:transparent;color:#fff;cursor:pointer}.treasure-compendium__header h1{margin:0;text-align:center;font-size:18px;letter-spacing:0}.treasure-compendium__header>span{justify-self:end;font-size:12px;color:#d6dadd}.treasure-compendium__body{height:calc(100% - 52px);overflow-y:auto;padding:12px;box-sizing:border-box}.compendium-section{margin:0 0 16px}.compendium-section h2{margin:0 0 7px;display:flex;justify-content:space-between;align-items:baseline;font-size:15px;letter-spacing:0}.compendium-section h2 small{font-size:11px;font-weight:400;color:#687078}.compendium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compendium-entry{min-width:0;min-height:82px;padding:7px;box-sizing:border-box;border:1px solid #b9bec3;border-radius:6px;background:#fff;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;overflow-wrap:anywhere}button.compendium-entry{cursor:pointer}button.compendium-entry:hover,button.compendium-entry:focus-visible,button.compendium-entry[aria-pressed=true]{background:#eef3f6;outline:2px solid #455b6b;outline-offset:-2px}.compendium-entry--common{border-color:#747b82}.compendium-entry--advanced{border-color:#3376a8}.compendium-entry--rare{border-color:#c28a19}.compendium-entry img{width:32px;height:32px;image-rendering:pixelated}.compendium-entry strong{max-width:100%;margin-top:2px;font-size:11px;line-height:1.25}.compendium-entry>span{margin-top:2px;font-size:10px;color:#687078}.compendium-entry--locked{justify-content:center;color:#6c737a}.compendium-entry__unknown{width:32px;height:32px;display:grid;place-items:center;background:#555b61;color:#bcc1c6;font-size:18px}.compendium-detail{margin-top:12px;padding:10px;border-top:2px solid #292d31;background:#fff}.compendium-detail__title{display:flex;align-items:center;gap:8px}.compendium-detail__title img{width:40px;height:40px;image-rendering:pixelated}.compendium-detail__title div{min-width:0;display:flex;flex-direction:column;gap:2px}.compendium-detail__title span{font-size:11px;color:#687078}.compendium-detail dl{margin:8px 0 0}.compendium-detail dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding-block:5px;border-top:1px solid #e4e6e7}.compendium-detail dt{color:#687078}.compendium-detail dd{min-width:0;margin:0;overflow-wrap:anywhere}.treasure-unlock-toast{position:absolute;z-index:90;top:68px;left:50%;transform:translate(-50%);width:min(310px,calc(100% - 24px));box-sizing:border-box;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid #687078;border-radius:6px;background:#20252a;color:#fff;pointer-events:none}.treasure-unlock-toast img{width:32px;height:32px;image-rendering:pixelated}.treasure-equip-banner{position:absolute;z-index:95;top:12px;left:50%;transform:translate(-50%);width:min(340px,calc(100% - 24px));box-sizing:border-box;padding:8px 10px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d4af37;border-radius:8px;background:#20252af0;color:#fff;font-size:14px;box-shadow:0 2px 10px #00000059;pointer-events:none;animation:treasure-equip-banner-in .16s ease-out}.treasure-equip-banner__text{min-width:0;overflow-wrap:anywhere}.treasure-equip-banner__text strong{color:#d4af37}.treasure-equip-banner__cancel{pointer-events:auto;flex:none;display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border:1px solid #8a9099;border-radius:6px;background:#2f353c;color:#fff;font-size:13px;cursor:pointer}.treasure-equip-banner__cancel:hover{background:#3c434b}@keyframes treasure-equip-banner-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 360px){.treasure-compendium__body{padding-inline:8px}.compendium-grid{gap:5px}}@media (max-width: 400px){.bottom-bar{grid-template-columns:56px 40px 40px minmax(70px,1fr) 40px;gap:4px;padding-inline:6px}}