:root{color-scheme:dark;--bg:#121713;--panel:#1b221d;--line:#394238;--text:#e6eadd;--mute:#a4ad9d;--lime:#c2cf9f;--orange:#cfb68e}html[data-theme=light]{color-scheme:light;--bg:#f5f6f1;--panel:#fff;--line:#d4d9cc;--text:#252e26;--mute:#5c6859;--lime:#435b36;--orange:#775621}body{background:var(--bg);color:var(--text);font-size:16px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.field-shell{width:100%;min-height:100vh;margin:0;display:grid}.v2-shell{grid-template-columns:250px minmax(0,1fr);max-width:1920px}.field-sidebar{background:var(--bg);border-right:1px solid var(--line)}.field-main{min-width:0}.nav{width:100%;display:flex;justify-content:space-between;text-align:left;color:var(--mute);background:transparent;border-radius:8px}.nav.active{color:var(--lime);background:color-mix(in srgb,var(--lime) 10%,var(--panel))}.brand{color:var(--text);background:none}.miniid,.card,.modal,.chatbox,.fobjective,.turn-bar,.op-tile,.encounter-state,.lobby-slot{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px}.miniid{margin:24px 0}.server-strip{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--mute);margin-bottom:28px}.server-strip b{color:var(--lime)}.heading{gap:16px;align-items:flex-start}.heading h1{margin:5px 0}.heading p{color:var(--mute)}.hero{position:relative;overflow:hidden}.hero h2,.hero p,.herotext{position:relative;z-index:1}.square-face{width:76px;height:84px;object-fit:cover;border-radius:6px;display:block}.portrait .square-face{width:100%;height:100%;object-fit:cover}.round-face{width:26px;height:26px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}.profile-link{border:0}.miniid p{color:var(--mute)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.stat{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:12px;min-width:0}.stat>span{display:block;color:var(--mute)}.stat b{display:block}.stat small{font-size:13px;margin-left:6px}.field label{display:flex;flex-direction:column;gap:8px;color:var(--text);margin:5px 0}.field input,.field textarea,.field select,.chatform input{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:7px}.btn{border:1px solid var(--line);color:var(--text);background:var(--panel);border-radius:7px;line-height:1.4}.btn.primary{background:var(--lime);color:var(--bg);border-color:var(--lime);font-weight:700}.smalllink,.userlink{color:var(--lime);background:none;border:0;text-align:left}.text-button{font:inherit;font-weight:700;color:var(--text);background:none;border:0;padding:0;text-align:left}.tag{color:var(--lime);background:color-mix(in srgb,var(--lime) 9%,var(--panel));border-color:var(--line)}.pagebanner{color:var(--text);background:color-mix(in srgb,var(--lime) 6%,var(--panel));border:1px solid var(--line)}.desc,.readtext{color:var(--mute)}.readtext{white-space:pre-wrap;overflow-wrap:anywhere}.row{gap:12px;flex-wrap:wrap}.cards,.stack{margin-bottom:20px}.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.action-row .btn{font-size:12px;min-height:36px;padding:7px 10px}.person-card{display:flex;gap:18px;align-items:center}.person-card>div{min-width:0}.person-card .userlink{font-size:21px;font-weight:700}.lobby-members{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.lobby-slot{display:flex;flex-direction:column;align-items:flex-start;min-height:90px;padding:14px}.lobby-slot span{color:var(--mute)}.fobjective{padding:16px 20px;display:flex;flex-direction:column;gap:4px;font-size:14px}.turn-bar{display:flex;gap:20px;justify-content:space-between;padding:16px 20px;margin:16px 0;flex-wrap:wrap}.turn-bar strong{font-size:26px;color:var(--lime)}.operation-layout{display:grid;grid-template-columns:minmax(360px,1.5fr) minmax(260px,1fr) minmax(220px,.85fr);gap:16px;align-items:start}.operation-layout .card{padding:18px}.operation-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:16px 0}.op-tile{position:relative;min-height:112px;padding:25px 3px 8px;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;align-items:center;overflow:hidden;min-width:0}.op-tile>small{position:absolute;top:5px;left:6px;font-size:10px;color:var(--mute)}.op-tile>b{font-size:11px;word-break:keep-all}.op-tile .tile-state{font-size:9px;line-height:1.4;min-height:14px;overflow-wrap:anywhere}.op-tile.blocked{opacity:.4;background:var(--bg)}.op-tile.here{border-color:var(--lime)}.op-tile.selected{outline:2px solid var(--orange);outline-offset:0}.op-tile.searched{background:color-mix(in srgb,var(--lime) 18%,var(--panel))}.map-faces{display:grid;grid-template-columns:repeat(2,24px);gap:2px;justify-content:center;margin-top:4px}.map-faces img{width:23px;height:23px}.maplegend{display:flex;gap:12px;flex-wrap:wrap;color:var(--mute);font-size:11px}.zone-panel h2{margin:12px 0}.encounter-state{padding:16px;margin:18px 0;background:var(--bg)}.encounter-state.in-combat{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 9%,var(--panel))}.encounter-state strong{font-size:20px;color:var(--lime)}.encounter-state.in-combat strong{color:var(--orange)}progress{width:100%;height:10px;accent-color:var(--lime);display:block;margin:10px 0}.combat-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.combat-buttons .btn{padding:12px 6px;font-size:13px}.member-detail{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.member-detail small{color:var(--mute)}.abort-box{padding:18px 0}.combat-log{max-height:260px;overflow:auto;background:var(--bg);padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--mute)}.combat-log p{margin:0 0 10px;overflow-wrap:anywhere}.inventory-scroll{max-height:480px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.inventory-row{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.inventory-row small{display:block;font-size:12px;color:var(--mute)}.weapon-visual{height:115px;display:grid;place-items:center;background:var(--bg);border-radius:8px;margin-bottom:18px;color:var(--mute)}.weapon-visual svg{width:85%;max-width:300px}.logcard{padding:0!important;overflow:hidden}.log-cover{width:100%;height:200px;object-fit:cover;display:block}.thread-image{max-width:100%;max-height:650px;object-fit:contain;display:block;margin:18px 0}.comment-thread{border-top:1px solid var(--line);padding:20px 0}.thread-replies{margin:12px 0 0 14px;padding-left:18px;border-left:2px solid var(--line)}.reply-item{padding:12px 0}.modalback{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal{width:min(800px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 100px #0005}.modaltop{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:var(--panel);border-bottom:1px solid var(--line);z-index:2}.modaltop h2{margin:0}.modaltop>div{display:flex;gap:8px}.modalbody{padding:24px}.chat-max{width:calc(100vw - 40px);max-width:none;height:calc(100dvh - 40px)}.chat-max .chatbox{height:calc(100dvh - 390px);min-height:160px}.chatbox{height:350px;background:var(--bg);overflow:auto}.bubble{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.bubble small{font-size:10px;color:var(--mute)}.bubble .smalllink{font-size:11px}.chat-divider{font-size:12px;color:var(--mute);overflow-wrap:anywhere}.chat-dock{position:fixed;right:22px;bottom:20px;z-index:20;max-width:calc(100vw - 44px)}.chat-dock>button{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0003;padding:12px 20px;text-align:left;display:flex;flex-direction:column}.chat-dock span{font-size:12px;color:var(--mute);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr minmax(320px,500px);max-width:1300px;margin:auto;gap:70px;align-items:center;padding:60px 30px}.login-brand h1{font-size:clamp(28px,5vw,65px);letter-spacing:-1px;margin:12px 0}.login-brand p{color:var(--mute);font-family:monospace}.login-card{padding:30px}.login-card .tabs{gap:5px}.login-card .tabs .btn{font-size:12px;padding:9px}.secret{display:block;padding:20px;border:1px solid var(--line);background:var(--bg);overflow-wrap:anywhere;user-select:all;font-size:18px}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);z-index:300;display:none;border-radius:8px;box-shadow:0 8px 30px #0004}.toast.show{display:block}.request-pending button[type=submit],.request-pending .combat-buttons button{pointer-events:none;opacity:.5}.foot{padding-bottom:70px}.training-clock{padding:20px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-grid p{font-size:14px;color:var(--mute)}html[data-theme=light] .hero,html[data-theme=light] .card,html[data-theme=light] .field-sidebar,html[data-theme=light] .modal,html[data-theme=light] .stat{background:var(--panel);color:var(--text)}html[data-theme=light] .field-main,html[data-theme=light] body{background:var(--bg)}html[data-theme=light] .desc,html[data-theme=light] .readtext,html[data-theme=light] .attribute{color:var(--mute)}html[data-theme=light] .attribute b{color:var(--text)}html[data-theme=light] .turn-warning{background:#fff0e1;color:#7c421e;border-color:#cd986c}html[data-theme=light] .portrait{background:#e3e9dc}.tabs{display:flex;flex-wrap:wrap;gap:8px}
@media(min-width:1650px){.op-tile{min-height:135px}.op-tile>b{font-size:13px}.op-tile .tile-state{font-size:11px}.map-faces{grid-template-columns:repeat(2,28px)}.map-faces img{width:27px;height:27px}}
@media(max-width:1250px){.operation-layout{grid-template-columns:minmax(340px,1.3fr) minmax(250px,1fr)}.roster-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roster-panel>h3,.roster-panel>.combat-log,.roster-panel>.abort-box{grid-column:1/-1}.v2-shell .field-main{padding:26px 22px}.v2-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:850px){.v2-shell{display:block}.field-sidebar{position:static;padding:18px!important;border-right:0;border-bottom:1px solid var(--line)}.field-sidebar .miniid,.field-sidebar .navlabel,.sidebar-tools p{display:none}.field-sidebar nav{display:flex;overflow:auto;gap:5px;margin-top:12px}.field-sidebar .nav{flex:0 0 auto;width:auto;font-size:13px!important;padding:10px!important}.sidebar-tools{position:absolute;top:15px;right:15px}.sidebar-tools .btn{font-size:12px;padding:8px}.field-brand{max-width:65%}.field-brand small{display:none}.v2-shell .field-main{padding:22px 16px}.operation-layout{grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr)}.operation-map{gap:4px}.op-tile{min-height:115px}.server-strip{font-size:9px}.login-screen{gap:30px;padding:30px 20px;grid-template-columns:1fr 1.2fr}.hero-stamp{display:none}.identity{grid-template-columns:150px 1fr}.portrait{min-height:230px!important}}
@media(max-width:600px){.cards{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat>span{font-size:11px}.v2-shell .stat b{font-size:21px}.v2-shell .stat b.status-value{font-size:15px}.operation-layout{grid-template-columns:1fr}.roster-panel{grid-column:auto;grid-template-columns:1fr 1fr}.operation-layout .card{padding:14px}.op-tile{min-height:122px}.op-tile>b{font-size:11px}.turn-bar{gap:10px;font-size:12px}.turn-bar strong{font-size:21px}.lobby-members{grid-template-columns:1fr 1fr}.heading{display:block}.heading>.btn{margin-bottom:18px}.v2-shell .heading h1{font-size:28px}.hero h2{font-size:30px!important}.hero{min-height:270px!important}.login-screen{display:block;padding:28px 16px}.login-brand{margin-bottom:24px}.login-brand p{font-size:12px}.login-brand h1{font-size:34px}.login-card{padding:22px}.modalback{padding:8px}.modal{max-height:calc(100dvh - 16px)}.modalbody{padding:18px}.modaltop{padding:12px}.modaltop h2{font-size:17px}.modaltop .btn{padding:8px;font-size:12px}.identity{grid-template-columns:1fr}.identity .portrait{width:180px;height:230px}.guide-grid{grid-template-columns:1fr}.chat-max{width:100%;height:calc(100dvh - 16px)}.inventory-row{align-items:flex-start}.server-strip{flex-direction:column;gap:2px}.brandmark{display:none}.field-brand b{font-size:19px!important}.chat-dock{right:12px;bottom:12px}.turn-warning>b{font-size:38px}.turn-warning{padding:14px}.chatform .btn{padding:10px}.chat-dock>button{padding:10px 15px}}
html[data-theme=light] .field-sidebar .miniid{background:var(--panel);border-color:var(--line)}html[data-theme=light] .hero .herotext h2,html[data-theme=light] .miniid h3{color:var(--text)}.miniid .row{font-weight:600}.inventory-row .action-row{max-width:100%}.server-strip+section,.zone-panel,.map-panel,.roster-panel{min-width:0}

/* 0.1.1: restore the original full-screen personnel orientation. */
.prologue-overlay{position:fixed;inset:0;z-index:50;overflow:auto;background:var(--bg);overscroll-behavior:contain}
.prologue-overlay .intro-screen{box-sizing:border-box;width:100%;max-width:1440px;min-height:100dvh;margin:0 auto;padding:40px 7vw;display:flex;flex-direction:column}
.prologue-overlay .intro-body{margin:auto 0;padding:60px 0;max-width:850px}
.prologue-overlay .intro-body h1{font-size:clamp(32px,4vw,58px);line-height:1.22;letter-spacing:-1.5px;margin:25px 0 32px;color:var(--text);overflow-wrap:anywhere}
.prologue-overlay .intro-body p{white-space:pre-wrap;font-size:18px;line-height:1.95;color:var(--mute);max-width:730px;word-break:keep-all;overflow-wrap:anywhere}
.prologue-overlay .intro-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.prologue-overlay .intro-bottom{margin-top:0;flex-wrap:wrap}
@media(max-width:800px){.prologue-overlay .intro-screen{padding:24px}.prologue-overlay .intro-body{padding:38px 0}.prologue-overlay .intro-body p{font-size:16px}.prologue-overlay .intro-bottom{gap:16px}.prologue-overlay .intro-controls{margin-left:auto}}

/* 0.2.0 mobile navigation: separate header tools from the scrollable menu. */
.story-deadline{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 0;color:var(--lime)}
.maintenance-panel{margin-bottom:24px}.maintenance-panel .field{margin-bottom:18px}
.maintenance-screen{max-width:800px;min-height:100dvh;margin:auto;padding:clamp(24px,7vw,80px);display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}.maintenance-screen h1{font-size:clamp(30px,5vw,48px)}
.field-sidebar nav{position:relative}
@media(max-width:850px){
 .v2-shell .field-sidebar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 12px;padding:20px 16px!important}
 .v2-shell .field-sidebar .field-brand{grid-column:1;grid-row:1;min-width:0;padding:0;justify-self:start}
 .v2-shell .field-sidebar .sidebar-tools{position:static!important;grid-column:2;grid-row:1;margin:0!important;padding:0!important;justify-self:end}
 .v2-shell .field-sidebar .sidebar-tools p,.v2-shell .field-sidebar .miniid,.v2-shell .field-sidebar .navlabel{display:none!important}
 .v2-shell .sidebar-tools>.btn{font-size:12px!important;min-height:40px;padding:9px 10px;white-space:nowrap}
 .v2-shell .field-sidebar nav{grid-column:1/-1;grid-row:2;display:flex!important;gap:4px;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0 0 6px;scrollbar-width:thin}
 .v2-shell .field-sidebar nav .nav{flex:0 0 auto;width:auto;min-height:44px;margin:0;white-space:nowrap;font-size:14px;padding:10px 13px}
 .v2-shell .field-sidebar nav .nav.active{font-weight:800;background:color-mix(in srgb,var(--lime) 15%,var(--panel));box-shadow:inset 0 -3px var(--lime)}
}

