.comic-site{--surface-0:#101719;--surface-1:#141d1f;--surface-2:#1b2628;--surface-3:#233034;--surface-4:#2c3b3e;--text-1:#f1e6d1;--text-2:#deded2;--text-3:#aeb9b4;--text-4:#a7b7b5;--line-1:#4e5953;--line-2:#34423f;--accent:#f1ad5e;--accent-soft:#ffd59c;--good:#a6cc85;--warn:#efb65a;--bad:#f29b91;--ore:#eea246;--font-display:Arial,sans-serif;--font-ui:Arial,sans-serif;--bg:var(--surface-0);--panel:var(--surface-2);--line:var(--line-1);--text:var(--text-2);--muted:var(--text-3);--cyan:var(--accent);--cyan-soft:var(--accent-soft);--orange:var(--ore);--yellow:var(--warn);--green:var(--good);background:var(--surface-0);min-height:100svh;color:var(--text-2);font-family:Arial,sans-serif;position:relative}.comic-site a{color:inherit}.comic-site :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.comic-header{border-bottom:1px solid var(--line-2);align-items:center;gap:24px;padding:22px 4%;display:flex}.comic-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.comic-brand b{letter-spacing:2px;color:var(--text-1);font-size:21px;display:block}.comic-brand small{letter-spacing:1.4px;color:var(--text-3);margin-top:6px;font-size:8px;display:block}.comic-account{align-items:center;gap:20px;margin-left:auto;display:flex}.comic-account>a{text-decoration:none}.comic-account>a:last-child{color:var(--text-3);font-size:11px}.comic-site .comic-classic{border:1px solid var(--line-1);color:var(--text-3);margin-left:auto;padding:8px 11px;font-size:10px;text-decoration:none}.comic-account+.comic-classic{margin-left:0}.comic-primary{border-bottom:1px solid var(--line-2);align-items:center;gap:30px;padding:18px 4%;display:flex}.comic-primary a{text-transform:capitalize;font-size:14px;font-weight:700;text-decoration:none}.comic-primary [aria-current]{color:var(--accent)}.comic-masthead{grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:35px;max-width:1660px;margin:auto;padding:28px 4%;display:grid}.comic-site .comic-kicker{letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin:0;font-size:9px;font-weight:700;line-height:1.6}.comic-masthead h1{letter-spacing:-1.4px;color:var(--text-1);margin:15px 0;font-size:clamp(30px,3.4vw,49px);font-weight:900;line-height:1.12}.comic-description{color:var(--text-3);max-width:700px;margin:0;font-size:13px;line-height:1.8}.comic-context{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;font-size:11px;display:flex}.comic-site .comic-context .group-switcher{background:0 0;border:0;grid-area:auto;margin:0;padding:0;position:static}.comic-site .group-switcher.is-nav .group-switcher-trigger{background:var(--surface-2);border-color:var(--line-1);color:var(--text-2);width:190px;height:30px}.comic-status.live{color:var(--good)}.comic-status.warning{color:var(--warn)}.comic-character{background-image:linear-gradient(90deg,#0000,#10171955),url(/comic/scenes/material-hold-roles-v1.webp);background-position:50%,0 37%;background-size:auto,190%;border:2px solid #0b1112;height:190px;position:relative;overflow:hidden;box-shadow:4px 4px #0005}.comic-character.engineer{background-position:50%,36% 48%}.comic-character.pilot{background-position:50%,69% 42%}.comic-character.mentor{background-position:50%,right 45%}.comic-character p{color:#141c1d;background:#f1e6d1;border:2px solid #11191b;max-width:185px;margin:0;padding:14px;font-size:12px;font-weight:800;line-height:1.5;position:absolute;top:25px;right:13px;transform:rotate(3deg);box-shadow:3px 3px #0007}.comic-character p:after{content:"";background:#f1e6d1;border-bottom:2px solid #11191b;border-right:2px solid #11191b;width:17px;height:18px;position:absolute;bottom:-13px;left:16px;transform:skewY(-25deg)}.comic-character>span{color:#f1e6d1;text-shadow:0 2px 4px #000;letter-spacing:1.2px;font-size:8px;position:absolute;bottom:10px;right:12px}.comic-site .comic-workspace{align-items:stretch;max-width:1660px;margin:auto;padding:0 4% 28px}.comic-footer{border-top:1px solid var(--line-2);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding:22px 4%;font-size:10px;display:flex}.comic-footer a{text-decoration:none}.comic-footer nav{gap:20px;display:flex}.comic-footer b{color:var(--accent)}.comic-site .panel{background:var(--surface-2);border:1px solid var(--line-1);border-radius:0;box-shadow:4px 4px #070d0f}.comic-site .panel>header{background:var(--surface-2);border-bottom:1px solid var(--line-2);padding:17px 20px}.comic-site .panel>header h2{color:var(--text-1);letter-spacing:-.4px;text-transform:none;font-family:Arial,sans-serif;font-size:20px;font-weight:800}.comic-site :is(button,input,select,textarea){font-family:Arial,sans-serif}.comic-site :is(input,select,textarea){background-color:var(--surface-1);border-color:var(--line-1);color:var(--text-2)}.comic-site :is(button.primary,.primary-button,.add-materials-trigger){background:var(--accent);color:#11191b;border:1px solid #ffd599;border-radius:0;font-weight:800;box-shadow:3px 3px #0005}.comic-site .row-action{color:var(--text-2);border-color:var(--line-1);background:var(--surface-3)}.comic-site .row-action.is-save{color:#151d1b;background:var(--accent)}.comic-site table{font-family:Arial,sans-serif}.comic-site th{background:var(--surface-1);color:var(--text-3);border-color:var(--line-2)}.comic-site td{border-color:var(--line-2)}.comic-site tbody tr:hover{background-color:var(--surface-3)}.comic-site .stack-table td{padding-top:16px;padding-bottom:16px}.comic-site .stack-table .ore-cell-name b{color:var(--text-1);font-size:14px}.comic-site .stack-table .ore-cell-name small{color:var(--text-3);font-size:11px}.comic-site .ore-cell{gap:12px}.comic-site :is(.ore-mark,.recipe-art,.ship-model-art){filter:contrast(1.06)saturate(.86)}.comic-site :is(.grade-tag,.type-tag,.type-size,.quality-chip,.badge-name){box-shadow:1px 1px #0005}.comic-site .filter-bar{background:var(--surface-2);border-color:var(--line-2);gap:10px;padding:14px 18px}.comic-site .filter-bar :is(input,select,button){min-height:36px}.comic-site .table-tools{background:var(--surface-1);border-color:var(--line-2);padding:12px 18px}.comic-site .mining-page{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;width:100%;display:grid}.comic-site .mining-page .materials-register{grid-area:1/1;width:100%;min-width:0}.comic-site .mining-page .mining-demand{flex-direction:column;grid-area:1/2;gap:20px;min-width:0;display:flex}.comic-site .mining-demand .panel{width:100%}.comic-site .shopping-builds>li{background:var(--surface-1);border-color:var(--line-2)}.comic-site .shopping-build-head{padding:8px 0}.comic-site .shopping-list{color:var(--text-2)}.comic-site .hold-composition{background:var(--surface-1)}.comic-site dialog{background:var(--surface-2);color:var(--text-2);border:2px solid #706950;border-radius:0;max-width:calc(100vw - 28px);box-shadow:8px 8px #0005}.comic-site dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a0cb8}.comic-site dialog header{background:var(--surface-1);border-color:var(--line-1)}.comic-site dialog h2{color:var(--text-1);font-family:Arial,sans-serif}.comic-site .form-errors{color:var(--bad)}.comic-skip{z-index:50;background:#f1e6d1;padding:12px;position:absolute;top:0;left:15px;transform:translateY(-150%);color:#11191b!important}.comic-skip:focus{transform:none}.comic-access{padding:30px 5%}.comic-access>section{background:var(--surface-2);border:2px solid #0b1112;grid-template-columns:1.3fr 1fr;max-width:1200px;margin:55px auto;display:grid;box-shadow:6px 6px #0005}.comic-access img{object-fit:cover;width:100%;height:100%}.comic-access section>div{align-self:center;padding:45px}.comic-access h1{color:var(--text-1);letter-spacing:-1.3px;font-size:42px}.comic-access p{color:var(--text-3);line-height:1.8}.comic-site .comic-enter{background:var(--accent);color:#11191b;margin:20px 0;padding:15px 20px;font-weight:800;text-decoration:none;display:inline-block}.comic-access small{color:var(--text-3);font-size:11px;display:block}.comic-loading{padding:70px 6%}.comic-loading h1{color:var(--text-1);font-size:38px}.comic-loading button{background:var(--accent);color:#11191b;border:0;margin-right:20px;padding:12px 18px}@media (max-width:1100px){.comic-masthead{grid-template-columns:minmax(0,1fr) 300px;gap:25px}.comic-character{height:175px}.comic-character p{max-width:150px;font-size:10px}.comic-site .mining-page{grid-template-columns:minmax(0,1fr) 280px;gap:18px}}@media (max-width:800px){.comic-header{flex-wrap:wrap;gap:15px}.comic-account{gap:12px;margin-left:auto}.comic-site .comic-classic{margin-left:0}.comic-masthead{grid-template-columns:1fr;gap:20px}.comic-character{background-size:auto,155%;height:160px}.comic-character p{max-width:210px;font-size:12px}.comic-site .mining-page{flex-direction:column;display:flex}.comic-site .mining-page .materials-register,.comic-site .mining-page .mining-demand{width:100%}.comic-primary{gap:24px}.comic-access>section{grid-template-columns:1fr}.comic-access section>div{padding:28px}}@media (max-width:480px){.comic-brand b{font-size:18px}.comic-brand small{font-size:7px}.comic-account{justify-content:space-between;width:100%}.comic-primary{justify-content:space-between;gap:12px}.comic-primary a{font-size:12px}.comic-masthead h1{font-size:32px}.comic-description{font-size:12px}.comic-site .comic-workspace{padding-inline:14px}.comic-site .panel>header{padding:14px}.comic-site .panel>header h2{font-size:18px}.comic-site .filter-bar{padding:12px}.comic-site .filter-bar :is(input,select){max-width:100%}.comic-footer{font-size:9px}}.comic-site[data-comic-page=mining-map] .comic-masthead{padding-block:22px}.comic-site[data-comic-page=mining-map] .comic-character{height:150px}.comic-site[data-comic-page=mining-map] :is(h2,h3){color:var(--text-1);font-family:Arial,sans-serif}.comic-site :is(.mining-library-body,.mining-station-body,.mining-summary,.single-laser-body){background:var(--surface-2)}.comic-site :is(.mining-library-current,.mining-loadout-settings,.mining-module-slot){border-color:var(--line-1);background:var(--surface-1)}.comic-site :is(.mining-station>header,.single-laser-loadouts>header){background:#30382e}.comic-site :is(.loadout-ship-tabs,.mining-module-choice) button{border-color:var(--line-1)}.comic-site[data-comic-page=signatures] :is(.signature-table,.rock-signatures){border-color:var(--line-1);background:var(--surface-2)}.comic-site[data-comic-page=signatures] td{padding-block:15px}.comic-site[data-comic-page=signatures] .filter-bar{border-bottom:1px solid var(--line-1)}.comic-site :is(.blueprint-sidebar,.planned-builds,.blueprint-card-placeholder){background:var(--surface-2);border:1px solid var(--line-1);border-radius:0;box-shadow:4px 4px #070d0f}.comic-site :is(.blueprint-sidebar-head,.blueprint-category,.blueprint-card-header){border-color:var(--line-1);background:var(--surface-1)}.comic-site .blueprint-card-stage{min-width:0}.comic-site .blueprint-sidebar :is(a,button,input){color:var(--text-2)}.comic-site .blueprint-sidebar a[aria-current]{color:var(--accent);background:var(--surface-3)}.comic-site :is(.blueprint-card,.crafting-card,.planned-builds>header){border-color:var(--line-1)}.comic-site[data-comic-page=work-orders] :is(.mode-toggle,.segment-control){background:var(--surface-1);border-color:var(--line-1)}.comic-site[data-comic-page=work-orders] :is(.recipe-card,.order-item,.cart){border-color:var(--line-1);border-radius:0}.comic-site :is(.gallery-card,.ship-card,.fleet-ship-card,.coverage-card){border:1px solid var(--line-1);background-color:var(--surface-2);border-radius:0;box-shadow:3px 3px #080e10}.comic-site :is(.gallery-body,.gallery-slot,.gallery-edit,.gallery-tools,.ship-card-body){background:var(--surface-1);border-color:var(--line-2)}.comic-site .gallery-label{color:var(--text-1);background:linear-gradient(#0000,#101719ed)}.comic-site .gallery-card img{filter:contrast(1.1)saturate(.8)}.comic-site :is(.fleet-scope-toggle,.fleet-selector,.fleet-owner){background:var(--surface-1);border-color:var(--line-1)}.comic-site .fleet-scope-toggle button.is-active{color:var(--accent-soft);border-color:var(--accent);background:#f1ad5e22}.comic-site :is(.binding-workbench,.binding-library,.binding-controls,.binding-stage,.binding-preview){border-color:var(--line-1);background-color:var(--surface-2);border-radius:0}.comic-site :is(.binding-device,.binding-joystick,.binding-diagram){background-color:var(--surface-1)}.comic-site :is(.binding-workbench h2,.binding-workbench h3){color:var(--text-1);font-family:Arial,sans-serif}.comic-masthead-compact{padding-block:12px;display:block}.comic-masthead-compact .comic-kicker,.comic-masthead-compact h1,.comic-masthead-compact .comic-description,.comic-masthead-compact .comic-character{display:none}.comic-masthead-compact .comic-context{margin:0}.comic-masthead .comic-character{background-position:50%;background-size:cover}.comic-site .comic-description,.comic-site .panel-note,.comic-site .empty-state{font-size:14px;line-height:1.65}.comic-site .comic-context,.comic-site .comic-account>a:last-child{font-size:13px}.comic-site .stack-table{font-size:14px}.comic-site .stack-table :is(th,small,.num-small){font-size:12px}.comic-site .comic-workflow-link{color:#ffc57e;text-underline-offset:3px;white-space:nowrap;padding:8px 0;font-size:13px;display:block}@media (max-width:760px){.comic-site .comic-account a{align-items:center;min-height:44px;display:inline-flex}.comic-site .comic-header{flex-wrap:wrap;gap:12px}.comic-site .comic-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}.comic-site .comic-workspace button{min-height:44px}}
.comic-site figure.comic-strip{width:100%;min-width:0;height:auto;min-height:0;box-shadow:none;background:#101719;border:0;align-self:center;margin:0;display:block;overflow:visible}.comic-site .comic-strip>img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block;position:static}.comic-site .comic-strip>figcaption{color:#101819;background:#f0e9cf;border-top:2px solid #101719;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding:12px 16px;line-height:1.5;display:flex}.comic-strip figcaption>span{letter-spacing:1px;font-size:9px}.comic-strip figcaption>strong{font-size:12px}.comic-site section.field-cover,.comic-site section.hold-cover{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center}.comic-site section.field-cover h1,.comic-site section.hold-cover h1{font-size:clamp(28px,2.6vw,42px)}.comic-site .comic-masthead:not(.comic-masthead-compact){grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.comic-site .comic-masthead-compact .comic-strip{display:none}@media (max-width:850px){.comic-site section.field-cover,.comic-site section.hold-cover,.comic-site .comic-masthead:not(.comic-masthead-compact){grid-template-columns:minmax(0,1fr)}.comic-site .field-cover-copy,.comic-site section.hold-cover>div:first-child{padding:20px}.comic-site .comic-strip>figcaption{padding:10px 12px}}.comic-site section.field-cover,.comic-site section.hold-cover{align-items:start}.comic-site .field-cover-copy,.comic-site section.hold-cover>div:first-child{padding:14px 20px}.comic-site section.field-cover h1,.comic-site section.hold-cover h1{letter-spacing:-1px;margin:10px 0;font-size:clamp(24px,2vw,32px);line-height:1.05}.comic-site .field-cover-copy>p,.comic-site section.hold-cover>div>p{margin:8px 0;font-size:11px;line-height:1.5}.comic-site section.hold-cover button{margin-top:6px;padding:9px 14px}.comic-site figure.comic-strip{align-self:start}@media (max-width:1250px){.comic-site section.field-cover,.comic-site section.hold-cover,.comic-site .comic-masthead:not(.comic-masthead-compact){grid-template-columns:minmax(0,1fr)}}.comic-site .comic-masthead:not(.comic-masthead-compact){align-items:start}.comic-site .comic-masthead:not(.comic-masthead-compact) h1{margin:10px 0;font-size:clamp(24px,2vw,32px)}.comic-site .comic-masthead:not(.comic-masthead-compact) .comic-description{font-size:11px;line-height:1.5}.comic-site .comic-masthead:not(.comic-masthead-compact) .comic-context{margin-top:10px}.comic-site .comic-locked-link{color:#9ca5a2}
