:root{--ink:#1b1230;--night:#241b4a;--danfo:#f5c518;--cream:#fff1d0;--ankara:#f0791c;--display:"Lilita One", "Arial Black", Impact, system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--night);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;font-family:var(--display);color:var(--cream);position:absolute;inset:0}.joy-base{opacity:0;pointer-events:none;will-change:transform;background:#1b123047;border:3px solid #fff1d08c;border-radius:50%;width:116px;height:116px;transition:opacity .12s;position:absolute;top:-58px;left:-58px}.joy-base.on{opacity:1}.joy-knob{background:var(--danfo);border:3px solid var(--ink);width:48px;height:48px;box-shadow:2px 3px 0 var(--ink);will-change:transform;border-radius:50%;position:absolute;top:31px;left:31px}.hint{left:50%;bottom:calc(18% + env(safe-area-inset-bottom));letter-spacing:.5px;white-space:nowrap;color:var(--ink);background:var(--danfo);border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:14px 18px 12px 20px;padding:10px 20px 12px;font-size:20px;transition:opacity .4s;animation:1.6s ease-in-out infinite hint-bob;position:absolute;transform:translate(-50%)rotate(-2deg)}.hint.gone{opacity:0}@keyframes hint-bob{0%,to{transform:translate(-50%)rotate(-2deg)translateY(0)}50%{transform:translate(-50%)rotate(-2deg)translateY(-7px)}}@media (prefers-reduced-motion:reduce){.hint{animation:none}}.notice{text-align:center;background:var(--night);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex;position:absolute;inset:0}.notice h1{color:var(--danfo);margin:0;font-size:34px;font-weight:400}.notice p{max-width:300px;color:var(--cream);margin:0;font:16px/1.45 system-ui,sans-serif}.perf{left:8px;top:calc(8px + env(safe-area-inset-top));color:var(--cream);pointer-events:none;background:#1b1230b8;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,Menlo,monospace;position:absolute}.sign{background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);border-radius:10px 14px 9px 13px}button{font-family:var(--display);cursor:pointer;-webkit-tap-highlight-color:transparent}.ankara,.card:before,.poster:before{background:radial-gradient(circle at 50% 50%, var(--danfo) 0 3px, transparent 3.5px) 0 0 / 16px 12px, linear-gradient(135deg, transparent 0 40%, var(--teal) 40% 60%, transparent 60%) 0 0 / 16px 12px, linear-gradient(45deg, transparent 0 40%, var(--magenta) 40% 60%, transparent 60%) 8px 0 / 16px 12px, var(--ankara)}:root{--teal:#17a398;--magenta:#d6337f;--ember:#e8452c;--leaf:#4e9a3b;--dusk:#6b4c9a}.hud{padding:calc(env(safe-area-inset-top) + 4px) calc(env(safe-area-inset-right) + 10px) 0 calc(env(safe-area-inset-left) + 10px);position:absolute;inset:0}.xp{border-bottom:2px solid var(--ink);background:#1b1230bf;height:9px;margin:0 -10px 6px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--leaf), #8fd16a);transform-origin:0;height:100%;transition:transform .15s;transform:scaleX(0)}.hud-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hud-left{flex-direction:column;gap:5px;width:42%;max-width:220px;display:flex}.hp{align-items:center;gap:6px;padding:3px 6px 3px 3px;display:flex;transform:rotate(-1deg)}.lvl{width:26px;height:26px;color:var(--ink);background:var(--danfo);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.hp-bar{border:2px solid var(--ink);background:#3a2e7a;border-radius:6px;flex:1;height:16px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(180deg, #ff6a50, var(--ember));transform-origin:0;transition:transform .12s;position:absolute;inset:0}.hp-fill.low{animation:.5s ease-in-out infinite alternate hp-low}@keyframes hp-low{to{filter:brightness(1.5)}}.hp-text{color:var(--cream);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.vex{align-items:center;gap:5px;display:flex;transform:rotate(.6deg)}.vex-label{color:var(--magenta);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:11px}.vex-bar{border:2px solid var(--ink);background:#1b1230cc;border-radius:5px;flex:1;height:9px;overflow:hidden}.vex-fill{background:linear-gradient(90deg, var(--dusk), var(--magenta));transform-origin:0;height:100%;transform:scaleX(0)}.vex.full .vex-fill{background:linear-gradient(90deg, var(--magenta), var(--danfo), var(--magenta));background-size:200% 100%;animation:.6s linear infinite vex-ready}.vex.full .vex-label{color:var(--danfo)}@keyframes vex-ready{to{background-position:-200% 0}}.build{flex-wrap:wrap;gap:3px;display:flex}.slot{border:2px solid var(--ink);background:#1b123099;border-radius:7px;padding:1px;line-height:0;position:relative}.slot.weapon{background:#17a39873}.slot.max{border-color:var(--danfo)}.slot i{color:var(--cream);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;font-size:10px;font-style:normal;line-height:1;position:absolute;bottom:-4px;right:-3px}.timer{color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;letter-spacing:1px;padding-top:2px;font-size:30px;line-height:1}.hud-right{align-items:flex-start;gap:6px;display:flex}.kills{text-align:right;background:radial-gradient(circle at 12px 50%, var(--ink) 0 5px, transparent 5.5px), radial-gradient(circle at 7px 40%, var(--ink) 0 2px, transparent 2.5px), radial-gradient(circle at 17px 62%, var(--ink) 0 2px, transparent 2.5px), var(--cream);min-width:52px;padding:4px 9px 3px 26px;font-size:16px;transform:rotate(1deg)}.pause-btn{pointer-events:auto;background:var(--danfo);justify-content:center;align-items:center;gap:6px;width:48px;height:48px;padding:0;display:flex}.pause-btn span{background:var(--ink);border-radius:2px;width:7px;height:18px}.screens{pointer-events:none;position:absolute;inset:0}.overlay{padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);pointer-events:auto;background:radial-gradient(at 50% 45%,#241b4a8c,#1b1230e0);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.18s ease-out fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.brush-title{color:var(--ink);padding:8px 30px 12px;font-size:40px;animation:.35s cubic-bezier(.2,1.6,.4,1) title-pop;position:relative;transform:rotate(-3deg)}.brush-title:before{content:"";z-index:-1;background:var(--danfo);box-shadow:4px 5px 0 var(--ink);border-radius:40% 8% 45% 10%/30% 60% 20% 70%;position:absolute;inset:4px -6px}.brush-title.small{font-size:30px}@keyframes title-pop{0%{opacity:0;transform:rotate(-3deg)scale(.4)}}.cards{flex-direction:column;gap:12px;width:min(100%,420px);display:flex}.card{text-align:left;min-height:96px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:3px 5px 0 var(--ink);border-radius:12px 16px 11px 15px;align-items:center;gap:12px;padding:16px 14px 12px;animation:.36s cubic-bezier(.2,1.4,.4,1) both card-in;display:flex;position:relative;overflow:hidden}.card:before{content:"";border-bottom:2px solid var(--ink);height:8px;position:absolute;top:0;left:0;right:0}.card.rare{border-color:var(--teal);box-shadow:3px 5px 0 var(--ink), 0 0 0 2px var(--ink);background:#e3fff8}.card.epic{border-color:var(--magenta);box-shadow:3px 5px 0 var(--ink), 0 0 0 2px var(--ink), 0 0 22px #d6337f99;background:#fff0f7}.card:active{box-shadow:1px 2px 0 var(--ink);transform:translateY(3px)}@keyframes card-in{0%{opacity:0;transform:translate(60px)rotate(4deg)}}.card-art{border:2px solid var(--ink);background:radial-gradient(circle,#fff7e2,#f2d9a8);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid}.card-text{flex:1;min-width:0}.card-top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.card-name{font-size:21px;line-height:1.1}.card-tag{color:var(--cream);background:var(--ink);border-radius:6px;padding:1px 7px 2px;font-size:12px}.card.rare .card-tag{background:var(--teal)}.card.epic .card-tag{background:var(--magenta)}.card-desc{color:#3a2e4a;margin-top:4px;font:500 14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.reroll{background:var(--cream);min-height:48px;padding:8px 18px;font-size:16px}.big-btn{min-height:60px;color:var(--ink);background:var(--danfo);border:3px solid var(--ink);box-shadow:3px 5px 0 var(--ink);border-radius:14px 18px 12px 20px;padding:10px 34px 14px;font-size:26px;transform:rotate(-1.5deg)}.big-btn:active{box-shadow:1px 2px 0 var(--ink);transform:rotate(-1.5deg)translateY(3px)}.panel{flex-direction:column;align-items:center;gap:14px;width:min(100%,380px);padding:22px 18px 20px;display:flex}.stats{grid-template-columns:1fr 1fr;gap:4px 16px;width:100%;font:500 14px system-ui,sans-serif;display:grid}.stat{border-bottom:1px dashed #1b12304d;justify-content:space-between;padding:3px 0;display:flex}.build.big{justify-content:center;gap:6px}.poster{text-align:center;width:min(100%,400px);color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:4px 6px 0 var(--ink);border-radius:12px 18px 14px 16px;padding:30px 18px 20px;animation:.4s cubic-bezier(.2,1.4,.4,1) title-pop;position:relative;overflow:hidden;transform:rotate(-1deg)}.poster:before{content:"";border-bottom:3px solid var(--ink);height:12px;position:absolute;top:0;left:0;right:0}.verdict{color:var(--ember);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:34px;line-height:1.05}.cause{color:#4a3e5a;margin-top:8px;font:600 14px system-ui,sans-serif}.nums{justify-content:center;gap:10px;margin:16px 0 14px;display:flex}.num{border:2px solid var(--ink);background:#fff8e6;border-radius:10px;flex:1;padding:8px 4px}.num b{font-family:var(--display);font-size:26px;font-weight:400;display:block}.num span{text-transform:uppercase;letter-spacing:.5px;color:#6a5e7a;font:600 11px system-ui,sans-serif}.again{padding:12px 40px 16px;font-size:30px}.vex-banner{pointer-events:none;place-items:center;height:120px;display:grid;position:absolute;top:34%;left:0;right:0}.vex-banner .ink{background:var(--ink);transform-origin:0;border-radius:45% 10% 40% 12%/50% 30% 60% 40%;animation:1.5s cubic-bezier(.2,.9,.3,1) forwards ink-wipe;position:absolute;inset:10px -10%}.vex-banner .shout{color:var(--danfo);-webkit-text-stroke:8px var(--magenta);paint-order:stroke fill;font-size:54px;animation:1.5s cubic-bezier(.2,1.6,.4,1) forwards shout;position:relative;transform:rotate(-4deg)}.vex-banner .sub{color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:20px;animation:1.5s ease-out forwards shout;position:absolute;bottom:-6px}@keyframes ink-wipe{0%{transform:scaleX(0)skew(-12deg)}22%{opacity:.92;transform:scaleX(1)skew(-12deg)}75%{opacity:.92}to{opacity:0;transform:scaleX(1)skew(-12deg)}}@keyframes shout{0%{opacity:0;transform:rotate(-4deg)scale(2.4)}18%{opacity:1;transform:rotate(-4deg)scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(-4deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.vex-banner .ink,.vex-banner .shout,.card,.poster,.brush-title{animation-duration:10ms}}@media (orientation:landscape) and (max-height:500px){.cards{flex-direction:row;width:min(100%,860px)}.card{text-align:center;flex-direction:column}.card-top{justify-content:center}.brush-title{font-size:30px}}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{color:var(--ink);background:var(--danfo);border:2px solid var(--ink);text-transform:capitalize;border-radius:8px;padding:2px 8px 3px;font-size:12px}.bossbar{left:50%;bottom:calc(env(safe-area-inset-bottom) + 22px);text-align:center;width:min(86%,420px);display:none;position:absolute;transform:translate(-50%)}.bossbar.on{animation:.4s fade-in;display:block}.bb-name{color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;letter-spacing:1px;margin-bottom:3px;font-size:20px}.bb-bar{border:3px solid var(--ink);height:16px;box-shadow:2px 3px 0 var(--ink);background:#3a2e7a;border-radius:8px;overflow:hidden}.bb-fill{background:linear-gradient(180deg, #ff8a5a, var(--ember));transform-origin:0;height:100%;transition:transform .2s}.bossbar.rage .bb-fill{background:linear-gradient(90deg, var(--ember), var(--magenta), var(--ember));background-size:200% 100%;animation:.5s linear infinite vex-ready}.countdown{left:50%;top:calc(env(safe-area-inset-top) + 96px);white-space:nowrap;color:var(--ember);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:24px;position:absolute;transform:translate(-50%)rotate(-2deg)}.countdown.urgent{animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:translate(-50%)rotate(-2deg)scale(1.15)}}.offarrow{pointer-events:none;width:44px;height:44px;display:none;position:absolute;top:0;left:0}.offarrow:before{content:"";background:var(--danfo);border:3px solid var(--ink);clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%);position:absolute;inset:8px 4px 8px 10px}.offarrow.chest:before{background:var(--teal)}.offarrow.zone:before{background:var(--magenta)}.offarrow.elite:before{background:var(--ember)}.offarrow.foe:before{background:var(--cream)}.event-banner{text-align:center;background:var(--ink);border-top:4px solid var(--danfo);border-bottom:4px solid var(--danfo);pointer-events:none;padding:10px 16px 12px;animation:2.8s cubic-bezier(.2,1,.3,1) forwards banner;position:absolute;top:22%;left:-4%;right:-4%;transform:rotate(-3deg)}.event-banner.nepa{border-color:var(--sky,#7fc8e8)}.event-banner.boss,.event-banner.goslow{border-color:var(--ember)}.event-banner.owambe,.event-banner.win{border-color:var(--magenta)}.ev-title{color:var(--danfo);-webkit-text-stroke:2px var(--ink);font-size:32px;line-height:1.05}.event-banner.boss .ev-title{color:var(--ember)}.ev-sub{color:var(--cream);margin-top:4px;font:600 15px system-ui,sans-serif}@keyframes banner{0%{transform:rotate(-3deg)translate(110%)}12%{transform:rotate(-3deg)translate(0)}85%{opacity:1;transform:rotate(-3deg)translate(0)}to{opacity:0;transform:rotate(-3deg)translate(-110%)}}.toasts{left:50%;bottom:calc(env(safe-area-inset-bottom) + 92px);pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:92vw;display:flex;position:absolute;transform:translate(-50%)}.toast{align-items:center;gap:8px;padding:6px 12px;font-size:15px;animation:2.6s ease-out forwards toast;display:flex}.toast.found{border-color:var(--teal);background:#e3fff8}.toast.secret{border-color:var(--magenta);background:#fff0f7}.toast.elite{background:#ffe7dd}@keyframes toast{0%{opacity:0;transform:translateY(20px)scale(.9)}10%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.boss-card{pointer-events:none;background:#0f081eb8;animation:.25s fade-in;position:absolute;inset:0;overflow:hidden}.boss-card.out{opacity:0;transition:opacity .4s}.boss-art{filter:drop-shadow(6px 8px #0006);animation:.55s cubic-bezier(.2,1.3,.4,1) boss-in;position:absolute;bottom:22%;right:-10px}.boss-art img{width:min(62vw,300px);height:auto}@keyframes boss-in{0%{transform:translate(120%)rotate(8deg)}}.boss-banner{background:var(--ink);border-top:5px solid var(--ember);border-bottom:5px solid var(--ember);padding:12px 0 14px 12%;animation:.45s cubic-bezier(.2,1,.3,1) .25s both ink-in;position:absolute;top:30%;left:-6%;right:-6%;transform:rotate(-4deg)}@keyframes ink-in{0%{transform-origin:0;transform:rotate(-4deg)scaleX(0)}}.boss-name{color:var(--cream);-webkit-text-stroke:2px var(--ember);font-size:44px;line-height:1}.boss-sub{color:var(--ember);font-size:24px}.evolve-banner{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:2.3s forwards evo-life;display:flex;position:absolute;inset:0}.evolve-banner .rays{background:repeating-conic-gradient(from 0deg, #f5c5188c 0 8deg, transparent 8deg 20deg);width:140vmax;height:140vmax;animation:6s linear infinite spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 10%,#0000 60%);mask:radial-gradient(circle,#000 10%,#0000 60%)}.evo-art{animation:.5s cubic-bezier(.2,1.6,.4,1) title-pop;position:relative}.evolve-banner .shout{color:var(--danfo);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;margin-top:8px;font-size:56px;animation:.5s cubic-bezier(.2,1.6,.4,1) .1s both title-pop;position:relative;transform:rotate(-4deg)}.evo-name{color:var(--cream);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:26px;position:relative}@keyframes spin{to{transform:rotate(360deg)}}@keyframes evo-life{0%,80%{opacity:1}to{opacity:0}}.prize{text-align:center;gap:8px}.card-art.big{width:120px;height:120px}.prize-name{color:var(--magenta);font-size:26px}.wahala-card{text-align:center;width:min(100%,380px);color:var(--cream);background:var(--ink);border:3px solid var(--ember);box-shadow:3px 5px 0 var(--ember);border-radius:12px 16px 11px 15px;padding:12px 16px 14px;transform:rotate(1deg)}.wahala-card .card-desc{color:#f2dccb}.wahala-tag{color:var(--ember);letter-spacing:1px;text-transform:uppercase;font-size:13px}.wahala-hint{color:#b9a8c9;margin:6px 0 10px;font:500 12px system-ui,sans-serif}.wahala-card .row{justify-content:center;align-items:center;gap:10px;display:flex}.big-btn.small{min-height:48px;padding:8px 18px 10px;font-size:18px}.big-btn.danger{background:var(--ember);color:var(--cream)}.wahala-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;display:flex}.wbadge{color:var(--cream);background:var(--ember);border:2px solid var(--ink);border-radius:7px;padding:2px 8px;font-size:12px}.menu-layer{pointer-events:none;position:absolute;inset:0}.title-page,.page{pointer-events:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:calc(env(safe-area-inset-top) + 18px) 16px calc(env(safe-area-inset-bottom) + 24px);animation:.25s fade-in;position:absolute;inset:0;overflow-y:auto}.title-page{background:linear-gradient(#1b1230d1 0%,#1b123026 34%,#1b12301a 55%,#1b1230db 100%);flex-direction:column;align-items:center;gap:14px;display:flex}.page{background:#1b1230e6}.logo{margin-top:4vh;padding:6px 18px;position:relative;transform:rotate(-4deg)}.logo-stripes{background:linear-gradient(var(--ink) 0 9px, transparent 9px 17px, var(--ink) 17px 26px);border-radius:4px;height:26px;position:absolute;top:52%;left:-14px;right:-14px;transform:skew(-12deg)}.logo-text{color:var(--danfo);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:6px 8px 0 var(--magenta);letter-spacing:2px;font-size:clamp(64px,19vw,104px);line-height:.95;animation:.6s cubic-bezier(.2,1.6,.4,1) title-pop;position:relative}.tagline{color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-align:center;font-size:18px}.play-btn{min-height:96px;color:var(--ink);background:var(--danfo);border:4px solid var(--ink);box-shadow:4px 6px 0 var(--ink);border-radius:18px 24px 16px 22px;align-items:center;gap:12px;margin-top:auto;padding:8px 26px 8px 14px;animation:1.8s ease-in-out infinite play-bob;display:flex;transform:rotate(-1.5deg)}.play-btn:active{box-shadow:1px 2px 0 var(--ink);transform:rotate(-1.5deg)translateY(4px)}@keyframes play-bob{50%{transform:rotate(-1.5deg)translateY(-5px)}}.play-main{font-size:34px;line-height:1}.play-sub{text-align:left;font-size:15px}.bank{white-space:nowrap;padding:4px 10px;font-size:16px}.bank.big{background:var(--leaf);color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:20px}.menu-grid{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,420px);display:grid}.menu-btn{text-align:left;align-items:center;gap:8px;min-height:52px;padding:6px 10px;font-size:16px;display:flex}.page-top{top:calc(-18px - env(safe-area-inset-top));z-index:2;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;border-bottom:3px solid var(--ink);background:#1b1230f5;align-items:center;gap:10px;margin:-18px -16px 14px;display:flex;position:sticky}.back-btn{min-height:44px;padding:4px 12px;font-size:16px}.page-title{color:var(--danfo);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;flex:1;font-size:22px}.sig-row{background:#f5c51829;border:2px solid #f5c5188c;border-radius:10px;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;display:flex}.sig-text{color:var(--ink);flex-direction:column;font:600 12px/1.25 system-ui,sans-serif;display:flex}.sig-text b{font-size:13px}.char-list,.upg-list,.ach-list{flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex}.char-card,.upg,.ach{align-items:center;gap:12px;padding:10px 12px;display:flex}.char-card canvas{border:2px solid var(--ink);background:radial-gradient(circle at 50% 65%,#fff7e2,#f2d9a8);border-radius:14px;flex:none}.char-card.current{box-shadow:2px 3px 0 var(--ink), 0 0 0 3px var(--danfo);background:#fff6c8}.char-card.locked{opacity:.85}.char-text{flex:1;min-width:0}.char-text .big-btn{margin-top:8px}.big-btn:disabled{opacity:.55;box-shadow:2px 3px 0 var(--ink);transform:rotate(-1.5deg)}.pips{gap:4px;margin-top:6px;display:flex}.pips i{border:2px solid var(--ink);background:#e9dcc2;border-radius:3px;width:18px;height:8px}.pips i.on{background:var(--leaf)}.badge{border:3px solid var(--ink);width:44px;height:44px;color:var(--ink);background:#d9cdb6;border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.ach:not(.got){opacity:.6}.ach.teaser{color:var(--cream);opacity:1;background:#3a2e7a}.ach.teaser .card-desc{color:#d7cbe8}.alma{max-width:560px;margin:0 auto}.alma-sec{margin-bottom:18px}.alma-title{color:var(--cream);margin-bottom:8px;font-size:17px}.alma-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.alma-cell{text-align:center;min-height:92px;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font:600 11px/1.2 system-ui,sans-serif;display:flex}.alma-cell img{object-fit:contain;max-height:48px}.alma-sub{opacity:.75;font-size:10px;font-weight:500}.alma-cell.unknown{color:#b9a8c9;background:#3a2e7a}.alma-cell.unknown img{filter:brightness(0)invert(.15);opacity:.6}.set-list{max-width:520px;margin:0 auto;padding:6px 14px}.set-row{border-bottom:1px dashed #1b123040;justify-content:space-between;align-items:center;gap:12px;min-height:52px;font:600 15px system-ui,sans-serif;display:flex}.set-row:last-child{border-bottom:none}.switch{appearance:none;border:3px solid var(--ink);cursor:pointer;background:#d9cdb6;border-radius:16px;flex:none;width:54px;height:30px;position:relative}.switch:after{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--leaf)}.switch:checked:after{transform:translate(24px)}.range{width:46%;accent-color:var(--ankara)}.seg{border:3px solid var(--ink);border-radius:10px;display:flex;overflow:hidden}.seg button{background:#f3e6c9;border:none;min-height:40px;padding:4px 8px;font-size:13px}.seg button.on{background:var(--danfo)}.set-note{color:#d7cbe8;max-width:520px;margin:14px auto 0;font:500 13px/1.45 system-ui,sans-serif}.set-note.warn{color:var(--danfo)}.fm{left:0;right:0;bottom:env(safe-area-inset-bottom);border-top:2px solid var(--ink);pointer-events:none;background:#1b1230c7;align-items:center;height:26px;display:flex;position:absolute}.fm b{height:100%;color:var(--ink);background:var(--ember);flex:none;place-items:center;padding:0 8px;font-size:12px;font-weight:400;display:grid}.fm-win{flex:1;height:100%;position:relative;overflow:hidden}.fm-win span{white-space:nowrap;color:var(--cream);font:600 13px system-ui,sans-serif;position:absolute;top:4px;left:0;transform:translate(100vw)}@keyframes fm-scroll{0%{transform:translate(75vw)}to{transform:translate(-100%)}}.bossbar{bottom:calc(env(safe-area-inset-bottom) + 40px)}.earned{justify-content:center;align-items:baseline;gap:8px;margin-top:12px;font:600 13px system-ui,sans-serif;display:flex}.earned b{font:400 24px var(--display);color:var(--leaf)}.bank-total{color:#6a5e7a}.unlock-note,.ach-note{color:var(--magenta);margin-top:8px;font-size:15px}.ach-note span{color:var(--ink)}.goals{text-align:left;margin-top:12px}.goals-title{color:#6a5e7a;text-transform:uppercase;letter-spacing:1px;font-size:14px}.goal{margin-top:6px;font:600 13px system-ui,sans-serif}.goal-bar{border:2px solid var(--ink);background:#e9dcc2;border-radius:5px;height:9px;margin-top:3px;overflow:hidden}.goal-bar i{background:linear-gradient(90deg, var(--ankara), var(--danfo));transform-origin:0;height:100%;display:block}.results-btns{align-items:center;gap:12px;display:flex}.results .poster{max-height:70vh;overflow-y:auto}.lefty .hud-top{flex-direction:row-reverse}.lefty .hud-left{align-items:flex-end}.lefty .hud-right{flex-direction:row-reverse}.dash-btn{--cd:0;right:calc(env(safe-area-inset-right) + 18px);bottom:calc(env(safe-area-inset-bottom) + 46px);border:4px solid var(--ink);background:conic-gradient(#1b1230b8 calc(var(--cd) * 360deg), transparent 0), radial-gradient(circle at 40% 35%, #ffe680, var(--danfo));width:76px;height:76px;box-shadow:3px 4px 0 var(--ink);pointer-events:auto;touch-action:none;opacity:.88;border-radius:50%;position:absolute}.dash-btn span{color:var(--ink);font-size:17px}.dash-btn.ready{animation:1.6s ease-in-out infinite dash-ready}@keyframes dash-ready{50%{box-shadow:3px 4px 0 var(--ink), 0 0 0 5px #f5c51859}}.dash-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translateY(3px)}.lefty .dash-btn{right:auto;left:calc(env(safe-area-inset-left) + 18px)}.el-chip{color:var(--ink);border:2px solid var(--ink);border-radius:8px;padding:1px 7px 2px;font-size:11px}.card-wrap{position:relative}.card-wrap .card{width:100%}.banish-btn{width:36px;height:36px;color:var(--cream);background:var(--ember);border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);z-index:2;border-radius:50%;padding:0;font-size:16px;position:absolute;top:-8px;right:-6px}.banish-note{color:#d7cbe8;font:600 12px system-ui,sans-serif}.slot.empty{background:0 0;border:2px dashed #fff1d073}.alma-cell img[src]{max-width:100%}.upg.locked .card-art{opacity:.6}.contract-note b{color:var(--leaf)}.opener{margin:6px 0 4px}.opener-title{text-transform:uppercase;letter-spacing:1px;color:#6a5e7a;font-size:13px}.opener-row{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.opener-btn{border:2px solid var(--ink);cursor:pointer;background:#fff8e6;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.opener-btn.on{background:var(--danfo);box-shadow:0 2px 0 var(--ink)}.opener-btn .sig{color:var(--magenta);text-shadow:0 0 2px #fff;font-size:13px;font-style:normal;position:absolute;top:-7px;right:-5px}.minimap{top:calc(env(safe-area-inset-top) + 66px);right:calc(env(safe-area-inset-right) + 10px);border:3px solid var(--ink);pointer-events:none;box-shadow:2px 3px 0 var(--ink);border-radius:12px;position:absolute}.lefty .minimap{right:auto;left:calc(env(safe-area-inset-left) + 10px)}.overlay.route,.overlay.rest{background:radial-gradient(at 50% 30%,#3a2e7a,#1b1230 80%);justify-content:flex-start;gap:6px;overflow-y:auto}.route-title{color:var(--danfo);text-shadow:0 3px 0 var(--ink);text-align:center;margin-top:4px;font-size:30px}.route-sub{color:var(--cream);opacity:.85;text-align:center;font-size:15px}.route-map{flex:none;width:min(100%,400px);height:min(66vh,540px);margin-bottom:8px;position:relative}.route-lines{width:100%;height:100%;position:absolute;inset:0}.route-lines line{stroke:#fff1d040;stroke-width:.7px;stroke-dasharray:2 1.5;vector-effect:non-scaling-stroke}.route-lines line.live{stroke:var(--danfo);stroke-width:1.6px;stroke-dasharray:none}.route-lines line.walked{stroke:var(--leaf);stroke-width:1.6px;stroke-dasharray:none}.rnode{width:31%;max-width:120px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:2px 3px 0 var(--ink);opacity:.45;filter:saturate(.5);border-radius:12px 14px 11px 13px;flex-direction:column;align-items:center;gap:1px;padding:4px 4px 5px;display:flex;position:absolute;transform:translate(-50%,-50%)}.rnode.done{opacity:.8;filter:none;border-color:var(--leaf)}.rnode.open{opacity:1;filter:none;animation:1.6s ease-in-out infinite dash-ready}.rnode.sel{box-shadow:3px 4px 0 var(--ink), 0 0 0 4px var(--danfo);background:#fff7c8;animation:none;transform:translate(-50%,-50%)scale(1.07)}.rnode.final{background:#ffe3ec}.rnode.elite{border-color:var(--ember)}.rn-art{place-items:center;height:34px;display:grid;overflow:hidden}.rn-art img,.rn-art canvas{width:auto;max-width:100%;max-height:34px}.rn-name{text-align:center;font-size:12px;line-height:1.05}.rn-tags{gap:3px;min-height:15px;font-size:13px;display:flex}.rn-here{background:var(--leaf);color:var(--cream);border:2px solid var(--ink);border-radius:8px;padding:0 6px;font-size:10px;position:absolute;top:-11px}.route-detail{width:min(100%,400px);min-height:112px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;font:600 14px system-ui,sans-serif;display:flex}.route-detail .big-btn{align-self:flex-end;margin-top:4px}.route-hint{opacity:.6;margin:auto}.route-place{font:22px Lilita One,system-ui,sans-serif}.route-q{font-weight:800}.route-good{color:#2f7a22}.route-bad{color:#b3262a}.route-elite,.route-boss{color:#a8420b}.rest-list{flex-direction:column;gap:12px;width:min(100%,420px);margin-top:10px;display:flex}.customs .card.chosen,.rest .card.chosen,.chest .card.chosen,.chest .chosen{outline:4px solid var(--danfo);transform:scale(1.02)}.customs-go{margin-top:14px}.route-line{color:#6a5e7a;margin-top:2px;font:700 13px system-ui,sans-serif}.overlay.route.country{background:#14102a;flex-direction:row;justify-content:center;align-items:stretch;gap:0;padding:0;overflow:hidden}.country-canvas{touch-action:none;width:100%;max-width:560px;height:100%;display:block}.country-head{padding:calc(env(safe-area-inset-top) + 8px) 0 26px;pointer-events:none;text-shadow:0 2px 0 var(--ink), 0 0 12px #1b1230e6;background:linear-gradient(#14102ae0,#14102a8c 60%,#14102a00);flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.overlay.route.country .route-detail{left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);width:min(92%,400px);min-height:0;position:absolute;transform:translate(-50%)}.link-btn{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:6px;display:flex}.link-name{font-size:17px}.link-blurb{opacity:.8;font:600 12px system-ui,sans-serif}.world-back{top:calc(env(safe-area-inset-top) + 10px);z-index:2;position:absolute;left:12px}.slot.evolved{box-shadow:0 0 8px 2px #ffc83ccc}.slot.fused{box-shadow:0 0 8px 2px #d6337fd9}.slot.fused.ultimate{box-shadow:0 0 10px 3px #ffd650f2,inset 0 0 4px 1px #d6337fe6}.playtest-badge{text-align:center;max-width:320px;color:var(--ink);flex-direction:column;align-items:center;gap:2px;margin:6px auto 0;padding:6px 12px;font:600 11px/1.3 system-ui,sans-serif;display:flex}.playtest-badge b{letter-spacing:.04em;color:var(--magenta,#d6337f);font:700 12px system-ui,sans-serif}.playtest-link{color:var(--ink);margin-top:2px;font:800 12px system-ui,sans-serif;text-decoration:underline}.turn{z-index:100;text-align:center;background:var(--night);color:var(--cream);font-family:var(--display);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.turn[hidden]{display:none}.turn-title{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:30px}.turn-sub{opacity:.85;font:600 15px system-ui,sans-serif}.turn-icon{border:5px solid var(--cream);border-radius:10px;width:44px;height:76px;animation:2s ease-in-out infinite turn-tip}.turn[data-need=wide] .turn-icon{width:76px;height:44px;animation:none}@keyframes turn-tip{0%,20%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}.slot.ready{animation:1.1s ease-in-out infinite ready-pulse}@keyframes ready-pulse{0%,to{box-shadow:0 0 3px 1px #ffd65080}50%{box-shadow:0 0 12px 4px #ffd650}}.paths{text-align:left;max-height:26vh;color:var(--ink);margin:10px 0 8px;font:600 12px/1.3 system-ui,sans-serif;overflow-y:auto}.paths-title{margin-bottom:4px;font-size:13px;font-weight:800}.paths-empty{opacity:.7}.path{border:2px solid #1b123059;border-radius:8px;margin-bottom:4px;padding:5px 6px}.path.ready{border-color:var(--magenta);background:#d6337f1f}.path-head{align-items:center;gap:6px;display:flex}.path-kind{opacity:.7;text-transform:uppercase;margin-left:auto;font-size:10px}.path-parts{flex-wrap:wrap;gap:4px 10px;margin-top:3px;display:flex}.path-part{opacity:.6;align-items:center;gap:3px;display:inline-flex}.path-part.done{opacity:1;color:#1c6b3a}.path-ready{color:var(--magenta);margin-top:2px;font-weight:800}.pay{flex-direction:column;align-items:stretch;gap:4px;display:flex}.pay .gem{background:#7fc8e8;font-size:.85em}.tip{left:0;right:0;top:calc(env(safe-area-inset-top) + 92px);pointer-events:none;z-index:20;justify-content:center;padding:0 12px;display:flex;position:absolute}.tip-pause{pointer-events:auto;background:#1b12308c;align-items:center;top:0;bottom:0}.tip-card{max-width:360px;color:var(--ink);background:var(--cream);pointer-events:auto;align-items:center;gap:10px;padding:10px 12px;animation:.25s ease-out tip-in;display:flex}.tip-pause .tip-card{text-align:center;flex-wrap:wrap;justify-content:center;padding:16px}.tip-art{flex:none}.tip-text{flex:1;min-width:0;font-family:system-ui,sans-serif}.tip-title{font:700 15px var(--display);margin-bottom:2px}.tip-body{font:600 13px/1.35 system-ui,sans-serif}.tip-ok{color:var(--ink);background:var(--danfo);border:2px solid var(--ink);border-radius:9px;flex:none;padding:6px 12px;font:800 13px system-ui,sans-serif}.tip-pause .tip-ok{width:100%;padding:10px;font-size:15px}@keyframes tip-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.slot .el-badge{pointer-events:none;position:absolute;top:-6px;left:-5px}.el-chip{align-items:center;gap:3px;display:inline-flex}.lastwave{color:var(--ember);letter-spacing:.02em;font-size:.78em}.overlay.chest{justify-content:flex-start;gap:8px;overflow-y:auto}.rest .card:disabled.chosen{opacity:.75}