/* 0.2.1: compact mobile account summary and consistent training spacing. */
.mobile-resources{display:none}
.training-active{margin-bottom:24px}
.v2-shell .training-clock{padding:18px 22px;margin:16px 0;display:flex;align-items:center;min-width:0;border-radius:10px;background:var(--bg)}
.training-clock strong{display:block;font-size:clamp(26px,5vw,40px);line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.training-options>.card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.training-options>.card h3,.training-options>.card p{margin:0}
.training-options>.card .btn{margin-top:auto}
.tutorial-step p{font-size:16px;line-height:1.8}.tutorial-step progress{display:block;width:100%;margin:16px 0}.tutorial-step h3{font-size:22px}.tutorial-step .action-row{justify-content:flex-end;margin-top:24px}
@media(max-width:850px){
 .v2-shell .field-sidebar .field-brand{max-width:100%}
 .v2-shell .field-sidebar .mobile-resources{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;min-width:0}
 .mobile-resources>div{background:var(--panel);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
 .mobile-resources span{color:var(--mute);font-size:12px}.mobile-resources strong{color:var(--text);font-size:18px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .v2-shell .field-sidebar nav{grid-row:3;margin-top:0}
 .heading>.action-row{margin:14px 0 20px}
}

.toast{box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);white-space:normal;overflow-wrap:anywhere}