:root{--bg: #07090d;--surface: #101827;--surface-2: #151f31;--surface-3: #1c2a3d;--line: rgba(255, 255, 255, .1);--text: #f8fafc;--muted: #94a3b8;--blue: #2563eb;--blue-2: #3b82f6;--gold: #d4af37;--crimson: #b91c1c;--danger-bg: rgba(127, 29, 29, .45);--danger-line: rgba(248, 113, 113, .35);color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,rgba(37,99,235,.22),transparent 34rem),linear-gradient(160deg,#07090d,#0b1018 54%,#111827)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-viewport{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(90deg,rgba(212,175,55,.04),transparent 18%,transparent 82%,rgba(37,99,235,.06)),var(--bg)}.app-shell{width:100%;max-width:560px;min-height:100vh;position:relative;background:#07090df0;border-inline:1px solid var(--line);overflow:hidden}.top-bar{height:58px;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;padding:env(safe-area-inset-top) 16px 0;border-bottom:1px solid var(--line);background:#07090de0;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.top-side{display:flex;align-items:center}.top-side-right{justify-content:flex-end}.logo-text{color:var(--gold);text-align:center;font-family:Georgia,Times New Roman,serif;font-weight:800;letter-spacing:.16em}.icon-button,.avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:20px}.avatar{background:linear-gradient(145deg,#d4af3742,#2563eb2e);border:1px solid rgba(212,175,55,.34);color:var(--gold);font-weight:800}.avatar-button{padding:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-hero{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px}.profile-avatar-large{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(212,175,55,.36);background:linear-gradient(145deg,#d4af373d,#2563eb2e);color:var(--gold);font-size:28px;font-weight:900}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.toggle-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.toggle-row input{width:22px;height:22px;accent-color:var(--blue-2);margin-top:2px}.toggle-row span{display:flex;flex-direction:column;gap:4px}.toggle-row strong{color:var(--text)}.toggle-row em{color:var(--muted);font-style:normal;font-size:13px;line-height:1.5}.app-content{min-height:calc(100vh - 124px);padding:16px 16px 104px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,560px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#07090df0;border-top:1px solid var(--line);backdrop-filter:blur(18px);z-index:30}.bottom-nav-item{min-height:46px;border-radius:8px;color:var(--muted);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:13px}.bottom-nav-item.active{background:var(--surface-2);color:var(--text)}.nav-dot{width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.5}.page{display:flex;flex-direction:column;gap:16px}.section-block{display:flex;flex-direction:column;gap:12px}.section-block h1,.section-block h2,.form-page h1{margin:0}.section-block h1{font-size:26px}.section-block h2{font-size:18px}.section-title-row,.unit-card-head,.room-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted,.section-title-row span{color:var(--muted)}.hero-banner{min-height:520px;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:28px;border:1px solid var(--line);background:#08111d}.hero-compact{min-height:260px;justify-content:flex-start}.hero-art{position:absolute;inset:0;background:linear-gradient(180deg,#07090d1a,#07090de0),radial-gradient(ellipse at 50% 20%,rgba(37,99,235,.5),transparent 30%),linear-gradient(115deg,#06070a,#101827 38%,#1d2a3d 55%,#07090d)}.hero-art span{position:absolute;display:block;border:1px solid rgba(212,175,55,.16);background:#ffffff08}.hero-art span:nth-child(1){width:64%;height:42%;left:18%;bottom:-6%;transform:perspective(280px) rotateX(58deg)}.hero-art span:nth-child(2){width:34%;height:68%;left:-10%;bottom:0;transform:skewY(-14deg)}.hero-art span:nth-child(3){width:34%;height:68%;right:-10%;bottom:0;transform:skewY(14deg)}.hero-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.hero-compact .hero-content{align-items:flex-start;text-align:left}.hero-content h1,.dungeon-hero h1{margin:0;font-size:46px;line-height:1.03}.hero-compact .hero-content h1,.dungeon-hero h1{font-size:30px}.hero-content p,.dungeon-hero p,.soft-panel p,.danger-note p,.target-card p,.world-card p{margin:0;color:var(--muted);line-height:1.55}.eyebrow{color:var(--gold);font-weight:800;margin:0}.hero-actions,.button-row{display:flex;gap:10px;flex-wrap:wrap;width:100%}.login-note{max-width:320px;font-size:14px}.primary-button,.secondary-button,.text-link,.quick-grid button,.target-card,.segment-control button,.room-editor-head button{border-radius:8px;min-height:44px;border:1px solid var(--line);color:var(--text)}.primary-button{background:linear-gradient(180deg,var(--blue-2),var(--blue));border-color:#60a5fa6b;color:#fff;font-weight:900;padding:0 18px}.secondary-button{background:var(--surface-2);padding:0 18px;font-weight:800}.text-link{background:transparent;color:var(--gold);border-color:transparent;padding:0 8px;font-weight:800}.full-button{width:100%}.notice-card{width:100%;border:1px solid rgba(212,175,55,.22);background:linear-gradient(135deg,#d4af371a,#2563eb12);color:var(--text);border-radius:8px;min-height:66px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px}.notice-card span{color:var(--muted)}.empty-card,.soft-panel,.danger-note,.unit-card,.battle-card,.room-editor-card,.world-card{border-radius:8px;border:1px solid var(--line);background:var(--surface)}.empty-card{width:100%;min-height:190px;border-style:dashed;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px}.empty-plus{width:52px;height:52px;border-radius:999px;border:1px solid rgba(212,175,55,.34);display:grid;place-items:center;color:var(--gold);font-size:32px}.empty-card small,.empty-action{color:var(--muted)}.dungeon-hero{min-height:168px;border-radius:8px;padding:22px;border:1px solid rgba(212,175,55,.16);background:linear-gradient(180deg,#07090d1a,#07090ddb),radial-gradient(circle at 78% 22%,rgba(185,28,28,.35),transparent 30%),linear-gradient(135deg,#101827,#111827 44%,#2a1c2f);display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;position:relative}.boss-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}.dungeon-hero>:not(.boss-card-image){position:relative}.small-upload-button{min-height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);display:inline-flex;align-items:center;padding:0 10px;font-weight:800;font-size:13px;cursor:pointer}.small-upload-button input{display:none}.dungeon-map{border-radius:8px;border:1px solid var(--line);background:var(--surface);padding:14px;overflow-x:auto}.map-track{min-width:min-content;display:flex;align-items:center;gap:8px}.map-segment{display:flex;align-items:center;gap:8px}.map-node{width:112px;min-height:86px;border-radius:8px;padding:10px;border:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.map-node small,.map-units span{color:var(--muted);font-size:12px;line-height:1.35}.map-units{display:flex;flex-direction:column;gap:2px}.map-line{width:24px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(255,255,255,.16))}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{background:var(--surface-2);font-weight:800}.quick-grid .wide-action{grid-column:span 2;background:#2563eb2e}.recent-list,.target-list,.room-editor-list,.world-list,.ranking-list,.party-list,.home-dungeon-list{display:flex;flex-direction:column;gap:10px}.recent-list button,.home-dungeon-card,.target-card,.world-list button{width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:5px}.log-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.log-pager span{color:var(--muted);font-size:13px;font-weight:900;min-width:44px;text-align:center}.home-dungeon-card{min-height:116px;position:relative;overflow:hidden}.home-dungeon-card.selected{border-color:#3b82f69e;background:linear-gradient(135deg,rgba(37,99,235,.16),transparent 42%),var(--surface)}.home-dungeon-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.home-dungeon-card strong,.home-dungeon-card span,.home-dungeon-card small{position:relative}.home-dungeon-card strong{font-size:16px}.home-dungeon-card small{color:var(--gold);font-weight:900}.recent-list span,.home-dungeon-card span,.target-card span,.world-list span{color:var(--muted);line-height:1.45}.soft-panel,.danger-note{padding:14px}.danger-note,.danger-panel{background:var(--danger-bg);border-color:var(--danger-line)}.center-panel{min-height:160px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px}.unit-card{padding:14px;display:flex;flex-direction:column;gap:10px}.unit-card h3,.unit-card p{margin:0}.unit-card p{color:var(--muted);line-height:1.55}.unit-meta{display:flex;gap:8px;flex-wrap:wrap}.unit-meta span,.type-pill{border-radius:999px;padding:6px 9px;background:#ffffff0f;color:var(--muted);font-size:12px;font-weight:800}.type-boss,.type-elite_minion{color:var(--gold)}.weakness-box{border-top:1px solid var(--line);padding-top:10px}.weakness-box span{color:var(--gold);font-weight:800;font-size:13px}.form-page{padding-bottom:12px}.step-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--muted);font-weight:800;font-size:13px}.step-line b{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--blue-2))}.world-card{padding:14px;display:flex;flex-direction:column;gap:10px}.world-meta{display:flex;flex-wrap:wrap;gap:6px}.world-meta span{border-radius:999px;padding:6px 9px;background:#d4af371a;color:var(--gold);font-size:12px;font-weight:900}.world-image{height:132px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#07090d29,#07090dd1),radial-gradient(circle at 25% 28%,rgba(212,175,55,.28),transparent 18%),linear-gradient(135deg,#121826,#20344f 52%,#2d1625)}.world-picker summary{min-height:42px;display:flex;align-items:center;color:var(--blue-2);font-weight:900}.world-list button.selected,.target-card.selected{border-color:#3b82f69e;background:#2563eb29}.field-block{display:flex;flex-direction:column;gap:8px}.field-block>span{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--text);font-weight:800}.field-block em{font-style:normal;color:var(--muted);font-size:13px}.field-block input,.field-block textarea,.field-block select{width:100%;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:13px 14px;outline:none}.field-block textarea{resize:vertical;min-height:154px;line-height:1.55}.field-block input:focus,.field-block textarea:focus,.field-block select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #2563eb29}.inline-action{border:0;background:transparent;color:var(--blue-2);font-weight:900}.segment-control{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border:1px solid var(--line);background:var(--surface);border-radius:8px}.segment-control button{background:transparent;min-height:40px;font-size:13px;font-weight:900;color:var(--muted)}.segment-control button.active{background:var(--blue);color:#fff}.loading-wrap{min-height:calc(100vh - 190px);display:grid;place-items:center}.loading-panel{width:100%;min-height:220px;border-radius:8px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;align-content:center;gap:12px;padding:24px;text-align:center}.loading-panel h2,.loading-panel p{margin:0}.loading-panel p{color:var(--muted)}.spinner{width:42px;height:42px;border-radius:999px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--blue-2);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.battle-card{padding:16px;display:flex;flex-direction:column;gap:16px}.battle-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center}.battle-versus div{min-width:0}.battle-versus span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.battle-versus strong{overflow-wrap:anywhere}.battle-versus b{color:var(--gold)}.log-box{border-radius:8px;background:#0000002e;border:1px solid var(--line);padding:14px}.log-box h3,.reason-list h3,.battle-card h2,.log-box p,.reason-list p{margin:0}.log-box,.reason-list{display:flex;flex-direction:column;gap:8px}.log-box p,.reason-list p,.result-line{color:var(--muted);line-height:1.55}.novel-log p{color:var(--text);line-height:1.82;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.novel-log{gap:14px}.compact-log{background:#ffffff09}.state-tag-row{display:flex;flex-direction:column;gap:8px;border-radius:8px;border:1px solid var(--line);background:#ffffff09;padding:12px}.state-tag-row>span{color:var(--muted);font-size:12px;font-weight:900}.state-tag-row div{display:flex;flex-wrap:wrap;gap:6px}.state-tag-row b{border-radius:999px;padding:6px 9px;background:#2563eb29;color:var(--blue-2);font-size:12px}.battle-reward{display:flex;gap:8px;flex-wrap:wrap}.battle-reward span{background:#d4af371a;border:1px solid rgba(212,175,55,.2);color:var(--gold);border-radius:999px;padding:7px 10px;font-weight:800}.battle-log-list{display:flex;flex-direction:column;gap:10px}.battle-log-row{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px;text-align:left}.battle-log-row-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.battle-log-row-head strong{overflow-wrap:anywhere}.battle-log-row-head span,.battle-log-row p,.battle-log-row small,.battle-log-row em{color:var(--muted)}.battle-log-row p,.battle-log-row small,.battle-log-row em{margin:0;line-height:1.45}.battle-log-row small{color:var(--gold);font-weight:900}.battle-log-row em{font-style:normal}.item-list,.unit-manage-list,.dungeon-manage-list{display:flex;flex-direction:column;gap:12px}.item-card,.party-card,.unit-manage-card{border-radius:8px;border:1px solid var(--line);background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:12px}.active-party-card{border-color:#3b82f67a;background:linear-gradient(135deg,rgba(37,99,235,.12),transparent 42%),var(--surface)}.party-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.party-card-head p,.party-card p,.unit-manage-card p{margin:0;color:var(--muted);line-height:1.45}.unit-manage-main{display:flex;flex-direction:column;gap:10px}.unit-manage-main h3{margin:0;font-size:19px}.unit-manage-main>p{overflow-wrap:anywhere}.unit-image-row{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.unit-manage-portrait{width:72px;aspect-ratio:1;border-radius:8px;border:1px solid rgba(212,175,55,.2);background:linear-gradient(135deg,rgba(37,99,235,.14),transparent 46%),var(--surface-2);display:grid;place-items:center;overflow:hidden;color:var(--gold);font-size:26px;font-weight:900}.unit-manage-portrait img{width:100%;height:100%;object-fit:cover}.party-card-head span{border-radius:999px;padding:6px 9px;background:#d4af371f;color:var(--gold);font-size:12px;font-weight:900}.member-list{display:flex;flex-direction:column;gap:8px}.member-row{border-radius:8px;border:1px solid var(--line);background:#ffffff09;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.member-row div{min-width:0;display:flex;flex-direction:column;gap:4px}.member-row span,.member-row small{color:var(--muted);line-height:1.35}.member-row button{border-radius:8px;min-height:34px;border:1px solid var(--danger-line);background:var(--danger-bg);color:var(--text);padding:0 10px;font-weight:900}.equip-panel,.equipped-item-list{display:flex;flex-direction:column;gap:10px}.equip-panel{border-radius:8px;border:1px solid var(--line);background:#ffffff09;padding:12px}.equip-panel h3{margin:0;font-size:16px}.equipped-item-row{border-radius:8px;border:1px solid var(--line);background:var(--surface-2);padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.equipped-item-row div{min-width:0;display:flex;flex-direction:column;gap:4px}.equipped-item-row strong{overflow-wrap:anywhere}.equipped-item-row span{color:var(--muted);font-size:12px}.equipped-item-row button{border-radius:8px;min-height:34px;border:1px solid var(--line);background:var(--surface-3);color:var(--text);padding:0 10px;font-weight:900}.dungeon-switcher select{width:100%;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);min-height:42px;padding:0 12px}.dungeon-manage-card{border-radius:8px;border:1px solid var(--line);background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.dungeon-manage-card.selected{border-color:#3b82f69e;background:linear-gradient(135deg,rgba(37,99,235,.12),transparent 38%),var(--surface)}.dungeon-manage-card h2,.dungeon-manage-card p{margin:0}.manage-boss-image{width:100%;aspect-ratio:16 / 8;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.danger-button{border-radius:8px;min-height:44px;border:1px solid var(--danger-line);background:var(--danger-bg);color:var(--text);padding:0 18px;font-weight:900}.delete-confirm-box{border-radius:8px;border:1px solid var(--danger-line);background:#7f1d1d2e;padding:12px;display:flex;flex-direction:column;gap:10px}.item-card h3,.item-card p{margin:0}.item-card p{color:var(--muted);line-height:1.55}.item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.item-head span,.item-head small{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.item-head span{background:#d4af371f;color:var(--gold)}.item-head small{background:#ffffff0f;color:var(--muted)}.rarity-common{border-color:#94a3b838}.rarity-rare{border-color:#3b82f675}.rarity-epic{border-color:#a855f77a}.rarity-legendary{border-color:#d4af378f;background:linear-gradient(135deg,rgba(212,175,55,.1),transparent 34%),var(--surface)}.trade-controls{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.trade-controls input,.trade-controls select{min-width:0;width:100%;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);min-height:42px;padding:0 12px}.trade-controls button{white-space:nowrap}.listing-box{border-radius:8px;border:1px solid var(--line);background:#ffffff08;padding:12px;display:flex;flex-direction:column;gap:10px}.listing-box .segment-control{grid-template-columns:repeat(2,1fr)}.button-row strong{min-height:44px;display:inline-flex;align-items:center;color:var(--gold)}.room-editor-card{padding:14px;display:flex;flex-direction:column;gap:12px}.room-editor-head span{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#d4af371f;color:var(--gold);font-weight:900}.room-head-actions{display:flex;gap:6px}.room-editor-head button{background:var(--surface-2);min-height:34px;padding:0 12px}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sticky-actions{position:sticky;bottom:82px;background:#07090ddb;border:1px solid var(--line);border-radius:8px;padding:10px;backdrop-filter:blur(16px)}.sticky-actions button,.button-row button{flex:1 1 0}.target-card{padding:14px;display:flex;flex-direction:column;gap:5px}.ranking-tabs{margin-top:4px}.ranking-row{display:grid;grid-template-columns:34px 56px 1fr;gap:12px;align-items:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);padding:14px}.rank-number{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;color:var(--gold);background:#d4af371f;font-weight:900}.ranking-avatar{width:56px;aspect-ratio:1;border-radius:8px;border:1px solid rgba(212,175,55,.2);background:linear-gradient(135deg,rgba(37,99,235,.16),transparent 42%),var(--surface-2);overflow:hidden;display:grid;place-items:center;color:var(--gold);font-weight:900}.ranking-avatar img{width:100%;height:100%;object-fit:cover}.ranking-row strong,.ranking-row p{margin:0}.ranking-row p{margin-top:4px;color:var(--muted)}.toast-stack{position:fixed;z-index:80;left:50%;bottom:86px;transform:translate(-50%);width:min(calc(100% - 32px),520px);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{border-radius:8px;border:1px solid var(--line);background:#101827f5;color:var(--text);padding:12px 14px;box-shadow:0 18px 40px #00000059}.toast-danger{background:var(--danger-bg);border-color:var(--danger-line)}.toast-success{border-color:#4ade8047}@media(max-width:420px){.app-content,.top-bar{padding-inline:12px}.hero-banner{min-height:470px;padding:22px}.hero-content h1{font-size:36px}.hero-compact{min-height:236px}.quick-grid,.slot-grid{grid-template-columns:1fr}.quick-grid .wide-action{grid-column:auto}.battle-versus{grid-template-columns:1fr}}