:root{color:#e8edf4;background:#10161d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.editor-shell{display:block;min-height:100vh;background:radial-gradient(circle at 75% -20%,#273b4c 0,#10161d 44%)}.level-overview{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(18px,4vw,52px)}.overview-header{display:flex;align-items:start;justify-content:space-between;gap:24px;padding-bottom:42px}.overview-header .button{margin-top:10px}.level-overview .overview-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:24px;border-color:#526b7b;background:#22313c;text-decoration:none}.overview-back:focus-visible{outline:3px solid #e6ae50;outline-offset:3px}.overview-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-kicker{color:#e6ae50;font-size:.68rem;font-weight:800;letter-spacing:.16em}.overview-intro h2{margin:5px 0 4px;color:#f5f0df;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1}.overview-intro p{margin:0;color:#91a5b6;font-size:.9rem}.playability-legend{display:flex;align-items:center;gap:7px;color:#9fb1bd;font-size:.75rem;white-space:nowrap}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot-ready{margin-left:10px;background:#67d39b;box-shadow:0 0 12px #67d39b8c}.legend-dot-draft{background:#e3a653}.overview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.level-card{display:grid;overflow:hidden;padding:0;border:1px solid #304451;border-radius:10px;color:#dce8ed;text-align:left;background:#18232c;box-shadow:0 14px 28px #0000002e;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.level-card:hover,.level-card:focus-visible{border-color:#d6943d;outline:none;transform:translateY(-3px);box-shadow:0 18px 35px #00000047}.level-thumbnail{display:block;width:100%;aspect-ratio:7 / 4;background:#29485c}.level-card-body{display:grid;gap:12px;padding:14px 15px 16px}.level-card-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.level-card-heading strong{overflow:hidden;color:#fff4dc;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:1.08rem}.level-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8399a9;font-size:.72rem}.playability{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;white-space:nowrap}.playability:before{width:7px;height:7px;border-radius:50%;content:""}.playability-ready{color:#76d6a3}.playability-ready:before{background:#67d39b;box-shadow:0 0 9px #67d39b99}.playability-draft{color:#e3a653}.playability-draft:before{background:#e3a653}.level-requirements{display:flex;flex-wrap:wrap;gap:5px;color:#9fb1bd;font-size:.68rem}.level-requirements span{padding:4px 6px;border-radius:4px;background:#22323d}.editor-screen{display:grid;grid-template-rows:auto auto minmax(280px,1fr) auto;width:100%;height:100vh;height:100dvh;min-width:0;min-height:100vh;min-height:100dvh}.editor-screen[hidden]{display:none}.brand-lockup{padding:2px 8px}.brand-kicker{color:#e6ae50;font-size:.68rem;font-weight:800;letter-spacing:.16em}.brand-lockup h1{margin:4px 0 2px;color:#f4f0df;font-family:Georgia,serif;font-size:1.8rem;line-height:1}.brand-lockup p{margin:0;color:#91a5b6;font-size:.82rem}.button,.tool-button{min-height:36px;padding:8px 12px;border:1px solid #3c5262;border-radius:6px;color:#dce8ed;background:#22313c;font-size:.78rem;font-weight:750;letter-spacing:.02em}.button:hover:not(:disabled),.tool-button:hover:not(:disabled){border-color:#79a2b8;background:#2b3e4b}.button-primary{border-color:#c98938;color:#fff9e9;background:#aa6829}.button-primary:hover:not(:disabled){background:#c77c2f}.button-danger{border-color:#7b4b4b;color:#ffd9d5;background:transparent}.button-danger:hover:not(:disabled){background:#512d32}.button-quiet{border-color:transparent;color:#b8c9d5;background:transparent}.button-quiet:hover:not(:disabled){border-color:#526b7b;background:#22313c}.empty-state{margin:0;color:#8295a3;font-size:.82rem;text-align:center}.empty-state[hidden]{display:none}.editor-header,.tool-row,.editor-footer{padding-left:clamp(16px,2.4vw,34px);padding-right:clamp(16px,2.4vw,34px)}.editor-header{display:flex;align-items:end;gap:20px;padding-top:19px;padding-bottom:15px;border-bottom:1px solid #31424e}.editor-header .button-quiet{align-self:center;margin-right:8px}.name-field{display:grid;gap:5px}.name-field label{color:#90a8b8;font-size:.65rem;font-weight:800;letter-spacing:.14em}.name-field input{width:min(420px,48vw);padding:5px 0;border:0;border-bottom:1px solid #4d6371;outline:0;color:#f8f3e5;background:transparent;font-family:Georgia,serif;font-size:1.25rem}.name-field input:focus{border-color:#e7a448}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.revision-label,.zoom-label{color:#90a8b8;font-size:.75rem}.tool-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:57px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid #263945;background:#0f161c9e}.tool-group{display:flex;gap:6px}.tool-button{min-height:31px;padding:6px 9px;font-size:.72rem}.tool-button.active{border-color:#e2a14a;color:#fff7df;background:#755024}.tool-button.spawn-p1{border-color:#9c4a4e;color:#ffdfe0}.tool-button.spawn-p2{border-color:#3d729e;color:#dceeff}.tool-actions{margin-left:auto}.point-actions{align-items:center}.point-label{min-width:116px;color:#d7b978;font-size:.7rem;font-weight:750;white-space:nowrap}.zoom-label{min-width:43px;text-align:right}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);min-width:0;min-height:0;background:#0e141a}.editor-workspace.inspector-collapsed{grid-template-columns:minmax(0,1fr) 42px}.canvas-frame{min-width:0;min-height:0;overflow:hidden;padding:clamp(12px,2vw,28px);background:#0e141a}#editor-canvas{display:block;width:100%;height:100%;min-width:0;min-height:0;border:1px solid #567080;box-shadow:0 18px 50px #00000073;cursor:grab;touch-action:none}#editor-canvas:active{cursor:grabbing}.inspector{display:flex;min-width:0;min-height:0;overflow:hidden;border-left:1px solid #31424e;background:linear-gradient(180deg,#18232c,#131b22)}.inspector-toggle{display:flex;flex:0 0 40px;align-items:center;justify-content:center;gap:10px;padding:12px 7px;border:0;border-right:1px solid #263944;color:#aabcc7;background:#17222a;cursor:pointer}.inspector-toggle:hover{color:#fff1cf;background:#20303b}.inspector-toggle-icon{color:#e5aa4a;font-size:1.25rem;line-height:1;transition:transform .14s ease}.inspector-toggle-label{color:#dce8ed;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;writing-mode:vertical-rl}.inspector-content{display:grid;align-content:start;gap:12px;flex:1;min-width:0;overflow:auto;padding:17px 14px 20px}.inspector-header{padding:2px 2px 5px}.inspector-header h2{margin:7px 0 4px;overflow-wrap:anywhere;color:#f4f0df;font-family:Georgia,serif;font-size:1.35rem;line-height:1.1}.inspector-header p{margin:0;color:#90a8b8;font-size:.74rem;line-height:1.45}.inspector-card{min-width:0;padding:13px;border:1px solid #304451;border-radius:7px;background:#1c2a34c2}.inspector-card[hidden],.inspector-actions[hidden]{display:none}.inspector-card h3{margin:0 0 12px;color:#dce8ed;font-size:.76rem;font-weight:800;letter-spacing:.04em}.inspector-empty{display:grid;justify-items:start;gap:8px}.inspector-empty-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid #596d78;border-radius:7px;color:#e6ae50;font-size:1.2rem}.inspector-empty strong{color:#e8edf4;font-size:.8rem}.inspector-empty p{margin:0;color:#91a5b6;font-size:.72rem;line-height:1.5}.inspector-level-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.inspector-level-stats span{padding:5px 7px;border-radius:4px;color:#aabcc7;background:#233540;font-size:.66rem}.inspector-level-stats strong{color:#f1c16f}.inspector-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inspector-field{display:grid;min-width:0;gap:5px;color:#8fa5b3;font-size:.65rem;font-weight:700}.inspector-field input{width:100%;min-width:0;min-height:34px;padding:6px 8px;border:1px solid #3a5260;border-radius:4px;outline:0;color:#edf3f5;background:#101920;font-size:.76rem;font-variant-numeric:tabular-nums}.inspector-field select{width:100%;min-width:0;min-height:34px;padding:6px 8px;border:1px solid #3a5260;border-radius:4px;outline:0;color:#edf3f5;background:#101920;font-size:.76rem}.inspector-field input:focus,.inspector-field select:focus{border-color:#e2a14a;box-shadow:0 0 0 2px #e2a14a29}.inspector-toggle-field{display:flex;align-items:center;gap:8px;color:#dce8ed;font-size:.74rem;font-weight:700}.inspector-toggle-field input{width:16px;height:16px;accent-color:#d68f35}.inspector-select-field{margin-top:12px}.inspector-facts{display:grid;gap:10px;margin:0}.inspector-facts div{display:flex;justify-content:space-between;gap:10px;font-size:.7rem}.inspector-facts dt{color:#8fa5b3}.inspector-facts dd{margin:0;color:#dce8ed;font-weight:700;text-align:right}.inspector-point-actions{display:flex;gap:7px;margin-top:10px}.inspector-team-badge{display:inline-flex;padding:6px 8px;border:1px solid #8b4e50;border-radius:4px;color:#ffdfe0;background:#761b1f40;font-size:.7rem;font-weight:800}.inspector-team-badge.team-p2{border-color:#3d729e;color:#dceeff;background:#14427052}.inspector-actions{display:grid;gap:7px}.inspector-actions .button{width:100%;text-align:left}.inspector-collapsed .inspector{flex-direction:row}.inspector-collapsed .inspector-toggle{flex-basis:40px;border-right:0}.inspector-collapsed .inspector-toggle-icon{transform:rotate(180deg)}.inspector-collapsed .inspector-content{display:none}.editor-footer{display:flex;justify-content:space-between;gap:24px;padding-top:10px;padding-bottom:11px;border-top:1px solid #31424e;color:#9caeb9;background:#151e27;font-size:.72rem}.editor-footer p{margin:0}.editor-footer p:first-child{color:#e0bf85}.editor-footer .spawn-hint{color:#b8d4dd}kbd{padding:1px 4px;border:1px solid #536876;border-radius:3px;color:#e7eef2;background:#253540;font-family:inherit;font-size:.68rem}@media(max-width:820px){.overview-header{padding-bottom:32px}.overview-intro{align-items:start;flex-direction:column}.playability-legend{align-self:end}.brand-lockup h1{font-size:1.35rem}.editor-screen{min-height:100vh;min-height:100dvh}.editor-footer{display:block}.editor-footer p+p{margin-top:5px}.editor-workspace{position:relative;display:block}.canvas-frame{position:absolute;inset:0}.inspector{position:absolute;z-index:2;top:12px;right:12px;bottom:12px;width:min(320px,calc(100% - 54px));box-shadow:0 12px 32px #00000061}.editor-workspace.inspector-collapsed .inspector{right:0;bottom:auto;width:42px;min-height:160px}}@media(max-width:570px){.overview-header{align-items:stretch;flex-direction:column;gap:18px}.overview-header .button{margin-top:0}.overview-intro{margin-bottom:18px}.playability-legend{align-self:start}.overview-list{grid-template-columns:1fr}.editor-header{align-items:start;flex-direction:column;gap:9px}.editor-header .button-quiet{align-self:start;margin-right:0}.header-actions{width:100%;margin-left:0}.name-field input{width:calc(100vw - 32px)}.tool-row{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.tool-group{min-width:0;flex-wrap:wrap}.tool-actions{width:100%;margin-left:0}.point-actions{width:100%}.zoom-label{margin-left:auto}#editor-canvas,.editor-workspace{min-height:280px}.inspector{top:8px;right:8px;bottom:8px;width:min(300px,calc(100% - 50px))}.inspector-content{padding:13px 10px}}.legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px;justify-content:center;font-size:14px}.legal-links a{color:#d4e8ff}
