:root{--night:#10181a;--panel:#1b2624;--panel-2:#243330;--line:#34463f;--text:#eee7d7;--text-2:#c9cfc2;--muted:#a9b3a6;--amber:#f0b64a;--amber-ink:#1a1408;--ally:#5cc8b8;--enemy:#e8693f;--alpha:#b48cff;--stone:#8fe3d6;--hp:#7fcb5b;--display:"Pixelify Sans", system-ui, sans-serif;--body:"Outfit", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--text);font-family:var(--body);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}#game{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.panel{border:2px solid var(--line);background:#1b2624eb;border-radius:14px}.row{align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:4px;display:flex}.between{justify-content:space-between}.gap20{gap:20px}.grow{flex-grow:1}.muted{color:var(--muted)}.small{font-size:13px}.big{font:700 24px var(--display)}.gold{color:var(--amber)}.btn{border:2px solid var(--line);background:var(--panel);border-radius:10px;height:44px;padding:0 16px;font-size:14px;font-weight:600}.btn:hover{border-color:var(--ally)}.cta{background:var(--amber);height:56px;color:var(--amber-ink);font:700 21px var(--display);border:none;border-radius:12px}.cta:hover:not(:disabled){background:#ffc965}.cta:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.icon-btn{border:2px solid var(--line);background:0 0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}#lobby{z-index:10;background:radial-gradient(ellipse at 50% 85%, #24402d 0%, #172a21 38%, var(--night) 78%);position:fixed;inset:0;overflow-y:auto}#lobby-scene{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.lobby-inner{justify-content:space-between;align-items:flex-start;gap:48px;max-width:1240px;margin:0 auto;padding:56px 48px;display:flex;position:relative}.lobby-hero{flex-direction:column;gap:14px;min-width:0;display:flex}.lobby-hero h1{font:700 96px/.95 var(--display);color:var(--amber);letter-spacing:1px;text-shadow:0 4px #5b3f2c;margin:0}.tagline{color:var(--text);margin:0;font-size:22px}.lobby-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#17211fe0;flex-direction:column;flex:none;gap:16px;width:400px;padding:24px;display:flex;box-shadow:0 20px 60px #00000059}.card-title{font:700 26px var(--display);color:var(--text);margin:0}.invite-badge{color:var(--amber);background:#f0b64a24;border:1px solid #f0b64a80;border-radius:999px;align-self:flex-start;margin:0;padding:6px 12px;font-size:14px}.invite-badge b{font-family:var(--display);letter-spacing:2px}.field{color:var(--text-2);flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.field input{border:2px solid var(--line);background:var(--night);height:48px;color:var(--text);font:500 18px var(--body);border-radius:10px;padding:0 14px}.field input:focus{border-color:var(--ally);outline:none}.code-input{letter-spacing:6px;text-transform:uppercase;height:56px!important;color:var(--amber)!important;font:700 28px var(--display)!important}.tabs{background:var(--night);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.tabs button{height:44px;color:var(--muted);background:0 0;border:none;border-radius:8px;font-size:15px;font-weight:600}.tabs button[aria-selected=true]{background:var(--line);color:var(--text)}.hint{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.error{color:#ff9b78;margin:0;font-size:14px}.error:empty{display:none}@media (width<=960px){.lobby-inner{flex-direction:column;gap:24px;padding:24px 16px 240px}#lobby-scene{opacity:.35}.lobby-hero h1{font-size:60px}.lobby-hero{display:contents}.lobby-hero h1{order:0}.tagline{order:1;margin-top:-12px}.lobby-card{order:2;width:100%}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud button,#hud .overlay{pointer-events:auto}.hud-tl{flex-direction:column;gap:8px;width:270px;display:flex;position:absolute;top:16px;left:16px}.self{flex-direction:column;gap:8px;padding:12px;display:flex}.pname{font:700 18px var(--display)}.bar{background:var(--night);border-radius:6px;height:12px;overflow:hidden}.bar.thin{height:8px}.fill{background:var(--hp);width:100%;height:100%;transition:width .15s}.fill.low{background:var(--enemy)}.stats{gap:14px;font-size:14px}.party{flex-direction:column;gap:6px;padding:10px 12px;font-size:14px;display:flex}.party .row{justify-content:space-between}.party b{font-weight:600}.hud-tr{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;right:16px}#minimap{cursor:pointer;pointer-events:auto}.tr-buttons{gap:8px}.mount-row{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:6px;display:flex}.fill.mount{background:var(--alpha)}.modal.quit{width:min(440px,100vw - 32px)}.quit-actions{flex-wrap:wrap;justify-content:flex-end}.quit-actions .cta{height:48px;padding:0 20px;font-size:18px}.quit-main{gap:12px}.quit-main>.cta{height:48px;font-size:18px}.quit-main p{margin:0}.danger-btn{border:2px solid var(--enemy);color:#ff9b78;height:44px;font:700 16px var(--display);cursor:pointer;background:0 0;border-radius:12px;padding:0 18px}.danger-btn:hover{background:#e8693f1f}.danger-btn.solid{background:var(--enemy);color:var(--amber-ink)}.danger-btn:disabled{opacity:.55;cursor:wait}.reset-text{line-height:1.45}.reset-text b{color:#ff9b78}.bigmap{flex-direction:column;gap:12px;width:min(860px,100vw - 32px);max-height:calc(100vh - 32px);padding:20px;display:flex}.bigmap h2{font:700 28px var(--display);color:var(--amber);margin:0}#bigmap-canvas{aspect-ratio:1;object-fit:contain;background:#0b1210;border-radius:10px;width:100%;max-height:calc(100vh - 190px)}.legend{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.legend i{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.lg-star{background:var(--amber);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0!important}.lg-you{background:var(--ally)}.lg-ally{background:#e6a15c}.lg-cave{border:2px solid var(--text-2);background:#2a2e2d;border-radius:6px 6px 0 0!important}.alpha-card .actions{flex-direction:column;gap:6px;display:flex}.alpha-card .ride{border:2px solid var(--alpha);height:36px;color:var(--alpha);font:700 14px var(--display);white-space:nowrap;background:0 0;border-radius:10px;padding:0 14px}.alpha-card .ride:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed}.alpha-card .ride.on{background:#b48cff2e}#minimap{border:2px solid var(--line);background:var(--panel);border-radius:12px;width:180px;height:180px}.prompt{border-color:var(--amber);color:var(--amber);font:700 16px var(--display);position:absolute;top:58%;left:50%;transform:translate(-50%)}.prompt.den{border-color:var(--alpha);color:var(--alpha)}.prompt.revive{color:#7fcb5b;touch-action:none;-webkit-user-select:none;user-select:none;border-color:#7fcb5b;top:66%}.prompt.danger{border-color:var(--enemy);color:#ff9b78}.area-banner{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:6px;animation:3.2s ease-out forwards banner;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.area-banner b{font:700 46px var(--display);color:var(--amber);letter-spacing:2px;text-shadow:0 3px #5b3f2c,0 0 24px #0009}.area-banner span{color:var(--text);text-shadow:0 2px 8px #000c;font-size:17px}.area-banner:before,.area-banner:after{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);order:-1;width:220px;height:2px}.area-banner:after{order:3}.area-banner.danger b{color:#ff9b78}@keyframes banner{0%{opacity:0;letter-spacing:8px;transform:translate(-50%,8px)scale(.96)}15%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}@media (width<=860px){.area-banner b{font-size:32px}}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--line);background:#10181ae6;border-radius:10px;padding:8px 16px;font-size:15px;font-weight:600;animation:3.4s forwards toast}.toast.alpha{border-color:var(--alpha);color:var(--alpha);font:700 18px var(--display)}.toast.good{border-color:var(--ally);color:var(--ally)}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.dim{background:#080c0d8c}#death{background:#280a0873;pointer-events:none!important}.death-card{text-align:center}.death-card h2{font:700 48px var(--display);color:var(--enemy);margin:0}.death-card p{margin:8px 0 0;font-size:18px}.modal{flex-direction:column;gap:18px;width:min(720px,100vw - 32px);max-height:calc(100vh - 32px);padding:26px;display:flex;overflow-y:auto}.modal h2{font:700 32px var(--display);color:var(--amber);margin:0}.modal p{margin:0}.modal.den{border-color:var(--alpha)}.modal.den h2{color:var(--alpha)}.classes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.class-card{border:2px solid var(--line);background:var(--night);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;min-height:44px;padding:12px;display:flex}.class-card:hover:not(:disabled){border-color:var(--amber)}.class-card b{font:700 17px var(--display)}.class-card span{color:var(--muted);font-size:12px;line-height:1.35}.class-card .tag{color:var(--amber);margin-top:4px;font-size:12px;font-weight:600}.class-card.on{border-color:var(--amber);cursor:default;background:#f0b64a1a}.class-card.on .tag{color:var(--ally)}.class-card:disabled:not(.on){opacity:.6;cursor:not-allowed}@media (width<=640px){.classes{grid-template-columns:1fr}}.forge-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--night);border:2px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.card .big{font-size:19px}.card .cta{height:52px;font-size:18px}.line{justify-content:space-between;font-size:16px;font-weight:600;display:flex}.up{color:var(--hp)}.alphas{flex-direction:column;gap:10px;display:flex}.den-page{gap:14px}.bestiary-zone{font:700 16px var(--display);color:var(--alpha);margin:4px 0 -4px}.bestiary{flex-direction:column;gap:10px;display:flex}.bestiary-row{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.beast{background:var(--night);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.beast canvas{width:100%;height:96px;display:block}.beast b{font:700 16px var(--display);color:var(--text)}.beast .stats{color:var(--amber);font-size:13px}.beast .desc{color:var(--text-2);font-size:13px;line-height:1.4}.beast .tag{color:var(--alpha);font-size:12px}.beast.unknown b{color:var(--muted)}.alpha-card{background:var(--night);border:2px solid var(--line);border-radius:14px;align-items:center;gap:16px;padding:12px 16px;display:flex}.alpha-card .portrait{background:radial-gradient(circle at 50% 60%,#b48cff29,#0000 70%);border:2px solid #b48cff73;border-radius:14px;flex:none;width:76px;height:76px}.stat-rows{gap:2px;margin-top:4px;display:grid}.stat-row{color:var(--text-2);grid-template-columns:16px 1fr auto;align-items:center;gap:8px;max-width:260px;font-size:14px;display:grid}.stat-row svg{width:15px;height:15px}.stat-row b{color:var(--text);text-align:right;font-weight:600}.stat-row.hp svg{color:#e8693f}.stat-row.dmg svg{color:var(--amber)}.stat-row.revive svg{color:var(--alpha)}.stat-row.mount svg{color:#8fe3d6}.alpha-card .col{flex:1;min-width:0}.alpha-card .title{font:700 18px var(--display)}.alpha-card .stats{color:var(--text-2);font-size:14px}.alpha-card .buy{background:var(--alpha);height:48px;color:var(--amber-ink);font:700 16px var(--display);white-space:nowrap;border:none;border-radius:12px;padding:0 16px}.alpha-card .buy:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.alpha-card.asleep .portrait{opacity:.45;filter:grayscale(.6);border-style:dashed}.alpha-card.asleep .title{color:var(--text-2)}.alpha-card.waking{border-color:#b48cff99}.alpha-card.waking .portrait{animation:1.6s ease-in-out infinite waking}.alpha-card.waking .ess-bar i{background:linear-gradient(90deg, var(--alpha), #e2d3ff)}@keyframes waking{50%{box-shadow:0 0 14px var(--alpha);opacity:.6}}.ess{color:var(--muted);align-items:center;gap:10px;margin-top:6px;font-size:13px;display:flex}.ess-bar{background:var(--line);border-radius:3px;flex:1;max-width:220px;height:6px;overflow:hidden}.ess-bar i{background:var(--alpha);height:100%;display:block}.collection{color:var(--text-2);background:#b48cff1f;border-radius:10px;margin:0;padding:10px 14px;font-size:14px}.collection b{color:var(--alpha)}.alpha-card.legend{border-color:var(--amber);background:linear-gradient(90deg, #f0b64a1f, var(--night) 60%)}.alpha-card.legend .portrait{border-color:var(--amber);box-shadow:0 0 12px #f0b64ab3}.alpha-card.legend .title{color:var(--amber)}.alpha-card.resting{opacity:.8;border-style:dashed}.alpha-card .equip{border:2px solid var(--line);height:34px;color:var(--text-2);font:600 13px var(--body);white-space:nowrap;background:0 0;border-radius:10px;padding:0 14px}.alpha-card .equip:hover:not(:disabled){border-color:var(--ally);color:var(--ally)}.alpha-card .equip:disabled{color:var(--muted);cursor:not-allowed}.alpha-card .legend-btn{border:2px solid var(--amber);height:36px;color:var(--amber);font:700 13px var(--display);white-space:nowrap;background:#f0b64a26;border-radius:10px;padding:0 14px}.alpha-card .legend-btn:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;background:0 0}.alphas .empty{color:var(--muted);text-align:center;background:var(--night);border-radius:12px;padding:16px}@media (width<=640px){.forge-cols{grid-template-columns:1fr}.alpha-card{flex-wrap:wrap}}.play{flex-direction:column;gap:16px;display:flex}.account{flex-direction:column;gap:8px;display:flex}.google-btn{border:2px solid var(--line);background:var(--text);color:#1f1f1f;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:48px;font-size:15px;font-weight:600;display:flex}.google-btn:hover{background:#fff}.signed-in{background:var(--panel-2);color:var(--text-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.signed-in b{color:var(--ally)}.link-btn{color:var(--amber);background:0 0;border:none;min-height:32px;padding:4px;text-decoration:underline}@media (width<=860px){.hud-tl{width:200px}#minimap{width:120px;height:120px}}.modal.travel,.modal.camp{border-color:var(--stone);width:min(480px,100vw - 32px)}.modal.travel h2,.modal.camp h2{color:var(--stone)}.stones{flex-direction:column;gap:8px;display:flex}.stone-row{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.stone-row.locked{opacity:.6}.stone-row .cta{flex:none;height:40px;padding:0 16px;font-size:16px}.camp-perks{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.camp-perks b{color:var(--text)}.modal.camp .cta:disabled,.stone-row .cta:disabled{opacity:.55;cursor:not-allowed}.prompt.travel,.prompt.camp{border-color:var(--stone);color:var(--stone)}.prompt.market{border-color:var(--ally);color:var(--ally)}.prompt.buy{border-color:var(--text-2);color:var(--text)}.modal.market{border-color:var(--ally);width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.modal.market h2{color:var(--ally)}.market-head{color:var(--text-2);margin:4px 0 0;font-size:15px}.modal.market .stone-row .col{flex:1;min-width:0}.modal.market .badge{border-radius:50%;flex:none;width:22px;height:22px}.modal.market .cta:disabled{opacity:.55;cursor:not-allowed}.lg-stone{background:var(--stone);border-radius:2px 2px 0 0!important}