#touch-super{position:fixed;left:16px!important;right:auto!important;bottom:72px;z-index:25;pointer-events:auto;touch-action:manipulation}#touch-super-ring{position:fixed;left:16px!important;right:auto!important;bottom:72px;width:48px;height:48px;border-radius:50%;pointer-events:none;z-index:24}.nav-card{padding:8px!important;min-width:0!important}.title-buttons .card{padding:8px;min-width:120px}.title-buttons{max-width:440px;margin:0 auto}.overlay .nav-card{min-height:48px!important;width:180px!important;padding:8px!important}@font-face{font-family:W95FA;src:url(/fonts/w95fa.woff2) format("woff2"),url(/fonts/W95FA.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--px-font: "Press Start 2P", "W95FA", ui-monospace, monospace}html,body{height:100%;margin:0;background:#0d0f1a;overflow:hidden;image-rendering:pixelated}.title-buttons{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));grid-auto-rows:minmax(60px,auto);gap:12px;align-items:stretch;justify-items:stretch}.title-buttons .card{min-height:60px}#jeeves-badge{position:fixed;right:12px;top:12px;z-index:50}#game-canvas{display:block;width:100vw;height:100vh;position:fixed;left:0;top:0}#hud{position:fixed;top:8px;left:8px;padding:2px 6px;pointer-events:none;z-index:20}#hud .hc-wrap{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;background:#0d111fe0;border:1px solid #2e3c63;border-radius:4px;box-shadow:inset 0 1px #9be3ff0f}#hud .hc-label{color:#9fb2d8;font-size:8px;letter-spacing:1px;font-family:var(--px-font)}#hud .hc-digit{display:inline-block;min-width:12px;padding:2px 2px 1px;text-align:center;color:#9be3ff;font-size:12px;background:#0b1224;border:1px solid #1c2542;border-radius:2px;box-shadow:inset 0 0 8px #0009;font-family:W95FA,ui-monospace,monospace;letter-spacing:.5px}#hpbar{position:fixed;left:0;top:0;display:none;pointer-events:none;z-index:15;will-change:transform}#hpbar #hppips{display:flex;gap:2px;padding:2px 3px;background:#0d111fa6;border:1px solid rgba(46,60,99,.8);border-radius:3px}#hpbar .pip{width:7px;height:5px;border-radius:1px;background:#ffffff1f}#hpbar .pip.on{background:#5cf2a4}#hpbar.hp-warn .pip.on{background:#ffd23e}#hpbar.hp-danger .pip.on{background:#ff5964}#inventory{position:fixed;bottom:40px;right:8px;color:#eaf6ff;background:#0d111fd9;border:1px solid #2e3c63;border-radius:6px;font-family:W95FA,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;font-size:12px;padding:8px;display:grid;gap:6px;z-index:20}@media (max-width: 520px),(max-height: 520px) and (orientation: portrait){.overlay{padding:12px}.overlay .card{width:90vw;max-width:320px}.overlay .card+.card{margin-top:10px}.overlay>div[style*="display: flex"][style*="gap: 14px"]{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.title-buttons{grid-template-columns:1fr!important;grid-auto-rows:minmax(52px,auto)!important;gap:10px!important}.go-wrap{flex-direction:column!important;align-items:stretch!important}.pause-actions .card{min-height:34px;padding:6px;font-size:12px}}#touch-pause{position:fixed;left:10px;bottom:18px;z-index:60;padding:6px 10px;font-size:12px;pointer-events:auto;touch-action:manipulation}#inventory .slotgroup strong{display:block;font-size:11px;color:#9be3ff;margin-bottom:4px}#inventory .slots{display:grid;grid-template-columns:repeat(1,1fr);gap:4px}#inventory .slot{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#ffffff0d;border:1px solid rgba(155,227,255,.2);border-radius:6px}#inventory .slot .icon{width:18px;text-align:center;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}#inventory .slot .label{font-size:12px}#xpbar{position:fixed;left:50%;transform:translate(-50%);bottom:10px;width:60vw;max-width:800px;height:14px;background:#0d111fe0;border:1px solid #2e3c63;border-radius:4px;overflow:hidden;z-index:20}#xpbar #xpfill{height:100%;width:0%;background:linear-gradient(90deg,#21a87e,#33d6a6)}.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;gap:16px;background:#00000073;z-index:30}.overlay .pause-container,.overlay .overlay-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.overlay .go-wrap{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.death-flash{position:fixed;inset:0;pointer-events:none;z-index:80;background:#78001e00}@keyframes deathPulse{0%{background:#78001e00}10%{background:#78001ea6}to{background:#78001e00}}.overlay{pointer-events:auto}.overlay .card{width:260px;min-height:96px;padding:14px;color:#0b1020;background:linear-gradient(#bfc6d1,#9aa4b3);image-rendering:pixelated;background-image:repeating-linear-gradient(45deg,#ffffff0d 0 2px,#0000000a 2px 4px),linear-gradient(#bfc6d1,#9aa4b3);border:1px solid #2a2f39;border-radius:4px;text-align:left;font-family:W95FA,Tahoma,"MS Sans Serif",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;cursor:pointer;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0003,0 1px 2px #00000040}.overlay .debug-panel.card{min-height:34px;padding:4px}.overlay .debug-panel .card{min-height:20px;padding:1px 6px;font-size:12px;line-height:1.2;pointer-events:auto}.overlay .card:hover{filter:brightness(1.05)}.overlay .card .cardrow{display:flex;align-items:center;gap:6px;margin:2px 0}.overlay .card .cardicon{font-size:18px}.overlay .card .carddesc{opacity:.85;font-size:13px}.overlay .card .grid-characters{max-width:820px}@media (max-width: 900px){.overlay .card .grid-characters{grid-template-columns:repeat(2,minmax(140px,1fr))!important}}@media (max-width: 520px){.overlay .card .grid-characters{grid-template-columns:1fr!important}}.char-swatch{position:relative;overflow:hidden}.char-swatch:before{content:"";position:absolute;left:0;right:0;bottom:0;height:78%;background:linear-gradient(to bottom,#0000000d,#0000001f);clip-path:polygon(0% 28%,100% 0%,100% 100%,0% 100%);pointer-events:none}.char-swatch:after{content:"";position:absolute;left:0;top:0;right:0;height:56%;background:linear-gradient(#6b707b,#444a54);opacity:.25;clip-path:polygon(0 0,100% 0,100% 65%,60% 100%,0 100%);pointer-events:none}.char-blue{border-top:6px solid #2aa3ff}.char-blue:before{background:linear-gradient(to bottom,#3caaff80,#0a46aa59)}.char-red{border-top:6px solid #ff4455}.char-red:before{background:linear-gradient(to bottom,#ff506480,#8c142859)}.char-orange{border-top:6px solid #ff9b33}.char-orange:before{background:linear-gradient(to bottom,#ffbe4680,#a0501459)}.char-random{border-top:6px solid #66ffcc}.char-random:before{background:linear-gradient(to bottom,#78ffd273,#1e785a59)}.char-swatch{transition:transform .12s ease,filter .12s ease}.char-swatch:hover,.char-swatch.selected{transform:rotate(-1.5deg) translateY(-2px);filter:brightness(1.05)}.char-swatch .pose{position:absolute;right:10px;bottom:8px;font-size:22px;opacity:.95;transform:rotate(-8deg)}.char-row .char-swatch .char-name{position:static!important;font-weight:800;letter-spacing:.6px;font-size:18px;text-shadow:0 1px 0 rgba(0,0,0,.5);margin-bottom:4px}.char-row .char-swatch .carddesc{position:static!important;font-size:13px;opacity:.9;margin-top:auto}.char-blue .char-name{color:#2aa3ff}.char-red .char-name{color:#ff5a66}.char-orange .char-name{color:#ffa23c}.char-random .char-name{color:#6fc}.char-row{display:flex;gap:18px;justify-content:center;align-items:center;transform:skew(-12deg);padding:8px 6px}.char-row .char-swatch{width:25vw;max-width:300px;min-width:210px;height:160px;position:relative;overflow:hidden;border-radius:6px;box-shadow:0 4px #00000059}.char-row .char-swatch .inner{transform:skew(12deg);padding:12px;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 900px){.char-row .char-swatch{width:42vw;max-width:300px;min-width:170px}}@media (max-width: 520px){.char-row{flex-wrap:wrap}.char-row .char-swatch{width:calc(50vw - 28px);min-width:160px}}@media (max-aspect-ratio: 9/16){.char-row{flex-direction:column;transform:none}.char-row .char-swatch{width:86vw;max-width:none;height:140px}.char-row .char-swatch .inner{transform:none}}.overlay .card.selected{outline:3px solid rgba(142,255,226,.9);box-shadow:inset 0 0 0 1px #ffffff59,0 0 0 3px #00000059;filter:brightness(1.12)}.tweak-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;gap:16px;background:#00000073;z-index:35}.tweak-overlay .card{width:520px}.tweak-overlay .card strong{font-size:20px}.tweak-overlay .card .carddesc{font-size:13px}.tweak-overlay .card>button.card{min-height:34px;padding:6px 10px;font-size:14px}.enemy-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;gap:16px;background:#00000073;z-index:35}.enemy-overlay .card{width:520px}.enemy-overlay .card strong{font-size:20px}.enemy-overlay .card .carddesc{font-size:13px}.enemy-overlay .card>button.card{min-height:34px;padding:6px 10px;font-size:14px}.overlay .card .ui-selected{outline:2px dashed #00ffcc;outline-offset:2px}.debug-panel{max-width:720px}.debug-panel .carddesc{font-size:12px}.dbg-row{padding:3px!important}.dbg-row strong{font-size:12px}.dbg-row input[type=number]{height:18px;font-size:11px}.dbg-row input[type=checkbox]{width:14px;height:14px}.debug-panel .card.dbg-row{min-height:44px;width:auto;display:flex;align-items:center;justify-content:space-between}@keyframes popFade{0%{opacity:0;transform:translateY(14px) scale(.96);filter:blur(2px)}60%{opacity:1;transform:translateY(0) scale(1.03);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay .card.appear{animation:popFade .36s cubic-bezier(.2,.8,.2,1) forwards}.pause-actions{display:flex;flex-direction:column;gap:6px;width:100%}.pause-actions .card{min-height:36px;padding:8px;font-size:12px}.ns-button{background:linear-gradient(#bfc6d1,#9aa4b3);border:1px solid #2a2f39;border-right-color:#0f1115;border-bottom-color:#0f1115;color:#0b1020;font-weight:600;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0003}.ns-button:hover{filter:brightness(1.06)}.ns-button:active{filter:brightness(.95)}.overlay .card:disabled{opacity:.6;cursor:not-allowed}#hitcounter{position:fixed;left:50%;transform:translate(-50%);bottom:28px;z-index:21;font-family:ui-monospace,monospace}#ds-editor-menubar .ds-menu-label{color:#eaf6ff;font-family:W95FA,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial;font-size:13px}#ds-editor-menubar .ds-menu-dropdown{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#ds-editor-menubar .ds-menu-item{font-family:W95FA,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}#wave{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:20}#wave .hc-wrap{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#0d111fe0;border:1px solid #2e3c63;border-radius:4px;box-shadow:inset 0 1px #9be3ff0f}#wave .hc-label{color:#9fb2d8;font-size:9px;letter-spacing:1px;font-family:var(--px-font)}#wave .hc-digit{display:inline-block;min-width:14px;padding:2px 3px 1px;text-align:center;color:#ffe39a;font-size:14px;background:#2a1f0d;border:1px solid #453413;border-radius:2px;box-shadow:inset 0 0 8px #0009;font-family:W95FA,ui-monospace,monospace;letter-spacing:.5px}#hitcounter .hc-wrap{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;background:#0d111fe0;border:1px solid #2e3c63;border-radius:4px;box-shadow:inset 0 1px #9be3ff0f}#hitcounter .hc-label{color:#9fb2d8;font-size:8px;letter-spacing:1px;font-family:var(--px-font)}#hitcounter .hc-wrap,#hud .hc-wrap{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#hitcounter .hc-digit{display:inline-block;min-width:12px;padding:2px 2px 1px;text-align:center;color:#9aff9a;font-size:12px;background:#0a0;border:1px solid #060;border-radius:2px;box-shadow:inset 0 0 8px #0009,0 0 4px #00ff7840;font-family:W95FA,ui-monospace,monospace;letter-spacing:1px}#ds-level-editor-card select,#ds-level-editor-card input[type=number]{background:#0f141c;color:#eaf6ff;border:1px solid #1f2a44;border-radius:4px;padding:2px 6px}#ds-level-editor-card select:focus,#ds-level-editor-card input[type=number]:focus{outline:2px solid rgba(155,227,255,.5);outline-offset:1px}#ds-level-editor-card option{background:#0f141c;color:#eaf6ff}#ds-level-editor-card input[type=range]{accent-color:#9be3ff}#touch-left,#touch-right{position:fixed;width:120px;height:120px;border-radius:60px;background:radial-gradient(circle at 50% 50%,#c8c8d259,#28283259);border:1px dashed rgba(220,220,230,.5);pointer-events:none;display:none;z-index:40}#dbg-hud{pointer-events:none}.lvlup-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.lvlup-header{text-align:center;font-family:var(--px-font)}.lvlup-header .lvlup-title{font-size:26px;color:#ffd23e;letter-spacing:2px;text-shadow:0 0 10px rgba(255,210,62,.35),0 3px 0 #6b4400,0 0 2px #000;animation:lvlupTitleIn .28s cubic-bezier(.175,.885,.32,1.275) both,lvlupFlicker .7s steps(1) both}.lvlup-header .lvlup-sub{margin-top:10px;font-size:9px;letter-spacing:4px;color:#9be3ff;opacity:.85}.lvlup-row{display:flex;flex-direction:row;gap:16px;align-items:stretch;justify-content:center}.overlay .card.lvl-card{position:relative;width:192px;min-height:232px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px 14px;color:#eaf6ff;background:repeating-linear-gradient(0deg,rgba(155,227,255,.035) 0 1px,transparent 1px 3px),linear-gradient(180deg,#151b30,#0c101f);border:1px solid #2e3c63;border-radius:6px;box-shadow:inset 0 1px #9be3ff14,0 6px 18px #00000080;transition:transform .12s cubic-bezier(.2,0,0,1),border-color .12s,box-shadow .12s}.overlay .card.lvl-card:hover,.overlay .card.lvl-card.selected{transform:translateY(-3px);border-color:#28e0ff;outline:none;filter:none;box-shadow:inset 0 1px #9be3ff1f,0 0 0 1px #28e0ff,0 0 12px #28e0ff33,0 10px 24px #0000008c}.lvl-card .lvl-iconwell{width:88px;height:88px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#1c2545,#0a0e1d 78%);border:1px solid #2e3c63;border-radius:6px;box-shadow:inset 0 2px 12px #000000a6}.lvl-card .lvl-iconwell svg{width:64px;height:64px}.lvl-card .lvl-iconwell .lvl-emoji{font-size:44px;line-height:1}.lvl-card .lvl-text{display:flex;flex-direction:column;align-items:center;gap:8px}.lvl-card .lvl-title{font-family:var(--px-font);font-size:10px;line-height:1.6;text-align:center;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.65)}.lvl-card .lvl-desc{font-family:W95FA,ui-monospace,monospace;font-size:13px;line-height:1.35;text-align:center;color:#9fb2d8}.lvl-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-family:var(--px-font);font-size:7px;letter-spacing:1px;padding:4px 8px 3px;border-radius:3px;border:1px solid #000;white-space:nowrap}.lvl-badge--weapon{background:#0d4b63;color:#6ef0ff;border-color:#1d7fa3}.lvl-badge--levelup{background:#5a4306;color:#ffd23e;border-color:#93700f}.lvl-badge--upgrade{background:#0d5232;color:#5cf2a4;border-color:#1d8f57}.lvl-badge--super{background:#58104e;color:#ff8df1;border-color:#a03390}.overlay .card.lvl-card{opacity:0}.overlay .card.lvl-card.appear{animation:lvlCardIn .24s cubic-bezier(.175,.885,.32,1.275) both}.overlay .card.lvl-card.appear .lvl-iconwell>*{animation:lvlIconPop .2s cubic-bezier(.175,.885,.32,1.275) .13s both}@keyframes lvlCardIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lvlIconPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes lvlupTitleIn{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes lvlupFlicker{0%{opacity:.25}10%{opacity:1}16%{opacity:.45}26%{opacity:1}34%{opacity:.8}44%{opacity:1}}@media (prefers-reduced-motion: reduce){.overlay .card.lvl-card,.overlay .card.lvl-card.appear,.overlay .card.lvl-card.appear .lvl-iconwell>*,.lvlup-header .lvlup-title{animation:none!important;opacity:1!important;transform:none!important}}@media (max-width: 720px){.lvlup-row{flex-direction:column;align-items:stretch}.overlay .card.lvl-card{width:min(90vw,340px);min-height:0;flex-direction:row;padding:14px 12px 12px;gap:12px}.lvl-card .lvl-iconwell{width:56px;height:56px;flex:0 0 auto}.lvl-card .lvl-iconwell svg{width:40px;height:40px}.lvl-card .lvl-iconwell .lvl-emoji{font-size:30px}.lvl-card .lvl-text{align-items:flex-start;gap:6px}.lvl-card .lvl-title,.lvl-card .lvl-desc{text-align:left}}#inventory .slot .icon svg{width:16px;height:16px;display:block}#inventory .slotgroup strong{font-family:var(--px-font);font-size:8px;letter-spacing:1px;color:#9be3ff}
