@font-face{font-family:Outfit;src:url('vendor/outfit.ttf');font-weight:100 900}@font-face{font-family:DM;src:url('vendor/dm-sans.ttf');font-weight:100 900}:root{--paper:#f4f4ed;--ink:#303c38;--purple:#7960b3;--line:#dfe3d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px DM,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fffdf7;color:var(--ink);padding:10px 14px;font-size:12px;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #a88bd8;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,.brand{font-family:Outfit,sans-serif;margin:0}p{line-height:1.65}header{max-width:1400px;margin:auto;padding:23px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1px}.brand img{width:42px;margin-right:10px}.brand>span{font-weight:400}.brand small{margin-left:14px;border:1px solid #bcb0d3;padding:5px 7px;font:9px DM;letter-spacing:1px;color:var(--purple)}nav{display:flex;gap:9px;align-items:center}nav a{font-size:12px;margin-left:20px;color:#848b7a}nav button{background:transparent;border:0}nav button.active{background:#e8e1f2;color:var(--purple)}main{max-width:1320px;padding:0 24px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:39px 0 30px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8a9580;font-weight:700;margin:0 0 10px}h1{font-size:47px;line-height:1.08;letter-spacing:-1.5px}h1 span{color:var(--purple)}.intro>div>p:last-child{font-size:12px;color:#8a9381;margin-bottom:0}.lab-note{font-size:12px;color:#8a9381;transform:rotate(-5deg);line-height:1.7;padding-right:30px}.lab-note>span{font-size:42px;color:#c0a165;float:left;margin-right:15px}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:26px}.style-card{position:relative;text-align:left;padding:19px 22px;border-radius:16px;background:#eceee3;overflow:hidden}.style-card.active{border-color:#9b83c0;background:#eee8f5;box-shadow:0 0 0 2px #a18bc01c}.style-card small{font-size:8px;letter-spacing:1.5px;color:#869077}.style-card h3{font-size:23px;margin:6px 0}.style-card p{font-size:10px;max-width:80%;color:#87917c;margin:0}.style-card .style-orb{position:absolute;right:23px;top:23px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:23px;background:var(--accent);color:#53654e;transform:rotate(-10deg)}.arena{background:#fffdf7;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 7px 0 #e5e8da}.hud{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.hud .eyebrow{font-size:8px;margin-bottom:5px}.hud h2{font-size:22px}.stats{display:flex;align-items:center;gap:23px}.stats span{display:flex;flex-direction:column;gap:4px}.stats small{font-size:7px;letter-spacing:1px;color:#909b85}.stats b{font:23px Outfit}.stats button{border:0;padding:4px;font-size:24px;background:transparent;color:#86917a}#stage{height:580px;position:relative;background:#c9e2de;touch-action:none;overflow:hidden}#stage canvas{width:100%;height:100%;display:block;touch-action:none}.view-label{position:absolute;left:23px;top:21px;z-index:2;pointer-events:none;background:#f5fff3c9;padding:10px 13px;border-radius:9px;color:#697e62}.view-label>span{font-size:8px;letter-spacing:1.6px;font-weight:700}.view-label small{display:block;font-size:10px;margin-top:5px;max-width:300px}.view-tools{position:absolute;bottom:16px;right:16px;z-index:2;display:flex;gap:5px}.view-tools button{background:#fffdf0db;font-size:10px;padding:8px 10px}#loading{position:absolute;inset:0;display:grid;place-items:center;color:#637a63;background:#d9e5d0;z-index:3}.aim-controls{display:flex;align-items:center;gap:20px;padding:20px 24px 13px}.aim-controls label{flex:1;font-size:10px;color:#8a937e}.aim-controls output{float:right;color:#7760ad;font-weight:700}input[type=range]{width:100%;accent-color:var(--purple);display:block;margin-top:9px;cursor:pointer}.primary{background:var(--purple);color:white;border-color:var(--purple);box-shadow:0 3px 0 #5e4797}kbd{font:9px DM;margin-left:6px;opacity:.65}.crew-row{display:flex;align-items:center;justify-content:space-between;padding:0 24px 16px;gap:20px}#crew{display:flex;gap:7px}#crew button{font-size:10px;padding:9px 12px}#crew button.active{background:#eae4f3;border-color:#b9a3d5;color:#70519f}#status{font-size:11px;color:#8e9782;text-align:right;max-width:450px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:35px 0 15px}.section-head h2{font-size:24px}.section-head>span{font-size:12px;color:#a38950}#level-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#level-buttons button{text-align:left;background:#ebeee3;padding:17px;font-family:Outfit;font-size:16px}#level-buttons button.active{border-color:#a38bc6;background:#eee8f6}#level-buttons small{display:block;font:10px DM;color:#929c83;margin-top:7px}.abilities{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin-top:40px;padding-top:30px}.abilities>div h2{font-size:27px;line-height:1.1}.abilities article{display:flex;gap:12px;background:#ebeee3;border-radius:15px;padding:21px 15px}.abilities h3{font-size:16px}.abilities p{font-size:10px;color:#8c977e;margin-bottom:0}.cat-dot{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;font-size:24px}.fan{background:#eac38c}.quake{background:#c2aedb}.meteor{background:#aad6bd}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:26px 0;margin-top:35px;font-size:8px;letter-spacing:1px;color:#9da58e}[hidden]{display:none!important}#overlay{position:absolute;inset:0;z-index:5;background:#25372b66;backdrop-filter:blur(5px);display:grid;place-items:center}#overlay>div{background:#fffdf5;padding:30px 40px;border-radius:22px;text-align:center;min-width:320px}#overlay h2{font-size:37px}#overlay p{font-size:13px;color:#8c967d}#overlay button{margin:8px 3px 0}.builder-top{display:flex;gap:8px;align-items:center;padding:17px 20px 0;flex-wrap:wrap}#palette{display:flex;gap:5px;flex:1;flex-wrap:wrap}#palette button{font-size:10px;padding:9px 11px}#palette button.active{background:#e5ddf1;border-color:#a58acb}.hint{font-size:11px;line-height:1.7;color:#8e987e}.arena .hint{padding:0 20px;margin:10px 0}.inspector{display:flex;gap:14px;align-items:end;padding:10px 20px 20px}.inspector label{flex:1;min-width:0;font-size:10px;color:#89947b}input[type=number],input[type=text],#design-name,select{width:100%;display:block;padding:10px;margin-top:6px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fffdf6}.inspector button{font-size:10px;max-width:130px}#editor{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-top:35px}#editor h2{font-size:27px}.save-row{display:flex;align-items:end;gap:10px;margin-top:16px;flex-wrap:wrap}.save-row label{flex:1;font-size:11px;color:#8f987e}.save-row label:first-child{flex:3}.library{padding:20px;border:1px solid var(--line);background:#eceee4;border-radius:16px}.library h3{margin-bottom:13px}.library .saved{display:flex;gap:7px;align-items:center;border-top:1px solid #dce1d1;padding:12px 0}.saved span{flex:1;overflow:hidden;text-overflow:ellipsis;font-size:12px}.saved button{padding:7px;font-size:10px}.library p{font-size:12px;color:#8c987d}dialog{max-width:560px;border:1px solid var(--line);border-radius:23px;background:#fffdf5;padding:30px;color:var(--ink)}dialog::backdrop{background:#21312877;backdrop-filter:blur(5px)}dialog p{font-size:13px;color:#808d73}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#354834;color:white;border-radius:12px;padding:13px 20px;font-size:12px;z-index:30;display:none;max-width:90vw}#toast.show{display:block}.arena:fullscreen{display:flex;flex-direction:column;border-radius:0}.arena:fullscreen #stage{flex:1;min-height:200px}body.neon #stage .view-label{background:#1a3041de;color:#a7d6d0}
@media(max-width:950px){.lab-note{display:none}.abilities{grid-template-columns:repeat(2,1fr)}.style-card p{max-width:100%}.style-orb{display:none!important}.aim-controls{flex-wrap:wrap}.aim-controls label{min-width:20%}#stage{height:480px}.crew-row{flex-wrap:wrap}.inspector{flex-wrap:wrap}.inspector label{min-width:18%}#editor{grid-template-columns:1fr}}
@media(max-width:600px){header{padding:17px;flex-wrap:wrap;gap:15px}.brand{font-size:25px}header>button{font-size:10px}nav{order:3;width:100%;justify-content:center}main{padding:0 13px}.intro{padding:25px 0}h1{font-size:34px}.intro>div>p:last-child{font-size:11px}.eyebrow{font-size:7px}.style-grid{gap:7px}.style-card{padding:13px 9px}.style-card small{font-size:6px;letter-spacing:.6px}.style-card h3{font-size:17px}.style-card p{font-size:8px}.hud{padding:14px}.hud h2{font-size:19px}.hud .eyebrow{font-size:6px}.stats{gap:12px}.stats small{font-size:5px}.stats b{font-size:18px}.stats button{font-size:20px}.stats>span:first-child{display:none}#stage{height:430px}.view-label{left:12px;top:12px;padding:8px}.view-label small{font-size:8px;max-width:230px}.aim-controls{padding:16px 14px;gap:15px}.aim-controls label{flex:1;min-width:25%}.aim-controls>button{flex:1;font-size:11px}.crew-row{padding:0 14px 14px;gap:8px}#crew{width:100%}#crew button{flex:1;font-size:9px;padding:9px 6px}#status{margin:4px 0;text-align:left;font-size:10px}.section-head h2{font-size:21px;max-width:220px}.section-head>span{font-size:9px}#level-buttons{gap:7px}#level-buttons button{font-size:13px;padding:11px}#level-buttons small{font-size:8px}.abilities{grid-template-columns:1fr;gap:10px;margin-top:28px}.abilities>div h2 br{display:none}.abilities>div h2{font-size:26px}.abilities article{padding:17px}.abilities h3{font-size:18px}.abilities p{font-size:11px;margin-top:6px}footer{font-size:6px;gap:15px}.builder-top{padding:13px;gap:6px}.builder-top>button{font-size:10px;padding:8px}.inspector{padding:10px 13px 16px;gap:10px}.inspector label{flex:1;min-width:35%}.inspector button{flex:1;max-width:none}.arena .hint{font-size:10px;padding:0 13px}.save-row button{font-size:10px;padding:10px}#editor h2{font-size:24px}#overlay>div{padding:24px;min-width:270px}#overlay h2{font-size:29px}}
.landing-readout{display:flex;gap:20px;align-items:center;background:#23323c;color:#fff5c5;padding:11px 24px;font-size:12px;flex-wrap:wrap}.landing-readout strong{font-size:9px;letter-spacing:1px;color:#a2e5e0}.landing-readout small{color:#c2cccd;font-size:9px;margin-left:auto}.target-key{position:absolute;bottom:17px;left:17px;display:flex;gap:12px;padding:8px 12px;background:#182931dc;border:1px solid #ffffff22;border-radius:8px;pointer-events:none;font-size:9px;color:#f6bd74}.target-key span:nth-child(2){color:#ccaff2}.target-key span:nth-child(3){color:#8be0c6}.inspector{flex-wrap:wrap}.inspector label{min-width:100px}.stats #sound[aria-pressed=true]{background:#eee5f6;border-radius:8px}@media(max-width:600px){.landing-readout{gap:8px 15px;padding:10px 14px;font-size:11px}.landing-readout small{width:100%;margin-left:0;font-size:8px}.target-key{bottom:55px;left:10px;font-size:8px;padding:6px 9px;gap:10px}.stats{gap:8px}.inspector label{min-width:40%}}