.subscription-panel{border-block:1px solid #c5cead55;margin:1.2rem 0;padding:1.2rem 0}.subscription-panel h3{color:#ffe17d}.subscription-panel p{line-height:1.5}.subscription-panel button{margin:.35rem .4rem .35rem 0}.subscription-state,.subscription-confirm{background:#142f29;border-left:3px solid #ff388a;padding:1rem}.subscription-consent{align-items:flex-start;gap:.6rem;margin:1rem 0;display:flex}.subscription-consent input{flex:none;width:1.2rem;height:1.2rem;margin-top:.2rem}.subscription-panel details{margin-top:1rem}.subscription-panel input:not([type=checkbox]){box-sizing:border-box;color:#fff;background:#142f29;border:1px solid #a8b992;width:100%;margin:.5rem 0;padding:.7rem;display:block}.subscription-panel a{color:#ffe17d;text-decoration:underline}.subscription-panel button:disabled{opacity:.5;cursor:not-allowed}.sector-grid .sector-locked{border-color:#829c92}.sector-lock-note{color:#ff7caa;font-weight:700}.account-page{color:#f5efc7;box-sizing:border-box;background:#102820;min-height:100svh;padding:2rem max(1rem,50vw - 425px)}.account-page .panel{max-height:none;margin:1rem auto;position:relative}.account-page>a{color:#ffe17d}.account-page h1{font-size:2rem}.commando .account-panel{overscroll-behavior:contain;text-align:left;scrollbar-width:thin;scrollbar-color:#899976 #193427;background:linear-gradient(#18342be8,#18342bf2),url(/art/camouflage.webp) 50%/480px;width:min(640px,100%);min-height:0;max-height:100%;padding:clamp(18px,3vw,32px);overflow-y:auto}.commando .account-panel h2{margin:10px 0 18px;font-size:clamp(30px,4vw,44px)}.commando .account-panel h3{color:#ffe59d;margin:0 0 8px;font-size:17px}.commando .account-panel h4{color:#ffcfb6;margin:0;font-size:16px}.commando .account-panel p{margin:0 0 14px;font-size:14px;line-height:1.55}.commando .account-panel a{color:#89e1d1;text-underline-offset:2px;text-decoration:underline}.commando .account-panel strong{overflow-wrap:anywhere}.commando .account-panel .account-beta{color:#ffe1a1;background:#49371980;border-left:3px solid #e4b44d;padding:10px 12px;font-size:13px}.commando .account-panel .account-sync h3{font-size:21px}.commando .account-panel .account-word-count{color:#fff0bd;margin-bottom:8px;font-weight:700}.commando .account-panel .account-save-status{color:#c7d8bb}.commando .account-form{gap:10px;margin:18px 0 0;display:grid}.commando .account-form>label{color:#fff0bd;font-size:14px;font-weight:700}.commando .account-form input:not([type=checkbox]){color:#fff9e6;background:#102b25;border:2px solid #869967;border-radius:2px;width:100%;min-height:46px;padding:10px 12px;font:16px Arial,Helvetica,sans-serif;display:block}.commando .account-form input:focus-visible{outline-offset:3px;outline:2px solid #ff3e91}.commando .account-form .account-code{letter-spacing:.25em;max-width:230px;font-size:22px}.commando .account-form>.account-age{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:400;display:flex}.commando .account-age input[type=checkbox]{accent-color:#ff3e91;flex:none;width:20px;height:20px;margin:0}.commando .account-form small{color:#d0d8bc;font-size:12px;line-height:1.5}.commando .account-panel .primary{justify-self:start;min-height:44px;margin:4px 0 0;padding:10px 16px;font-size:15px}.commando .account-button-row{flex-wrap:wrap;gap:10px;display:flex}.commando .account-panel .account-secondary{color:#eee8c9;background:linear-gradient(#35513b,#223e2e);border:2px solid #7d8e63;border-radius:2px;justify-content:center;align-items:center;min-height:44px;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.25;display:inline-flex;box-shadow:0 2px #102419}.commando .account-panel .account-secondary:hover:not(:disabled){background:#3b5840}.commando .account-panel .account-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 3px #13271fb3}.commando .account-panel .account-secondary:focus-visible{outline-offset:3px;outline:2px solid #ff3e91}.commando .account-panel .account-danger-button{color:#ffd8c9;border-color:#ac775a}.commando .account-section{border-top:1px solid #87937088;margin-top:20px;padding-top:18px}.commando .account-panel .account-browser-progress>p:last-child{margin-bottom:0}.commando .account-panel .account-import-status,.commando .account-panel .account-import-success{color:#d1efc3;background:#102b24bd;border-left:3px solid #92c88e;padding:10px 12px}.commando .account-panel .account-browser-progress .account-import-error{background:#36282080;border-left:3px solid #c48562;margin-top:0;padding:10px 12px}.commando .account-confirmation{background:#222a20d9;border-left:3px solid #c48562;margin-top:14px;padding:15px}.commando .account-confirmation p{margin:8px 0 12px}.commando .account-panel .account-status,.commando .account-panel .account-notice{background:#102b24bd;border-left:3px solid #92c88e;margin:14px 0 0;padding:10px 12px}.commando .account-panel .account-error{color:#ffb8ad;margin:14px 0 0}.commando .account-back{border-top:1px solid #87937088;margin-top:22px;padding-top:15px}.commando .account-legal{flex-wrap:wrap;column-gap:20px;margin-top:10px;display:flex}.commando .account-legal a{align-items:center;min-height:44px;font-size:12px;display:inline-flex}.commando .account-legal a:focus-visible{outline-offset:3px;outline:2px solid #ff3e91}@media (height<=500px) and (orientation:landscape){.commando .account-panel{padding:16px 22px}.commando .account-panel h2{margin-bottom:12px;font-size:28px}}@media (width<=420px){.commando .account-panel{padding:18px}.commando .account-button-row>*{flex:auto}}.header-account-actions{align-items:center;gap:14px;display:flex}.commando .account-open{color:#ffefa6;white-space:nowrap;background:#193c30;border:1px solid #91a77c;border-radius:3px;min-height:34px;padding:6px 12px;font-size:13px}.commando .account-open:focus-visible{outline-offset:3px;outline:2px solid #ff3e91}.commando .account-overlay{z-index:45}@media (width<=600px){.header-account-actions{gap:4px}.commando .header-account-actions>.plain{display:none}.commando .account-open{min-height:40px}}.account-page .account-panel{overscroll-behavior:auto;max-height:none;overflow:visible}.account-page{overflow-wrap:anywhere}.commando .account-section>summary{cursor:pointer;color:#f2eacb;min-height:44px;padding:12px 0;font-size:17px;font-weight:700}.commando .account-section>summary:focus-visible{outline-offset:4px;outline:3px solid #ff4d96}.commando details.account-section[open]>summary{margin-bottom:12px}.commando .account-panel h2{letter-spacing:-.6px;font-size:clamp(24px,5vw,34px)}
