.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;color:#e2e8f0;-webkit-user-select:none;user-select:none;z-index:10}.hud button{pointer-events:auto;font:inherit;color:#e2e8f0;background:#312e63;border:1px solid #6d6ab8;border-radius:6px;padding:6px 14px;cursor:pointer;transition:background .15s}.hud button:hover{background:#47439a}.hud button:disabled{opacity:.4;cursor:default}.hud button.primary{background:#92400e;border-color:#f59e0b}.hud button.primary:hover{background:#b45309}.hud button.active{background:#155e75;border-color:#22d3ee}.hud button.active:hover{background:#0e7490}.hud-viewhint{position:absolute;top:56px;right:14px;background:#082830d9;border:1px solid #22d3ee;border-radius:8px;padding:6px 12px;font-size:12px;color:#a5f3fc}.hud-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0f0c28d1;border:1px solid #4c467e;border-radius:10px;padding:8px 18px;font-size:15px;letter-spacing:.06em}.hud-banner .phase-player{color:#7dd3fc;font-weight:700}.hud-banner .phase-enemy{color:#fca5a5;font-weight:700}.hud-banner .phase-deploy{color:#c4b5fd;font-weight:700}.hud-system{position:absolute;top:14px;right:14px;display:flex;gap:8px}.hud-unit{position:absolute;left:14px;bottom:14px;width:250px;background:#0f0c28d9;border:1px solid #4c467e;border-radius:10px;padding:10px 14px;font-size:13px;pointer-events:auto}.hud-unit h3{margin:0 0 6px;font-size:15px;display:flex;justify-content:space-between;align-items:baseline}.hud-unit .side-player{color:#7dd3fc}.hud-unit .side-enemy{color:#fca5a5}.hud-unit .tag{font-size:11px;color:#c4b5fd;margin-left:6px}.hud-hpbar{height:8px;background:#1e293b;border-radius:4px;overflow:hidden;margin:4px 0 8px}.hud-hpbar>div{height:100%;border-radius:4px}.hud-hpbar.beast{position:relative}.hud-hpbar.beast .barrier{position:absolute;left:0;top:0;height:3px;background:linear-gradient(180deg,#a5f3fc,#22d3ee);border-radius:4px 4px 0 0;box-shadow:0 0 5px #22d3eeb3}.hud-stats .barrier-num{color:#a5f3fc;font-weight:700}.hud-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px;color:#cbd5e1}.hud-stats span b{color:#f1f5f9;font-weight:600;margin-left:4px}.hud-unit .beast-carry{margin-top:6px;padding-top:6px;border-top:1px solid rgba(120,110,200,.25);font-size:11px;color:#fde68a}.hud-actions{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#0f0c28d9;border:1px solid #4c467e;border-radius:10px;padding:10px 14px;align-items:center}.hud-actions .hint{font-size:13px;color:#a5b4fc;margin-right:4px}.hud-bottomarea{display:contents}.run-stats{font-size:12px;color:#94a3b8;margin-right:8px;letter-spacing:.04em;white-space:nowrap}.run-stats b{color:#f1f5f9;margin:0 1px}.run-stats i{font-style:normal;font-size:10px;color:#64748b;margin-right:6px}.hud-forecast{position:absolute;right:14px;bottom:170px;width:230px;background:#280c14e0;border:1px solid #b45309;border-radius:10px;padding:10px 14px;font-size:13px}.hud-forecast h4{margin:0 0 6px;font-size:13px;color:#fdba74}.hud-forecast .row{display:flex;justify-content:space-between}.hud-forecast .mod{color:#fbbf24;font-size:12px}.hud-log{position:absolute;right:14px;bottom:14px;width:300px;max-height:140px;overflow:hidden;background:#0f0c28bf;border:1px solid #37345e;border-radius:10px;padding:8px 12px;font-size:12px;line-height:1.6;color:#cbd5e1}.hud-log div:last-child{color:#f1f5f9}.hud-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#080618b8;pointer-events:auto}.hud-over h1{font-size:56px;letter-spacing:.2em;margin:0;text-shadow:0 0 24px currentColor}.hud-over .win{color:#fbbf24}.hud-over .lose{color:#94a3b8}.hud-hp{position:absolute;top:14px;left:14px;width:190px;pointer-events:none}.hud-hpbar.big{position:relative;height:18px;margin:0;border:1px solid rgba(128,118,210,.45);background:#0f1422d9}.hud-hpbar.big .barrier{position:absolute;left:0;top:0;height:5px;background:linear-gradient(180deg,#a5f3fc,#22d3ee);border-radius:4px 4px 0 0;box-shadow:0 0 6px #22d3eeb3}.hud-hpbar.big .num .barrier-num{color:#a5f3fc;font-weight:700;margin-left:3px}.hud-status{margin-top:4px;display:flex;gap:8px;font-size:11px;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-hpbar.big .num{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:12px;line-height:18px;font-weight:700;color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.06em}.unequip{margin-left:6px;padding:1px 8px;font-size:11px;border-radius:999px}.hud-pack{position:absolute;right:14px;top:64px;width:190px;max-height:calc(100dvh - 78px);overflow-y:auto;background:#0f0c28d9;border:1px solid #4c467e;border-radius:10px;padding:10px 12px;font-size:13px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.hud-pack h4{margin:0 0 2px;font-size:13px;color:#a5b4fc;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.hud-pack h4 .fold{color:#64748b}.hud-pack h4:hover .fold{color:#e2e8f0}.hud-pack .empty{color:#64748b;font-size:12px}.hud-pack-fab{position:absolute;right:14px;top:64px;font-size:17px;padding:8px 12px;border-radius:12px}.hud-pack-fab .cnt{font-size:10px;color:#fde68a;margin-left:3px;vertical-align:top}.equip-slot{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid rgba(217,164,65,.4);border-radius:7px;background:#3c2e124d;font-size:12px}.equip-slot .slot-name{color:#d9a441;font-size:10px;flex-shrink:0}.equip-slot .slot-item{flex:1;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-slot .slot-item.empty{color:#64748b}.equip-slot .slot-tag{margin-left:5px;padding:0 4px;font-size:9px;color:#c4b5fd;border:1px solid rgba(196,181,253,.5);border-radius:4px}.equip-slot .slot-stat{color:#fde68a;font-weight:600;flex-shrink:0}.equip-slot .unequip{margin-left:0;flex-shrink:0}.hud-pack button{display:flex;justify-content:space-between;align-items:baseline;text-align:left;padding:5px 10px;font-size:13px}.hud-pack button .use{font-size:11px;color:#94a3b8;margin-left:8px;white-space:nowrap}.hud-pack .pack-row{display:flex;flex-direction:column;gap:3px}.hud-pack .pack-row .pack-main{width:100%}.hud-pack .pack-row .pack-main .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-pack .pack-verbs{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.hud-pack .pack-verbs button{padding:4px 7px;font-size:11px}.hud-pack .pack-verbs .drop{margin-left:auto;border-color:#64748b}.hud-pack .pack-verbs .merge{border-color:#d9a441;color:#fde68a}.hud-pack .pack-verbs .throw{border-color:#7c3aed;color:#d8b4fe}.hud-pack .pack-verbs .offhand{border-color:#38bdf8;color:#7dd3fc}.hud-pack .pack-verbs .sharpen{border-color:#d9a441;color:#fde68a}.hud-pack .pack-verbs button:disabled{opacity:.4}.hud-pack h4 .full{margin-left:4px;color:#ef4444}.hud-pack .relic-head{margin:4px 0 0;font-size:12px;color:#fbbf24;cursor:default}.hud-pack .relic-row{flex-direction:row;align-items:center;gap:4px}.hud-pack .relic-item{flex:1;padding:5px 10px;font-size:13px;color:#fde68a;display:flex;justify-content:space-between;align-items:baseline}.hud-pack .relic-item .use{font-size:11px;color:#94a3b8;margin-left:8px;white-space:nowrap}.hud-pack .pack-row .crush{padding:5px 8px;font-size:11px;border-color:#d9a441;color:#fde68a}.hud-pack .pack-row .dedicate{padding:5px 8px;font-size:11px;border-color:#7c3aed;color:#d8b4fe}.hud-score{font-size:18px;color:#e2e8f0;letter-spacing:.08em}.hud-score-sub{font-size:13px;color:#94a3b8;letter-spacing:.06em}.hud-over-buttons{display:flex;gap:12px}.hud-seed-row,.hud-title-seed{display:flex;gap:8px;justify-content:center;margin:2px 0 4px}.hud-title-seed{margin-bottom:22px}.hud-seed-row input,.hud-title-seed input{font:inherit;font-size:13px;color:#e2e8f0;background:#0a081eb3;border:1px solid #4c467e;border-radius:8px;padding:7px 12px;width:240px;text-align:center;pointer-events:auto;outline:none}.hud-seed-row input:focus,.hud-title-seed input:focus{border-color:#22d3ee}.hud-seed-row input::placeholder,.hud-title-seed input::placeholder{color:#64748b}.hud-seed-row button{font-size:12px;padding:6px 10px}.hud button.share-x{background:linear-gradient(180deg,#1d2430,#0b0f16);border-color:#3f4c5e;color:#e7edf4}.hud button.share-x:hover{background:linear-gradient(180deg,#2a3442,#131a24)}.hud-bubble{font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;font-size:11px;color:#e2e8f0;background:#0f0c28c7;border:1px solid #6d6ab8;border-radius:999px;padding:3px 10px;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:background .15s}.hud-bubble:hover{background:#3c3478e6}.hud-bubble b{margin-left:2px}.hud-bubble.item{border-color:#d9a441;color:#fde68a}.hud-bubble.passage{border-color:#22d3ee;color:#a5f3fc}.hud-bubble.beast{border-color:#ef4444;color:#fca5a5}.hud-bubble.room{border-color:#e8c35a;color:#fde68a;font-size:12px;padding:5px 12px}.hud-rogue-status,.hud-unit,.hud-pack,.hud-log,.hud-actions,.hud-viewhint,.hud-banner,.hud-forecast{background:linear-gradient(160deg,#1a1538ad,#0a081ec7);backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(10px) saturate(1.25);border-color:#8076d273;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff12}.hud button{background:linear-gradient(180deg,#3b3778,#292656);box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff17;transition:background .15s,transform .12s,box-shadow .12s}.hud button:hover{background:linear-gradient(180deg,#4a45a0,#35316e);transform:translateY(-1px);box-shadow:0 4px 10px #0006,inset 0 1px #ffffff1a}.hud button:disabled{transform:none}.hud-hpbar{box-shadow:inset 0 1px 3px #0009}.hud-hpbar>div{transition:width .25s ease-out}.hud-bubble{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 12px #0006}.hud-title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;color:#e2e8f0;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse 60% 45% at 50% 44%,#603a1a80,#06040e00 70%),#080614e6;animation:title-in .9s ease-out}.hud-title-sub{font-size:15px;letter-spacing:.55em;text-indent:.55em;color:#a58ee0}.hud-title h1{margin:10px 0 20px;font-size:clamp(44px,9vw,84px);letter-spacing:.22em;text-indent:.22em;color:#f3d9a4;text-shadow:0 0 28px rgba(255,170,60,.5),0 0 90px rgba(255,140,40,.3);animation:title-glow 3.4s ease-in-out infinite}.hud-title p{margin:0 0 30px;font-size:14px;line-height:2;color:#b8c2d6}.hud-title button{font:inherit;font-size:19px;letter-spacing:.3em;text-indent:.3em;color:#ffe9c4;padding:13px 58px;cursor:pointer;border-radius:999px;border:1px solid #f59e0b;background:linear-gradient(180deg,#a2500f,#7c3a08);box-shadow:0 0 24px #f59e0b59,inset 0 1px #ffffff2e;transition:transform .12s,box-shadow .2s}.hud-title button:hover{transform:translateY(-2px);box-shadow:0 0 40px #f59e0b8c,inset 0 1px #fff3}.hud-title-hint{margin-top:30px;font-size:12px;color:#7d8aa5;letter-spacing:.08em}.hud-title-buttons{display:flex;gap:14px;justify-content:center}.hud-title button.secondary{color:#cbd5e1;border-color:#6d6ab8;background:linear-gradient(180deg,#3b3778,#292656);box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a}.hud-title button.secondary:hover{box-shadow:0 4px 12px #00000073,inset 0 1px #ffffff1f}.hud-title button.discard{margin-top:18px;font-size:12px;letter-spacing:.1em;text-indent:.1em;color:#8a93a8;padding:5px 18px;border:1px solid #3d465c;border-radius:999px;background:transparent;box-shadow:none}.hud-title button.discard:hover{color:#fca5a5;border-color:#b45309;transform:none}.hud-title button.daily{font-size:13px;letter-spacing:.12em;text-indent:.12em;padding:7px 20px;border-color:#4c467e}.hud-title-history{margin-top:22px;padding:12px 16px 6px;width:min(420px,82vw);background:linear-gradient(160deg,#1a153899,#0a081eb3);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(128,118,210,.35);border-radius:12px;box-shadow:0 8px 20px #00000059}.hud-title-history-head{font-size:11px;letter-spacing:.15em;color:#a58ee0;margin-bottom:6px;text-align:left}.hud-title-history table{width:100%;border-collapse:collapse}.hud-title-history tr{cursor:pointer;transition:background .12s}.hud-title-history tr:hover{background:#50489647}.hud-title-history td{padding:5px 4px;font-size:12px;color:#d6dcec;text-align:left;white-space:nowrap;border-top:1px solid rgba(128,118,210,.18)}.hud-title-history td.depth{color:#fde68a;font-variant-numeric:tabular-nums}.hud-title-history td.cause{color:#fca5a5;overflow:hidden;text-overflow:ellipsis;max-width:90px}.hud-title-history td.seed{color:#7d8aa5;font-size:11px}.hud-title-history td.daily-mark{width:1.4em}.hud-title-history tr.old-version td{color:#6b7185}.hud-title-history tr.old-version td.depth{color:#8a825f}.hud-title-history tr.old-version td.cause{color:#8a6a6a}@keyframes title-in{0%{opacity:0}to{opacity:1}}@keyframes title-glow{0%,to{text-shadow:0 0 28px rgba(255,170,60,.5),0 0 90px rgba(255,140,40,.3)}50%{text-shadow:0 0 40px rgba(255,180,70,.75),0 0 120px rgba(255,150,50,.45)}}.hud-bubble.armed{outline:2px solid #fbbf24;outline-offset:1px;transform:scale(1.15);background:#503e14e6}.hud-actions .mini{font-size:12px;color:#a5b4fc}.escape-btn{color:#ffe9c4;border-color:#d9a441;background:linear-gradient(180deg,#7c5a1a,#5c4110)}.escape-btn:hover{background:linear-gradient(180deg,#9a7326,#6e4d14)}.escape-panel p{margin:0 0 14px;font-size:13px;line-height:1.7;color:#cbd5e1}.hud-help{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;align-items:center;justify-content:center;background:#060410bf;pointer-events:auto}.hud-help-panel{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;background:linear-gradient(160deg,#1a1538f2,#0a081ef7);border:1px solid rgba(128,118,210,.5);border-radius:14px;padding:18px 22px;font-size:13px;box-shadow:0 18px 48px #0009}.hud-help-panel h2{margin:0 0 10px;font-size:18px;color:#e8c35a;letter-spacing:.12em}.hud-help-panel h3{margin:14px 0 6px;font-size:13px;color:#a5b4fc}.hud-help-panel table{width:100%;border-collapse:collapse}.hud-help-panel td{padding:4px 8px;border-bottom:1px solid rgba(120,110,200,.18);vertical-align:top}.hud-help-panel td:first-child{white-space:nowrap;color:#cbd5e1;width:38%}.hud-help-panel td:last-child{color:#94a3b8}.hud-help-panel>button{margin-top:16px;width:100%}.hud-help-links{margin:12px 0 0;font-size:12px}.hud-help-links a{color:#93c5fd}.skill-panel{width:min(640px,calc(100vw - 32px))}.skill-panel h3{margin:14px 0 6px;font-size:13px;color:#a5b4fc}.skill-slots{font-size:12px;color:#fde68a;margin-bottom:10px;letter-spacing:.04em}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:6px}.skill-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid rgba(128,118,210,.4);border-radius:9px;background:#14102e80}.skill-card.equipped{border-color:#22d3ee;background:#155e7547}.skill-card-head{display:flex;align-items:baseline;gap:6px}.skill-card .skill-name{font-size:13px;font-weight:700;color:#f1f5f9}.skill-card .skill-sys{font-size:10px;color:#c4b5fd}.skill-card .skill-cost{margin-left:auto;font-size:11px;color:#fde68a;font-variant-numeric:tabular-nums}.skill-card .skill-desc{margin:0;font-size:11px;color:#94a3b8;line-height:1.4;flex:1}.skill-card>button{width:100%;padding:5px 8px;font-size:12px}.skill-panel>button:not(.skill-card>button){margin-top:6px;width:100%}.skill-card.locked{opacity:.5;border-style:dashed}.skill-card.locked .skill-name{color:#cbd5e1}.mastery-req{font-size:10px;color:#fbbf24;letter-spacing:.03em}.mastery-tree{display:flex;flex-direction:column;gap:14px;margin-bottom:8px}.mastery-roads{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.mastery-roads .mastery-system{grid-column:auto}.mastery-roads .mastery-tier{grid-template-columns:1fr}.mastery-system{border-left:2px solid rgba(128,118,210,.35);padding-left:10px}.mastery-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.mastery-sys-name{font-size:13px;font-weight:700;color:#f1f5f9}.mastery-lv{font-size:11px;color:#22d3ee}.mastery-progress{margin-left:auto;font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums}.mastery-tier{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-bottom:6px}.mastery-tier.locked{opacity:.85}.mastery-peek-toggle{background:#14102e80;border:1px dashed rgba(128,118,210,.5);color:#c4b5fd}.codex-panel{width:min(760px,calc(100vw - 32px))}.codex-panel h3{margin:14px 0 6px;font-size:13px;color:#a5b4fc}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-bottom:6px}.codex-row{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid rgba(128,118,210,.3);border-radius:7px;background:#14102e66;font-size:11px}.codex-name{font-size:12px;font-weight:700;color:#f1f5f9}.codex-name.unknown{color:#5c6478;letter-spacing:.14em}.codex-stat{color:#94a3b8}.codex-row.codex-feat{border-color:#d9a44166}.codex-feat .feat-name{font-size:12px;font-weight:700;color:#fde68a}.codex-feat .feat-desc{color:#94a3b8}.codex-row.codex-feat.locked{opacity:.42}.codex-row.codex-feat.locked .feat-name{color:#cbd5e1}.codex-shelf{display:flex;gap:18px;align-items:baseline;font-size:13px;color:#e2e8f0;margin-bottom:4px}.codex-shelf .ambers{color:#fde68a;letter-spacing:.05em}.codex-shelf .jellies{color:#fcd34d;letter-spacing:.05em}.codex-shelf .mandibles{color:#d6d3d1;letter-spacing:.05em}.skill-row{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 4px}.skill-chip{font-size:10px;color:#a5f3fc;border:1px solid rgba(34,211,238,.5);border-radius:999px;padding:2px 8px;white-space:nowrap}.hud-title-name{display:flex;gap:8px;justify-content:center;margin:2px 0 10px}.hud-title-name input{font:inherit;font-size:12px;color:#e2e8f0;background:#0a081eb3;border:1px solid #4c467e;border-radius:8px;padding:6px 12px;width:240px;text-align:center;pointer-events:auto;outline:none}.hud-title-name input:focus{border-color:#22d3ee}.hud-title-name input::placeholder{color:#64748b}.scoreboard-panel{width:min(640px,calc(100vw - 32px))}.scoreboard-sub{margin:-4px 0 10px;font-size:12px;color:#94a3b8}.scoreboard-status{padding:20px 0;text-align:center;color:#94a3b8;font-size:13px}.scoreboard-list{display:flex;flex-direction:column;gap:4px;max-height:52vh;overflow-y:auto;margin-bottom:10px}.scoreboard-row{display:grid;grid-template-columns:1.6em 1fr auto auto auto auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(128,118,210,.3);border-radius:7px;background:#14102e66;font-size:12px}.scoreboard-rank{color:#7d8aa5;font-variant-numeric:tabular-nums;text-align:right}.scoreboard-name{color:#f1f5f9;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-stat{color:#cbd5e1;font-variant-numeric:tabular-nums;white-space:nowrap}.scoreboard-cause{color:#fca5a5;white-space:nowrap}.scoreboard-skills{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px;padding-left:calc(1.6em + 8px)}@media (max-width: 1180px){.hud-bottomarea{display:flex;flex-direction:column;align-items:center;gap:6px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:calc(100vw - 28px);pointer-events:none}.hud-bottomarea .hud-log{position:static;width:min(64vw,420px);max-height:80px}.hud-bottomarea .hud-log div:nth-last-child(n+4){display:none}.hud-bottomarea .hud-actions{position:static;transform:none;max-width:100%;flex-wrap:wrap;justify-content:center;pointer-events:auto}.hud-unit{bottom:160px}}@media (max-width: 900px){.hud-hp{top:60px}.hud-viewhint{top:104px}}@media (max-width: 760px),(max-height: 500px){.hud{font-size:12px}.hud-system{top:8px;right:8px;gap:5px}.hud-system button{padding:7px 9px;font-size:14px}.hud-system button .lbl,.hud-viewhint,.hud-actions .hint{display:none}.hud-hp{top:52px;left:8px;width:min(44vw,170px)}.hud-hpbar.big{height:16px}.hud-hpbar.big .num{font-size:11px;line-height:16px}.hud-stats{grid-template-columns:repeat(3,1fr);font-size:10px}.hud-pack{top:52px;bottom:auto;right:8px;width:min(50vw,185px);max-height:40dvh;overflow-y:auto;padding:7px 8px;font-size:11px}.hud-pack button{padding:6px 8px;font-size:11px}.hud-pack button .use{font-size:9px}.hud-pack-fab{top:52px;right:8px}.equip-slot{font-size:10px;padding:3px 5px}.hud-unit{left:8px;bottom:142px;width:min(46vw,190px);padding:7px 10px;font-size:11px}.hud-unit h3{font-size:12px}.hud-bottomarea{display:flex;flex-direction:column;align-items:center;gap:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:calc(100vw - 16px);pointer-events:none}.hud-bottomarea .hud-log{position:static;width:min(86vw,340px);max-height:46px;font-size:10px;line-height:1.45;padding:4px 8px}.hud-log div:nth-last-child(n+4){display:none}.hud-bottomarea .hud-actions{position:static;transform:none;max-width:100%;flex-wrap:wrap;justify-content:center;padding:6px 8px;gap:6px;pointer-events:auto}.hud-actions button{padding:8px 10px;font-size:12px}.run-stats{flex-basis:100%;text-align:center;margin:0;font-size:10px}.hud-title h1{letter-spacing:.14em;text-indent:.14em}.hud-title p{font-size:12px}.hud-title-seed input{width:min(240px,70vw)}.hud-title-hint{display:none}.hud-over h1{font-size:38px}.hud-score{font-size:15px}.hud-score-sub{font-size:11px;padding:0 16px;text-align:center}.hud-bubble{font-size:10px;padding:4px 9px}.hud-title button.daily{font-size:11px;padding:6px 14px}.hud-title-history{width:min(320px,90vw);padding:9px 10px 4px;margin-top:16px}.hud-title-history-head{font-size:10px}.hud-title-history td{padding:4px 3px;font-size:10px}.hud-title-history td.cause{max-width:56px}.hud-title-history td.seed{font-size:9px}.skill-grid,.codex-grid{grid-template-columns:1fr}.codex-shelf{flex-wrap:wrap;gap:8px 18px;font-size:12px}.hud-title-name input{width:min(240px,70vw)}.scoreboard-row{grid-template-columns:1.6em 1fr auto;row-gap:2px}.scoreboard-skills{padding-left:0}}.lane-badge{font-size:9px;padding:2px 5px;border-radius:3px;border:1px solid;margin-left:3px;font-weight:600}.lane-badge.lane-en{background:#a855f733;border-color:#a855f7;color:#e9d5ff}.lane-badge.lane-shinka{background:#ec489933;border-color:#ec4899;color:#fbcfe8}.lane-badge.lane-nagare{background:#3b82f633;border-color:#3b82f6;color:#dbeafe}.skill-card.line-card{gap:2px}.line-ranks{display:flex;flex-direction:column;gap:3px;margin:3px 0}.rank-row{display:flex;gap:4px;font-size:10px;color:#94a3b8;padding:2px 0}.rank-row.active{color:#7dd3fc}.rank-row .rank-pip{width:8px;flex-shrink:0;text-align:center}.rank-row .rank-desc{flex:1}.rank-row .rank-req{margin-left:auto;color:#fbbf24;font-size:9px}.knots-list{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.knot-item{background:#1abc9c26;border:1px solid rgba(26,188,156,.5);border-radius:8px;padding:6px 8px}.knot-item .knot-name{font-size:12px;font-weight:600;color:#1abcac;display:block}.knot-item .knot-desc{font-size:11px;color:#94a3b8;margin-top:2px}.knots-section{margin-top:12px}.knots-section h3{margin:8px 0 6px}.knots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin-bottom:6px}.knot-card{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid rgba(128,118,210,.4);border-radius:9px;background:#14102e80;font-size:11px}.knot-card.active{border-color:#1abcac;background:#1abc9c26}.knot-card.active .knot-name{color:#1abcac}.knot-card.unlocked{border-color:#22d3ee;background:#22d3ee1a}.knot-card.unlocked .knot-name{color:#7dd3fc}.knot-card.locked{opacity:.5;border-style:dashed}.knot-card .knot-name{font-weight:700;color:#f1f5f9;font-size:12px}.knot-card .knot-parents{color:#c4b5fd;font-size:10px}.knot-card .knot-desc{color:#94a3b8}.weave-trap-btn{position:relative;font-size:16px}.weave-trap-btn .cooldown{position:absolute;top:-6px;right:-4px;font-size:10px;font-weight:700;background:#ef4444;color:#fff;width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid #fca5a5}.fx-popup{font-family:Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-size:22px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:fx-pop .9s ease-out forwards;white-space:nowrap;pointer-events:none}@keyframes fx-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}15%{opacity:1;transform:translateY(0) scale(1.15)}30%{transform:translateY(-4px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}
