:root{--ink:#3d2b22;--ink-soft:#7a5f4e;--paper:#fffaf0;--pink:#ff7fb3;--pink-dark:#e05a92;--mint:#8fd14f;--orange:#ff9d4d;--sky:#7fcdf2;--panel:#fffaf0f2;--shadow:0 4px 0 #3d2b2247;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,system-ui,sans-serif;overflow:hidden}#game,#game canvas{image-rendering:pixelated;position:fixed;inset:0}button{font:inherit;cursor:pointer}kbd{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:4px;padding:0 4px;font-family:Silkscreen,monospace;font-size:.75em}[hidden]{display:none!important}#menu{z-index:10;background:linear-gradient(#a7d8ff99,#fbe7efd9),repeating-linear-gradient(90deg,#0000 0 32px,#ffffff26 32px 64px);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.menu-card{background:var(--panel);border:4px solid var(--ink);text-align:center;border-radius:18px;width:min(560px,100%);padding:24px;box-shadow:0 8px #3a2d4f4d}.logo{color:var(--mint);text-shadow:3px 3px 0 var(--ink);letter-spacing:1px;margin:0;font-family:Silkscreen,monospace;font-size:clamp(36px,9vw,56px);line-height:1}.logo span{color:var(--pink)}.tagline{color:var(--ink-soft);margin:8px 0 18px;font-weight:800}.menu-grid{text-align:left;grid-template-columns:140px 1fr;align-items:start;gap:18px;display:grid}@media (max-width:480px){.menu-grid{grid-template-columns:1fr}}.preview{border:3px solid var(--ink);background:linear-gradient(#cdeaff,#e9f7e6);border-radius:12px;place-items:center;height:180px;display:grid}#preview{image-rendering:pixelated;animation:1.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.form label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px;font-size:13px;font-weight:800;display:block}.form input{width:100%;font:inherit;border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px;font-weight:800}.choices{flex-wrap:wrap;gap:6px;display:flex}.choice{background:#fff;border:3px solid #0000;border-radius:10px;padding:2px;line-height:0}.choice canvas{image-rendering:pixelated}.choice.active{border-color:var(--ink);box-shadow:var(--shadow)}.swatch{border:3px solid #fff;border-radius:8px;outline:2px solid #0000;width:30px;height:30px}.swatch.active{outline-color:var(--ink)}.menu-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.big{border:3px solid var(--ink);background:var(--pink);color:#fff;text-shadow:2px 2px 0 var(--pink-dark);box-shadow:0 5px 0 var(--ink);border-radius:12px;padding:10px 28px;font-family:Silkscreen,monospace;font-size:20px;transition:transform 60ms}.big:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.big:disabled{opacity:.6;cursor:wait}.ghost{border:3px solid var(--ink);color:var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:12px;padding:10px 18px;font-weight:800}.join-note{color:var(--pink-dark);margin:14px 0 0;font-weight:800}.error{color:#c0392b;font-weight:800}.fine{color:var(--ink-soft);margin:16px 0 0;font-size:12px}#loading{z-index:9;background:#a7d8ffd9;place-content:center;justify-items:center;font-family:Silkscreen,monospace;display:grid;position:fixed;inset:0}.spinner{background:var(--pink);border:3px solid var(--ink);width:32px;height:32px;animation:.9s steps(4,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud .ui,#hud button,#hud input{pointer-events:auto}#hud section{position:absolute}.top-left{gap:8px;width:min(300px,100vw - 24px);display:grid;top:12px;left:12px}.hp{background:var(--panel);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-family:Silkscreen,monospace;display:flex}.heart{color:#ff5c8a}.hp-bar{border:2px solid var(--ink);background:#f0dbe5;border-radius:6px;flex:1;height:12px;overflow:hidden}#hp-fill{background:linear-gradient(#ff9ab8,#ff5c8a);width:100%;height:100%;transition:width .15s}.weapon{background:var(--panel);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:10px;padding:8px 10px 12px;display:flex;position:relative}#weapon-icon canvas{image-rendering:pixelated;background:#fde9f3;border-radius:8px;display:block}.weapon-text{min-width:0;display:grid}.weapon-text b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weapon-text small{color:var(--ink-soft);font-weight:800}.weapon-text .desc{font-size:11px;font-weight:600}.cooldown{background:#f0dbe5;border-radius:2px;height:3px;position:absolute;bottom:4px;left:10px;right:10px;overflow:hidden}#cooldown{background:var(--mint);width:100%;height:100%}.pill{border:3px solid var(--ink);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:6px 12px;font-weight:800}.pill.accent{background:var(--pink);color:#fff}.pill.icon{width:38px;padding:6px 0}.pill.on{background:#ffb3a7}.pill:disabled{cursor:default;opacity:.85}#btn-forge{justify-self:start}.top-right{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100vw - 340px);display:flex;top:12px;right:12px}@media (max-width:760px){.top-right{max-width:calc(100vw - 24px);top:auto;bottom:96px}}.ping{text-align:right;width:100%;color:var(--ink-soft);font-family:Silkscreen,monospace;font-size:10px}.chat{width:min(380px,100vw - 24px);bottom:96px;left:12px}#chat-log{opacity:.55;scrollbar-width:thin;gap:3px;max-height:180px;transition:opacity .4s;display:grid;overflow-y:auto}#chat-log.fresh,.chat:hover #chat-log{opacity:1}.line{color:var(--ink);overflow-wrap:anywhere;background:#fffaf0eb;border:2px solid #3d2b222e;border-radius:8px;justify-self:start;max-width:100%;padding:2px 8px;font-size:13px;font-weight:700}.line b{text-shadow:-1px 0 0 var(--ink), 1px 0 0 var(--ink), 0 -1px 0 var(--ink), 0 1px 0 var(--ink)}.line.sys{color:#8a2f5b;background:#ffe4f0f0;border-color:#8a2f5b33;font-weight:700}#chat-input{width:100%;font:inherit;border:3px solid var(--ink);border-radius:10px;margin-top:6px;padding:8px 10px;font-weight:700}.bottom{text-align:center;max-width:calc(100vw - 24px);bottom:12px;left:50%;transform:translate(-50%)}.hint{color:#fff;text-shadow:0 1px 2px #3a2d4fcc;margin:0 0 6px;font-size:12px;font-weight:800}#hotbar{background:var(--panel);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:12px;gap:4px;padding:5px;display:flex;overflow-x:auto}.slot{background:#fff;border:3px solid #e8d7e2;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.slot canvas{image-rendering:pixelated;max-width:34px}.slot.active{border-color:var(--pink-dark);background:#ffe3f1;transform:translateY(-2px)}.slot .key{color:var(--ink-soft);font-family:Silkscreen,monospace;font-size:9px;position:absolute;top:-1px;left:2px}.banner{border:3px solid var(--ink);box-shadow:var(--shadow);pointer-events:auto;background:#ffe08a;border-radius:12px;padding:8px 14px;font-weight:800;position:absolute;top:70px;left:50%;transform:translate(-50%)}.banner button{border:2px solid var(--ink);background:#fff;border-radius:8px;font-weight:800}.toast{background:var(--ink);color:#fff;border-radius:999px;padding:6px 14px;font-weight:800;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.dead{text-align:center;color:#fff;text-shadow:3px 3px 0 var(--ink);background:#ff8fc740;place-content:center;font-family:Silkscreen,monospace;display:grid;position:absolute;inset:0}.dead b{font-size:48px}.dead span{font-size:20px}.modal{background:#3a2d4f59;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.panel{background:var(--paper);border:4px solid var(--ink);border-radius:18px;width:min(660px,100%);max-height:calc(100vh - 32px);padding:20px;position:relative;overflow-y:auto;box-shadow:0 8px #3a2d4f4d}.panel.small{width:min(360px,100%)}.panel h2{margin:0 0 6px;font-family:Silkscreen,monospace}.panel h3{margin:18px 0 8px}.panel h3 small{color:var(--ink-soft);font-weight:600}.sub{color:var(--ink-soft);margin:0 0 12px;font-weight:600}.close{border:3px solid var(--ink);background:#fff;border-radius:8px;width:34px;height:34px;font-weight:800;position:absolute;top:10px;right:10px}.forge-row{gap:8px;display:flex}.forge-row input{min-width:0;font:inherit;border:3px solid var(--ink);border-radius:10px;flex:1;padding:10px 12px;font-weight:800}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chips button{border:2px solid var(--ink);background:#fff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.status{min-height:1.4em;color:var(--pink-dark);margin:10px 0 0;font-weight:800}.ai-note{color:var(--ink-soft);margin:4px 0 0;font-size:12px}.gallery{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.card{background:#fff;border:3px solid #e8d7e2;border-radius:10px;align-items:stretch;min-width:0;display:flex;overflow:hidden}.card .equip{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px;display:flex}.card .share{background:0 0;border:0;border-left:2px dashed #eedbe6;flex:none;padding:0 8px}.card .share:hover,.card .equip:hover{background:#fff3f9}.card canvas{image-rendering:pixelated;flex:none}.card span{min-width:0;display:grid}.card b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.card small{color:var(--ink-soft);font-size:11px;font-weight:700}.card.equipped{border-color:var(--mint);background:#eefaf2}.prow{border-bottom:2px dashed #eedbe6;align-items:center;gap:8px;padding:6px 0;font-weight:800;display:flex}.prow i{border:2px solid var(--ink);border-radius:4px;width:14px;height:14px}.prow span{flex:1}.prow button{border:2px solid var(--ink);background:#fff;border-radius:8px;font-weight:700}.help-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-bottom:14px;font-weight:700;display:grid}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input{-webkit-user-select:text;user-select:text}#game canvas{touch-action:none}#touch{pointer-events:none;height:0;position:absolute;inset:auto 0 0}#touch .dpad,#touch .tbtn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}#touch .dpad{left:max(12px, env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;width:148px;height:72px;display:flex}#touch .dpad span{color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow);background:#fffaf0b3;border-radius:22px;flex:1;place-items:center;font-size:26px;display:grid}#touch .dpad span.on,#touch .tbtn.on{background:#ffe1ee;transform:translateY(2px);box-shadow:0 2px #3d2b2247}#touch .tbtn{border:3px solid var(--ink);width:72px;height:72px;box-shadow:var(--shadow);color:var(--ink);background:#fffaf0bf;border-radius:50%;place-items:center;padding:0;font-size:28px;display:grid}#touch .tjump{right:max(12px, env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));background:#8fd14fd9;font-family:Silkscreen,monospace;font-size:30px}#touch .tact{right:calc(max(12px, env(safe-area-inset-right)) + 82px);bottom:calc(40px + env(safe-area-inset-bottom));background:#ff9d4dd9;width:62px;height:62px;font-size:24px}body.touch .bottom{bottom:calc(112px + env(safe-area-inset-bottom))}body.touch .hint,body.touch #btn-forge kbd{display:none}@media (max-width:760px),(max-height:520px){.top-left{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));gap:5px;width:min(200px,50vw)}.hp{border-width:2px;border-radius:9px;gap:6px;padding:2px 8px;font-size:10px;box-shadow:0 2px #3d2b2247}.hp-bar{border-width:2px;height:7px}.weapon{border-width:2px;border-radius:9px;gap:6px;padding:3px 6px 6px;box-shadow:0 2px #3d2b2247}#weapon-icon canvas{width:32px;height:24px}.weapon-text b{font-size:12px}.weapon-text small{font-size:10px}.weapon-text .desc{display:none}.cooldown{height:2px;bottom:2px}.pill{border-width:2px;padding:3px 9px;font-size:12px;box-shadow:0 2px #3d2b2247}.pill.icon{width:30px;padding:3px 0}.top-right{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));gap:4px;max-width:46vw;bottom:auto}.ping{display:none}.chat{top:112px;bottom:auto;left:max(8px, env(safe-area-inset-left));width:min(300px,64vw)}#chat-log{max-height:84px}.line{padding:1px 6px;font-size:11px}.bottom{bottom:calc(8px + env(safe-area-inset-bottom))}.hint{margin-bottom:3px;font-size:10px}#hotbar{border-width:2px;border-radius:10px;gap:3px;padding:3px}.slot{border-width:2px;border-radius:6px;width:32px;height:32px}.slot canvas{max-width:24px}.slot .key{display:none}.banner{padding:6px 10px;font-size:13px;top:auto;bottom:50%}.dead b{font-size:32px}.modal{padding:8px}.panel{border-width:3px;border-radius:14px;padding:14px}.panel h2{padding-right:36px;font-size:18px}.sub{font-size:13px}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.forge-row .big{padding:8px 14px;font-size:15px}.chips button{font-size:12px}}@media (max-height:520px) and (orientation:landscape){.chat{top:auto;bottom:calc(52px + env(safe-area-inset-bottom));width:min(320px,40vw);left:50%;transform:translate(-50%)}body.touch .bottom{bottom:calc(8px + env(safe-area-inset-bottom))}body.touch .chat{bottom:calc(50px + env(safe-area-inset-bottom))}#touch .dpad{width:132px;height:64px}#touch .tjump{width:64px;height:64px}#touch .tact{width:56px;height:56px;right:calc(max(12px, env(safe-area-inset-right)) + 74px);bottom:calc(30px + env(safe-area-inset-bottom))}}#bg{z-index:0;--sx:0;--sy:0;pointer-events:none;background:linear-gradient(#7fcdf2 0%,#b4e3f8 45%,#e8f7fb 75%);position:fixed;inset:0;overflow:hidden}#game{z-index:1}.bg-sun{width:64px;height:64px;transform:translateY(calc(var(--sy) * -.02px));background:#fffdf2;border-radius:50%;position:absolute;top:8%;right:14%;box-shadow:0 0 0 14px #fff8d88c,0 0 70px 34px #ffffe680}.bg-layer{background-repeat:repeat-x;background-size:auto 100%;position:absolute;bottom:0;left:0;right:0}.bg-clouds{background-position-x:calc(var(--sx) * -.05px);height:28%;transform:translateY(calc(var(--sy) * -.03px));opacity:.95;top:3%;bottom:auto}.bg-town{background-position:calc(var(--sx) * -.1px) bottom;height:95%;transform:translateY(calc(var(--sy) * -.05px))}.bg-far{background-position:calc(var(--sx) * -.18px) bottom;height:80%;transform:translateY(calc(var(--sy) * -.09px))}.bg-mid{background-position:calc(var(--sx) * -.32px) bottom;height:72%;transform:translateY(calc(var(--sy) * -.16px))}.px-icon{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;pointer-events:none;flex:none}.pill,.close,.card .share,#touch .tbtn,#touch .dpad span{justify-content:center;align-items:center;gap:5px;display:inline-flex}.close{padding:0}.heart{display:inline-flex}.weapon-text small .px-icon,.card small .px-icon,.ai-note .px-icon{vertical-align:-2px;margin:0 1px}.panel h2 .px-icon,.panel h3 .px-icon{vertical-align:-3px}.sub .px-icon{vertical-align:-2px}#touch{z-index:2}.modal{z-index:3}@media (max-width:520px){.gallery{grid-template-columns:1fr}}