.ph21-root{--ph-bg:#0c1420;--ph-panel:#142333;--ph-line:#3b596b;--ph-text:#e5eff4;--ph-accent:#8ee0ce;background:var(--ph-bg);color:var(--ph-text);overflow-wrap:anywhere;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:1440px;min-height:100dvh;margin:auto;padding:clamp(16px,4vw,56px);font:16px/1.65 system-ui,sans-serif}.ph21-root *{box-sizing:border-box;min-width:0}.ph21-root h1{letter-spacing:-.04em;margin:25px 0;font-size:clamp(2rem,5vw,4rem);line-height:1.12}.ph21-root h2{font-size:1.45rem;line-height:1.3}.ph21-root h3{font-size:1.15rem}.ph21-root a{color:var(--ph-accent);text-underline-offset:4px}.ph21-header{border-bottom:1px solid var(--ph-line);flex-wrap:wrap;align-items:center;gap:24px;padding-bottom:24px;display:flex}.ph21-brand{align-items:center;gap:14px;font-size:2rem;font-weight:800;text-decoration:none;display:flex}.ph21-brand span{letter-spacing:.12em;font-size:.65rem}.ph21-header nav,.ph21-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.ph21-header details{position:relative}.ph21-header details nav{z-index:20;background:var(--ph-panel);border:1px solid var(--ph-line);min-width:230px;max-height:60vh;padding:16px;display:grid;position:absolute;top:36px;right:0;overflow:auto}.ph21-context{color:#b7cbd6;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0;font-size:.8rem;display:flex}.ph21-kicker,.ph21-breadcrumb{letter-spacing:.12em;color:#b7cbd6;font-size:.75rem}.ph21-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;margin:24px 0;display:grid}.ph21-panel,.ph21-hero{background:var(--ph-panel);border:1px solid var(--ph-line);border-radius:16px;margin:16px 0;padding:24px}.ph21-hero{background:linear-gradient(130deg,#1c3c44,#142333);padding:clamp(24px,5vw,64px)}.ph21-hero a{margin:12px 20px 0 0;display:inline-block}.ph21-root label{margin:12px 0;display:block}.ph21-root input:not([type=checkbox]):not([type=radio]),.ph21-root select,.ph21-root textarea{color:#fff;width:100%;font:inherit;background:#0c1825;border:1px solid #668495;border-radius:7px;padding:12px;display:block}.ph21-root textarea{min-height:130px}.ph21-root button,.ph21-button{color:#eafff9;font:inherit;cursor:pointer;background:#173c45;border:1px solid #78bbae;border-radius:8px;margin:5px 7px 5px 0;padding:11px 17px;display:inline-block}.ph21-root button:disabled{opacity:.5;cursor:not-allowed}.ph21-root :focus-visible{outline-offset:4px;outline:3px solid #ffcc7c}.ph21-root [aria-current=page]{font-weight:800;text-decoration:underline}.ph21-root fieldset{border:1px solid var(--ph-line);border-radius:10px;margin:20px 0;padding:20px}.ph21-check{align-items:center;gap:12px;display:flex!important}.ph21-check input{flex-shrink:0;width:20px;height:20px}.ph21-error{background:#3a232b;border-left:4px solid #ffab9d;padding:15px}.ph21-status{border-left:4px solid var(--ph-accent);background:#14312f;padding:12px}.ph21-root table{border-collapse:collapse;width:100%;display:block;overflow:auto}.ph21-root th,.ph21-root td{text-align:left;border-bottom:1px solid var(--ph-line);padding:12px}.ph21-root svg{max-width:100%;height:auto}.ph21-footer{border-top:1px solid var(--ph-line);color:#bdcbd3;margin-top:48px;padding-top:20px;font-size:.85rem}.ph21-root pre{white-space:pre-wrap}.ph21-root .ph21-world-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;display:grid}.ph21-root .ph21-world-grid button{min-height:44px;margin:0;padding:7px 2px;font-size:.65rem}.ph21-root input[type=range]{padding:8px!important}.ph21-map{border-radius:16px;height:480px;overflow:hidden}.ph21-root .maplibregl-map{color:#111}.ph21-root .maplibregl-ctrl button{margin:0;padding:0}.ph21-root .ph21-map-marker{color:#07141e;background:#8ee0ce;border-radius:50%;padding:5px;font-size:12px}.ph21-root summary{cursor:pointer}.ph21-root details{margin:12px 0}@media (max-width:600px){.ph21-root .ph21-world-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ph21-header nav{font-size:.85rem}.ph21-header details nav{left:0;right:auto}.ph21-map{height:360px}.ph21-panel{padding:16px}}.ph21-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:15px;display:grid}.ph21-workbench,.ph21-world-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;display:grid}.ph21-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.ph21-metrics div{background:#142333;border:1px solid #3b596b;border-radius:10px;padding:14px}.ph21-metrics dt{color:#bdd2dd;font-size:.8rem}.ph21-metrics dd{margin:4px 0;font-size:1.6rem}.ph21-root small{color:#bed0d8;font-size:.75rem;display:block}.ph21-caution{border-left:3px solid #e5bc71;padding-left:14px}.ph21-map-marker small{color:#10202a}@media (max-width:850px){.ph21-workbench,.ph21-world-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ph21-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ph21-header nav>a{align-items:center;min-height:44px;display:inline-flex}.ph21-root .ph21-world-grid button{min-width:0}@media (max-width:600px){.ph21-header nav{gap:8px}.ph21-header details summary{min-height:44px;padding-top:9px}}