:root{color:#fff;background:#07060a;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body,#app,canvas{touch-action:none}.picker,.parade-panel,.keys-panel,.overlay{touch-action:pan-y}canvas{display:block}[hidden]{display:none!important}.hud{top:calc(12px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));pointer-events:none;text-shadow:0 1px 4px #000c;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed}.left{flex-direction:column;align-self:flex-start;gap:8px;display:flex}.hp{align-items:center;gap:8px;display:flex}.hp-heart{color:#ff4d5e;text-shadow:0 0 10px #ff3c50b3;font-size:24px}.hp-track{background:#0a0810a6;border:1px solid #ffffff40;border-radius:999px;width:clamp(120px,22vw,220px);height:14px;overflow:hidden}.hp-fill{border-radius:999px;height:100%;transition:width .25s}.hp.ok .hp-fill{background:linear-gradient(90deg,#2fbf5a,#7be38d)}.hp.warn .hp-fill{background:linear-gradient(90deg,#d79a1e,#ffd36e)}.hp.low .hp-fill{background:linear-gradient(90deg,#b3132a,#ff4d5e);animation:.8s ease-in-out infinite hplow}@keyframes hplow{50%{opacity:.6}}.hp b{font-variant-numeric:tabular-nums;min-width:2.2em;font-size:15px}.powers{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--c);box-shadow:0 0 10px color-mix(in srgb, var(--c) 45%, transparent);background:#0a081099;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 5px;font-size:13px;display:flex;position:relative;overflow:hidden}.chip b{color:var(--c);font-variant-numeric:tabular-nums;min-width:1.2em}.chip i{background:var(--c);height:3px;position:absolute;bottom:0;left:0}.chip.low{animation:.4s steps(2,end) infinite chipblink}@keyframes chipblink{50%{opacity:.45}}.toast{text-align:center;text-shadow:0 0 18px,0 2px 4px #000c;opacity:0;pointer-events:none;font-size:clamp(20px,4vw,30px);font-weight:800;position:fixed;bottom:22%;left:0;right:0}.toast.show{animation:1.4s ease-out forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(12px)scale(.9)}15%{opacity:1;transform:translateY(0)scale(1.05)}70%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-16px)}}.wave,.score{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#0a08108c;border-radius:999px;padding:6px 16px;font-weight:600}.score{color:#ffd36e;font-size:20px}.right{align-items:center;gap:10px;display:flex}.muted{opacity:.8;font-size:20px}.banner{text-align:center;letter-spacing:.05em;color:#ffd36e;text-shadow:0 0 30px #ff963c99,0 2px 6px #000c;opacity:0;pointer-events:none;font-size:clamp(32px,7vw,64px);font-weight:800;position:fixed;top:28%;left:0;right:0}.banner.show{animation:1.8s ease-out forwards banner}.start-prompt{left:50%;bottom:calc(18% + env(safe-area-inset-bottom,0px));z-index:15;pointer-events:auto;cursor:pointer;color:#2a1c08;background:#ffd36b;border:0;border-radius:999px;padding:14px 28px;font:700 20px/1 system-ui,sans-serif;animation:1.6s ease-in-out infinite start-pulse;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.start-prompt kbd{background:#00000026;border-radius:6px;margin-left:6px;padding:3px 8px;font:600 13px/1 system-ui,sans-serif}@keyframes start-pulse{50%{transform:translate(-50%)scale(1.06)}}@keyframes banner{0%{opacity:0;transform:scale(1.3)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}.hurt{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 160px 40px #dc1428bf}.hurt.flash{animation:.5s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.overlay{cursor:pointer;z-index:18;background:radial-gradient(#07060a59,#07060ad9);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay.landing{background:radial-gradient(ellipse at center, #07060a8c, #07060a40 70%), var(--landing-art) 50% 70% / cover no-repeat, #07060a}.card{text-align:center;max-width:480px}.card h1{letter-spacing:.04em;text-shadow:0 0 30px #ff963c8c;margin:0;font-size:clamp(34px,6vw,54px);line-height:1.05}.card p{opacity:.9;line-height:1.5}.keys{font-size:13px;line-height:2}kbd{border:1px solid #ffffff59;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px}.card button{color:#1a1005;font:inherit;cursor:pointer;background:#ffb45e;border:0;border-radius:999px;padding:12px 28px;font-weight:700}.menu{cursor:default;flex-direction:column;gap:12px;width:min(620px,100%);max-height:100%;padding-block:4px;display:flex;overflow-y:auto}.menu-head{text-align:left;align-items:center;gap:16px;padding:0 4px;display:flex}.menu-head .emblem{flex:none;margin:0}.tagline{margin:6px 0 0;font-size:15px}.panel{text-align:left;-webkit-backdrop-filter:blur(6px);background:#0c0a12c7;border:1px solid #ffffff1f;border-radius:18px;padding:16px 18px;box-shadow:0 10px 40px #00000059}.panel h2{color:#6fe8d6;margin:0 0 12px;font-size:16px}.panel h2 .sub{color:#fff9;margin-top:2px;font-size:12px;font-weight:400;display:block}.label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.hint{color:#fff9;margin-top:6px;font-size:12px;display:block}.setup{flex-wrap:wrap;align-items:flex-start;gap:14px 22px;display:flex}.field{min-width:0}.play-panel .play-btn{width:100%;margin-top:16px;padding:15px;font-size:19px;display:block;box-shadow:0 0 28px #ff963c73}.play-panel .play-btn:hover{filter:brightness(1.08)}.stats{flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:10px;font-size:13px;display:flex}.stats:empty{display:none}.stats:not(:has(:not([hidden]))){display:none}.best{color:#ffd36e}.familiar-badge{filter:drop-shadow(0 0 6px #6fe8d6cc);font-size:22px}.coop-cols{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.invite{align-items:center;gap:12px;min-width:0;display:flex}.qr{border-radius:10px;flex:none;width:104px;height:104px}.invite-text{min-width:0}.code{letter-spacing:.18em;font-variant-numeric:tabular-nums;color:#ffd36e;font-size:30px;font-weight:800;line-height:1.1}.invite-link{opacity:.55;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:11px}.invite-status{opacity:.85;margin-top:6px;font-size:12px}.invite-status.ok{color:#6fe8d6;opacity:1;font-weight:700}.join{border-left:1px solid #ffffff1f;min-width:0;padding-left:14px}.join-row{gap:8px;display:flex}.join input{color:#fff;width:0;min-width:5em;font:inherit;letter-spacing:.15em;text-transform:uppercase;text-align:center;-webkit-user-select:text;user-select:text;background:#00000059;border:1px solid #ffffff4d;border-radius:10px;flex:1;padding:9px 10px;font-weight:700}.join input.bad{border-color:#ff4d5e}.card .join-btn{background:#6fe8d6;padding:9px 16px;font-size:14px}.menu-foot{text-align:left;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 4px;display:flex}.howto summary{cursor:pointer;color:#ffffffd9;font-size:14px;list-style:none}.howto summary::-webkit-details-marker{display:none}.howto[open] summary{margin-bottom:4px}.howto .keys{margin:0}@media (width<=560px){.coop-cols{grid-template-columns:1fr}.join{border-top:1px solid #ffffff1f;border-left:0;padding-top:12px;padding-left:0}.menu-head .emblem{width:60px;height:60px}}@media (height<=560px){.menu{gap:8px}.panel{padding:12px 14px}.tagline{display:none}}.error{text-align:center;padding:24px}.touch{touch-action:none;position:fixed;inset:0}.touch-zone{position:absolute;top:0;bottom:0}.touch-zone.move{width:50%;left:0}.touch-zone.look{width:50%;right:0}.stick{pointer-events:none;background:#ffffff14;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;position:fixed;top:-60px;left:-60px}.knob{background:#ffffff73;border-radius:50%;width:56px;height:56px;position:absolute;top:32px;left:32px}.tbtn{color:#fff;font:inherit;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a081073;border:2px solid #ffffff59;border-radius:50%;place-items:center;display:grid;position:fixed}.tbtn.shoot{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(28px + env(safe-area-inset-bottom,0px));border-color:#ffb45eb3;width:92px;height:92px;font-size:38px}.tbtn.shoot.down{background:#ffb45e59;transform:scale(.94)}.tbtn.dash{right:calc(128px + env(safe-area-inset-right,0px));bottom:calc(36px + env(safe-area-inset-bottom,0px));width:64px;height:64px;font-size:26px}.tbtn.pause{right:calc(16px + env(safe-area-inset-right,0px));top:calc(60px + env(safe-area-inset-top,0px));width:44px;height:44px}.fam-hud .role-badge{color:#6fe8d6;letter-spacing:.08em;background:#0a08108c;border:1px solid #6fe8d699;border-radius:999px;padding:4px 10px;font-weight:700}.fam-status{left:50%;top:calc(64px + env(safe-area-inset-top,0px));text-align:center;pointer-events:none;background:#0a0810bf;border:1px solid #fff3;border-radius:999px;max-width:calc(100% - 32px);padding:8px 16px;font-size:15px;position:fixed;transform:translate(-50%)}.spell-bar{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));align-items:flex-end;gap:16px;display:flex;position:fixed}.spell-btn{--p:1;--c:#6fe8d6;color:#fff;width:120px;height:120px;font:inherit;touch-action:none;background:radial-gradient(circle at center, #0a0810d9 0 58%, transparent 59%), conic-gradient(var(--c) calc(var(--p) * 360deg), #ffffff1f 0);opacity:.85;border:0;border-radius:50%;align-content:center;place-items:center;gap:2px;padding:0 14px;font-weight:800;display:grid}.spell-btn.ready{opacity:1;box-shadow:0 0 26px color-mix(in srgb, var(--c) 75%, transparent);animation:1.2s ease-in-out infinite spellready}.spell-btn:active{transform:scale(.94)}@keyframes spellready{50%{box-shadow:0 0 42px var(--c)}}.spell-icon{font-size:38px;line-height:1}.spell-label{letter-spacing:.03em;font-variant-numeric:tabular-nums;text-align:center;font-size:12px;line-height:1.15}.fam-hud .role-badge{font:inherit;cursor:pointer;pointer-events:auto}.fam-hud .role-badge .chg{opacity:.7;font-size:11px}.fam-hud .role-badge.locked{opacity:.55;cursor:default}.fam-hud .role-badge.locked .chg{display:none}.fam-hud .fs-btn{letter-spacing:0;align-items:center;padding:4px 8px;display:inline-flex}.fam-hud .fs-btn[hidden],.fam-hud .fs-btn .fs-close,.fam-hud .fs-btn.on .fs-open{display:none}.fam-hud .fs-btn.on .fs-close{display:inline}.fam-hud .fs-btn.on{background:#6fe8d640}.picker{text-align:center;cursor:default;width:min(1240px,100%);max-height:100%;padding-block:8px;overflow-y:auto}.picker h2{text-shadow:0 0 20px #6fe8d680;margin:0 0 14px;font-size:clamp(24px,4vw,36px)}.pick-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}@media (width>=1000px){.pick-cards{grid-template-columns:repeat(5,1fr)}}.pick-card{--c:#6fe8d6;border:2px solid color-mix(in srgb, var(--c) 55%, transparent);color:#fff;font:inherit;text-align:left;cursor:pointer;background:#0a0810cc;border-radius:18px;flex-direction:column;padding:0;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.pick-card:active{transform:scale(.97)}.pick-card:hover,.pick-card.current{box-shadow:0 0 26px color-mix(in srgb, var(--c) 70%, transparent);border-color:var(--c)}.pick-card img{aspect-ratio:4/3;object-fit:cover;object-position:50% 30%;width:100%;display:block}.pick-info{padding:10px 14px 14px}.pick-name{color:var(--c);font-size:22px;font-weight:800}.pick-blurb{opacity:.85;margin:2px 0 6px;font-size:13px}.pick-speed{opacity:.85;font-size:12px}.pips{letter-spacing:2px;color:var(--c)}.pips .off{color:#ffffff2e}.pick-spells{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.pick-spells li{grid-template-columns:28px 1fr;column-gap:6px;font-size:12px;line-height:1.3;display:grid}.pick-spells .sp-icon{grid-row:span 2;font-size:22px}.pick-spells b{font-size:13px}.pick-spells span:last-child{opacity:.75}.picker-close{color:#fff;font:inherit;background:0 0;border:1px solid #ffffff59;border-radius:999px;margin-top:14px;padding:8px 18px}@media (height<=700px){.pick-card img{aspect-ratio:16/9}.spell-btn{width:100px;height:100px}.spell-icon{font-size:30px}}.fam-overlay{cursor:default}.fam-solo{margin-top:16px;font-size:13px}.fam-solo a{color:#ffffffb3}.fade{opacity:0;pointer-events:none;z-index:20;background:#000;transition:opacity .45s;position:fixed;inset:0}.fade.on{opacity:1}.room-card{opacity:0;flex-direction:column;align-items:center;gap:10px;width:min(760px,100vw - 32px);height:fit-content;max-height:calc(100vh - 32px);margin:auto;transition:opacity .45s .15s,transform .6s .15s;display:flex;position:absolute;inset:0;transform:translateY(12px)scale(.98)}.room-card.on{opacity:1;transform:none}.rc-art{object-fit:contain;background:#fbf7ee;border-radius:16px;width:100%;max-height:62vh;box-shadow:0 12px 48px #0009}.rc-art.scene{background:0 0;max-height:66vh}.room-card:has(.rc-art.scene){width:min(1000px,100vw - 32px)}.rc-text{text-align:center;color:#fff}.rc-step{letter-spacing:.12em;text-transform:uppercase;color:#ffd27a;font-size:13px}.rc-name{margin:2px 0;font-size:clamp(26px,5vw,40px)}.rc-who{color:#fffc;margin:0;font-size:16px}.rc-skip{color:#ffffff73;margin:0;font-size:12px}.loading{z-index:30;color:#fffc;background:#14121a;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;transition:opacity .45s;display:flex;position:fixed;inset:0}.loading img{object-fit:contain;background:#fbf7ee;border-radius:16px;width:min(720px,100%);max-height:70vh}.loading img.scene{background:0 0;width:min(1100px,100%);max-height:78vh}.loading p{margin:0;font-size:15px;animation:1.4s ease-in-out infinite loading-pulse}.loading.done{opacity:0;pointer-events:none}@keyframes loading-pulse{50%{opacity:.45}}.boss-bar{left:50%;top:calc(58px + env(safe-area-inset-top,0px));text-align:center;letter-spacing:.04em;color:#ffd36e;text-shadow:0 1px 4px #000c;pointer-events:none;width:min(560px,100% - 32px);font-weight:800;position:fixed;transform:translate(-50%)}.boss-track{background:#0a0810b3;border:1px solid #ffd36e99;border-radius:999px;height:12px;margin-top:4px;overflow:hidden}.boss-fill{background:linear-gradient(90deg,#a01824,#ff4d5e);width:100%;height:100%;transition:width .2s}.joy{pointer-events:none;z-index:6;background:#0000002e;border:3px solid #ffffff8c;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed}.joy-knob{background:#ffffffbf;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059}.edge-arrow{z-index:5;pointer-events:none;background:#141e18b3;border:2px solid #7dffa0;border-radius:50%;place-items:center;width:46px;height:46px;margin:-23px 0 0 -23px;font-size:22px;display:grid;position:fixed}.edge-arrow.boss{border-color:#ff5a5a}.edge-arrow:after{content:"";width:0;height:0;transform:translate(-50%, -50%) rotate(var(--a,0deg)) translateX(30px);border:8px solid #0000;border-left:12px solid #7dffa0;position:absolute;top:50%;left:50%}.edge-arrow.boss:after{border-left-color:#ff5a5a}.parade-panel{inset:calc(64px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));z-index:25;color:#fff;background:#100e16f0;border-radius:16px;padding:14px 16px;position:fixed;overflow-y:auto;box-shadow:0 10px 40px #00000080}.parade-head{justify-content:space-between;align-items:center;display:flex}.parade-head h2{margin:0;font-size:20px}.parade-head button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:22px}.parade-panel h3{letter-spacing:.08em;text-transform:uppercase;color:#ffd27a;margin:14px 0 6px;font-size:13px}.parade-list{flex-wrap:wrap;gap:8px;display:flex}.parade-list button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:9px 14px;font:600 14px/1 system-ui,sans-serif}.parade-list button:active{transform:scale(.96)}.parade-btn{pointer-events:auto;cursor:pointer}.res{flex-direction:column;gap:6px;display:flex}.mana{align-items:center;gap:8px;font-size:13px;display:flex}.mana-icon{color:#7fb8ff;text-align:center;width:18px;font-size:16px}.mana-track{background:#00000073;border:1px solid #7fb8ff66;border-radius:6px;width:160px;height:9px;overflow:hidden}.mana-fill{background:linear-gradient(90deg,#3d7dff,#8fd0ff);height:100%;transition:width .15s linear}.stamina{gap:5px;padding-left:26px;display:flex}.pip{background:#00000059;border:2px solid #ffd25a99;border-radius:50%;width:14px;height:14px}.pip.full{background:#ffd24a;border-color:#ffe9a0;box-shadow:0 0 6px #ffd24a99}.pip.filling{background:conic-gradient(#ffd24ab3 calc(var(--p) * 360deg), #00000059 0)}.action-bar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:12;pointer-events:auto;gap:6px;display:flex;position:fixed;transform:translate(-50%)}.action-bar.touch-bar{bottom:auto;top:calc(242px + env(safe-area-inset-top,0px));direction:rtl;grid-template-columns:repeat(2,52px);gap:6px;display:grid;left:auto;right:12px;transform:none}.action-bar.touch-bar>*{direction:ltr}.action-bar.touch-bar .bag-slot{margin-left:0}@media (height<=500px){.action-bar.touch-bar{top:calc(172px + env(safe-area-inset-top,0px));grid-template-columns:repeat(3,44px);gap:4px}.action-bar.touch-bar .slot{width:44px;height:44px}.action-bar.touch-bar .slot-icon{font-size:21px;line-height:40px}}.action-bar.touch-bar .slot.empty{display:none}@media (width<=900px) and (height>=501px){.action-bar:not(.touch-bar){gap:4px}.action-bar:not(.touch-bar) .slot{width:44px;height:44px}.action-bar:not(.touch-bar) .slot-icon{font-size:21px;line-height:40px}}.tree-slot{margin-left:10px}.action-bar.touch-bar .tree-slot{margin-left:0}.tree-slot.has-points{border-color:#ffd36b;animation:1.6s ease-in-out infinite tree-glow;box-shadow:0 0 14px #ffd36bb3}@keyframes tree-glow{50%{box-shadow:0 0 4px #ffd36b4d}}.tree-badge{color:#2a1c08;background:#ffd36b;border-radius:999px;min-width:18px;padding:1px 5px;font:800 11px/1.3 system-ui,sans-serif;position:absolute;top:-8px;right:-6px}.slot{cursor:pointer;color:#fff;background:#0e0c14b8;border:2px solid #ffffff59;border-radius:10px;width:52px;height:52px;padding:0;position:relative}.slot.empty{opacity:.45;border-style:dashed}.slot.poor{filter:grayscale(.9)brightness(.6)}.slot-icon{font-size:26px;line-height:48px}.slot-key{color:#fffc;font:700 11px/1 system-ui,sans-serif;position:absolute;top:2px;left:4px}.slot-cost{color:#ffd24a;font:700 10px/1 system-ui,sans-serif;position:absolute;bottom:2px;right:3px}.slot-cost.spell{color:#8fd0ff}.card .keys-btn{box-shadow:none;color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff4d;border-radius:999px;padding:6px 14px;font-weight:600}.keys-panel{z-index:40;color:#fff;background:#100e16f7;border-radius:16px;width:min(460px,100vw - 32px);max-height:calc(100vh - 32px);padding:16px 18px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0009}.keys-head{justify-content:space-between;align-items:center;display:flex}.keys-head h2{margin:0;font-size:20px}.keys-head button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:22px}.keys-note{color:#ffffffa6;margin:6px 0 12px;font-size:13px}.keys-list{flex-direction:column;gap:6px;display:flex}.keys-row{cursor:pointer;color:#fff;text-align:left;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;display:flex}.keys-row kbd{background:#ffffff26;border-radius:6px;padding:3px 9px;font:600 13px/1 system-ui,sans-serif}.keys-row .keys-empty{color:#ffffff73}.keys-reset{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;margin-top:12px;padding:7px 14px}.emblem{border-radius:22px;width:92px;height:92px;margin:0 auto 4px;display:block;box-shadow:0 6px 24px #00000073}@media (height<=520px){.emblem{border-radius:14px;width:56px;height:56px}}.fs-tip{right:16px;top:calc(64px + env(safe-area-inset-top,0px));z-index:30;color:#fff;text-align:left;background:#100e16f5;border-radius:14px;width:min(360px,100vw - 32px);padding:14px 16px;font-size:14px;line-height:1.4;position:fixed;box-shadow:0 10px 40px #00000080}.fs-tip h3{margin:0 0 6px;font-size:16px}.fs-tip p{color:#fffc;margin:0 0 8px}.fs-tip ol{margin:0 0 10px;padding-left:20px}.fs-tip li{margin:3px 0}.fs-share{background:#ffffff26;border-radius:5px;padding:0 5px;display:inline-block}.fs-tip button{color:#08201c;cursor:pointer;background:#6fe8d6;border:0;border-radius:999px;padding:6px 14px;font-weight:700}.difficulty{background:#00000059;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.difficulty button{color:#ffffffbf;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font:600 14px/1 system-ui,sans-serif}.difficulty button.on{color:#2a1c08;background:#ffd36b}.difficulty button[disabled]{opacity:.35;cursor:default}.field select{color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff4d;border-radius:999px;padding:6px 10px;font:600 14px/1 system-ui,sans-serif}.trophies{color:#ffd36b;font-size:13px}.seal{z-index:24;background:radial-gradient(#280a4659,#05030abf);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.seal-stone{text-align:center;color:#efe6ff;background:radial-gradient(at 50% 0,#c79bff2e,#0000 60%),linear-gradient(160deg,#3a3446,#24202e 60%,#1b1824);border:3px solid #6b5a86;border-radius:22px;width:min(560px,100%);padding:22px 22px 18px;position:relative;box-shadow:inset 0 0 0 2px #1a1622,inset 0 0 40px #0009,0 0 50px #a06eff59,0 14px 40px #0009}.seal-stone:before,.seal-stone:after{content:"✧";color:#c79bff;text-shadow:0 0 10px #a46bff;font-size:20px;position:absolute;top:10px}.seal-stone:before{left:16px}.seal-stone:after{right:16px}.seal-title{letter-spacing:.12em;color:#e3cdff;text-shadow:0 0 14px #b478ffcc;font:900 clamp(22px,4vw,30px)/1.1 Cinzel,Georgia,serif}.seal-sub{color:#efe6ffb3;margin:6px 0 12px;font-size:13px}.seal-gems{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.gem{background:#2a2335;border:2px solid #6b5a86;border-radius:3px;width:18px;height:18px;transform:rotate(45deg)}.gem.lit{background:#c79bff;border-color:#f0e2ff;box-shadow:0 0 12px #b07bff}.seal-riddle{color:#ffe9a8;text-shadow:0 0 18px #ffc85abf,0 2px #5a3b10;justify-content:center;align-items:center;gap:.35em;margin:4px 0 18px;font:900 clamp(48px,10vw,76px)/1 Cinzel,Georgia,serif;display:flex}.seal-riddle .op{color:#c79bff;text-shadow:0 0 14px #b478ffe6;font-size:.8em}.seal-riddle .q{color:#fff;animation:1.2s ease-in-out infinite seal-pulse}@keyframes seal-pulse{50%{opacity:.45}}.seal-choices{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.rune{cursor:pointer;touch-action:manipulation;color:#f3e8ff;text-shadow:0 0 10px #c79bffe6;background:radial-gradient(circle at 35% 30%,#6c6380,#3b3548 70%);border:3px solid #8a7aa6;border-radius:50% 50% 46% 54%/55% 48% 52% 45%;width:clamp(70px,16vw,92px);height:clamp(70px,16vw,92px);font:900 clamp(30px,6vw,40px)/1 Cinzel,Georgia,serif;transition:transform .1s;box-shadow:inset 0 -6px 12px #00000073,0 0 16px #a06eff59}.rune:active{transform:scale(.93)}.rune.used{opacity:.3;filter:grayscale();cursor:default}.seal-msg{color:#d9c6ff;min-height:1.4em;margin-top:14px;font-size:14px}.seal.wrong .seal-stone{border-color:#b34a6a;animation:.4s seal-shake}@keyframes seal-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.slot-charges{color:#2a1c08;background:#ffd36b;border-radius:999px;padding:1px 5px;font:800 11px/1.3 system-ui,sans-serif;position:absolute;top:-8px;right:-6px}.slot-charges:empty{display:none}.slot.charged{border-color:#ffd36b;box-shadow:0 0 12px #ffd36b99}.minimap{top:calc(62px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));width:168px;height:168px;image-rendering:pixelated;pointer-events:none;z-index:5;background:#0a080e8c;border:1px solid #ffffff29;border-radius:14px;position:fixed;box-shadow:0 6px 18px #00000059}@media (width<=700px),(height<=500px){.minimap{width:112px;height:112px;top:calc(52px + env(safe-area-inset-top,0px))}}.slot-rank{color:#e8d4ff;letter-spacing:-1px;text-shadow:0 0 4px #000;font:900 12px/1 system-ui,sans-serif;position:absolute;bottom:1px;left:4px}.slot.learned{animation:1.2s ease-out slot-learned}@keyframes slot-learned{0%{transform:scale(1.18);box-shadow:0 0 #c79bffe6}to{transform:scale(1);box-shadow:0 0 0 14px #c79bff00}}.gold{color:#ffd24a;text-shadow:0 1px 3px #0009;font-weight:800}.bag-panel{z-index:20;color:#f4ead8;background:linear-gradient(#221a28f7,#140f18f7);border:1px solid #ffdca040;border-radius:18px;width:min(860px,100vw - 24px);max-height:calc(100vh - max(24px,10vh));padding:16px 18px;font:14px/1.35 system-ui,sans-serif;position:fixed;top:max(12px,5vh);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 18px 50px #0009}.bag-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.bag-head h2{letter-spacing:.04em;margin:0;font:700 22px/1 Cinzel,Georgia,serif}.bag-gold{color:#ffd24a;font-weight:800}.bag-close{width:34px;height:34px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:10px;margin-left:auto;font-size:16px}.bag-body{grid-template-columns:minmax(200px,1fr) auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.bag-panel:not(:has(.shop)) .bag-body{grid-template-columns:minmax(200px,1fr) auto}.bag-body h3{text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin:6px 0 4px;font:700 11px/1 system-ui,sans-serif}.bag-cell,.shop-row{color:inherit;cursor:pointer;font:inherit;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px}.bag-grid{grid-template-columns:repeat(4,52px);grid-auto-rows:52px;gap:6px;display:grid}.bag-cell{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rc,transparent) 70%, transparent);font-size:24px}.bag-cell.empty{cursor:default;opacity:.45}.doll-slot.on,.bag-cell.on,.shop-row.on{outline-offset:1px;outline:2px solid #ffd24a}.bag-stats{opacity:.8;margin:6px 0 0;font-size:12px}.shop-list{flex-direction:column;gap:5px;display:flex}.shop-row{text-align:left;border-left:3px solid var(--rc);align-items:center;gap:8px;padding:6px 8px;display:flex}.shop-row.sold{opacity:.35;cursor:default}.shop-row.poor .sr-price{color:#ff7a7a}.sr-icon{font-size:20px}.sr-name{min-width:0;color:var(--rc);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sr-price{color:#ffd24a;font-weight:800}.shop-go{color:#2a1c08;cursor:pointer;background:#ffc24a;border:0;border-radius:12px;width:100%;margin-top:10px;padding:12px;font:800 15px/1 system-ui,sans-serif}.shop-wait{opacity:.7;font-size:13px}.bag-detail{background:#00000040;border-radius:12px;min-height:150px;margin-top:12px;padding:10px 12px}.bag-detail .hint{opacity:.7;margin:0}.bd-title{color:var(--rc);align-items:center;gap:8px;font-size:17px;display:flex}.bd-sub{opacity:.7;margin:2px 0 6px;font-size:12px}.bag-detail ul{margin:0 0 8px;padding-left:18px}.bag-detail li.up{color:#8dff9a}.bag-detail li.down{color:#ff8a8a}.bd-actions{flex-wrap:wrap;gap:8px;display:flex}.bd-actions button{color:#2a1c08;cursor:pointer;background:#ffc24a;border:0;border-radius:10px;padding:8px 14px;font:700 14px/1 system-ui,sans-serif}.bd-actions button.ghost{color:inherit;background:#ffffff1a}.bd-actions button:disabled{opacity:.4;cursor:default}.bag-btn{top:calc(240px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));cursor:pointer;z-index:6;background:#0a080e99;border:1px solid #fff3;border-radius:14px;width:48px;height:48px;font-size:24px;position:fixed}@media (width<=700px),(height<=500px){.bag-btn{top:calc(172px + env(safe-area-inset-top,0px));width:42px;height:42px;font-size:20px}.bag-body{grid-template-columns:1fr}.bag-panel:not(:has(.shop)) .bag-body{grid-template-columns:1fr}.bag-grid{grid-template-columns:repeat(8,1fr);grid-auto-rows:44px}}.doll{background:radial-gradient(at 50% 40%,#46382c8c,#140f0cb3);border:1px solid #a0825a40;border-radius:14px;padding:10px;position:relative}.doll-figure{opacity:.08;filter:grayscale();pointer-events:none;font-size:210px;line-height:1;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.doll-grid{grid-template:"cape helmet amulet"62px"weapon armor offhand"62px"weapon armor offhand"62px"gloves belt ring"62px".boots ring2"62px/82px 104px 82px;justify-content:center;place-items:center;gap:10px 16px;display:grid;position:relative}.doll-slot{width:60px;height:60px;color:inherit;cursor:pointer;touch-action:none;background:linear-gradient(#2c231c,#17120e);border:2px solid #4d3b2b;border-radius:8px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffdca014,inset 0 6px 14px #0009}.doll-slot.tall{width:76px;height:134px}.doll-slot.body{width:96px;height:134px}.doll-slot .ds-icon{filter:grayscale()brightness(1.6);opacity:.22;font-size:26px}.doll-slot.tall .ds-icon,.doll-slot.body .ds-icon{font-size:40px}.doll-slot .ds-label{letter-spacing:.08em;text-transform:uppercase;opacity:.4;font-size:9px;position:absolute;bottom:3px;left:0;right:0}.doll-slot.full{border-color:color-mix(in srgb, var(--rc) 70%, #4d3b2b);box-shadow:0 0 12px color-mix(in srgb, var(--rc) 45%, transparent), inset 0 6px 14px #00000080}.doll-slot.full .ds-icon{filter:none;opacity:1}.doll-fam{border-top:1px solid #a0825a33;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding-top:10px;display:flex;position:relative}.doll-fam .df-label{text-transform:uppercase;letter-spacing:.12em;opacity:.6;font:700 11px/1 system-ui,sans-serif}.doll-fam .doll-slot{width:52px;height:52px}.bag-side{flex-direction:column;gap:8px;display:flex}.bag-cell{touch-action:none}.bag-trash{text-align:center;opacity:.55;border:1px dashed #fff3;border-radius:10px;padding:8px;font-size:12px}.shop h3 small{text-transform:none;letter-spacing:0;opacity:.7;margin-left:6px;font-weight:500}.bag-ghost{z-index:40;border:2px solid var(--rc);pointer-events:none;background:#1e1612d9;border-radius:12px;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;font-size:30px;display:grid;position:fixed;box-shadow:0 8px 22px #0009}.bag-panel.dragging .doll-slot.fits{border-color:#ffd24a;box-shadow:0 0 16px #ffd24ab3}.bag-panel.dragging .drop-over{outline-offset:2px;outline:2px dashed #ffd24a}.bag-panel.dragging .bag-trash.drop-over{opacity:1;background:#ff505026}.bag-panel.dragging .shop.drop-over{background:#ffd24a0f;border-radius:12px}@media (width<=700px),(height<=500px){.doll-grid{grid-template-rows:50px 50px 50px 50px 50px;grid-template-columns:64px 84px 64px;gap:6px 10px}.doll-slot{width:46px;height:46px}.doll-slot.tall{width:60px;height:106px}.doll-slot.body{width:78px;height:106px}.doll-figure{font-size:160px}}.action-bar .bag-slot{background:#3c2c14bf;border-color:#ffd24a8c;margin-left:10px}.action-bar .bag-slot .slot-icon{font-size:22px}.item-art{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.bag-cell .item-art{width:44px;height:44px}.doll-slot .ds-icon:has(.item-art){place-items:center;width:100%;height:100%;display:grid}.doll-slot .item-art{width:92%;height:92%}.doll-slot.tall .item-art{transform:rotate(-38deg)scale(1.35)}.sr-icon .item-art,.bd-title .item-art{vertical-align:middle;width:30px;height:30px}.bag-ghost .item-art{width:48px;height:48px}.bag-cell:not(.empty),.doll-slot.full{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--rc) 38%, #241b15) 0%, color-mix(in srgb, var(--rc) 14%, #17120e) 70%, #120e0b 100%)}.shop-row .sr-icon:has(.item-art){background:radial-gradient(circle, color-mix(in srgb, var(--rc) 35%, #241b15), #120e0b);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.bag-tip{z-index:45;pointer-events:none;border:1px solid color-mix(in srgb, var(--rc,#fff) 55%, transparent);color:#f4ead8;background:linear-gradient(#241c2afa,#140f18fa);border-radius:12px;width:250px;padding:10px 12px;font:13px/1.35 system-ui,sans-serif;position:fixed;box-shadow:0 10px 28px #0009}.bag-tip ul{margin:4px 0 6px;padding-left:16px}.bag-tip li.up,.bag-detail li.up{color:#8dff9a}.bag-tip li.down,.bag-detail li.down{color:#ff8a8a}.bd-worth{color:#ffd24a;margin:0;font-size:12px}.bd-how{opacity:.6;margin:4px 0 0;font-size:11px}.bag-count{opacity:.7;font-size:12px;font-weight:700}.bag-count.full{color:#ff8a8a;opacity:1}.bag-sort{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;padding:5px 10px;font:600 12px/1 system-ui,sans-serif}.bag-head .bag-close{margin-left:auto}.bag-head:not(:has(.bag-close)) .bag-sort{margin-left:auto}.bag-cell{position:relative}.bag-cell .up-mark{color:#5dff7a;text-shadow:0 0 4px #000,0 0 2px #000;font-size:11px;position:absolute;top:1px;right:2px}.bag-cell.new:after{content:"";background:#ffd24a;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:4px;box-shadow:0 0 6px #ffd24a}.heroes{flex-wrap:wrap;gap:6px;display:flex}.heroes button{min-width:76px;color:inherit;cursor:pointer;background:#00000059;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font:600 12px/1.1 system-ui,sans-serif;display:flex}.heroes button .hero-icon{font-size:26px}.heroes button.on{color:#2a1c08;background:#ffd36b;border-color:#ffd36b}.heroes button[disabled]{opacity:.35;cursor:default}.action-bar .tree-slot+.bag-slot{margin-left:6px}.xp{align-items:center;gap:6px;margin-top:4px;display:flex}.xp-level{color:#ffe08a;text-shadow:0 1px 2px #000;min-width:38px;font:800 13px/1 system-ui,sans-serif}.xp-track{background:#00000073;border:1px solid #ffe08a59;border-radius:999px;width:150px;height:6px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#c8a040,#ffe08a);height:100%;transition:width .3s}.xp.maxed .xp-fill{background:linear-gradient(90deg,#ffd36b,#fff4c8)}.tree-panel{z-index:20;color:#f4ead8;background:linear-gradient(#221a28f7,#140f18f7);border:1px solid #ffdca040;border-radius:18px;width:min(820px,100vw - 24px);max-height:calc(100vh - max(24px,10vh));padding:16px 18px;font:14px/1.35 system-ui,sans-serif;position:fixed;top:max(12px,5vh);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 18px 50px #0009}.tree-head{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:14px;display:flex}.tree-head h2{letter-spacing:.04em;margin:0;font:700 22px/1 Cinzel,Georgia,serif}.tree-who{opacity:.8}.tree-points{background:#ffffff12;border-radius:999px;padding:3px 10px;font-weight:700}.tree-points.some{color:#2a1c08;background:#ffd36b;box-shadow:0 0 12px #ffd36b80}.tree-head .bag-close{margin-left:auto}.tree-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tree-branch{border-top:3px solid var(--branch);background:#ffffff08;border-radius:14px;flex-direction:column;align-items:stretch;padding:10px;display:flex}.tree-branch h3{text-align:center;color:var(--branch);letter-spacing:.05em;margin:0 0 10px;font:700 16px/1 Cinzel,Georgia,serif}.tree-link{background:#ffffff2e;width:3px;height:16px;margin:0 auto}.tree-node{color:inherit;text-align:left;cursor:pointer;font:inherit;background:#0e0c14b3;border:2px solid #ffffff24;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;gap:2px 8px;padding:8px 10px;display:grid;position:relative}.tree-icon{text-align:center;grid-row:span 2;font-size:26px}.tree-name{flex-direction:column;font-weight:700;display:flex}.tree-name small{opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.tree-pips{gap:4px;display:flex}.tree-pips i{border:2px solid #ffffff59;border-radius:50%;width:12px;height:12px}.tree-pips i.on{background:var(--branch);border-color:var(--branch);box-shadow:0 0 6px var(--branch)}.tree-node.has{border-color:color-mix(in srgb, var(--branch) 60%, transparent)}.tree-node.open{border-color:#ffd36b;box-shadow:0 0 12px #ffd36b59}.tree-node.open:hover{background:#ffd36b1f}.tree-node.locked{opacity:.45;filter:grayscale(.8);cursor:default}.tree-node.maxed{border-color:var(--branch);background:color-mix(in srgb, var(--branch) 14%, #0e0c14cc)}.tree-node.focus{outline-offset:2px;outline:2px solid #ffffff80}.tree-plus{color:#2a1c08;text-align:center;background:#ffd36b;border-radius:50%;width:22px;height:22px;font:900 16px/22px system-ui,sans-serif;position:absolute;top:-8px;right:-8px}.tree-detail{background:#ffffff0d;border-radius:12px;min-height:92px;margin-top:14px;padding:10px 14px}.tree-detail.muted{opacity:.65;align-items:center;display:flex}.tree-detail-head{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:15px;display:flex}.tree-why{color:#ffe08a;margin-left:auto;font-size:13px}.tree-detail ul{gap:3px;margin:8px 0 0;padding:0;list-style:none;display:grid}.tree-detail li{opacity:.55}.tree-detail li b{color:#ffe08a;width:28px;display:inline-block}.tree-detail li.have{opacity:1}.tree-detail li.next{opacity:1;color:#fff4c8}.tree-foot{justify-content:flex-end;margin-top:12px;display:flex}.tree-respec{color:inherit;cursor:pointer;background:#3c2c14bf;border:1px solid #ffdca066;border-radius:10px;padding:8px 14px;font:600 14px/1 system-ui,sans-serif}.tree-respec[disabled]{opacity:.45;cursor:default}.tree-respec-note{opacity:.55;font-size:12px}.tree-soon{opacity:.8;text-align:center;padding:24px 6px}@media (width<=620px){.tree-body{grid-template-columns:1fr}}.mid{flex-direction:column;align-self:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.quest-list{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.quest-list:empty{display:none}.quest-line{color:#ffe6b8;text-shadow:0 1px 2px #000;background:#140e08b8;border:1px solid #ffc45a8c;border-radius:999px;padding:5px 12px;font:700 14px/1.2 system-ui,sans-serif;box-shadow:0 0 12px #ffc45a40}.quest-line.done{opacity:.75;color:#c9f5cf;border-color:#8fe39a99}.shop-note{color:#fff0c8;background:#ffd36b1a;border-left:3px solid #ffd36b;border-radius:10px;margin:0 0 10px;padding:8px 12px;font-style:italic}.interact-prompt{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:13;cursor:pointer;color:#fff0c8;touch-action:none;-webkit-user-select:none;user-select:none;background:#140e08d1;border:2px solid #ffd36b;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font:700 15px/1 system-ui,sans-serif;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 0 18px #ffd36b66}.interact-prompt kbd{color:#2a1c08;background:#ffd36b;border-radius:6px;padding:3px 8px;font:800 13px/1 system-ui,sans-serif}.interact-prompt span{z-index:1;position:relative}.interact-prompt i{background:#ffd36b47;width:0;position:absolute;top:0;bottom:0;left:0}body:has(.boss-bar:not([hidden])) .quest-list{margin-top:38px}.combo-pop{z-index:14;pointer-events:none;color:#ffe066;text-shadow:0 0 12px #ffc828cc,0 2px 3px #000;letter-spacing:.04em;opacity:0;font:900 34px/1 Cinzel,Georgia,serif;position:fixed;top:36%;left:50%;transform:translate(-50%,-50%)}.combo-pop.big{color:#fff3a0;font-size:46px}.combo-pop.pop{animation:1.1s ease-out forwards combo-pop}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.hl-overlay{z-index:30;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hl-card{color:#f4ead8;background:linear-gradient(#281e32f7,#16101cf7);border:2px solid #ffd36b;border-radius:20px;min-width:min(340px,86vw);padding:18px 22px;font:15px/1.35 system-ui,sans-serif;animation:.45s ease-out hl-in;box-shadow:0 0 40px #ffd36b59}@keyframes hl-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hl-head{align-items:center;gap:12px;display:flex}.hl-emoji{font-size:44px}.hl-head small{opacity:.7;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hl-head h3{margin:2px 0 0;font:700 21px/1.1 Cinzel,Georgia,serif}.hl-title{text-align:center;color:#ffe08a;background:#ffd36b26;border-radius:12px;margin:12px 0 10px;padding:8px 12px;font:800 20px/1 system-ui,sans-serif}.hl-row{grid-template-columns:28px 1fr auto;gap:8px;padding:4px 2px;font-size:15px;display:grid}.hl-row b{color:#ffe08a;font-size:17px}.hl-row.none{opacity:.45}.hl-hint{text-align:center;opacity:.5;margin-top:8px;font-size:12px}.fam-meter{background:conic-gradient(#ffd36b calc(var(--p,0) * 360deg), #00000073 0);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:relative}.fam-meter:after{content:"";background:#0e0c14d9;border-radius:50%;position:absolute;inset:4px}.fam-meter>span{z-index:1;font-size:15px;position:relative}.fam-meter.full{animation:1.2s ease-in-out infinite tree-glow;box-shadow:0 0 14px #ffd36b}.ult-btn{right:calc(260px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:12;cursor:pointer;touch-action:none;background:conic-gradient(var(--c,#ffd36b) calc(var(--p,0) * 360deg), #00000080 0);border:none;border-radius:50%;place-items:center;width:96px;height:96px;padding:0;display:grid;position:fixed}.ult-btn:before{content:"";background:radial-gradient(circle at 50% 35%,#3c2e46f2,#0e0c14f2);border-radius:50%;position:absolute;inset:7px}.ult-icon{z-index:1;filter:grayscale(.7);opacity:.7;margin-top:-10px;font-size:38px;line-height:1;position:relative}.ult-label{z-index:1;text-align:center;color:#fff;text-shadow:0 1px 2px #000;padding:0 8px;font:800 11px/1.1 system-ui,sans-serif;position:absolute;bottom:14px;left:0;right:0}.ult-btn.full{box-shadow:0 0 26px var(--c,#ffd36b), 0 0 50px #ffd36b80;animation:1s ease-in-out infinite ult-pulse}.ult-btn.full .ult-icon{filter:none;opacity:1}@keyframes ult-pulse{50%{transform:scale(1.08)}}.ping-btn{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:12;cursor:pointer;touch-action:none;background:#0e0c14bf;border:2px solid #fff6;border-radius:50%;width:58px;height:58px;font-size:26px;position:fixed}.ping-menu{right:calc(90px + env(safe-area-inset-right,0px));bottom:calc(140px + env(safe-area-inset-bottom,0px));z-index:13;gap:10px;display:flex;position:fixed}.ping-menu button{color:#fff;cursor:pointer;touch-action:none;background:#0e0c14e0;border:2px solid #fff6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;display:flex}.ping-menu button span{font-size:30px}.ping-menu button small{opacity:.85;font:700 11px/1 system-ui,sans-serif}