:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#182b43;background:#f1f4f8;font-size:16px;line-height:1.5;--accent:#096dca;--line:#dce3ec;--muted:#5d6d80}*{box-sizing:border-box}body{margin:0}header{background:#11283f;color:white;min-height:100px;padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:14px;font-size:20px;letter-spacing:.08em}.brand b{font-weight:400;color:#a7bed4}.brand small{display:block;font-size:12px;letter-spacing:.035em;color:#a7bed4;margin-top:3px}.mark{display:grid;place-items:center;font-size:26px;font-weight:750;width:46px;height:46px;border-radius:12px;background:#1684e8;color:white}#identity{display:flex;align-items:center;gap:14px;font-size:14px}#layout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1450px;margin:auto;min-height:calc(100vh - 170px)}nav{padding:32px 16px;border-right:1px solid var(--line)}nav a{display:block;color:#485b70;text-decoration:none;padding:12px 16px;border-radius:7px;margin:4px 0;font-weight:550;font-size:14px}nav a:hover{background:#e6edf6}nav a.active{background:#daeafd;color:#064e98}main{padding:32px 38px;min-width:0}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--accent);margin:0 0 5px}h1{font-size:30px;line-height:1.2;margin:0 0 12px;letter-spacing:-.025em}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px;margin:0 0 8px}p{margin:0 0 20px}.muted,small{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;margin:22px 0}.login{max-width:430px;margin:45px auto}.login h1{font-size:28px}.login p{color:var(--muted)}body.signed-out #layout{display:block}body.signed-out nav{display:none}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:26px}.tile{display:block;background:white;color:inherit;text-decoration:none;border:1px solid var(--line);border-top:4px solid var(--accent);padding:26px;border-radius:9px;min-height:165px}.tile:hover{border-color:var(--accent);box-shadow:0 5px 20px #0b396610}.tile .icon{font-size:25px;margin-bottom:12px;display:block;color:var(--accent)}.tile small{display:block}.tile strong{display:block;font-size:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid .panel{margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:0 0 16px}input,select,textarea{font:inherit;color:inherit;width:100%;display:block;border:1px solid #bbc9d9;border-radius:6px;padding:11px 12px;background:white;margin-top:6px;min-width:0}textarea{resize:vertical;min-height:150px;font-family:ui-monospace,monospace;font-size:14px}input[type=checkbox]{display:inline;width:18px;height:18px;margin:0 8px 0 0;vertical-align:middle}.check{font-weight:450}input:focus,select:focus,textarea:focus{outline:3px solid #aed6ff;outline-offset:1px}button,.button{font:inherit;font-size:14px;font-weight:650;background:var(--accent);color:white;border:1px solid transparent;border-radius:6px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#edf3fa;color:#1b507e;border-color:#d4e0ed}header .secondary{background:#203d58;color:#e8f3ff;border-color:#3b556e}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row{display:flex;gap:18px;align-items:end}.row>label{flex:1}.file-label{cursor:pointer;font-size:14px;color:var(--accent);font-weight:600}.file-label input{padding:6px;font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{color:var(--muted);font-weight:600;padding:12px;background:#f5f8fc;white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;overflow-wrap:anywhere;max-width:340px;font-size:12px}.perm th,.perm td{text-align:center}.perm th:first-child,.perm td:first-child{text-align:left}.perm input{margin:0}.pill{display:inline-block;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:650;background:#e9eff7;color:#3d556f;white-space:nowrap}.pill.complete{background:#e0f3e9;color:#1c6941}.pill.error{background:#ffe9e8;color:#a73227}.pill.running{background:#dfedff;color:#145ea9}progress{width:150px;height:7px;display:block;margin-top:6px;accent-color:var(--accent)}#notice{position:sticky;top:0;z-index:10;max-width:100%;padding:0 4%;background:#dff1e8;color:#1c5c3b;white-space:pre-wrap}#notice:not(:empty){padding:12px 4%;border-bottom:1px solid #bcddc9}#notice.error{background:#fff0ed;color:#963727;border-color:#e6b8ad}.empty{padding:30px 12px;text-align:center;color:var(--muted)}.hint{padding:12px 16px;background:#edf5ff;border-left:3px solid var(--accent);font-size:14px;margin:14px 0 22px}.block{display:block}.path{font:13px ui-monospace,monospace;overflow-wrap:anywhere}.account-list{display:grid;gap:12px;margin:18px 0}.account-item{border:1px solid var(--line);border-radius:6px;padding:16px}.account-item .actions{margin-top:10px}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:430px;width:90%;color:inherit}dialog::backdrop{background:#11283f88}output:not(:empty){display:block;overflow-wrap:anywhere;font-family:ui-monospace,monospace;background:#edf3fa;padding:14px;margin-top:16px}footer{font-size:12px;text-align:center;color:#728194;padding:20px;border-top:1px solid var(--line)}@media(max-width:900px){#layout{grid-template-columns:170px minmax(0,1fr)}main{padding:24px 20px}.grid{grid-template-columns:1fr}.row{display:block}}@media(max-width:600px){header{padding:18px;align-items:start}.brand{font-size:16px}.brand small{display:none}#identity{flex-wrap:wrap;justify-content:end;max-width:150px}#layout{display:block}nav{padding:10px;border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}nav a{white-space:nowrap;padding:8px 12px}main{padding:22px 16px}.panel{padding:18px}.login{margin:20px auto}.tiles{grid-template-columns:1fr}.brand .mark{width:37px;height:37px}h1{font-size:26px}}
.save-stats{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}.save-stats>div{background:white;border:1px solid var(--line);border-radius:8px;padding:15px 20px;min-width:140px}.save-stats strong{font-size:22px;display:block}.save-stats small{display:block}.save-game{background:white;border:1px solid var(--line);border-radius:10px;margin:12px 0;overflow:hidden}.save-game>summary{cursor:pointer;padding:18px;display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(110px,1fr) minmax(140px,1fr);gap:14px;align-items:center}.save-game>summary:hover{background:#f6f9fd}.save-game .pill{justify-self:start}.save-detail{padding:0 20px 18px}.save-pc{padding:18px 0;border-top:1px solid var(--line)}.save-pc p{margin-top:12px}.save-pc h3{margin:0}.save-game[hidden]{display:none}#saveConfig>summary{cursor:pointer;font-weight:600}#saveConfig form{margin-top:20px}@media(max-width:900px){.save-game>summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.save-game>summary{grid-template-columns:1fr}.save-stats>div{flex:1}}

.archive-toolbar{margin:12px 0}.archive-toolbar strong{flex:1;overflow-wrap:anywhere}.archive-files{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:6px;margin:12px 0 22px}.archive-files p{padding:16px;margin:0}.archive-files table td{padding:10px}.archive-files td:first-child{min-width:180px}.archive-files td:last-child{text-align:right}

button.danger{color:#a51d2d;border-color:#e8bdc3}button.danger:hover{background:#fff0f1}
.scroll-list{max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:8px}.scroll-list .table-wrap{overflow:visible}.scroll-list table{margin:0}.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.compact label{margin-bottom:8px}nav a{font-size:13px}
@media(max-width:900px){.compact{grid-template-columns:1fr}}
nav{display:block}.nav-group{margin:4px 0}.nav-parent{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;color:#334a62;border:0;border-radius:7px;padding:12px 14px;font-weight:700}.nav-parent:hover{background:#e6edf6;filter:none}.nav-group.active-group>.nav-parent{color:#064e98;background:#eef6ff}.nav-group.open .chevron{transform:rotate(90deg)}.chevron{transition:transform .15s ease;color:#7c8da0}.nav-children{padding:3px 0 4px 12px;border-left:2px solid #d8e3ef;margin-left:13px}.nav-children a{padding:9px 12px;margin:2px 0;font-size:13px}.nav-children a::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#aebdce;margin-right:8px;vertical-align:1px}.nav-children a.active::before{background:var(--accent)}
@media(max-width:600px){nav{display:block;overflow:visible;padding:10px 14px}nav a{white-space:normal}.nav-parent{padding:9px 12px}.nav-children{margin-left:10px}}

body{position:relative;min-height:100vh;background:var(--page-bg,#eef3f8);color:var(--text,#182b43)}
body::before{content:"";position:fixed;inset:100px 0 0;z-index:-1;pointer-events:none;background:var(--wallpaper-image,linear-gradient(135deg,#24486f 0%,#7aa4d8 34%,#ddeaf8 62%,#f7fbff 100%));background-size:cover;background-position:center;opacity:0;transition:opacity .2s ease}
body.wallpaper-default::before{opacity:.34;background-image:linear-gradient(135deg,#102b48 0%,#285b91 32%,#7fb1e8 58%,#f4f9ff 100%)}
body.wallpaper-custom::before{opacity:.44}
body.wallpaper-off::before{opacity:0}
body.theme-light{--page-bg:#eef3f8;--panel-bg:#fff;--panel-soft:#f5f8fc;--text:#182b43;--muted:#5d6d80;--line:#dce3ec;--field:#fff;--field-border:#bbc9d9;--accent:#096dca}
body.theme-dark{--page-bg:#121923;--panel-bg:#192433;--panel-soft:#223147;--text:#e7edf7;--muted:#a5b4c7;--line:#314257;--field:#101925;--field-border:#40546d;--accent:#4aa3ff}
body.theme-dark header{background:#0b1725}
body.theme-dark .mark{background:#1f8ff0}
body.theme-dark header .secondary{background:#16263a;color:#eef6ff;border-color:#35516d}
body.theme-dark .hint{background:#122b45;color:#d9ecff}
body.theme-dark #notice{background:#163a2c;color:#c9f2dc;border-color:#255743}
body.theme-dark #notice.error{background:#3d1c19;color:#ffd0c8;border-color:#7c3a31}
body.theme-dark .pill{background:#27384c;color:#c8d5e5}
body.theme-dark .pill.complete{background:#153d2e;color:#aee6c7}
body.theme-dark .pill.error{background:#4c2523;color:#ffc8c0}
body.theme-dark .pill.running{background:#173653;color:#a8d4ff}
@media(prefers-color-scheme:dark){body.theme-auto{--page-bg:#121923;--panel-bg:#192433;--panel-soft:#223147;--text:#e7edf7;--muted:#a5b4c7;--line:#314257;--field:#101925;--field-border:#40546d;--accent:#4aa3ff}body.theme-auto header{background:#0b1725}body.theme-auto header .secondary{background:#16263a;color:#eef6ff;border-color:#35516d}body.theme-auto .hint{background:#122b45;color:#d9ecff}body.theme-auto #notice{background:#163a2c;color:#c9f2dc;border-color:#255743}body.theme-auto #notice.error{background:#3d1c19;color:#ffd0c8;border-color:#7c3a31}body.theme-auto .pill{background:#27384c;color:#c8d5e5}body.theme-auto .pill.complete{background:#153d2e;color:#aee6c7}body.theme-auto .pill.error{background:#4c2523;color:#ffc8c0}body.theme-auto .pill.running{background:#173653;color:#a8d4ff}}
#layout{background:rgba(241,244,248,.78);backdrop-filter:saturate(1.05) blur(2px)}
body.theme-dark #layout{background:rgba(18,25,35,.82)}
@media(prefers-color-scheme:dark){body.theme-auto #layout{background:rgba(18,25,35,.82)}}
.panel,.tile,.save-game,.save-stats>div,dialog{background:var(--panel-bg,#fff);border-color:var(--line,#dce3ec)}
input,select,textarea{background:var(--field,#fff);border-color:var(--field-border,#bbc9d9);color:var(--text,#182b43)}
th{background:var(--panel-soft,#f5f8fc);color:var(--muted,#5d6d80)}
td{border-color:var(--line,#dce3ec)}
nav{background:rgba(241,244,248,.55)}
body.theme-dark nav{background:rgba(18,25,35,.2)}
nav a,.nav-parent{color:var(--text,#334a62)}
nav a:hover,.nav-parent:hover{background:color-mix(in srgb,var(--accent,#096dca) 11%,transparent)}
nav a.active,.nav-group.active-group>.nav-parent{background:color-mix(in srgb,var(--accent,#096dca) 16%,transparent);color:var(--accent,#096dca)}
.identity-wrap{display:flex;align-items:center;gap:10px;text-align:right}
.identity-info{display:grid;gap:2px}
.identity-info small{color:#a7bed4}
.avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,#0b77d8,#67b8ff);color:white;font-weight:800;border:1px solid #ffffff33}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-default{letter-spacing:.02em}
.avatar-large{width:62px;height:62px;font-size:28px;border-color:var(--line,#dce3ec)}
.avatar-row{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.avatar-row small{display:block}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 4px}
.tab{background:var(--panel-bg,#fff);color:var(--text,#182b43);border-color:var(--line,#dce3ec)}
.tab.active{background:var(--accent,#096dca);color:white}
.events-panel .actions{justify-content:space-between}
.event-scroll{max-height:220px;overflow:auto;display:grid;gap:10px;padding-right:4px}
.event{border:1px solid var(--line,#dce3ec);border-left:4px solid #d49c1f;border-radius:8px;padding:12px 14px;background:var(--panel-bg,#fff)}
.event.error{border-left-color:#c23b2f}
.event strong,.event small{display:block}
.event p{margin:8px 0}
.event a{color:var(--accent,#096dca);font-weight:650;text-decoration:none}
.transfer-meter{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel-bg,#fff);border:1px solid var(--line,#dce3ec);border-radius:9px;padding:13px 16px;margin:18px 0}
.transfer-meter span{font-weight:700;color:var(--accent,#096dca)}
.transfer-meter small{display:block;text-align:right}
.wizard-preview{display:grid;gap:5px}
.wizard-preview span{display:block}
.small-select{width:auto;min-width:190px;padding:7px 9px;margin:0}
.footer-theme{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:650}
.footer-theme select{width:auto;margin:0;padding:5px 24px 5px 8px;font-size:12px}
footer{background:rgba(241,244,248,.82);min-height:56px}
body.theme-dark footer{background:rgba(18,25,35,.85)}
@media(prefers-color-scheme:dark){body.theme-auto footer{background:rgba(18,25,35,.85)}}
@media(max-width:600px){.identity-wrap{text-align:left}.transfer-meter{display:block}.transfer-meter small{text-align:left;margin-top:4px}.avatar-row{align-items:flex-start}}
.brand{display:grid;gap:4px;letter-spacing:0}
.brand>small{margin:0 0 0 2px;font-size:12px;letter-spacing:.035em;color:#a7bed4}
.hub-logo{display:inline-flex;align-items:center;font-weight:850;font-size:28px;line-height:1;letter-spacing:.01em;color:#fff;text-transform:none}
.hub-word{display:inline-block;padding:7px 8px 8px 10px;background:#0b0f14;border:1px solid #243140;border-right:0;border-radius:7px 0 0 7px;box-shadow:0 8px 24px #0002}
.hub-box{display:inline-block;padding:7px 11px 8px 10px;background:#52b54b;color:#071006;border:1px solid #65ca5e;border-radius:0 7px 7px 0;box-shadow:0 8px 24px #0002}
body.theme-dark .hub-word{background:#05080c;border-color:#1f2b3b}
body.theme-dark .hub-box{background:#52b54b;color:#071006;border-color:#67cf60}
@media(max-width:600px){.hub-logo{font-size:22px}.brand>small{display:none}}

body::before{z-index:0;inset:100px 0 0;background-position:center;background-size:cover}
body>header,#notice,#layout,footer{position:relative;z-index:1}
body.wallpaper-default::before{opacity:1;background-image:linear-gradient(90deg,rgba(4,12,24,.08),rgba(4,12,24,.05)),url('/static/wallpaper-dsm-bahushub.svg')}
body.wallpaper-custom::before{opacity:1}
#layout{background:transparent;backdrop-filter:none}
main{background:transparent}
body.theme-dark #layout{background:transparent}
@media(prefers-color-scheme:dark){body.theme-auto #layout{background:transparent}}
.panel,.tile,.save-game,.save-stats>div{box-shadow:0 12px 32px rgba(18,43,67,.08)}
body.theme-light nav{background:rgba(244,248,252,.84);backdrop-filter:saturate(1.08) blur(8px)}
body.theme-dark nav{background:rgba(9,16,26,.86);backdrop-filter:saturate(1.08) blur(8px)}
body.theme-dark nav a,body.theme-dark .nav-parent{color:#e3edf8}
body.theme-dark nav a:hover,body.theme-dark .nav-parent:hover{background:rgba(74,163,255,.16)}
body.theme-dark nav a.active,body.theme-dark .nav-group.active-group>.nav-parent{background:rgba(74,163,255,.24);color:#7ec1ff}
@media(prefers-color-scheme:dark){body.theme-auto nav{background:rgba(9,16,26,.86);backdrop-filter:saturate(1.08) blur(8px)}body.theme-auto nav a,body.theme-auto .nav-parent{color:#e3edf8}body.theme-auto nav a:hover,body.theme-auto .nav-parent:hover{background:rgba(74,163,255,.16)}body.theme-auto nav a.active,body.theme-auto .nav-group.active-group>.nav-parent{background:rgba(74,163,255,.24);color:#7ec1ff}}
.avatar{font-size:19px}
.avatar-large{font-size:34px}