@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#e4f0ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#080d0e;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,a:focus-visible,svg [role=button]:focus-visible{outline-offset:4px;outline:2px solid #b0eee2}::selection{color:#081312;background:#a8e8db}#root{min-height:100vh}.app-shell{isolation:isolate;width:min(1320px,100%);margin:0 auto;padding:0 40px;position:relative;overflow:hidden}.app-shell:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(#18393520 0%,#0000 70%);border-radius:50%;width:900px;height:700px;position:absolute;top:-320px;left:5%}.topbar{border-bottom:1px solid #b5e9df19;justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{color:#e5f6f3;letter-spacing:-.6px;align-items:center;gap:12px;font-size:21px;font-weight:500;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,1fr);gap:4px;width:24px;height:24px;display:grid;transform:rotate(-8deg)}.brand-mark span{border:1px solid #a5e7dc;border-radius:50%}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#9fe6d9;box-shadow:0 0 10px #9fe6d966}.topbar-meta,.eyebrow,.counter,.canvas-hint,.page-footer{letter-spacing:1.4px;font-family:DM Mono,monospace;font-size:10px}.topbar-meta{color:#8daca9;align-items:center;gap:9px;display:flex}.environment-dot,.hint-dot,.status-indicator{background:#9de8d9;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 10px #9de8d966}.intro{padding:48px 0 32px}.eyebrow{color:#8fbeb5;margin:0;line-height:1.7}.intro h1{color:#e8f2f0;letter-spacing:-2px;margin:15px 0 14px;font-size:clamp(38px,4.6vw,57px);font-weight:500;line-height:1.08}.intro h1 span{color:#a8ded3}.intro-copy{color:#a1b5b4;max-width:530px;margin:0;font-size:14px;line-height:1.8}.workspace{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);align-items:start;gap:14px;display:grid}.panel{background:radial-gradient(at 45% 0,#19312d18,#0000 70%),linear-gradient(145deg,#0b1314f5,#080d0ef7);border:1px solid #91d7cc25;border-radius:17px;box-shadow:0 18px 60px #00000017,inset 0 1px #ffffff03}.editor-panel{padding:23px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{color:#e2f0ee;letter-spacing:-.4px;margin:6px 0 0;font-size:21px;font-weight:500}.counter{color:#a6d8ce;white-space:nowrap;border:1px solid #91d7cc25;border-radius:6px;padding:8px 9px;font-size:9px}.instruction{color:#a6b8b7;min-height:39px;margin:17px 0 12px;font-size:12px;line-height:1.75}.canvas-wrap{background:radial-gradient(at 50% 46%,#16342e44 0%,#0000 68%),#080e0f;border:1px solid #8dc9c01d;border-radius:12px;overflow:hidden}.pattern-canvas{color:#a2e9dc;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.canvas-dots{color:#a3e1d6;opacity:.19}.grid-guides{stroke:#a8dfd4;stroke-width:.65px;opacity:.075;pointer-events:none}.connection{stroke:#b0eee2;stroke-width:2.6px;stroke-linecap:round;opacity:.92;cursor:pointer;filter:drop-shadow(0 0 3px #a7eee044);transition:stroke .13s,opacity .13s}.connection:hover,.connection:focus-visible{stroke:#eafffa;stroke-width:4px;opacity:1;filter:drop-shadow(0 0 6px #a7eee099);outline:none}.connection-preview{stroke:#cbfff4;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:5 5;opacity:.9;pointer-events:none;filter:drop-shadow(0 0 5px #a7eee066)}.node{fill:#14201f;stroke:#99b9b5;stroke-width:1.5px;cursor:crosshair;touch-action:none;transition:r .12s,fill .15s,stroke .15s}.node:hover{fill:#a5eadd;stroke:#e5fff8;filter:drop-shadow(0 0 7px #a5eadd88)}.node-active{fill:#a9ecdf;stroke:#d6fff5;filter:drop-shadow(0 0 6px #9fead977)}.node-selected{fill:#f1fffb;stroke:#b1f2e5;stroke-width:2.5px;filter:drop-shadow(0 0 10px #a7eee0)}.editor-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:17px;display:flex}.canvas-hint{color:#88a7a3;letter-spacing:1px;align-items:center;gap:8px;font-size:9px;display:flex}.hint-dot{background:#a4e8db;width:6px;height:6px;box-shadow:0 0 8px #a4e8db66}.button{min-height:41px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 15px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button-quiet{color:#bfd5d1;background:#d0fff805;border-color:#9acdc51f}.button-quiet:hover{color:#edfffa;background:#b6f7e90d;border-color:#9acdc555}.analysis-panel{gap:14px;display:grid}.panel-readout{padding:23px}.readout-icon{color:#b4f0e3;border:1px solid #98e1d324;border-radius:9px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.analysis-description{color:#9bb2ae;margin:17px 0 19px;font-size:12px;line-height:1.8}.stat-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stat{background:#d0fff804;border:1px solid #98d9cf16;border-radius:9px;min-height:81px;padding:13px}.stat-label{color:#8ca8a4;margin-bottom:10px;font-size:10px;display:block}.stat strong{color:#dff8f2;letter-spacing:-.7px;font-size:25px;font-weight:500}.stat strong small{color:#7f9c98;letter-spacing:0;font-size:11px;font-weight:400}.divider{background:#9ad9cf1b;height:1px;margin:21px 0 17px}.degree-heading{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.muted-label{color:#89a6a1;font-size:11px}.degree-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.degree-chip{background:#091011;border:1px solid #99d8ce18;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:9px 5px;display:flex}.degree-dot{opacity:.7;background:#93b1ac;border-radius:50%;width:5px;height:5px}.degree-chip strong{color:#d1f0e9;font-size:13px;font-weight:500}.structure-status{background:#d0fff804;border:1px solid #99d8ce12;border-radius:9px;align-items:flex-start;gap:10px;margin:18px 0;padding:13px;display:flex}.status-indicator{background:#d8ba8b;margin-top:4px;box-shadow:0 0 8px #d8ba8b33}.status-connected{background:#9de8d9}.structure-status strong{color:#d8eae6;font-size:11px;font-weight:600}.structure-status p{color:#92aaa6;margin:5px 0 0;font-size:10px;line-height:1.7}.button-primary{color:#10201d;background:#b2e8dc;border-color:#b9f1e4;width:100%;box-shadow:0 5px 22px #9de8d911}.button-primary:hover{background:#cefff2;border-color:#e2fff8;box-shadow:0 5px 28px #9de8d922}.button-primary span{font-size:15px}.analysis-confirmation{color:#a6d9c7;margin:12px 0 0;font-size:11px;line-height:1.7}.world-note{background:linear-gradient(120deg,#12232188,#0b1112);border:1px solid #99d8ce20;border-radius:12px;gap:13px;padding:18px 19px;display:flex}.world-symbol{color:#a5ecdc;font-size:25px}.world-note .eyebrow{margin-bottom:5px;font-size:9px}.world-note p:last-child{color:#9eb4b0;margin:0;font-size:11px;line-height:1.8}.page-footer{color:#79918d;letter-spacing:1px;border-top:1px solid #99d8ce19;justify-content:space-between;gap:15px;margin-top:32px;padding:21px 0 28px;font-size:9px;display:flex}@media (width<=900px){.app-shell{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr)}.intro{padding-top:42px}}@media (width<=520px){.app-shell{padding:0 14px}.topbar{min-height:66px}.brand{font-size:18px}.topbar-meta{letter-spacing:.5px;font-size:8px}.intro{padding:37px 0 25px}.intro h1{letter-spacing:-1.5px;font-size:39px}.intro-copy{font-size:13px}.editor-panel,.panel-readout{padding:16px}.canvas-hint{letter-spacing:.4px;font-size:8px}.button{padding:0 11px}.page-footer{letter-spacing:.4px;font-size:8px}}.symmetry-section{margin-top:20px}.symmetry-list{flex-wrap:wrap;gap:7px;display:flex}.symmetry-chip{color:#c3e9e2;background:#b0eee208;border:1px solid #99d8ce30;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;line-height:1.5;display:inline-flex}.symmetry-dot{background:#a8e8db;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 7px #a8e8db66}.symmetry-empty{color:#91aaa5;background:#b0eee204;border:1px solid #99d8ce16;border-radius:8px;margin:0;padding:12px;font-size:11px;line-height:1.7}.environment-dot.db-status-checking{background:#d8ba8b;box-shadow:0 0 8px #d8ba8b55}.environment-dot.db-status-connected{background:#9de8d9;box-shadow:0 0 10px #9de8d966}.environment-dot.db-status-error{background:#ef9292;box-shadow:0 0 10px #ef929266}.database-error{color:#efb0b0;overflow-wrap:anywhere;background:#ef92920a;border:1px solid #ef929244;border-radius:8px;margin-top:14px;padding:12px 14px;font-size:12px;line-height:1.6}.submit-box{margin-top:4px}.submit-label{color:#a8d4cb;letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;display:flex}.submit-label span{color:#789792;font-size:9px}.alias-input{color:#e4f0ed;width:100%;min-height:42px;font:inherit;background:#080e0f;border:1px solid #99d8ce25;border-radius:8px;margin-bottom:10px;padding:0 12px;font-size:12px;display:block}.alias-input::placeholder{color:#6f8984}.alias-input:focus{border-color:#a8e8db99;outline:2px solid #a8e8db20}.alias-input:disabled{opacity:.65}.button-submit{color:#baf1e5;background:#17302c;border:1px solid #a7e8dc55;width:100%}.button-submit:hover:not(:disabled){background:#20433c;border-color:#baf1e5}.button-submit:disabled{cursor:not-allowed;opacity:.45}.submission-notice{background:#b0eee206;border:1px solid #99d8ce22;border-radius:8px;margin-top:12px;padding:12px}.submission-notice p,.submission-help{margin:0;font-size:11px;line-height:1.7}.submission-success{color:#b8efda;border-color:#9de8d944}.submission-known{color:#c0d8d3}.submission-error{color:#efb0b0;border-color:#ef929244}.submission-notice code{color:#a9d6ce;overflow-wrap:anywhere;margin-top:8px;font-size:10px;display:block}.submission-help{color:#d8ba8b;margin-top:10px}.main-nav{border-bottom:1px solid #91d7cc25;gap:8px;margin:0 0 22px;padding-bottom:12px;display:flex}.main-nav button{color:#89a7a2;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;display:inline-flex}.main-nav button span{color:#6e958e;font-family:DM Mono,monospace;font-size:10px}.main-nav button:hover,.main-nav button.active{color:#c8f1e8;background:#b0eee208;border-color:#99d8ce25}.world-screen{margin-bottom:28px}.world-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 20px;display:flex}.world-heading h2{color:#e2f0ee;letter-spacing:-1.2px;margin:7px 0;font-size:clamp(27px,4vw,38px);font-weight:500}.world-heading>div:first-child>p:last-child{color:#9bb2ae;max-width:620px;margin:0;font-size:13px;line-height:1.7}.world-count{text-align:center;background:#b0eee205;border:1px solid #99d8ce25;border-radius:10px;gap:4px;min-width:95px;padding:12px;display:grid}.world-count strong{color:#baf0e5;font-size:25px;font-weight:500}.world-count span{color:#8da9a4;letter-spacing:1px;font-family:DM Mono,monospace;font-size:9px}.world-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.world-map-hint{color:#8ca9a4;font-size:11px;line-height:1.6}.world-toolbar-actions{flex-wrap:wrap;gap:6px;display:flex}.world-toolbar-actions .button{min-height:35px;padding:0 10px;font-size:11px}.world-toolbar-actions button:disabled{cursor:not-allowed;opacity:.5}.world-unmapped{color:#d8ba8b;border:1px solid #d8ba8b40;border-radius:8px;margin:0 0 12px;padding:11px 13px;font-size:11px;line-height:1.6}.world-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);align-items:start;gap:14px;display:grid}.world-map-frame{background:#080e0f;border:1px solid #91d7cc30;border-radius:16px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #142d2922}.world-svg{aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.world-map-frame.is-panning .world-svg{cursor:grabbing}.world-connection{stroke:#9de8d9;stroke-width:95px;stroke-linecap:round;stroke-opacity:.55;filter:drop-shadow(0 0 120px #9de8d9)}.world-landmark{cursor:pointer;outline:none}.world-landmark:focus-visible .world-landmark-ring{stroke:#fff;stroke-width:150px}.world-landmark-halo{fill:url(#world-halo);pointer-events:none;transition:r .18s}.world-landmark-ring{fill:#142a27;stroke:#85cfc1;stroke-width:100px;transition:fill .18s,stroke .18s}.world-landmark-ring.selected{fill:#a6ebdc;stroke:#e0fff7;filter:drop-shadow(0 0 180px #a6ebdc)}.world-landmark-core{fill:#d8fff6;pointer-events:none}.world-landmark-label{fill:#d0f6ed;letter-spacing:20px;pointer-events:none;font-family:DM Mono,monospace;font-size:1000px}.world-map-key{color:#9ab6b0;border-top:1px solid #91d7cc1c;flex-wrap:wrap;gap:16px;padding:12px 15px;font-size:10px;display:flex}.world-map-key span{align-items:center;gap:7px;display:inline-flex}.map-key-dot{background:#a6ebdc;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #a6ebdc88}.map-key-line{background:#9de8d9;width:18px;height:2px}.world-empty{text-align:center;pointer-events:none;background:#080e0fc9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0 0 42px}.world-empty>span{color:#a6ebdc;margin-bottom:12px;font-size:38px}.world-empty strong{color:#e2f0ee;font-size:14px;font-weight:500}.world-empty p{color:#8ca9a4;font-size:12px}.world-detail{min-width:0;padding:20px}.world-pattern-preview{width:min(180px,100%);margin:22px auto;display:block;overflow:visible}.preview-edge{stroke:#a6ebdc;stroke-width:1.8px;stroke-linecap:round;filter:drop-shadow(0 0 2px #a6ebdc44)}.preview-node{fill:#c3f8ed;stroke:#8bcec0;stroke-width:.7px}.world-status{color:#a9e8d9;letter-spacing:1px;background:#9de8d90a;border:1px solid #9de8d944;border-radius:5px;padding:6px 8px;font-family:DM Mono,monospace;font-size:9px;display:inline-block}.world-status.stray{color:#dec398;background:#d8ba8b0b;border-color:#d8ba8b45}.world-detail h3{color:#e4f4ef;overflow-wrap:anywhere;margin:14px 0 6px;font-size:17px;font-weight:500}.world-full-id{color:#95bdb4;overflow-wrap:anywhere;font-size:10px;line-height:1.7;display:block}.world-discovery-meta{color:#91aaa5;overflow-wrap:anywhere;margin:12px 0;font-size:11px;line-height:1.6}.world-detail-stats{border-top:1px solid #99d8ce20;gap:0;margin-top:18px;display:grid}.world-detail-stats>div{border-bottom:1px solid #99d8ce17;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.world-detail-stats span{color:#91aaa5;font-size:11px}.world-detail-stats strong{color:#d4f4eb;font-size:14px;font-weight:500}.world-coordinates{gap:8px;margin-top:20px;display:grid}.world-coordinates span{color:#7f9e98;letter-spacing:1px;font-family:DM Mono,monospace;font-size:9px}.world-coordinates code{color:#a7cdc4;overflow-wrap:anywhere;font-size:11px}@media (width<=850px){.world-layout{grid-template-columns:minmax(0,1fr)}.world-detail{grid-template-columns:150px minmax(0,1fr);align-items:start;column-gap:18px;display:grid}.world-detail>.eyebrow{grid-column:1/-1}.world-pattern-preview{grid-row:span 5;margin:16px auto}.world-detail-stats,.world-coordinates{grid-column:1/-1}}@media (width<=520px){.main-nav{gap:4px}.main-nav button{padding:10px;font-size:11px}.world-heading{align-items:flex-start}.world-heading h2{font-size:28px}.world-count{min-width:72px;padding:9px}.world-count strong{font-size:20px}.world-toolbar{align-items:flex-start}.world-toolbar-actions{width:100%}.world-map-hint{font-size:10px}.world-detail{padding:16px;display:block}.world-pattern-preview{width:150px}}.header-count{justify-content:center;align-items:baseline;gap:10px;display:flex}.header-count strong{color:#baf1e5;font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:clamp(22px,3vw,32px);font-weight:500}.header-count span{color:#8da9a4;letter-spacing:1px;font-family:DM Mono,monospace;font-size:9px}.intro{padding-top:26px;padding-bottom:18px}.intro h1{letter-spacing:-1px;margin-top:6px;margin-bottom:0;font-size:clamp(26px,3vw,36px)}@media (width<=650px){.topbar{flex-wrap:wrap;gap:10px;padding:12px 0}.brand{margin-right:auto}.topbar-meta{letter-spacing:.4px;font-size:8px}.header-count{order:3;justify-content:flex-start;width:100%;padding:5px 0}.header-count strong{font-size:28px}.intro{padding-top:20px;padding-bottom:16px}}.action-panel{gap:0}.action-panel>.button-primary{margin-top:14px}.submit-box .panel-heading{margin-bottom:14px}.submit-box .panel-heading .muted-label{font-size:9px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020707c7;justify-content:center;align-items:center;padding:20px;animation:.16s ease-out modal-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:radial-gradient(at 50% 0,#20453a35,#0000 65%),#0b1213;border:1px solid #a0e6d735;border-radius:17px;width:min(520px,100%);max-height:min(760px,100dvh - 40px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 24px 100px #000b}.modal-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-close{color:#cce7e1;cursor:pointer;background:#ffffff05;border:1px solid #99d8ce29;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:23px;display:grid}.modal-close:hover{color:#fff;background:#b0eee212}.modal-card h2{color:#e7f5f0;letter-spacing:-.8px;margin:12px 0 6px;font-size:27px;font-weight:500}.modal-description{color:#91aaa5;margin:0 0 22px;font-size:12px;line-height:1.7}.analysis-modal .stat-grid{gap:10px}.analysis-modal .stat{background:#b0eee206}.analysis-modal .degree-grid,.analysis-modal .symmetry-list{margin-top:12px}.modal-done{margin-top:22px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=520px){.modal-backdrop{align-items:flex-end;padding:0}.modal-card{width:100%;max-height:90dvh;padding:23px 18px calc(20px + env(safe-area-inset-bottom));border-bottom:none;border-radius:18px 18px 0 0}.modal-card h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.modal-backdrop{animation:none}}.submission-modal{text-align:center;width:min(440px,100%)}.submission-close-row{text-align:left}.submission-loading{flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.submission-loading h2,.submission-result h2{margin:12px 0 8px}.submission-loading .modal-description{margin-bottom:25px}.submission-orbit{border:1px solid #99d8ce26;border-radius:50%;place-items:center;width:110px;height:110px;margin-bottom:30px;animation:5s linear infinite submission-rotate;display:grid;position:relative}.submission-orbit:before,.submission-orbit:after{content:"";border:1px solid #99d8ce24;border-radius:50%;position:absolute;inset:12px}.submission-orbit:after{inset:25px}.submission-orbit>div{color:#baf1e5;font-size:35px;animation:5s linear infinite submission-counter-rotate}.submission-orbit>span{z-index:1;background:#a8e8db;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:50%;box-shadow:0 0 15px #a8e8db}.submission-orbit>span:nth-child(2){background:#e3fff7;top:50%;left:auto;right:-3px}.submission-orbit>span:nth-child(3){width:5px;height:5px;top:auto;bottom:3px;left:25%}.submission-progress{background:#99d8ce1a;border-radius:4px;width:min(230px,100%);height:3px;overflow:hidden}.submission-progress span{border-radius:inherit;background:#a8e8db;width:35%;height:100%;animation:1.35s ease-in-out infinite submission-progress;display:block}.submission-result{padding-top:20px}.result-symbol{color:#baf1e5;background:#b0eee20a;border:1px solid #99d8ce40;border-radius:50%;place-items:center;width:76px;height:76px;margin:5px auto 24px;font-size:33px;display:grid;box-shadow:0 0 40px #99d8ce0c}.result-success{border-color:#a8e8db66;box-shadow:0 0 45px #a8e8db16}.result-known{color:#b8cfc8}.result-error{color:#efb0b0;border-color:#ef929255}.result-pattern-id{text-align:left;background:#080e0f;border:1px solid #99d8ce20;border-radius:9px;gap:8px;margin:23px 0;padding:15px;display:grid}.result-pattern-id span{color:#819f99;letter-spacing:1px;font-family:DM Mono,monospace;font-size:9px}.result-pattern-id code{color:#c6eee4;overflow-wrap:anywhere;font-size:12px}.result-map-button,.result-done{width:100%;margin-top:10px}.character-reaction{color:#a8ded3;margin:20px 0;font-size:13px;font-style:italic;line-height:1.7}.submission-error-detail{color:#efb0b0;overflow-wrap:anywhere;margin:20px 0;font-size:12px;line-height:1.7}@keyframes submission-rotate{to{transform:rotate(360deg)}}@keyframes submission-counter-rotate{to{transform:rotate(-360deg)}}@keyframes submission-progress{0%{transform:translate(-110%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.submission-orbit,.submission-orbit>div,.submission-progress span{animation:none}}@media (width<=520px){.submission-modal{padding-top:24px}.submission-loading{min-height:280px}}.character-panel{background:radial-gradient(at 0%,#20453a32,#0000 55%),#0b1213;border:1px solid #99d8ce27;border-radius:13px;align-items:center;gap:16px;min-height:88px;margin:0 0 20px;padding:15px 19px;display:flex}.character-avatar{background:radial-gradient(circle,#235148 0%,#0b1515 72%);border:1px solid #a8e8db66;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 0 25px #a8e8db10}.character-orbit{border:1px solid #a8e8db35;border-radius:50%;animation:12s linear infinite character-turn;position:absolute;inset:7px}.character-orbit:before{content:"";background:#c9fff2;border-radius:50%;width:5px;height:5px;position:absolute;top:2px;left:7px;box-shadow:0 0 9px #a8e8db}.character-core{color:#c9fff2;text-shadow:0 0 15px #a8e8db66;font-size:21px}.character-dialogue{flex:1;min-width:0}.character-topline{align-items:center;gap:9px;display:flex}.character-topline .eyebrow{font-size:9px}.character-status-dot{background:#a8e8db;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 8px #a8e8db66}.character-dialogue p{color:#d3e7e1;margin:7px 0 0;font-size:13px;line-height:1.65;animation:.18s ease-out character-text-in}@keyframes character-turn{to{transform:rotate(360deg)}}@keyframes character-text-in{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){.character-panel{gap:12px;min-height:76px;margin-bottom:15px;padding:12px}.character-avatar{width:43px;height:43px}.character-dialogue p{font-size:12px}}@media (prefers-reduced-motion:reduce){.character-orbit,.character-dialogue p{animation:none}}.pattern-archive{min-width:0;margin:1.5rem 0 2.5rem}.pattern-archive-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.pattern-archive-heading h2{margin:.35rem 0}.pattern-archive-heading p:not(.eyebrow){color:#86b4ad;margin:0;font-size:.875rem}.pattern-archive-count{color:#9ddfd1;letter-spacing:.06em;flex-shrink:0;font-size:.75rem}.pattern-card-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.pattern-card{min-width:0;transform-style:preserve-3d;background:radial-gradient(at 50% 20%,#38706333,#0000 65%),linear-gradient(155deg,#111e1c,#080e0e 72%);border:1px solid #8fd6c73d;border-radius:1rem;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.35s both pattern-card-enter;overflow:hidden;box-shadow:0 12px 32px #00000029}.pattern-card-topline{color:#73b6a7;letter-spacing:.12em;justify-content:space-between;gap:.5rem;padding:.9rem 1rem 0;font:.64rem monospace;display:flex}.pattern-card-art{background:radial-gradient(#5ba8921a,#0000 70%);place-items:center;min-height:190px;padding:1rem;display:grid}.pattern-card-art .world-pattern-preview{aspect-ratio:1;width:min(100%,210px);height:auto;display:block;overflow:visible}.pattern-card-info{padding:0 1rem 1rem}.pattern-card-info h3{overflow-wrap:anywhere;margin:.7rem 0 .25rem;font-size:1.15rem}.pattern-card-info .world-full-id{overflow-wrap:anywhere;display:block}.pattern-card-stats{border-top:1px solid #8fd6c724;border-bottom:1px solid #8fd6c724;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0;padding:.8rem 0;display:grid}.pattern-card-stats div{flex-direction:column;gap:.35rem;min-width:0;display:flex}.pattern-card-stats span{color:#80aaa3;letter-spacing:.06em;overflow-wrap:anywhere;font-size:.58rem}.pattern-card-stats strong{color:#c6f5e9;font-size:1.05rem}.pattern-card-discovery{color:#8eb9b1;overflow-wrap:anywhere;gap:.45rem;font-size:.65rem;line-height:1.5;display:grid}.pattern-card-locate{width:100%;margin-top:1rem}.pattern-pagination{color:#8eb9b1;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;font-size:.8rem;display:flex}.pattern-pagination-actions{align-items:center;gap:.6rem;display:flex}.pattern-pagination button:disabled{opacity:.35;cursor:not-allowed}.world-map-secondary{background:#0a1413a6;border:1px solid #8fd6c733;border-radius:.9rem;margin-top:1.5rem;overflow:hidden}.world-map-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;list-style:none;display:flex}.world-map-summary::-webkit-details-marker{display:none}.world-map-summary>span:first-child{gap:.3rem;display:grid}.world-map-summary strong{color:#c5eee3;font-size:.95rem}.world-map-summary small,.world-map-summary>span:last-child{color:#8eb9b1;font-size:.75rem}.world-map-secondary[open]>.world-heading{margin-top:.5rem;padding:0 1rem}.world-map-secondary .world-layout{padding:0 1rem 1rem}.world-map-secondary .world-map-frame{height:min(55vh,480px);min-height:300px}.world-map-secondary .world-svg{height:100%}@keyframes pattern-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.pattern-card:hover{z-index:2;border-color:#8fd6c78c;transform:translateY(-5px)rotateX(1deg)rotateY(-1.5deg);box-shadow:0 20px 40px #0000004d}}@media (width<=900px){.pattern-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.pattern-card-grid{grid-template-columns:minmax(0,1fr)}.pattern-card-art{min-height:170px}.pattern-card-art .world-pattern-preview{width:min(100%,180px)}.pattern-archive-heading{align-items:start}.pattern-pagination{flex-direction:column;align-items:stretch}.pattern-pagination-actions{flex-wrap:wrap;justify-content:space-between}.world-map-summary{align-items:start}.world-map-secondary .world-layout{grid-template-columns:minmax(0,1fr)}.world-map-secondary .world-detail{min-width:0}}@media (prefers-reduced-motion:reduce){.pattern-card{transition:none;animation:none}}.pattern-archive,.world-map-secondary{scroll-margin-top:1rem}.view-create{box-sizing:border-box;flex-direction:column;gap:0;width:min(1440px,100%);height:100dvh;min-height:0;padding:12px 24px;display:flex;overflow:hidden}.view-create .topbar{flex:none;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:20px;min-height:58px;display:grid}.view-create .console-title{flex-wrap:wrap;align-items:baseline;gap:5px 12px;min-width:0;display:flex}.view-create .console-title strong{color:#e2f0ee;letter-spacing:-.3px;font-size:17px;font-weight:500}.view-create .console-title .eyebrow{flex-basis:100%;font-size:9px}.view-create .console-connections{color:#a6d8ce;letter-spacing:.8px;white-space:nowrap;font:9px DM Mono,monospace}.view-create .header-count{gap:7px}.view-create .header-count strong{font-size:25px}.view-create .header-count span{max-width:95px;line-height:1.5}.view-create .topbar-meta{white-space:nowrap;letter-spacing:.7px;font-size:9px}.view-create .intro{display:none}.view-create .main-nav{border-bottom:1px solid #91d7cc25;flex:none;gap:5px;margin:0 0 10px;padding:5px 0 8px}.view-create .main-nav button{padding:8px 11px;font-size:11px}.view-create .database-error{flex:none;max-height:54px;margin:4px 0 8px;overflow-y:auto}.view-create .workspace{flex:auto;grid-template-columns:minmax(0,1.35fr) minmax(285px,.8fr);align-items:stretch;gap:14px;min-height:0;overflow:hidden}.view-create .editor-panel{flex-direction:column;min-width:0;min-height:0;padding:16px;display:flex;overflow:hidden}.view-create .instruction{flex:none;min-height:0;margin:8px 0 10px;font-size:11px}.view-create .canvas-wrap{flex:auto;place-items:center;min-height:0;display:grid}.view-create .pattern-canvas{aspect-ratio:1;width:auto;max-width:100%;height:100%}.view-create .editor-footer{flex:none;padding-top:10px}.view-create .analysis-panel{grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.view-create .character-panel{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;min-width:0;min-height:140px;margin:0;padding:16px;display:grid}.view-create .character-avatar{width:88px;height:88px}.view-create .character-orbit{inset:9px}.view-create .character-core{font-size:34px}.view-create .character-dialogue p{font-size:13px;line-height:1.7}.view-create .action-panel{scrollbar-color:#315850 #0a1111;scrollbar-width:thin;min-width:0;min-height:0;padding:16px;overflow:hidden auto}.view-create .action-panel>.button-primary{margin-top:12px}.view-create .action-panel .divider{margin:14px 0}.view-create .inline-analysis{gap:10px;display:grid}.view-create .inline-analysis .panel-heading{align-items:center}.view-create .inline-analysis .panel-heading h2{margin:4px 0 0;font-size:19px}.view-create .inline-analysis .analysis-description{margin:0}.view-create .inline-analysis .stat-grid{gap:7px}.view-create .inline-analysis .stat{min-height:65px;padding:10px}.view-create .inline-analysis .stat-label{margin-bottom:7px;font-size:9px}.view-create .inline-analysis .stat strong{font-size:21px}.view-create .inline-analysis .divider{margin:6px 0}.view-create .inline-analysis .degree-heading{margin-bottom:8px}.view-create .inline-analysis .degree-chip{padding:7px 4px}.view-create .inline-analysis .structure-status{margin:8px 0 0}.view-create .page-footer{display:none}@media (width<=980px){.view-create{padding-left:16px;padding-right:16px}.view-create .topbar{grid-template-columns:auto minmax(120px,1fr) auto;gap:12px}.view-create .console-title{gap:4px 8px}.view-create .header-count span{display:none}.view-create .workspace{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:10px}.view-create .character-panel{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:12px}.view-create .character-avatar{width:66px;height:66px}.view-create .character-core{font-size:28px}}@media (width<=680px){.view-create{padding:8px 10px}.view-create .topbar{flex-wrap:wrap;gap:8px 12px;min-height:0;padding:8px 0;display:flex}.view-create .brand{margin-right:auto}.view-create .console-title{flex:1 0 100%;order:3}.view-create .header-count{order:4;justify-content:flex-start;width:auto;padding:0}.view-create .header-count strong{font-size:20px}.view-create .topbar-meta{font-size:8px}.view-create .main-nav{margin-bottom:7px}.view-create .workspace{grid-template-rows:minmax(300px,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:hidden auto}.view-create .editor-panel{min-height:300px}.view-create .analysis-panel{grid-template-rows:auto auto;overflow:visible}.view-create .action-panel{max-height:none;overflow:visible}.view-create .pattern-canvas{width:100%;height:auto}}@media (height<=720px) and (width>=681px){.view-create{padding-top:6px;padding-bottom:6px}.view-create .topbar{min-height:48px}.view-create .main-nav{margin-bottom:6px;padding-top:2px;padding-bottom:5px}.view-create .character-panel{grid-template-columns:68px minmax(0,1fr);min-height:112px;padding:10px 12px}.view-create .character-avatar{width:68px;height:68px}.view-create .character-core{font-size:27px}}@media (prefers-reduced-motion:reduce){.view-create .character-orbit{animation:none}}@media (width<=680px){.view-create .workspace{grid-template-rows:max-content max-content;grid-template-columns:minmax(0,1fr);align-content:start;overflow:hidden auto}.view-create .editor-panel{flex:none;height:auto;min-height:0;overflow:visible}.view-create .canvas-wrap{flex:none;height:auto;min-height:0;display:block;overflow:hidden}.view-create .pattern-canvas{aspect-ratio:1;width:100%;max-width:100%;height:auto;margin:0 auto;display:block}}.main-nav{gap:10px}.main-nav button,.view-create .main-nav button{color:#a8c9c2;background:#0c1818;border:1px solid #315b53;border-radius:10px;flex:1 1 0;justify-content:center;gap:10px;min-width:0;min-height:46px;padding:12px 18px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff06}.main-nav button:hover,.view-create .main-nav button:hover{color:#e2fff7;background:#132b28;border-color:#72bcae}.main-nav button.active,.view-create .main-nav button.active{color:#e5fff7;background:linear-gradient(135deg,#214d43,#15332f);border-color:#85d8c6;box-shadow:inset 0 0 0 1px #85d8c622,0 4px 18px #4ea58b12}.main-nav button span{font-size:10px}@media (width<=520px){.main-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.main-nav button,.view-create .main-nav button{gap:6px;width:100%;padding:11px 7px;font-size:12px}}