/* OPC Headquarters. One final visual layer; no gameplay or route changes. */
:root{--gc-bg:#0b1219;--gc-ink:#edf0e8;--gc-panel:#14202b;--gc-panel-raised:#1a2833;--gc-line:#33434c;--gc-text:#edf0e8;--gc-muted:#a4b2b8;--gc-copper:#c7a66b;--gc-jade:#74c2ad;--gc-risk:#e9b55b;--gc-danger:#df8378;--bg-primary:#0b1219;--bg-secondary:#111b24;--bg-card:#14202b;--bg-card-hover:#1a2833;--border:rgba(166,186,190,.22);--border-hover:rgba(199,166,107,.66);--text-primary:#edf0e8;--text-secondary:#bdc7c9;--text-muted:#95a5ac;--accent:#c7a66b;--accent-hover:#e0c08b;--accent-glow:rgba(199,166,107,.18);--success:#74c2ad;--warning:#e9b55b;--danger:#df8378;--radius:8px;--radius-sm:5px;color-scheme:dark}
html,body{background:#0b1219!important;color:var(--gc-text)!important}body{font-family:Inter,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em;font-feature-settings:'tnum'}body::before{background:radial-gradient(ellipse at 72% -10%,rgba(143,124,82,.1),transparent 50%),linear-gradient(180deg,#101923,#0b1219 75%)!important}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #dfc58f!important;outline-offset:3px}::selection{background:#806744;color:#fff}
.gc-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;line-height:0}.gc-icon svg{width:100%;height:100%}
.gc-office-caption{max-width:45%}.gc-office-caption b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-office-hotspot.is-toolbar{width:98px;justify-content:center;padding:7px 6px;background:#10212bec;border-color:#89754d88;box-shadow:none;font-size:10px}
.gc-office-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.card,#app .gc-card{background:linear-gradient(145deg,#17242e,#121d26)!important;border:1px solid #34444e!important;border-radius:8px;box-shadow:0 8px 25px #0002,inset 0 1px #ffffff04!important}.card:hover,#app .gc-card:hover{background:linear-gradient(145deg,#17242e,#121d26)!important;border-color:#45565e!important;transform:none!important;box-shadow:0 8px 25px #0002,inset 0 1px #ffffff04!important}.card-title,.page-header h2,.page-header h3{color:var(--gc-text)!important}.page-header h2{font-weight:650;letter-spacing:-.025em;font-size:28px}.page-header p,.text-muted{color:var(--gc-muted)!important}.page-header{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #ffffff0d}.stat-card{border-top:2px solid #88734f!important}.stat-value,.stat-card strong,.gc-number{font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.btn{border-radius:5px!important;min-height:36px;font-weight:600;transition:background .15s,border-color .15s,color .15s!important;box-shadow:none!important}.btn:hover{transform:none!important}.btn-primary,#app .gc-button-primary{background:linear-gradient(#d1b47e,#b3935b)!important;color:#101820!important;border:1px solid #d6bb88!important;box-shadow:0 2px 5px #0003!important}.btn-primary:hover,#app .gc-button-primary:hover{background:#e0c595!important;color:#0b1219!important}.btn-secondary,button.btn-secondary{background:#22313b!important;color:#e0e6e5!important;border:1px solid #4a5b62!important}.btn-secondary:hover{background:#2c3f4a!important;border-color:#8c9a99!important}.btn-danger{background:#6b3432!important;border-color:#bd7770!important;color:#ffe5df!important}.btn:disabled{opacity:.5;filter:saturate(.4);cursor:not-allowed}
body input:not([type=checkbox]):not([type=radio]):not([type=file]),body select,body textarea,#app .project-studio input,#app .project-studio textarea,#app .project-studio select,#app .strategy-page input,#app .strategy-page textarea,#app .strategy-page select{background:#0d1720!important;background-image:none!important;color:#eaf0ed!important;border-color:#46565e!important;border-radius:5px;box-shadow:inset 0 2px 4px #0002!important}body input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,body select:focus,body textarea:focus,#app .project-studio input:focus,#app .project-studio textarea:focus,#app .project-studio select:focus,#app .strategy-page input:focus,#app .strategy-page textarea:focus,#app .strategy-page select:focus{background:#13222d!important;border-color:#c7a66b!important;box-shadow:0 0 0 3px #c7a66b20!important}body input::placeholder,body textarea::placeholder{color:#82959e!important}body input:disabled,body select:disabled,body textarea:disabled{background:#1c2a33!important;color:#9cadaf!important}body select option{background:#13202a!important;color:#edf0e8!important}input[type=checkbox],input[type=radio]{accent-color:#c7a66b}
.tag,.status-badge,.badge{color:#d6dfdf!important;background:#22353d!important;border-color:#4e6468!important}.tag-success,.status-completed,.badge-success{color:#b9eddb!important;background:#183d33!important}.tag-warning,.badge-warning{color:#f4d49b!important;background:#49381e!important}table{font-variant-numeric:tabular-nums}th{color:#b3c0c3!important;font-weight:550;background:#13212b!important}td{border-color:#ffffff0d!important}tr:hover td{background:#c7a66b08}.modal-overlay{backdrop-filter:blur(5px);background:#050a11bf!important}.modal{background:#14202b!important;border:1px solid #5a6260!important;box-shadow:0 32px 100px #0009!important;border-radius:10px!important}.modal-title{letter-spacing:-.02em}.strategy-tabs,.operations-tabs,.advisor-tabs{background:#101c25!important;border-color:#34464f!important}.strategy-tab,.operations-tab{color:#aebec2!important}.strategy-tab.active,.strategy-tab:hover,.operations-tab.active{background:#c7a66b18!important;color:#e0c390!important;box-shadow:inset 0 -2px #c7a66b!important}
/* Stable desktop chrome. Layout ownership lives in game-shell.css. */
.gc-sidebar,.sidebar{background:linear-gradient(90deg,#111c25,#101921)!important;border-right:1px solid #33414a!important;box-shadow:12px 0 40px #0002!important}.gc-sidebar .nav-item,.sidebar .nav-item{color:#aabcc2!important;font-size:13px}.gc-sidebar .nav-item:hover,.sidebar .nav-item:hover{background:#ffffff06!important;color:#f5f1e6!important}.gc-sidebar .nav-item.active,.sidebar .nav-item.active{color:#eddbb8!important;background:linear-gradient(90deg,#c7a66b20,#c7a66b06)!important;box-shadow:inset 2px 0 #c7a66b!important}.nav-section-title{color:#697f8a!important;font-size:10px;font-weight:650;letter-spacing:.12em}.sidebar-brand{border-color:#ffffff0d!important}.sidebar-brand .logo{background:#b6955f1f!important;box-shadow:none!important}.sidebar-brand .brand-text b{color:#f1eadc!important;letter-spacing:.06em}.sidebar-brand .brand-text small{color:#8ba0a9!important}.sidebar-footer{border-color:#ffffff0d!important}.gc-hud{background:#101b25f5;border-bottom:1px solid #43504f;box-shadow:0 7px 24px #0003;backdrop-filter:blur(12px);font-variant-numeric:tabular-nums}.gc-hud strong{color:#e8d2a9}.gc-content{background:transparent!important}.gc-page-heading{border-bottom:1px solid #36454c;padding-bottom:18px;margin-bottom:20px}.gc-page-heading h1,.gc-page-heading h2{font-size:28px;font-weight:600;letter-spacing:-.03em;color:#f0ede4}.gc-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#bcaa88}.gc-page-heading p{color:#93a7af;font-size:13px;margin-top:6px}
.gc-office-stage,.gc-scene{position:relative;min-width:0;overflow:hidden;border:1px solid #45565f;border-radius:8px;background:linear-gradient(150deg,#243745,#111d27);box-shadow:0 18px 40px #0004}.gc-office-stage canvas,.gc-scene canvas{display:block;width:100%;height:100%}.gc-inspector{background:linear-gradient(150deg,#192932,#111d26);border:1px solid #45545a;border-radius:8px;padding:20px;color:#dae2df;overflow-wrap:anywhere}.gc-inspector h3{font-size:18px;color:#f0dfb8;letter-spacing:-.025em;margin-bottom:10px}.gc-inspector p{font-size:13px;line-height:1.8;color:#abbfc4}.gc-section{margin:22px 0}.gc-section h3{font-size:16px;font-weight:600;color:#e4d5b8;margin-bottom:12px}.gc-section-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.gc-metric{border-left:2px solid #8b7855;padding:0 0 0 14px}.gc-metric b{display:block;font-size:25px;font-weight:550;color:#ead4a7}.gc-metric small{font-size:12px;color:#94a9b1}.gc-rule-label{padding:5px 8px;border:1px solid #77896b;border-radius:3px;color:#c0d4b3;background:#213529;font-size:11px}.gc-standard-resource{border-color:#84809d;background:#29283c;color:#d2cce5}.gc-world-resource{border-color:#9d8558;background:#342b1c;color:#e4cd9b}
/* Office annotations are real buttons, never baked names in the canvas. */
.gc-office-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.gc-office-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;border:1px solid #bca47180;border-radius:4px;padding:6px 9px;background:#11202be8;color:#e8d6ad;font-size:11px;line-height:1.15;white-space:nowrap;cursor:pointer;pointer-events:auto;box-shadow:0 3px 10px #0004;transition:background .14s,border-color .14s}.gc-office-hotspot:hover,.gc-office-hotspot.is-active{background:#2c3c41;border-color:#ead3a3;color:#fff1d5}.gc-office-hotspot .gc-icon{width:13px;height:13px}.gc-office-hotspot[data-unavailable=true]{border-color:#71838a;color:#9cafb7}.gc-office-caption{position:absolute;left:18px;top:17px;z-index:4;pointer-events:none;color:#c9d6d7;text-shadow:0 2px 4px #0006;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.gc-office-caption b{display:block;color:#f1e5ca;font-size:14px;font-weight:550;letter-spacing:.04em;margin-bottom:4px}.gc-office-camera{position:absolute;right:13px;bottom:13px;display:flex;gap:4px;z-index:6;padding:4px;background:#101c24db;border:1px solid #69747480;border-radius:5px}.gc-office-camera button{width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:#becbd0;border-radius:3px;cursor:pointer}.gc-office-camera button:hover{background:#c7a66b22;color:#ead4aa}.gc-office-tip{position:absolute;left:14px;bottom:14px;color:#bccacc;font-size:10px;pointer-events:none;max-width:calc(100% - 230px);text-shadow:0 1px 3px #000}.gc-office-fallback{padding:30px;min-height:300px;color:#c9d8d9}.gc-office-fallback nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.gc-office-fallback button{padding:14px;text-align:left;color:#efd6a5;background:#1a303b;border:1px solid #526b75;border-radius:5px}.gc-office-fallback small{display:block;color:#afc0c5;margin-top:6px}.gc-office-tooltip{position:absolute;z-index:7;padding:7px 11px;background:#101b25f0;color:#f3e3c4;border:1px solid #b3a076;border-radius:4px;font-size:12px;pointer-events:none;box-shadow:0 6px 18px #0005}
/* Existing workspaces adopt the same palette without changing their state. */
.turn-hud{background:linear-gradient(110deg,#182831,#13222c)!important;border-color:#766849!important}.turn-orb{background:linear-gradient(#bd9e64,#8a704b)!important;box-shadow:none!important;animation:none!important}.turn-hud-track i{background:linear-gradient(90deg,#9c8458,#d9c695)!important}.turn-hud-stats span{background:#c7a66b12!important}.turn-hud-stats b{color:#e1cda5!important}.arena-live-scene{background:linear-gradient(140deg,#223b43,#13212d)!important;border-color:#557072!important}.opc-3d-stage,.game-3d-stage,.arena-3d-stage,.council-3d-stage{border-radius:6px!important;background:#12202b!important}.project-studio .project-item,.project-studio .plan-block,.project-studio .artifact-box,.project-studio .works-card,.project-studio .project-detail{background:#14242e!important;border-color:#3c525a!important}.project-item.active{border-color:#c7a66b!important}.project-studio .project-item-head b,.project-detail h3{color:#ebdfc6!important}.strategy-kpi strong{color:#f1e5cf!important}.strategy-snapshot,.strategy-meeting-row,.strategy-form-card{background:#1b303a!important;border-color:#465b61!important}.strategy-meeting-row.active{background:#6e5c3622!important;border-color:#c7a66b!important}.tag,.badge{border-radius:4px!important}.advisor-conversation-panel{border-color:#9d865e!important;box-shadow:0 0 0 1px #c7a66b16,0 16px 34px #0002!important}.advisor-conversation-panel::before{background:#c7a66b!important}.advisor-composer{border-color:#a28b63!important}.advisor-send{background:#c7a66b!important;color:#14202b!important}.advisor-message-user{background:#b9996422!important;border-color:#b9996477!important}
.gc-strategy-overlay{position:absolute;inset:16px 22px 38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:12px;pointer-events:none;z-index:4}.gc-strategy-metric{background:#10232bed;border:1px solid #73837599;box-shadow:0 5px 16px #0003;border-radius:5px;padding:8px 12px;max-width:180px;width:100%;justify-self:center;text-align:center}.gc-strategy-metric span{display:block;font:11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif;color:#b1c2c4}.gc-strategy-metric strong{display:block;margin-top:2px;font:550 17px/1.4 'Segoe UI','Microsoft YaHei',sans-serif;color:#eed9b1;font-variant-numeric:tabular-nums}.gc-strategy-center{grid-column:2;grid-row:2;align-self:center;justify-self:center;text-align:center;background:#11242bea;border:1px solid #bd9e67a6;box-shadow:0 4px 14px #0003;padding:9px 13px;border-radius:5px;transform:translateY(-40px);white-space:nowrap}.gc-strategy-center b,.gc-strategy-center span{display:block}.gc-strategy-center b{font-size:13px;color:#f0d9ad;font-weight:550}.gc-strategy-center span{font-size:11px;color:#b9cbcb;margin-top:3px}.gc-market-heading{position:absolute;left:18px;right:18px;top:14px;z-index:4;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#c3d2ce;pointer-events:none;font-size:12px}.gc-market-heading b{font-size:14px;font-weight:550;color:#f2e0bd}.gc-market-metrics{position:absolute;left:13%;right:13%;bottom:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;pointer-events:none;z-index:4}.gc-market-metric{padding:7px 10px;border:1px solid #73837588;background:#11262ef0;border-radius:4px;text-align:center;color:#d7e4df;font-size:12px}.gc-market-metric small{display:block;color:#aac0c2;font-size:10px;margin-bottom:2px}.gc-market-metric strong{font-weight:600;color:#efdab6;font-variant-numeric:tabular-nums}
/* Original headquarters key art: login is the game's opening scene. */
.gc-login{min-height:100vh;position:relative;isolation:isolate;display:flex;align-items:center;padding:110px clamp(40px,6vw,110px) 70px;background:#08121a url('../img/game-headquarters-v1.png') center center/cover no-repeat;color:#ecede6}.gc-login::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08121af7 0%,#08121ae6 24%,#08121a9e 43%,#08121a12 68%),linear-gradient(0deg,#08121abb,transparent 40%)}.gc-login-brand{position:absolute;left:clamp(40px,6vw,110px);top:38px;display:flex;align-items:center;gap:13px;letter-spacing:.12em;color:#f2dec0}.gc-login-brand img{width:40px;height:40px}.gc-login-brand strong{font-size:17px;font-weight:650}.gc-login-brand small{display:block;margin-top:4px;font-size:10px;letter-spacing:.2em;color:#b6b9b6}.gc-login-panel{width:370px;max-width:100%;padding:30px 0;background:transparent}.gc-login-panel h1{color:#f1e3cb;font-size:36px;font-weight:550;line-height:1.3;letter-spacing:-.05em;margin:0 0 12px;background:none!important;-webkit-text-fill-color:initial!important;text-align:left}.gc-login-panel .subtitle,.gc-login-panel p{font-size:13px;line-height:1.8;color:#adb9bb;margin-bottom:26px}.gc-login-panel .form-group{margin-bottom:18px}.gc-login-panel label{color:#d0d2c9;font-size:12px;letter-spacing:.05em}.gc-login-panel input{min-height:44px;background:#12232ce6!important;border-color:#69746d88!important}.gc-login-panel .btn-primary{min-height:46px;font-size:14px;letter-spacing:.04em;width:100%;margin-top:6px}.gc-login-panel a{color:#d0b681}.gc-login-copy{position:absolute;right:5vw;bottom:40px;text-align:right;max-width:440px;text-shadow:0 2px 8px #0009}.gc-login-copy strong{display:block;color:#ece0c8;font-size:22px;font-weight:500;line-height:1.5}.gc-login-copy small{font-size:11px;letter-spacing:.15em;color:#afbeba;display:block;margin-top:9px}.gc-login .error-msg{border:1px solid #b37766;color:#ffe1d4;background:#6b363933;padding:10px;border-radius:4px}
@media(max-width:1150px){.gc-office-hotspot{font-size:10px;padding:5px 7px}.gc-login{padding-left:48px}.gc-login-copy{right:28px;max-width:330px}}@media(max-width:900px){.gc-login{padding:100px 30px 50px}.gc-login-brand{left:30px}.gc-login::before{background:#08121ad9}.gc-login-copy{display:none}.gc-office-stage{min-height:380px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.gc-office-hotspot,.btn{transition:none!important}.turn-orb{animation:none!important}}
/* The coach changes available desktop width without resizing the window. */
.game-season-page{container-type:inline-size;container-name:opc-season}
@container opc-season (max-width:980px){.game-visual-grid{grid-template-columns:minmax(0,1fr)}.game-posture-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.game-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.game-3d-stage:before{content:none}}
body.opc-maintenance-active #app:has(.gc-shell){padding-top:0}
body.opc-maintenance-active .gc-hud{padding-right:310px}
@media(max-width:1500px){body.opc-maintenance-active .gc-hud-commitment{display:none}}
/* Enhanced login artwork for desktop only; retain the original mobile asset. */
@media (min-width:901px){
  .gc-login{background-image:url('../img/game-headquarters-desktop-hd-3840-20261013.webp')}
}
/* Standard-density laptops and Full HD displays use the lighter export. */
@media (min-width:901px) and (max-width:1920px) and (max-resolution:1.49dppx){
  .gc-login{background-image:url('../img/game-headquarters-desktop-hd-2560-20261013.webp')}
}