*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden}canvas{display:block}#start-screen{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}#play-btn{font-size:2rem;padding:1rem 2.5rem;background:none;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}#play-btn:hover{background:#fff;color:#000}.se-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.se-panel{background:#1a1a2e;border:1px solid #444;border-radius:8px;padding:24px;min-width:600px;color:#eee}.se-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.se-title{font-size:1.4rem;font-weight:700;letter-spacing:.05em}.se-actions{display:flex;gap:8px}.se-btn{padding:6px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700}.se-btn-apply{background:#2a7a2a;color:#fff}.se-btn-apply:hover{background:#3a3}.se-btn-cancel{background:#555;color:#eee}.se-btn-cancel:hover{background:#777}.se-staff{display:flex;flex-direction:column;gap:2px}.se-staff-line{display:flex;align-items:stretch;gap:8px}.se-staff-label{width:90px;flex-shrink:0;display:flex;align-items:center;font-weight:700;font-size:.85rem;letter-spacing:.03em}.se-staff-cells{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;flex:1}.se-cell{height:36px;background:#ffffff0f;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:background .1s}.se-cell:hover{background:#ffffff1f}.se-cell-measure-start{border-left:2px solid rgba(255,255,255,.25)}.se-cell-filled{opacity:.9;border-radius:4px}.se-cell-filled:hover{opacity:1}.se-cell-note-icon{font-size:1.1rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.se-inventory{margin-top:20px;display:flex;flex-direction:column;gap:6px}.se-inventory-title{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.se-inventory-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.se-chip{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid;border-radius:6px;background:#ffffff0d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .1s,opacity .1s}.se-chip:hover{background:#ffffff1f}.se-chip:active{cursor:grabbing}.se-chip-empty{opacity:.3;cursor:not-allowed}.se-chip-icon{font-size:1.1rem}.se-chip-label{font-size:.8rem;font-weight:700;letter-spacing:.03em}.se-chip-count{font-size:.8rem;color:#aaa}.se-drag-ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;opacity:.85;white-space:nowrap}.ecs-editor{position:fixed;top:0;right:0;width:320px;height:100vh;overflow-y:auto;background:#000000d9;color:#eee;padding:12px;font-family:monospace;font-size:13px;z-index:1000}.ecs-editor h2{margin:0 0 8px;font-size:14px;color:#adf}.ecs-editor details{margin-bottom:4px}.ecs-editor summary{cursor:pointer;padding:2px 4px;background:#ffffff14;border-radius:3px}.ecs-editor summary:hover{background:#ffffff26}.ecs-editor .component{margin-left:12px;margin-top:4px}