:root{color-scheme:dark;--bg:#0e2225;--panel:#142e30;--line:#2d4847;--ink:#e8e7d3;--muted:#9aaea5;--orange:#e6a35d;--mint:#8ac6b5;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#1e3d3b,transparent 45%)}main{max-width:1440px;padding:0 44px;margin:auto}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.43}button,a,input,select{outline-offset:4px}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font:600 17px Consolas,monospace;letter-spacing:1px}.brand small{display:block;font-size:8px;font-weight:normal;color:var(--muted);letter-spacing:1.6px;margin-top:7px}.brand-icon{width:46px;height:46px;background:var(--orange);color:#183a38;font:bold 36px Georgia,serif;display:flex;align-items:center;justify-content:center;position:relative}.brand-icon span{position:absolute;font:8px Consolas,monospace;bottom:1px;right:3px;background:var(--orange)}.header-right{display:flex;align-items:center;gap:24px}.connection{font:9px Consolas,monospace;letter-spacing:1px;color:var(--mint)}.connection.offline{color:#edbd91}.connection:before,.live-dot{content:'';width:6px;height:6px;display:inline-block;background:currentColor;border-radius:50%;margin-right:8px}.quiet{border:0;background:transparent;color:var(--muted);padding:10px 8px;font-size:12px;min-height:40px}.quiet:hover{color:var(--orange)}.eyebrow{font:9px Consolas,monospace;letter-spacing:1.6px;line-height:1.8;color:var(--muted);margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font:normal 62px Georgia,serif;letter-spacing:-2px;line-height:1.06;margin-bottom:25px}h1 em{color:var(--orange);font-weight:normal}h2{font:normal 26px Georgia,serif;margin:0;letter-spacing:-.4px}.lead{font-size:16px;line-height:1.9;color:#b9c8b9;max-width:460px;margin-bottom:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0 46px;align-items:center}.hero-tags{display:flex;gap:22px;flex-wrap:wrap;font:8px Consolas,monospace;letter-spacing:1px;color:var(--mint)}.oil-art{height:280px;position:relative;overflow:hidden;background:linear-gradient(transparent 70%,#0c2225 70%),linear-gradient(130deg,#1c3e3d,#294b43);border-bottom:1px solid #5f7a5f}.art-sun{width:115px;height:115px;border-radius:50%;background:#c59b62;position:absolute;top:32px;right:65px;opacity:.75}.tower{width:110px;height:190px;background:repeating-linear-gradient(0deg,transparent 0 28px,#102c2c 29px 34px),linear-gradient(75deg,transparent 43%,#102c2c 44% 49%,transparent 50%),linear-gradient(-75deg,transparent 43%,#102c2c 44% 49%,transparent 50%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);position:absolute;bottom:38px;left:60px}.tower-two{transform:scale(.65);left:auto;right:70px;bottom:5px}.art-line{position:absolute;bottom:65px;left:0;right:0;border-top:4px solid #142f2d;transform:rotate(-4deg)}.oil-art>span{position:absolute;bottom:12px;left:18px;font:8px Consolas,monospace;letter-spacing:2px;color:#92aaa0}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{border:1px solid var(--line);border-radius:6px;background:var(--panel);overflow:hidden}.entry-card{padding:30px}.entry-card h2{margin-bottom:24px}.entry-card>.eyebrow{color:var(--orange)}label{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:16px}input,select{display:block;width:100%;padding:12px 14px;border:1px solid #45605a;border-radius:3px;background:#102729;color:var(--ink);font-size:15px;margin-top:7px;min-height:44px}input:focus,select:focus{border-color:var(--orange)}input[type=checkbox]{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--orange)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border:1px solid var(--orange);background:var(--orange);color:#17312d;border-radius:3px;min-height:46px;font-size:12px;font-weight:600}.primary:hover{background:#f5bb7a}.secondary{background:transparent;color:var(--mint);border-color:#5a8173}.secondary:hover{background:#20453f}.entry-card>button{width:100%;margin-top:8px}.tiny{font-size:10px;line-height:1.85;color:var(--muted);margin:14px 0 0}.muted{color:var(--muted)}.code-input{text-transform:uppercase;letter-spacing:4px;font-family:Consolas,monospace}.rooms-section{margin-top:42px}.section-heading,.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.rooms{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.room-card{border:1px solid var(--line);background:#162f30;text-align:left;color:var(--ink);padding:20px;border-radius:5px}.room-card:hover{border-color:var(--orange)}.room-card strong{display:block;font-size:14px;margin-bottom:12px}.room-card span{font:10px Consolas,monospace;color:var(--muted)}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 24px}.session-heading h1{font-size:38px;margin:0}.session-tools{display:flex;gap:14px;align-items:center}.compact{min-height:40px;padding:10px 15px;font-size:11px}.session-strip{display:flex;align-items:center;gap:20px;padding:13px 18px;background:#214039;border:1px solid #4c6e58;border-radius:4px;font-size:12px;min-height:63px;margin-bottom:22px}.session-strip>span:first-child{flex:1}.session-strip>span:nth-child(2){font:17px Consolas,monospace;color:var(--orange)}.invite-box{background:#1b3936;border:1px solid #4c6e58;padding:20px;margin-bottom:20px}.invite-box label{margin:0}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px}.player{background:#10292c;border:1px solid var(--line);border-top:3px solid var(--mint);padding:15px;border-radius:4px}.player.me{background:#254138;border-color:#6e8d6e}.player-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:12px}.player small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.player b{font:23px Georgia,serif;font-weight:normal}.player .presence{font:8px Consolas,monospace;color:var(--mint)}.player .away{color:#ad9e8b}.waiting{text-align:center;padding:55px 25px}.waiting-mark{font-size:45px;color:var(--orange);margin-bottom:20px}.waiting h2{font-size:35px;margin-bottom:17px}.waiting p{color:var(--muted);font-size:13px;line-height:1.9}.waiting .eyebrow{font-size:9px;color:var(--mint)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;align-items:start}.main-column,aside{display:flex;flex-direction:column;gap:22px;min-width:0}.panel-heading{padding:23px 24px 20px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:6px}.price{text-align:right}.price strong{font:37px Georgia,serif;color:var(--orange)}.price>span{display:block;font:8px Consolas,monospace;color:var(--muted);letter-spacing:1px;margin-top:5px}.price-chart{height:165px;padding:0 24px}.price-chart svg{width:100%;height:100%;overflow:visible}.market-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 24px 0;border-top:1px solid var(--line);padding-top:17px;gap:12px}.market-metrics span,.wallet span,.quote>span{font:8px Consolas,monospace;color:var(--muted);letter-spacing:.6px;display:block;line-height:1.6}.market-metrics strong{font:18px Consolas,monospace;display:block;margin-top:7px;font-weight:normal}.chart-caption{font-size:10px;line-height:1.8;color:var(--muted);margin:15px 24px 20px}.filter{display:flex;gap:8px;align-items:center;white-space:nowrap;margin:0;font-size:10px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 22px}.field{border:1px solid #365450;background:#11282a;border-radius:4px;position:relative;overflow:hidden}.field.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.field button{background:transparent;border:0;display:block;width:100%;text-align:left;color:inherit;padding:16px 13px;min-height:137px}.field button:hover{background:#1e3936}.f-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font:9px Consolas,monospace;color:#bdab89}.f-icon{font-size:18px;color:var(--orange)}.field h3{font-size:12px;font-weight:500;margin:0 0 8px}.f-stats{font-size:9px;color:var(--muted);line-height:1.8;min-height:32px}.f-owner{display:block;font:8px Consolas,monospace;color:var(--mint);padding:8px 12px;background:#1e3a33;border-top:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field.unowned .f-owner{color:#a8b0a1;background:#142f2d}.journal{list-style:none;margin:0;padding:0 24px;max-height:300px;overflow-y:auto}.journal li{display:grid;grid-template-columns:45px 1fr;gap:15px;border-top:1px solid var(--line);padding:13px 0;font-size:11px;line-height:1.7;color:#b6c3b2}.journal time{font:9px Consolas,monospace;color:var(--orange);padding-top:3px}.journal-panel{padding-bottom:10px}.wallet{padding:0 24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.wallet strong{font:24px Georgia,serif;font-weight:normal;display:block;margin-top:8px}.trading form{padding:0 24px}.trading form button{width:100%}.quote{margin:3px 0 17px;border-left:2px solid var(--orange);padding-left:13px}.quote strong{font:23px Georgia,serif;display:block;margin:7px 0}.quote small{font-size:9px;color:var(--muted);line-height:1.7;display:block}.auto-sell{display:flex;gap:10px;align-items:center;font-size:11px;padding:20px 24px 0;margin:0}.trading>.tiny{padding:0 24px 23px}.live-dot{color:var(--mint)}.detail-description{font-size:12px;line-height:1.9;color:#b3c2ad;padding:0 24px;margin-bottom:18px;white-space:pre-line}.field-actions{padding:0 24px;display:flex;flex-direction:column;gap:10px}.field-actions button{width:100%;font-size:11px}.detail-tip{padding:0 24px 23px}.strategy-note{border-left:2px solid var(--orange);padding:5px 0 5px 19px;margin:0 5px}.strategy-note>span{font:8px Consolas,monospace;letter-spacing:1.5px;color:var(--orange)}.strategy-note p{font:22px Georgia,serif;line-height:1.55;margin:15px 0;color:#aec0a3}.strategy-note small{font-size:10px;color:var(--muted);line-height:1.8}.results{padding:26px;margin-bottom:24px;background:#294638}.results h2{color:var(--orange);font-size:33px;margin-bottom:15px}.results p{font-size:12px;line-height:1.8;color:var(--muted)}.results li{font-size:14px;padding:8px}.results strong{color:var(--orange)}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0;margin-top:35px;border-top:1px solid var(--line);font:8px Consolas,monospace;letter-spacing:.7px;color:var(--muted);line-height:1.8}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#e5ba7c;color:#193b34;padding:15px 22px;font-size:13px;line-height:1.7;max-width:calc(100% - 24px);min-width:250px;box-shadow:0 5px 35px #0004;z-index:10;border-radius:4px}dialog{max-width:740px;width:calc(100% - 28px);max-height:90dvh;overflow:auto;padding:28px;color:var(--ink);background:#163335;border:1px solid #668273;border-radius:6px}dialog::backdrop{background:#051c24d9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.help-list{padding-left:20px;font-size:13px;line-height:1.95;color:#bacabc}.help-list li{margin-bottom:15px}code{color:var(--orange)}[hidden]{display:none!important}
@media(max-width:1150px){main{padding:0 28px}.dashboard{grid-template-columns:minmax(0,1fr) 295px;gap:18px}.fields{grid-template-columns:1fr 1fr}.hero{gap:30px}.hero h1{font-size:55px}.market-metrics strong{font-size:15px}.panel-heading{padding:20px}.wallet,.trading form{padding-left:20px;padding-right:20px}.rooms{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.dashboard{grid-template-columns:1fr}.dashboard aside{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.strategy-note{grid-column:1/-1}.fields{grid-template-columns:repeat(3,1fr)}.hero{gap:20px;padding-top:40px}.hero h1{font-size:48px}.lead{font-size:14px}.oil-art{height:230px}.tower-one{left:10px}.tower-two{right:15px}.hero-tags{gap:12px;font-size:7px}.entry-card{padding:24px}.session-heading h1{font-size:32px}.session-tools{gap:8px}.session-tools .quiet{font-size:10px}.connection{font-size:8px}.header-right{gap:10px}.brand{font-size:15px}.brand small{font-size:7px}.form-row{gap:10px}}
@media(max-width:600px){main{padding:0 15px}header{padding:18px 0}.brand{gap:10px;font-size:12px;letter-spacing:.6px}.brand small{font-size:6px;letter-spacing:.9px}.brand-icon{width:36px;height:36px;font-size:29px}.header-right{flex-direction:column;gap:0;align-items:flex-end}.header-right .quiet{font-size:10px;padding:5px;min-height:30px}.connection{font-size:6px;letter-spacing:.4px}.hero{grid-template-columns:1fr;padding:35px 0 27px;gap:22px}.hero h1{font-size:52px}.oil-art{height:150px}.tower{height:145px;bottom:18px;left:20%}.tower-two{left:auto;right:16%;bottom:-12px}.art-sun{top:10px;right:35px;width:90px;height:90px}.art-line{bottom:36px}.hero-tags{font-size:8px;gap:18px}.lead{max-width:100%;font-size:14px;margin-bottom:20px}.entry-grid{grid-template-columns:1fr;gap:17px}.entry-card{padding:23px}.entry-card h2{font-size:28px}.rooms{grid-template-columns:1fr}.section-heading h2{font-size:24px}.session-heading{flex-direction:column;align-items:flex-start;gap:17px;padding:25px 0 20px}.session-heading h1{font-size:32px}.session-tools{width:100%;justify-content:space-between}.session-strip{gap:10px;flex-wrap:wrap;font-size:11px;padding:12px}.session-strip>span:nth-child(2){font-size:15px}.session-strip button{width:100%;justify-content:center}.players{grid-template-columns:1fr 1fr;gap:9px}.player{padding:12px}.player-top{font-size:10px;gap:4px}.player .presence{font-size:7px}.player b{font-size:21px}.player small{font-size:8px}.panel-heading{padding:20px 17px}.panel-heading h2{font-size:24px}.panel-heading .eyebrow{font-size:7px;letter-spacing:.7px}.price strong{font-size:31px}.price-chart{height:145px;padding:0 17px}.market-metrics{margin:15px 17px 0;gap:8px}.market-metrics span{font-size:6px}.market-metrics strong{font-size:13px}.chart-caption{margin:13px 17px 18px;font-size:9px}.fields{grid-template-columns:1fr 1fr;padding:0 13px 15px;gap:9px}.field button{padding:13px 10px;min-height:135px}.field h3{font-size:11px}.f-stats{font-size:8px}.f-owner{font-size:7px;padding:8px 10px}.f-top{font-size:8px}.filter{font-size:9px;gap:6px}.dashboard aside{display:flex;flex-direction:column}.dashboard aside>*{width:100%}.waiting{padding:35px 20px}.waiting h2{font-size:29px}.waiting p{font-size:12px}.trading .panel-heading h2{font-size:27px}.wallet strong{font-size:28px}.wallet,.trading form{padding-left:22px;padding-right:22px}.journal{padding:0 17px}.journal li{font-size:10px;gap:9px}.journal time{font-size:8px}.strategy-note{width:calc(100% - 12px)!important}.strategy-note p{font-size:22px}.results{padding:23px}.results h2{font-size:29px}.results li{font-size:12px}footer{font-size:7px;flex-direction:column;gap:10px;margin-top:25px;padding:22px 0}.tiny{font-size:10px}input,select{font-size:16px}.toast{font-size:12px}dialog{padding:23px}.dialog-heading h2{font-size:25px}.help-list{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Ownership is visible through text, symbols and color, including on a phone. */
.ownership-legend{display:flex;flex-wrap:wrap;gap:12px;padding:0 22px 20px;font:9px Consolas,monospace;line-height:1.8}
.legend-free{color:#ffd888}.legend-mine{color:#94e3bd}.legend-rival{color:#efa6b8}
.field.unowned,.factory-card.unowned{background:#3b3525;border:2px dashed #d3a64f}
.field.owned-mine,.factory-card.owned-mine{background:#173e31;border:2px solid #79d6a3}
.field.owned-other,.factory-card.owned-other{background:#3c2934;border:2px solid #ba7e99}
.field.selected,.factory-card.selected{box-shadow:0 0 0 2px #f5edcf;outline-offset:3px}
.f-badge,.fab-badge{display:block;font:700 9px Consolas,monospace;letter-spacing:.6px;line-height:1.6;margin-bottom:13px;color:#ffd888}
.owned-mine .f-badge,.owned-mine .fab-badge{color:#94e3bd}.owned-other .f-badge,.owned-other .fab-badge{color:#efa6b8}
.field.owned-mine .f-owner{background:#245d43;color:#c6f4d8}.field.owned-other .f-owner{background:#593447;color:#f2c3d6}.field.unowned .f-owner{background:#51432b;color:#f5d8a8}
.field .field-purchase{min-height:42px;background:#e3b665;color:#1c3227;padding:10px 8px;font-size:10px;text-align:center;font-weight:700;border-top:1px solid #a27c35}
.field .field-purchase:hover{background:#f5d188}.field .field-purchase:disabled{opacity:.55}
.field .f-stats{min-height:36px;white-space:normal;font-size:10px}.field .f-icon{font-size:23px}.field.depleted-field .f-stats{color:#f1c6a0;font-weight:600}.field.sabotaged .f-stats{color:#ffbc97}
.owner-color-0{--owner:#e6a35d}.owner-color-1{--owner:#77c6b8}.owner-color-2{--owner:#a2b8ef}.owner-color-3{--owner:#d891b8}.owner-color-4{--owner:#b7cc79}.owner-color-5{--owner:#c8a1ef}.owner-color-6{--owner:#edcc73}.owner-color-7{--owner:#7db7d0}.player{border-top-color:var(--owner,var(--mint))}.player.me{border-top-color:var(--owner,var(--mint))}
.host-time{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 0 20px}.host-time label{margin:0;display:flex;align-items:center;gap:10px}.host-time select{width:130px;margin:0;min-height:40px}.host-time .tiny{margin:0;flex-basis:100%}
.factories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 22px}.section-copy{font-size:12px;line-height:1.85;color:var(--muted);margin:0 22px 20px}
.factory-card{border-radius:5px;overflow:hidden}.factory-card>button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:17px 13px;min-height:210px}.factory-card>button:hover{background:#ffffff08}.factory-card h3{font-size:13px;font-weight:500;margin-bottom:12px}.fab-kind{display:block;font-size:18px;font-weight:500;color:#e9d6a9;margin-bottom:13px}.fab-stock,.fab-stats,.fab-owner{display:block;font-size:10px;line-height:1.8}.fab-stock{color:#d1e8c9;font-weight:600}.fab-stats{color:#b8c7b4}.fab-owner{font-size:9px;margin-top:10px}.factory-card progress{display:block;width:100%;height:6px;accent-color:var(--orange);margin-top:10px}
.industry-form{padding:0 24px 22px}.industry-form button{width:100%}.industry-form label{font-size:12px}.factory-management #factory-buy{margin:0 24px 22px;width:calc(100% - 48px)}.equipment-quote{display:flex;flex-direction:column;justify-content:center;gap:8px}.equipment-quote>span{font:9px Consolas,monospace;color:var(--muted)}.equipment-quote>strong{font:23px Georgia,serif}
.equipment-stock{padding:0 24px}.equipment-stock>div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:13px}.equipment-stock strong{color:var(--orange);font:17px Consolas,monospace}
.danger{display:block;min-height:46px;border:1px solid #c88375;background:#86463f;color:#fff0d9;border-radius:3px;padding:13px 17px;font:600 12px Segoe UI,sans-serif}.danger:hover{background:#a45549}.sabotage-panel .tiny{margin-bottom:17px}.sabotage-panel{border-color:#8b6253}
.notification-card{display:flex;align-items:flex-start;gap:18px;padding:22px 18px;margin:20px 0;border:1px solid #73a88a;border-left:5px solid #87d7a5;border-radius:4px;background:#1b4032}.notice-icon{font-size:42px;line-height:1.1;color:#a5e6b6}.notification-card h3{font:28px Georgia,serif;margin:0 0 13px;color:#d7efc7}.notification-card p:not(.eyebrow){font-size:13px;line-height:1.85;margin:0 0 15px}.notification-card .eyebrow{font-size:8px;margin-bottom:9px}.notice-depleted{background:#46382a;border-color:#bc9566;border-left-color:#d9a967}.notice-depleted .notice-icon,.notice-depleted h3{color:#efd3a4}.notice-sabotage,.notice-operation{background:#49312f;border-color:#bc8a76;border-left-color:#db9478}.notice-sabotage .notice-icon,.notice-sabotage h3{color:#efba9d}.notifications-dialog{max-width:760px}#sabotage-confirm .detail-description{padding:20px 0 0}#sabotage-confirm .danger{width:100%}
@media(max-width:1150px){.factories{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ownership-legend{padding:0 14px 17px;font-size:8px;gap:8px 14px}.factories{grid-template-columns:1fr 1fr;padding:0 13px 17px;gap:9px}.factory-card>button{padding:14px 10px;min-height:220px}.fab-badge{font-size:8px;letter-spacing:0}.fab-kind{font-size:16px}.factory-card h3{font-size:12px}.fab-stock,.fab-stats{font-size:9px}.field .f-badge{font-size:8px}.field .f-stats{font-size:9px}.section-copy{font-size:11px;margin:0 17px 18px}.host-time{gap:9px}.host-time .tiny{font-size:9px}.notification-card{gap:13px;padding:18px 13px}.notice-icon{font-size:30px}.notification-card h3{font-size:25px}.notification-card p:not(.eyebrow){font-size:12px}.notifications-dialog .dialog-heading h2{font-size:22px}.notifications-dialog .dialog-heading{gap:10px}}

/* Oil - online */
.quick-panel{margin-bottom:24px;border:1px solid #7a9c72;background:#19382f}.quick-panel>summary,.notice-history>summary{cursor:pointer;padding:18px 22px;font:600 13px Consolas,monospace;color:#dfd8b8}.quick-panel>summary span{font:10px Segoe UI,sans-serif;color:#a8c4b1;margin-left:14px}.quick-body{padding:0 22px 22px}.quick-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;border-top:1px solid #3f6250;padding-top:18px;margin-bottom:15px}.quick-metrics span{display:block;font:8px Consolas,monospace;color:var(--muted);margin-bottom:8px}.quick-metrics strong{font:23px Georgia,serif}.quick-panel .equipment-stock{padding:0;display:flex;gap:24px;flex-wrap:wrap}.quick-panel .equipment-stock>div{gap:16px;flex:1}.active-alerts{background:#453b29;border-left:3px solid #d7ad62;margin:16px 0;padding:10px 13px;font-size:11px;line-height:1.9;max-height:150px;overflow:auto}.all-good{color:#a6d9b1}.quick-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.quick-grid h3{font-size:13px;font-weight:500;color:var(--orange)}.quick-card{border:1px solid #41604e;background:#152d29;border-radius:4px;padding:12px;margin-bottom:10px}.quick-card>.quiet{padding:0;min-height:28px;color:#d7e9cc;text-align:left;font-size:13px}.quick-card>p{font-size:10px;line-height:1.7;color:#b8c5b2;margin:9px 0}.quick-card form{display:flex;gap:8px;align-items:flex-end;margin-top:10px}.quick-card form label{flex:1;min-width:0;margin:0;font-size:10px}.quick-card form .compact{padding:8px;min-height:38px;font-size:10px}.quick-card input[type=number]{padding:8px;font-size:13px}input[type=range]{padding:0;min-height:38px;accent-color:var(--orange);touch-action:pan-y}output{float:right;color:#e9c17a;font:12px Consolas,monospace;margin-left:8px}.quick-grid .auto-sell{padding:14px 0}.field-detail #field-buy,.field-detail #field-toggle{margin:0 24px 20px;width:calc(100% - 48px)}.field-detail .industry-form{padding-top:4px}.factory-management #factory-upgrade{margin:0 24px 22px;width:calc(100% - 48px)}.bank-panel .quiet{width:100%}.tank-panel progress{width:100%;height:12px;accent-color:#8acc9b}.tank-panel .detail-description{padding:12px 0 0;font-size:12px}.notice-history{font-size:12px}.notice-history article{padding:14px 18px;border-top:1px solid var(--line);line-height:1.8}.notice-history time{font:9px Consolas,monospace;color:var(--orange);display:block}.notice-history strong{display:block;font-size:12px;margin:7px 0}.notice-history p{margin:0;color:var(--muted);font-size:11px}#notice-history{max-height:450px;overflow:auto}.live-notices{position:fixed;right:18px;top:14px;max-width:min(360px,calc(100vw - 36px));z-index:20;display:flex;flex-direction:column;gap:10px;pointer-events:none}.live-notice{pointer-events:auto;background:#254b38;color:#e5edcf;border:1px solid #89b489;border-left:5px solid #a4d28c;border-radius:5px;padding:15px 36px 14px 16px;box-shadow:0 8px 30px #0005;position:relative}.live-notice strong{font-size:14px;display:block}.live-notice p{font-size:12px;line-height:1.8;margin:8px 0}.live-notice small{font:9px Consolas,monospace;color:#c0ceab}.live-notice .dismiss-notice{position:absolute;right:4px;top:3px;color:#d6d9bd;min-height:32px;font-size:20px}.live-notice.notice-warning,.live-notice.notice-depleted{background:#4c3c28;border-color:#bc9a68}.live-notice.notice-message{background:#243b53;border-color:#89a9c3}.live-notice.notice-sabotage{background:#583735;border-color:#cf9589}.field .f-stats{font-size:10px;min-height:50px;line-height:1.8}.field .f-owner{margin:10px -13px -16px;padding:9px 13px}#loan-repay-all{font-size:11px}.industry-form .quote{font-size:18px;padding-top:8px}.quick-grid>div{min-width:0}
@media(max-width:1000px){.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div:last-child{grid-column:1/-1}.quick-metrics{grid-template-columns:1fr 1fr}.quick-panel .equipment-stock{gap:12px}}
@media(max-width:600px){.quick-body{padding:0 14px 16px}.quick-panel>summary{padding:16px 14px;font-size:11px}.quick-panel>summary span{display:block;font-size:9px;margin:8px 0 0}.quick-metrics strong{font-size:21px}.quick-grid{grid-template-columns:1fr;gap:16px}.quick-grid>div:last-child{grid-column:auto}.quick-panel .equipment-stock>div{flex-basis:100%;padding:8px 0}.active-alerts{font-size:10px}.live-notices{top:auto;bottom:12px;right:12px;max-width:calc(100vw - 24px);gap:7px}.live-notice{padding:12px 34px 11px 13px}.live-notice strong{font-size:12px}.live-notice p{font-size:11px;margin:5px 0}.live-notice small{font-size:8px}.live-notices>.live-notice:not(:last-child){display:none}.field .f-owner{margin:10px -10px -13px}.quick-card form .compact{min-height:42px}}

.quick-jump{position:fixed;left:14px;bottom:14px;z-index:10;background:#254635;box-shadow:0 4px 20px #0004}.live-notices{top:auto;bottom:18px}.live-notices>.live-notice:not(:last-child){display:none}.live-notice p{max-height:65px;overflow:auto}@media(max-width:600px){.live-notices{bottom:65px}.quick-jump{font-size:11px}}
