:root{--parchment:#f0e6d0;--parchment-warm:#f5ecda;--parchment-deep:#e4d5b5;--parchment-shadow:#c9b896;--parchment-stain:#d4c4a0;--ink:#1a1410;--ink-soft:#2c241c;--ink-faint:#1a14101f;--ink-mid:#1a141073;--ink-wash:#1a14100f;--blood-ink:#3a1a14;--blood-mid:#4a2218;--accent:#8b4518;--heal:#2d4a2d;--xp:#4a3a1a;--danger:#5c1a14;--ui-font:"Special Elite", "Courier New", monospace;--hand-font:"Caveat", cursive;--ease-ink:cubic-bezier(.22, 1, .36, 1);--ease-stamp:cubic-bezier(.34, 1.4, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--parchment);width:100%;height:100%;color:var(--ink);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;touch-action:none;user-select:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}#ui-root:before{content:"";pointer-events:none;opacity:.085;mix-blend-mode:multiply;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{top:calc(1.1rem + var(--safe-top));left:calc(1.35rem + var(--safe-left));z-index:12;justify-content:flex-start;align-items:flex-start;gap:.85rem;max-width:min(14rem,28vw);display:flex;position:absolute;right:auto}.score-center{top:calc(.85rem + var(--safe-top));z-index:13;background:linear-gradient(165deg, #f5ecdaa6 0%, transparent 55%), var(--parchment);border:2.5px solid var(--ink);pointer-events:none;border-radius:40% 60% 50% 50%/55% 45%;align-items:center;gap:.75rem;max-width:min(92vw,420px);padding:.45rem .95rem .5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)rotate(-.3deg);box-shadow:3px 4px #1a14101a,inset 0 0 16px #c9b8964d}.score-divider{background:repeating-linear-gradient(180deg, var(--ink) 0 3px, transparent 3px 6px);opacity:.25;border-radius:2px;align-self:stretch;width:2px;min-height:2.4rem}.score-pair{flex-direction:column;align-items:center;gap:.05rem;min-width:2.6rem;display:flex}.score-pair .stat-label{font-size:.95rem}.score-pair .stat-value{font-size:1.35rem}.score-pair .ink-value{font-size:1.15rem}.stat-block{background:linear-gradient(165deg, #f5ecda8c 0%, transparent 55%), var(--parchment);border:2px solid var(--ink);border-radius:3px 9px 4px 7px/8px 3px 9px 4px;flex-direction:column;gap:.28rem;min-width:11.5rem;max-width:14rem;padding:.55rem .7rem .6rem;display:flex;transform:rotate(-.5deg);box-shadow:2px 3px #1a141014,inset 0 0 18px #c9b89647}.stat-label{font-family:var(--hand-font);letter-spacing:.05em;color:var(--ink-soft);opacity:.85;font-size:1.12rem;font-weight:600;line-height:1}.stat-value{letter-spacing:.06em;color:var(--ink);text-shadow:1px 1px 0 var(--parchment-deep);font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:400;line-height:1.05}.stat-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.bar-frame{border:2px solid var(--ink);background:repeating-linear-gradient(90deg, transparent, transparent 4px, #1a141008 4px, #1a141008 5px), var(--parchment-deep);width:100%;height:13px;box-shadow:1px 1px 0 var(--ink-faint), inset 0 1px 0 #ffffff2e, inset 0 -1px 0 #1a14100f;border-radius:2px 7px 3px 5px/5px 3px 7px 2px;position:relative;overflow:hidden;transform:rotate(-.35deg)}.bar-frame:after{content:"";pointer-events:none;opacity:.55;z-index:2;background:linear-gradient(90deg,#0000 24.5%,#1a14101a 25%,#0000 25.5% 49.5%,#1a14101a 50%,#0000 50.5% 74.5%,#1a14101a 75%,#0000 75.5%);position:absolute;inset:0}.bar-fill{transform-origin:0;width:100%;height:100%;transition:transform .14s var(--ease-ink);z-index:1;border-radius:1px;position:relative}.bar-fill.hp{background:linear-gradient(180deg, #ffffff14 0%, transparent 45%), repeating-linear-gradient(-42deg, var(--blood-ink), var(--blood-ink) 3px, var(--blood-mid) 3px, var(--blood-mid) 6px);box-shadow:inset 0 -1px #00000026}.bar-fill.hp.critical{animation:.55s ease-in-out infinite alternate hp-bleed}@keyframes hp-bleed{0%{filter:brightness()}to{filter:brightness(1.35)saturate(1.2)}}.stat-block.critical{border-color:var(--danger);animation:.7s ease-in-out infinite alternate vellum-panic;box-shadow:2px 3px #5c1a142e,inset 0 0 18px #5c1a141f}@keyframes vellum-panic{0%{transform:rotate(-.5deg)}to{transform:rotate(.4deg)scale(1.01)}}.bar-fill.xp{background:linear-gradient(180deg, #ffffff0f 0%, transparent 50%), repeating-linear-gradient(48deg, var(--ink-soft), var(--ink-soft) 2px, #3a3028 2px, #3a3028 5px)}.bar-frame.xp-frame{border-width:1.5px;height:9px;margin-top:5px;transform:rotate(.45deg)}.lvl-label{letter-spacing:.08em;margin-top:3px;font-size:1rem!important}.timer-block{text-align:center;box-shadow:none;background:0 0;border:none;min-width:5.5rem;padding:0;transform:none}.timer-value{letter-spacing:.12em;font-variant-numeric:tabular-nums;text-shadow:1px 1px 0 var(--parchment-deep);font-size:1.85rem;line-height:1}.wave-label{font-family:var(--hand-font);opacity:.72;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;max-width:11rem;margin-top:.1rem;font-size:1rem;line-height:1.15;overflow:hidden}.wave-label.wave-pop{animation:wave-pop .55s var(--ease-stamp) both}@keyframes wave-pop{0%{opacity:.4;transform:scale(.92)}40%{opacity:1;transform:scale(1.08)}to{opacity:.72;transform:scale(1)}}.wave-flash{pointer-events:none;opacity:0;z-index:16;background:radial-gradient(at 50% 40%,#1a14101f 0%,#0000 55%),radial-gradient(#0000 40%,#5c1a1414 100%);position:absolute;inset:0}.wave-flash.show{animation:wave-wash .55s var(--ease-ink) both}@keyframes wave-wash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.kills-block{text-align:center;min-width:0;box-shadow:none;background:0 0;border:none;align-items:center;gap:.65rem;padding:0;display:flex;transform:none}.skills-strip{bottom:calc(1.35rem + var(--safe-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;max-width:calc(100vw - 1.5rem);padding:.35rem .55rem;display:flex;position:absolute;left:50%;overflow:auto visible;transform:translate(-50%)}.skills-strip::-webkit-scrollbar{display:none}.skill-slot{border:2.5px solid var(--ink);background:radial-gradient(ellipse at 35% 30%, #fff3, transparent 55%), var(--parchment);width:46px;height:46px;box-shadow:2px 2px 0 var(--ink-faint), inset 0 0 0 1px #ffffff1f;transform:rotate(var(--rot,0deg));border-radius:42% 58% 55% 45%/55% 42% 58% 45%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:relative}.skill-slot .lvl{font-family:var(--hand-font);background:var(--parchment);border:1.5px solid var(--ink);width:17px;height:17px;box-shadow:1px 1px 0 var(--ink-faint);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-5px;right:-5px}.skill-slot.empty{opacity:.32;box-shadow:none;color:var(--ink-mid);background:0 0;border-style:dashed;border-width:2px;font-size:1rem}.hurt-vignette{pointer-events:none;opacity:0;z-index:50;background:radial-gradient(#0000 38%,#5c1a1480 100%);transition:opacity .14s ease-out;position:absolute;inset:0}.hurt-vignette.active{opacity:1;animation:.18s ease-out both hurt-pulse}@keyframes hurt-pulse{0%{opacity:.35}40%{opacity:1}to{opacity:.85}}.overlay{padding:calc(.75rem + var(--safe-top)) calc(.75rem + var(--safe-right)) calc(.75rem + var(--safe-bottom)) calc(.75rem + var(--safe-left));backdrop-filter:blur(2.5px);pointer-events:auto;z-index:20;animation:ink-bleed-in .48s var(--ease-ink) both;-webkit-overflow-scrolling:touch;background:radial-gradient(at 50% 42%,#f0e6d080 0%,#e4d5b5e0 70%),#f0e6d0c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay.hidden{display:none}@keyframes ink-bleed-in{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}.panel{background:radial-gradient(ellipse at 12% 8%, #c9b89659 0%, transparent 42%), radial-gradient(ellipse at 88% 92%, #b496642e 0%, transparent 40%), linear-gradient(168deg, var(--parchment-warm) 0%, var(--parchment) 48%, var(--parchment-deep) 100%);border:3px solid var(--ink);--panel-rot:-.55deg;width:100%;max-width:min(540px,94vw);transform:rotate(var(--panel-rot));text-align:center;animation:panel-stamp .42s var(--ease-stamp) both;border-radius:4px 14px 6px 11px/11px 5px 13px 4px;padding:2.1rem 2.2rem 1.85rem;position:relative;box-shadow:7px 9px #1a14101a,2px 3px #1a14100f,inset 0 0 48px #c9b89652,inset 0 1px #ffffff40}@keyframes panel-stamp{0%{opacity:0;transform:rotate(calc(var(--panel-rot) - 2.4deg)) scale(1.08)}55%{opacity:1;transform:rotate(calc(var(--panel-rot) + .7deg)) scale(.99)}to{opacity:1;transform:rotate(var(--panel-rot)) scale(1)}}.panel:before{content:"";border:1.5px dashed var(--ink-mid);pointer-events:none;opacity:.32;border-radius:2px 9px 3px 8px/8px 2px 9px 3px;position:absolute;inset:7px}.panel:after{content:"";pointer-events:none;background:radial-gradient(#1a141024 0%,#0000 70%);border-radius:60% 40% 55% 45%;width:14px;height:11px;position:absolute;top:10px;right:14px;transform:rotate(25deg)}.panel-kicker{font-family:var(--hand-font);letter-spacing:.12em;text-transform:lowercase;opacity:.5;margin-bottom:.15rem;font-size:1.05rem}.panel-title{font-family:var(--hand-font);letter-spacing:.025em;text-shadow:1px 1px #c9b89680;margin-bottom:.3rem;font-size:clamp(2.35rem,6.2vw,3.35rem);font-weight:700;line-height:1.02}.panel-sub{opacity:.72;letter-spacing:.035em;max-width:28em;margin-bottom:1.45rem;margin-left:auto;margin-right:auto;font-size:.92rem;line-height:1.55}.panel-sub strong{color:var(--ink);opacity:1;letter-spacing:.06em;font-weight:400}.panel-sub .epitaph{font-family:var(--hand-font);letter-spacing:.03em;opacity:.85;color:var(--ink-soft);margin-top:.65rem;font-size:1.15rem;display:block}.ink-btn{pointer-events:auto;font-family:var(--hand-font);color:var(--parchment);background:var(--ink);cursor:pointer;letter-spacing:.05em;box-shadow:3px 4px 0 var(--parchment-shadow), inset 0 1px 0 #ffffff14;transition:transform .12s var(--ease-ink), box-shadow .12s;transform:rotate(var(--btn-rot,-1deg));border:none;border-radius:42% 58% 48% 52%/52% 44% 56% 48%;padding:.58rem 1.9rem .68rem;font-size:1.55rem;font-weight:700;position:relative}.ink-btn:after{content:"";border-radius:inherit;pointer-events:none;border:1px dashed #f0e6d038;position:absolute;inset:3px}.ink-btn:hover{transform:rotate(var(--btn-rot,-1deg)) scale(1.045) translateY(-1px);box-shadow:4px 6px 0 var(--parchment-shadow), inset 0 1px 0 #ffffff1a}.ink-btn:active{transform:rotate(var(--btn-rot,-1deg)) scale(.97) translateY(2px);box-shadow:1px 1px 0 var(--parchment-shadow), inset 0 2px 4px #00000040}.ink-btn:focus-visible{outline:2px dashed var(--ink);outline-offset:4px}.controls-hint{opacity:.52;letter-spacing:.07em;margin-top:1.35rem;font-size:.8rem;line-height:1.65}.skill-picker{flex-direction:column;gap:.75rem;margin-top:.35rem;display:flex}.skill-card{pointer-events:auto;text-align:left;background:linear-gradient(135deg, #ffffff1f 0%, transparent 40%), var(--parchment-deep);border:2.5px solid var(--ink);cursor:pointer;transition:transform .13s var(--ease-ink), background .13s, box-shadow .13s;transform:rotate(var(--card-rot,0deg));-webkit-tap-highlight-color:transparent;animation:card-settle .38s var(--ease-stamp) both;animation-delay:calc(var(--card-i,0) * 40ms);border-radius:5px 11px 4px 9px/9px 4px 11px 5px;align-items:center;gap:.95rem;padding:.8rem 1rem;display:flex;position:relative;box-shadow:2px 3px #1a14101a,inset 0 0 20px #c9b89626}.skill-card .key-hint{font-family:var(--ui-font);letter-spacing:.06em;opacity:.7;width:1.15rem;height:1.15rem;color:var(--ink);background:#f0e6d0a6;border:1.5px solid #1a141059;border-radius:3px 5px 3px 4px/4px 3px 5px;justify-content:center;align-items:center;font-size:.68rem;line-height:1;display:flex;position:absolute;top:.35rem;right:.45rem}@keyframes card-settle{0%{opacity:0;transform:rotate(calc(var(--card-rot,0deg) - 3deg)) translateY(10px) scale(.96)}to{opacity:1;transform:rotate(var(--card-rot,0deg)) translateY(0) scale(1)}}.skill-card:before{content:"";background:var(--ink);opacity:.15;border-radius:0 2px 2px 0;width:3px;position:absolute;top:12%;bottom:12%;left:0}.skill-card:hover,.skill-card:focus-visible{transform:rotate(var(--card-rot,0deg)) scale(1.022) translateX(5px);background:linear-gradient(135deg,#ffffff2e 0%,#0000 40%),#ebe0c4;outline:none;box-shadow:4px 5px #1a141024,inset 0 0 20px #c9b89633}.skill-card:active{transform:rotate(var(--card-rot,0deg)) scale(.985) translateX(2px);box-shadow:1px 1px #1a14101f}.skill-card .icon-wrap{border:2px solid var(--ink);background:var(--parchment);border-radius:45% 55% 50% 50%/55% 45%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;transform:rotate(-3deg);box-shadow:1px 2px #1a141014}.skill-card .icon{text-align:center;flex-shrink:0;width:auto;font-size:1.55rem;line-height:1}.skill-card .meta{flex:1;min-width:0}.skill-card .name{font-family:var(--hand-font);letter-spacing:.02em;font-size:1.42rem;font-weight:700;line-height:1.08}.skill-card .desc{opacity:.72;letter-spacing:.025em;margin-top:.18rem;font-size:.78rem;line-height:1.38}.skill-card .tag{text-transform:uppercase;letter-spacing:.1em;opacity:.55;white-space:normal;background:#f0e6d073;border:1px solid #1a141038;border-radius:2px 5px 2px 4px/4px 2px 5px;max-width:100%;margin-top:.28rem;padding:.12rem .4rem .08rem;font-size:.68rem;line-height:1.35;display:inline-block}.skill-card .tag.is-new{opacity:.75;background:#1a14100f;border-color:#1a141066}.float-layer{pointer-events:none;z-index:15;position:absolute;inset:0;overflow:hidden}.float-num{font-family:var(--hand-font);color:var(--ink);pointer-events:none;text-shadow:0 0 2px var(--parchment), 1px 1px 0 var(--parchment), -1px 0 0 var(--parchment);animation:float-up .74s var(--ease-ink) forwards;z-index:15;--float-rot:-3deg;font-size:1.35rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.float-num.crit{color:var(--danger);letter-spacing:.04em;text-shadow:0 0 3px var(--parchment), 1px 1px 0 var(--parchment), -1px 0 0 var(--parchment), 0 0 12px #5c1a1459;font-size:1.9rem}.float-num.heal{color:var(--heal);font-size:1.25rem}@keyframes float-up{0%{opacity:1;transform:translate(-50%, -50%) scale(.5) rotate(var(--float-rot))}16%{transform:translate(-50%, -70%) scale(1.2) rotate(calc(var(--float-rot) * -.3))}to{opacity:0;transform:translate(-50%, -150%) scale(.86) rotate(calc(var(--float-rot) * .5))}}.level-banner{font-family:var(--hand-font);color:var(--ink);opacity:0;pointer-events:none;z-index:18;text-shadow:2px 2px 0 var(--parchment), -1px 0 0 var(--parchment);letter-spacing:.08em;border:3px solid var(--ink);background:#f0e6d0b8;border-radius:3px 10px 4px 8px/8px 3px 10px 4px;padding:.35rem 1.1rem;font-size:clamp(1.9rem,5vw,2.9rem);font-weight:700;position:absolute;top:20%;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:3px 4px #1a14101a}.level-banner.show{animation:stamp-in .95s var(--ease-ink) both}@keyframes stamp-in{0%{opacity:0;filter:blur(2px);transform:translate(-50%)rotate(-12deg)scale(1.75)}22%{opacity:1;filter:blur();transform:translate(-50%)rotate(-1.2deg)scale(.97)}32%{transform:translate(-50%)rotate(.6deg)scale(1.03)}68%{opacity:1}to{opacity:0;transform:translate(-50%)rotate(1.5deg)scale(.94)}}.mobile-hint{bottom:calc(5.4rem + var(--safe-bottom));font-family:var(--hand-font);opacity:.42;letter-spacing:.04em;white-space:nowrap;transition:opacity .45s var(--ease-ink), transform .45s var(--ease-ink);background:#f0e6d059;border:1px dashed #1a141033;border-radius:3px 6px 3px 5px/5px 3px 6px;padding:.2rem .65rem;font-size:1.08rem;display:none;position:absolute;left:50%;transform:translate(-50%)}.mobile-hint.gone{pointer-events:none;transform:translate(-50%)translateY(8px);opacity:0!important}@media (width<=720px),(pointer:coarse){.mobile-hint{display:block}.hud-top{top:calc(.65rem + var(--safe-top));left:calc(.6rem + var(--safe-left));right:calc(.6rem + var(--safe-right));gap:.45rem}.stat-block{gap:.2rem;min-width:7.2rem;max-width:9.5rem;padding:.4rem .5rem .45rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.98rem}.score-center{top:calc(.55rem + var(--safe-top));gap:.45rem;max-width:min(58vw,280px);padding:.35rem .55rem .4rem}.timer-block{min-width:4rem;padding:0}.timer-value{letter-spacing:.08em;font-size:1.25rem}.wave-label{max-width:6.5rem;font-size:.8rem}.kills-block{gap:.4rem;min-width:0;padding:0}.score-pair .stat-value{font-size:1.1rem}.score-pair .stat-label{font-size:.8rem}.score-divider{min-height:1.8rem}.hud-top{max-width:min(9.5rem,30vw)}.skills-strip{bottom:calc(.85rem + var(--safe-bottom));gap:.4rem}.skill-slot{width:40px;height:40px;font-size:1.1rem}.panel{max-width:min(520px,96vw);padding:1.55rem 1.15rem 1.4rem}.panel-title{font-size:clamp(2rem,8vw,2.6rem)}.panel-sub{margin-bottom:1.15rem;font-size:.85rem}.skill-card{gap:.7rem;padding:.7rem .8rem}.skill-card .icon-wrap{width:2.6rem;height:2.6rem}.skill-card .icon{font-size:1.35rem}.skill-card .name{font-size:1.28rem}.skill-card .desc{font-size:.74rem}.ink-btn{min-height:2.75rem;padding:.55rem 1.5rem .62rem;font-size:1.4rem}.level-banner{padding:.28rem .75rem;font-size:clamp(1.5rem,7vw,2.2rem);top:18%}}@media (width<=380px){.stat-block{min-width:6.2rem}.timer-value{font-size:1.35rem}.wave-label{display:none}}@media (height<=420px) and (orientation:landscape){.hud-top{top:calc(.4rem + var(--safe-top))}.skills-strip{bottom:calc(.4rem + var(--safe-bottom))}.mobile-hint{display:none}.panel{max-height:92vh;padding:1rem 1.2rem;overflow-y:auto}.skill-picker{gap:.45rem}.skill-card{padding:.5rem .75rem}}.panel-wide{max-width:min(640px,94vw)}.panel-char{max-width:min(720px,96vw)}.char-select-layout{grid-template-columns:minmax(160px,240px) 1fr;align-items:stretch;gap:.85rem;margin-top:.5rem;display:grid}.char-preview-pane{flex-direction:column;gap:.45rem;display:flex}.char-preview-stage{background:radial-gradient(ellipse at 50% 70%, #e8dcb4e6, transparent 70%), var(--parchment-deep);border:2.5px solid var(--ink);border-radius:8px 16px 6px 14px/14px 6px 16px 8px;min-height:220px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #c9b89659}.char-preview-canvas{touch-action:none;max-height:280px;margin:0 auto;display:block;width:100%!important;height:auto!important}.char-preview-caption{text-align:center;font-size:.85rem;line-height:1.3}.char-preview-caption .name{font-family:var(--hand-font);font-size:1.35rem;font-weight:700}.char-preview-caption .title{letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-size:.72rem}.char-preview-caption .ok{color:var(--heal);font-family:var(--hand-font);margin-top:.25rem;font-size:1.05rem}.char-preview-caption .lock{opacity:.7;font-family:var(--hand-font);margin-top:.25rem;font-size:1.05rem}.char-picker{text-align:left;grid-template-columns:1fr;gap:.5rem;max-height:min(48vh,360px);display:grid;overflow-y:auto}.char-card{pointer-events:auto;background:var(--parchment-deep);border:2.5px solid var(--ink);cursor:pointer;color:inherit;text-align:left;transform:rotate(var(--card-rot,0deg));transition:transform .12s var(--ease-ink), background .12s, box-shadow .12s;border-radius:6px 14px 4px 12px/12px 5px 14px 6px;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;font-family:inherit;display:flex;box-shadow:2px 3px #1a14101a}.char-card:hover{transform:rotate(var(--card-rot,0deg)) scale(1.02);background:#ebe0c4}.char-card.is-selected{box-shadow:0 0 0 2px var(--ink), 3px 4px 0 #1a141024;background:#e8dcc0}.char-card.is-locked{opacity:.72}.char-card.is-locked .char-icon{filter:grayscale(.4)}.char-card.is-locked.is-selected{opacity:.9}@media (width<=640px){.char-select-layout{grid-template-columns:1fr}.char-preview-stage{min-height:180px}.char-preview-canvas{max-height:200px}}.char-icon{text-align:center;flex-shrink:0;width:2.2rem;font-size:1.75rem;line-height:1.2}.char-meta .name{font-family:var(--hand-font);font-size:1.35rem;font-weight:700;line-height:1.1}.char-meta .title{letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-top:.1rem;font-size:.72rem}.char-meta .desc{opacity:.72;margin-top:.25rem;font-size:.78rem;line-height:1.35}.char-stats{letter-spacing:.04em;opacity:.5;font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:.68rem}.well-picker .well-card{pointer-events:auto;text-align:left;background:var(--parchment-deep);border:2.5px solid var(--ink);cursor:pointer;width:100%;color:inherit;transition:transform .12s var(--ease-ink), background .12s;border-radius:4px 10px 3px 8px/8px 3px 10px 4px;align-items:center;gap:.85rem;padding:.7rem .95rem;font-family:inherit;display:flex;box-shadow:2px 3px #1a14101a}.well-card:hover:not(:disabled){background:#ebe0c4;transform:translate(3px)}.well-card:disabled,.well-card.disabled{opacity:.45;cursor:not-allowed}.lvl-pill{font-family:var(--hand-font);opacity:.65;margin-left:.25rem;font-size:.85rem}.ink-btn-ghost{color:var(--ink);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--parchment-shadow);background:0 0}.ink-btn-ghost:hover{background:var(--parchment-deep)}.ink-label{margin-top:.25rem;font-size:.95rem!important}.ink-label span{font-family:var(--ui-font);letter-spacing:.04em;font-size:1.05rem}.well-prompt{font-family:var(--hand-font);color:var(--ink);background:var(--parchment);border:2.5px solid var(--ink);pointer-events:none;z-index:12;animation:stamp-in .55s var(--ease-ink) both;border-radius:40% 60% 50% 50%/55% 45%;padding:.35rem 1.1rem .45rem;font-size:1.25rem;font-weight:700;position:absolute;bottom:5.2rem;left:50%;transform:translate(-50%)rotate(-.8deg);box-shadow:3px 3px #1a14101f}.well-prompt.hidden{display:none}.well-prompt kbd{font-family:var(--ui-font);border:1.5px solid var(--ink);background:var(--parchment-deep);border-radius:4px;padding:.05rem .35rem;font-size:.85rem}@media (width<=720px){.char-picker{grid-template-columns:1fr}.well-prompt{font-size:1.05rem;bottom:4.2rem}}.top-right-bar{pointer-events:auto;top:calc(.85rem + var(--safe-top,0px));right:calc(.85rem + var(--safe-right,0px));z-index:20;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;max-width:min(42vw,280px);display:flex;position:absolute}.crystal-chip{font-family:var(--ui-font);letter-spacing:.04em;background:var(--parchment);border:2.5px solid var(--ink);border-radius:40% 60% 50% 50%/55% 45%;justify-content:center;align-items:center;gap:.3rem;min-width:3.2rem;padding:.28rem .65rem .32rem;font-size:1.05rem;display:flex;transform:rotate(-1deg);box-shadow:2px 3px #1a14101a}.crystal-gem{font-size:1rem;line-height:1}.tr-btn{font-family:var(--hand-font);color:var(--ink);background:var(--parchment);border:2.5px solid var(--ink);cursor:pointer;transition:transform .12s var(--ease-ink), background .12s;border-radius:40% 60% 50% 50%/50% 45% 55% 50%;padding:.3rem .75rem .38rem;font-size:1.15rem;font-weight:700;transform:rotate(1.2deg);box-shadow:2px 3px #1a14101a}.tr-btn:hover{background:#ebe0c4;transform:rotate(1.2deg)scale(1.04)}.tr-btn-icon{padding:.28rem .55rem .32rem;font-size:1.2rem;transform:rotate(-1.5deg)}.tr-btn-icon:hover{transform:rotate(-1.5deg)scale(1.06)}.lb-list{text-align:left;flex-direction:column;gap:.35rem;max-height:min(50vh,400px);margin-top:.4rem;display:flex;overflow-y:auto}.lb-row{background:var(--parchment-deep);border:2px solid var(--ink);border-radius:4px 10px 3px 8px/8px 3px 10px 4px;grid-template-rows:auto auto;grid-template-columns:2.4rem 1fr auto;gap:.1rem .55rem;padding:.45rem .65rem;font-size:.85rem;display:grid}.lb-row.is-me{box-shadow:inset 0 0 0 2px var(--ink);background:#e8dcc0}.lb-rank{font-family:var(--hand-font);grid-row:1/3;align-self:center;font-size:1.25rem;font-weight:700}.lb-name{font-family:var(--hand-font);font-size:1.2rem;font-weight:700}.lb-score{font-family:var(--ui-font);letter-spacing:.04em;font-weight:700}.lb-meta{opacity:.55;letter-spacing:.04em;grid-column:2/4;font-size:.72rem}.score-name-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.5rem;margin:.75rem 0 1rem;display:flex}.score-name-label{font-family:var(--hand-font);text-align:left;flex-direction:column;gap:.25rem;font-size:1.05rem;display:flex}.score-name-label input{font-family:var(--ui-font);border:2px solid var(--ink);background:var(--parchment-deep);color:var(--ink);border-radius:4px 10px 3px 8px/8px 3px 10px 4px;min-width:10rem;padding:.4rem .6rem;font-size:.95rem}.shop-list{text-align:left;flex-direction:column;gap:.5rem;max-height:min(48vh,380px);margin-top:.35rem;display:flex;overflow-y:auto}.shop-card{pointer-events:auto;background:var(--parchment-deep);border:2.5px solid var(--ink);cursor:pointer;width:100%;color:inherit;text-align:left;transition:transform .12s var(--ease-ink), background .12s;border-radius:5px 12px 4px 10px/10px 4px 12px 5px;align-items:center;gap:.75rem;padding:.7rem .9rem;font-family:inherit;display:flex}.shop-card:hover:not(:disabled){background:#ebe0c4;transform:translate(3px)}.shop-card.is-locked,.shop-card:disabled{opacity:.45;cursor:not-allowed}.shop-icon{text-align:center;width:2.2rem;font-size:1.7rem}.shop-buy{font-family:var(--hand-font);flex-shrink:0;font-size:1.2rem;font-weight:700}.settings-list{text-align:left;flex-direction:column;gap:.65rem;margin:.5rem 0 .75rem;display:flex}.settings-row{grid-template-columns:1fr 1.2fr auto;align-items:center;gap:.5rem;font-size:.9rem;display:grid}.settings-row input[type=range]{width:100%;accent-color:var(--ink)}.set-val{font-family:var(--ui-font);opacity:.7;text-align:right;min-width:2.5rem;font-size:.85rem}.settings-check{font-family:var(--hand-font);cursor:pointer;align-items:center;gap:.55rem;font-size:1.2rem;display:flex}.settings-check input{width:1.1rem;height:1.1rem;accent-color:var(--ink)}.settings-help{border:1.5px dashed var(--ink-mid);opacity:.75;border-radius:6px 12px 4px 10px/10px 4px 12px 5px;margin-top:.35rem;padding:.65rem .75rem;font-size:.78rem;line-height:1.5}@media (width<=720px){.top-right-bar{top:calc(.45rem + var(--safe-top,0px));right:calc(.4rem + var(--safe-right,0px));gap:.25rem;max-width:min(40vw,160px)}.tr-btn{padding:.2rem .4rem .26rem;font-size:.9rem}.tr-btn#shop-btn{padding:.22rem .4rem;font-size:1.05rem}.crystal-chip{padding:.18rem .4rem;font-size:.85rem}.settings-row{grid-template-columns:1fr;gap:.2rem}}.potion-panel{pointer-events:auto;right:calc(1rem + var(--safe-right,0px));z-index:14;flex-direction:column;gap:.65rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.potion-slot{background:var(--parchment);border:2.5px solid var(--ink);cursor:pointer;width:72px;min-height:78px;color:var(--ink);transition:transform .12s var(--ease-ink), background .12s;border-radius:12px 22px 10px 18px/18px 10px 22px 12px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.45rem .35rem .55rem;font-family:inherit;display:flex;position:relative;transform:rotate(1.5deg);box-shadow:3px 4px #1a14101f}.potion-slot.bomb{transform:rotate(-1.8deg)}.potion-slot:hover:not(.is-empty){background:#ebe0c4;transform:rotate(1.5deg)scale(1.05)}.potion-slot.bomb:hover:not(.is-empty){transform:rotate(-1.8deg)scale(1.05)}.potion-slot.is-empty{opacity:.4;cursor:not-allowed;border-style:dashed}.potion-slot.is-ready{opacity:1}.potion-slot.flash{animation:potion-flash .35s var(--ease-ink)}@keyframes potion-flash{0%{transform:rotate(0)scale(1)}40%{background:#e8dcc0;transform:rotate(-4deg)scale(1.12)}to{transform:rotate(1.5deg)scale(1)}}.potion-icon{font-size:1.65rem;line-height:1}.potion-name{font-family:var(--hand-font);font-size:.95rem;font-weight:700;line-height:1}.potion-count{font-family:var(--ui-font);letter-spacing:.04em;text-align:center;background:var(--parchment-deep);border:1.5px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:1.4rem;min-width:1.2rem;height:1.4rem;margin-top:.15rem;font-size:1.05rem;font-weight:700;display:flex}.potion-slot kbd{font-family:var(--ui-font);border:1.5px solid var(--ink);background:var(--parchment-deep);border-radius:4px;padding:.05rem .28rem;font-size:.65rem;line-height:1.2;position:absolute;top:-6px;right:-4px}@media (width<=720px){.potion-panel{right:calc(.5rem + var(--safe-right,0px));gap:.45rem}.potion-slot{width:58px;min-height:64px;padding:.3rem .2rem .4rem}.potion-icon{font-size:1.3rem}.potion-name{font-size:.8rem}}.bag-fab{pointer-events:auto;bottom:calc(1.4rem + var(--safe-bottom,0px));right:calc(1.2rem + var(--safe-right,0px));border:2.5px solid var(--ink);background:var(--parchment);cursor:pointer;z-index:14;width:52px;height:52px;transition:transform .12s var(--ease-ink);border-radius:42% 58% 50% 50%/55% 45%;font-size:1.45rem;position:absolute;transform:rotate(3deg);box-shadow:3px 3px #1a14101f}.bag-fab:hover{transform:rotate(3deg)scale(1.06)}.gear-strip{bottom:calc(1.5rem + var(--safe-bottom,0px));left:calc(1.2rem + var(--safe-left,0px));z-index:12;pointer-events:none;gap:.4rem;display:flex;position:absolute}.gear-chip{font-family:var(--hand-font);background:var(--parchment);border:2px solid var(--ink);border-radius:40% 60% 50% 50%/50% 40% 60% 50%;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:1.1rem;display:flex;box-shadow:2px 2px #1a14101a}.gear-chip span{font-family:var(--ui-font);opacity:.65;font-size:.7rem}.bag-list{text-align:left;flex-direction:column;gap:.55rem;max-height:min(42vh,360px);margin:.5rem 0;display:flex;overflow-y:auto}.bag-empty{opacity:.6;padding:1rem .5rem;font-size:.9rem;line-height:1.5}.bag-card{background:var(--parchment-deep);border:2.5px solid var(--ink);border-radius:5px 12px 4px 10px/10px 4px 12px 5px;align-items:center;gap:.65rem;padding:.65rem .75rem;display:flex}.bag-card.is-equipped{box-shadow:inset 0 0 0 2px var(--ink);background:#e8dcc0}.bag-icon{text-align:center;width:2rem;font-size:1.6rem}.bag-meta{flex:1;min-width:0}.bag-meta .name{font-family:var(--hand-font);font-size:1.25rem;font-weight:700}.bag-meta .desc{opacity:.7;margin-top:.1rem;font-size:.74rem}.bag-meta .tag{opacity:.5;text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem;font-size:.68rem}.bag-actions{flex-direction:column;gap:.3rem;display:flex}.bag-actions .ink-btn{padding:.25rem .7rem .35rem;font-size:1rem}.bag-footer{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.35rem;display:flex}.unlock-row{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:.35rem;display:flex}.unlock-chip{letter-spacing:.04em;border:1.5px dashed var(--ink-mid);opacity:.45;border-radius:999px;padding:.2rem .45rem;font-size:.68rem}.unlock-chip.is-on{opacity:1;background:var(--parchment-deep);border-style:solid}.craft-picker{text-align:left;flex-direction:column;gap:.5rem;max-height:min(48vh,400px);display:flex;overflow-y:auto}.craft-card{pointer-events:auto;background:var(--parchment-deep);border:2.5px solid var(--ink);cursor:pointer;width:100%;color:inherit;text-align:left;transition:transform .12s var(--ease-ink), background .12s;border-radius:4px 12px 5px 10px/10px 4px 12px 5px;align-items:center;gap:.75rem;padding:.7rem .9rem;font-family:inherit;display:flex}.craft-card:hover:not(:disabled){background:#ebe0c4;transform:translate(3px)}.craft-card.is-locked,.craft-card:disabled{opacity:.4;cursor:not-allowed}.craft-icon{text-align:center;width:2.2rem;font-size:1.7rem}.hud-toast{font-family:var(--hand-font);background:var(--parchment);border:2.5px solid var(--ink);z-index:30;pointer-events:none;text-align:center;border-radius:40% 60% 50% 50%/55% 45%;max-width:min(90vw,420px);padding:.4rem 1rem .5rem;font-size:1.25rem;font-weight:700;position:absolute;top:28%;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:3px 3px #1a14101f}.hud-toast.hidden{display:none}.draw-studio{z-index:40;backdrop-filter:blur(3px);pointer-events:auto;background:#f0e6d0e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.draw-studio.hidden{display:none}.draw-panel{background:var(--parchment);border:3px solid var(--ink);border-radius:4px 14px 6px 12px/12px 5px 14px 4px;width:min(560px,94vw);padding:1.1rem 1.25rem 1.2rem;transform:rotate(-.4deg);box-shadow:6px 8px #1a14101f}.draw-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.draw-kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.5;font-size:.72rem}.draw-title{font-family:var(--hand-font);font-size:1.85rem;font-weight:700;line-height:1.1}.draw-quality{opacity:.75;text-align:right;font-size:.85rem}.draw-quality strong{font-family:var(--hand-font);font-size:1.35rem;display:block}.draw-hint{opacity:.65;margin:.35rem 0 .65rem;font-size:.82rem;line-height:1.4}.draw-canvas-wrap{border:2.5px solid var(--ink);background:var(--parchment-deep);touch-action:none;border-radius:3px 10px 4px 8px/8px 3px 10px 4px;overflow:hidden}.draw-canvas-wrap canvas{cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.draw-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;margin-top:.75rem;display:flex}.draw-tools .ink-btn{padding:.35rem .85rem .42rem;font-size:1.15rem}.brush-label{font-family:var(--hand-font);align-items:center;gap:.35rem;font-size:1.05rem;display:flex}.brush-label input{width:90px;accent-color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}