:root{color-scheme:dark;font-family:Inter,Noto Sans SC,system-ui,sans-serif;background:#0f172a;color:#e2e8f0;font-size:15px;line-height:1.5}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:#0f172a}.app-shell{min-height:100vh;padding:12px}.create-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.create-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:32px 28px;width:100%;max-width:360px;text-align:center}.create-card h1{margin:0 0 8px;font-size:1.6rem;color:#f1f5f9}.create-card p{margin:0 0 24px;color:#94a3b8;font-size:.9rem}.create-card input[type=text]{width:100%;padding:10px 14px;background:#0f172a;border:1px solid #475569;border-radius:8px;color:#f1f5f9;font-size:1rem;margin-bottom:12px;outline:none;transition:border-color .15s}.create-card input[type=text]:focus{border-color:#6366f1}.game-layout{display:grid;grid-template-columns:320px 1fr;gap:12px;max-width:1100px;margin:0 auto}.left-col,.right-col{display:flex;flex-direction:column;gap:12px}.top-bar{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.top-bar h1{margin:0;font-size:1.1rem;color:#818cf8;flex-shrink:0}.hunt-controls{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.hunting{background:#166534;color:#4ade80}.status-badge.idle{background:#1e293b;color:#64748b;border:1px solid #334155}.error-bar{background:#450a0a;border:1px solid #7f1d1d;border-radius:8px;padding:8px 14px;color:#fca5a5;font-size:.85rem}.panel{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:14px 16px}.panel-title{margin:0 0 10px;font-size:1rem;font-weight:700;color:#a5b4fc;border-bottom:1px solid #334155;padding-bottom:6px}.sub-title{margin:8px 0 6px;font-size:.85rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.divider{height:1px;background:#334155;margin:10px 0}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.stat-cell{display:flex;justify-content:space-between;padding:2px 0}.label{color:#94a3b8;font-size:.88rem}.value{font-weight:600;font-size:.9rem}.value.gold{color:#fbbf24}.hp-bar-wrap{position:relative;flex:1;height:18px;background:#0f172a;border-radius:4px;overflow:hidden;margin-left:8px}.hp-bar{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:4px;transition:width .3s;min-width:4px}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.6)}.zone-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .12s;margin-bottom:4px}.zone-item:not(.locked):hover{background:#273550}.zone-item.current{background:#1e3a5f;border:1px solid #3b82f6}.zone-item.locked{opacity:.45;cursor:default}.zone-name{flex:1;font-size:.9rem}.zone-range{color:#64748b;font-size:.8rem}.zone-badge{font-size:.72rem;padding:2px 7px;border-radius:10px;background:#1d4ed8;color:#bfdbfe}.locked-badge{background:#334155;color:#64748b}.equip-slots{display:flex;flex-direction:column;gap:8px}.equip-slot{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0f172a;border-radius:6px}.slot-label{font-weight:700;color:#6366f1;font-size:.82rem;width:40px;flex-shrink:0}.slot-item{flex:1;font-size:.88rem}.slot-item.empty{color:#475569}.inv-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #1e293b}.item-name{flex:1;font-size:.88rem}.item-qty{color:#94a3b8;font-size:.85rem;min-width:28px;text-align:right}.item-slot-tag{font-size:.72rem;padding:1px 6px;border-radius:4px;background:#1e3a5f;color:#93c5fd}.pet-card{background:#0f172a;border-radius:6px;padding:8px 10px;margin-bottom:6px}.stable-card{opacity:.8}.pet-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pet-name{font-weight:600;font-size:.9rem}.pet-lv{color:#94a3b8;font-size:.8rem}.pet-badge{font-size:.72rem;padding:1px 7px;border-radius:10px}.team-badge{background:#166534;color:#4ade80}.pet-rank{font-size:.72rem;padding:1px 6px;border-radius:4px;margin-left:auto}.rank-0{background:#78350f;color:#fcd34d}.rank-1{background:#7f1d1d;color:#fca5a5}.rank-2{background:#1e3a5f;color:#93c5fd}.rank-3,.rank-4,.rank-5{background:#1e293b;color:#94a3b8}.pet-stats{display:flex;gap:12px;font-size:.78rem;color:#64748b}.log-panel{display:flex;flex-direction:column;min-height:300px;flex:1}.log-header{display:flex;align-items:center;justify-content:space-between}.log-body{flex:1;overflow-y:auto;max-height:420px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#334155 transparent}.log-line{padding:2px 0;font-size:.82rem;color:#94a3b8;border-bottom:1px solid #1e293b;line-height:1.6}.log-line.log-win{color:#4ade80}.log-line.log-lose{color:#f87171}.log-line.log-drop{color:#fbbf24}.log-line.log-heal{color:#34d399}.log-line.log-fail{color:#fb923c}.log-line.log-zone{color:#818cf8}button,.btn{cursor:pointer;border:none;border-radius:7px;font-size:.88rem;font-weight:600;padding:8px 16px;transition:opacity .12s,background .12s;white-space:nowrap}button:disabled{opacity:.45;cursor:default}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:not(:disabled):hover{background:#6366f1}.btn-success{background:#15803d;color:#fff}.btn-success:not(:disabled):hover{background:#16a34a}.btn-danger{background:#991b1b;color:#fecaca}.btn-danger:not(:disabled):hover{background:#b91c1c}.btn-secondary{background:#334155;color:#cbd5e1}.btn-secondary:not(:disabled):hover{background:#475569}.btn-sm{padding:4px 10px;font-size:.78rem;border-radius:5px}.btn-lg{padding:10px 22px;font-size:1rem;border-radius:8px;min-width:120px}.btn-full{width:100%;padding:11px;font-size:1rem}.empty-hint{color:#475569;font-size:.82rem;padding:4px 0}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;color:#64748b}.mod{color:#34d399;font-size:.78rem;margin-left:2px}.sub{color:#64748b;font-size:.78rem}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.tag-equipped{font-size:.72rem;padding:2px 8px;border-radius:10px;background:#1e293b;color:#64748b;border:1px solid #334155}.btn-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.log-actions{display:flex;gap:6px}.sticky-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;background:#0f172af5;border-bottom:1px solid #334155;padding:8px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sticky-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.sticky-item .label{font-size:.72rem}.sticky-item .value{font-size:.82rem}.hunt-speed{display:flex;align-items:center;gap:6px}.hunt-speed .label{font-size:.78rem}.round-count{font-size:.78rem;color:#64748b;margin-left:auto}.log-line.log-summary{color:#e2e8f0;font-weight:700;background:#6366f11f;border-radius:4px;padding:4px 6px;margin:4px 0}.pet-sub{display:flex;gap:8px;flex-wrap:wrap;font-size:.72rem;color:#64748b;margin-top:3px}.alloc-banner{background:#0f172a;border-radius:6px;padding:6px 10px;margin-bottom:6px}.alloc-banner.alloc-active{border:1px solid #6366f1;background:#6366f11f}.alloc-banner .value.alloc-hot{color:#a5b4fc;font-size:1.05rem}.alloc-row{display:flex;align-items:center;gap:6px}.alloc-row .value{min-width:20px}.alloc-btn{padding:2px 9px;font-size:.85rem;border-radius:5px;line-height:1.2}.pet-actions{margin-top:6px;gap:6px}.pet-actions .btn-sm{padding:3px 12px}details.debug-details{margin-top:8px}details.debug-details .stat-cell{padding:1px 0}@media(max-width:680px){.game-layout{grid-template-columns:1fr}.left-col,.right-col{width:100%}.log-body{max-height:280px}.top-bar{flex-direction:column;align-items:flex-start;gap:8px}.hunt-controls{width:100%}.hunt-controls button{flex:1}.hunt-speed{width:100%;justify-content:space-between}.round-count{margin-left:0}.sticky-bar{gap:10px;padding:6px 10px;overflow-x:auto;scrollbar-width:none}.app-shell{padding:0 0 12px}}