*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}#app{height:100vh;overflow:hidden}.app-root{grid-template-rows:auto minmax(0,1.4fr) minmax(0,1fr);grid-template-columns:1.4fr 1fr 1.1fr;gap:8px;height:100vh;padding:8px;display:grid}.app-root__status{grid-area:1/1/auto/3;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.app-root__reference{flex-direction:column;grid-area:2/3;min-height:0;display:flex}.app-root__middle{grid-area:2/1/auto/3;grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.app-root__bottom{grid-area:3/1/auto/3;min-height:0}.app-root__log{flex-direction:column;grid-area:3/3;min-height:0;display:flex}.panel{border:1px solid #ccc;border-radius:4px;min-height:0;padding:6px 8px;overflow:auto}.unit-status{border:1px solid #ccc;border-radius:4px;padding:6px 8px}.unit-status__title{font-weight:700}.unit-status__hp-bar{background:#eee;border-radius:4px;height:8px;margin:2px 0;overflow:hidden}.unit-status__hp-bar-fill{background:#4a90d9;height:100%}.unit-status__hp-bar-fill--low{background:#d9534f}.unit-status__debuff{color:#b35900;min-height:1em}.board{border:1px solid #ccc;border-radius:4px;align-items:center;gap:4px;padding:6px 8px;display:flex}.board__tile{border:1px solid #ddd;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:40px;display:flex;position:relative}.board__tile-index{color:#999;font-size:10px;position:absolute;top:2px;left:2px}.board__tile-occupants{flex-direction:column;gap:2px;display:flex}.board__marker{border-radius:3px;padding:1px 4px;font-size:12px}.board__marker--player{color:#fff;background:#4a90d9}.board__marker--enemy{color:#fff;background:#d9534f}.board__distance{white-space:nowrap;margin-left:6px;font-size:12px}.slots-panel__speed{margin-bottom:4px;font-size:12px}.slots-panel__row{grid-template-columns:70px 1fr 1fr;gap:4px;padding:2px 0;font-size:12px;display:grid}.slots-panel__row--current{background:#fff7d6}.setup-actions__enemy-peek{margin-bottom:6px;font-size:12px;font-weight:700}.setup-actions__section{margin-bottom:6px}.setup-actions__drawn{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.setup-actions__carry{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.setup-actions__error{color:#d9534f;min-height:1em;font-size:12px}.setup-actions__hint{color:#888;font-size:12px}.setup-actions__label{margin-right:4px;font-size:12px}.card-choice{cursor:pointer;border:1px solid #ccc;border-radius:4px;width:160px;padding:4px 6px;font-size:12px}.card-choice--selected{background:#eaf2fb;border-color:#4a90d9}.card-choice--carry{border-style:dashed}.card-choice__title{font-weight:700}.card-choice__meta,.card-choice__effect,.card-choice__damage{color:#555}.btn{cursor:pointer;background:#f7f7f7;border:1px solid #999;border-radius:4px;margin:2px;padding:4px 10px}.btn:hover{background:#eee}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--small{padding:3px 6px;font-size:12px}.btn--selected{background:#eaf2fb;border-color:#4a90d9}.factors-panel__section{margin-bottom:6px}.factors-panel__title{margin-bottom:2px;font-size:12px;font-weight:700}.factors-panel__queue{gap:2px;display:flex}.factors-panel__slot{border:1px solid #ccc;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.factors-panel__slot--empty{color:#bbb;background:#f5f5f5}.factors-panel__slot--snake{background:#d7e8d4}.factors-panel__slot--rabbit{background:#f5e3c2}.factors-panel__slot--crow{background:#d9d9e8}.factors-panel__stack-row{gap:8px;font-size:12px;display:flex}.factors-panel__stack-label{flex-shrink:0;width:90px}.factors-panel__relics{gap:6px;font-size:12px;display:flex}.log-panel{flex-direction:column;flex:1;min-height:0;display:flex}.log-panel__list{flex:1;font-size:12px;line-height:1.4;overflow-y:auto}.log-panel__line{border-bottom:1px solid #f0f0f0;padding:1px 0}.reference-panel{flex-direction:column;flex:1;min-height:0;display:flex}.reference-panel__tabs{flex-wrap:wrap;gap:2px;display:flex}.reference-panel__tab{cursor:pointer;background:#f7f7f7;border:1px solid #ccc;border-radius:3px;padding:3px 8px;font-size:12px}.reference-panel__tab--active{color:#fff;background:#4a90d9}.reference-panel__content{flex:1;margin-top:4px;overflow-y:auto}.reference-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:11px}.reference-table th,.reference-table td{text-align:left;border:1px solid #ddd;padding:2px 4px}.reference-item{border-bottom:1px solid #eee;padding:4px 0;font-size:12px}.reference-item__title{font-weight:700}.reference-item__desc{color:#555}.runsetup-actions,.map-panel,.postwin-actions,.merchant-actions,.bonus-actions,.runend-actions{flex-direction:column;gap:6px;display:flex}.map-panel__nodes{flex-wrap:wrap;gap:4px;display:flex}.map-panel__node{text-align:center;border:1px solid #ccc;border-radius:4px;min-width:56px;padding:4px 6px;font-size:11px}.map-panel__node--current{background:#eaf2fb;border-color:#4a90d9}.map-panel__node--cleared{opacity:.5}.merchant-actions__exchange-rows,.merchant-actions__relic-rows,.merchant-actions__payment{flex-wrap:wrap;gap:4px;display:flex}.bonus-actions__item{align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}