.ach-grid.svelte-1kdt0nm{background:var(--arc-well);box-shadow:var(--arc-frame);grid-template-columns:repeat(auto-fill,52px);gap:10px;margin:0 0 28px;padding:16px;display:grid}.tile-wrap.svelte-1kdt0nm{width:52px;height:52px;position:relative}.tile.svelte-1kdt0nm{all:unset;box-sizing:border-box;cursor:pointer;background:var(--arc-panel);width:52px;height:52px;box-shadow:inset 0 0 0 2px var(--arc-edge-light), inset 0 -4px 0 0 var(--arc-edge-dark);place-items:center;transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s,background .14s;display:grid}.tile.svelte-1kdt0nm .art:where(.svelte-1kdt0nm){place-items:center;transition:transform .14s;display:grid}.tile.open.svelte-1kdt0nm{z-index:2;background:var(--arc-raised);box-shadow:inset 0 0 0 2px var(--arc-gold), inset 0 -4px 0 0 var(--arc-gold-deep), 0 6px 0 0 #0000008c;position:relative;transform:translateY(-6px)scale(1.14)}.tile.open.svelte-1kdt0nm .art:where(.svelte-1kdt0nm){animation:.9s steps(2,jump-none) infinite alternate svelte-1kdt0nm-ach-bob}.tile.pinned.svelte-1kdt0nm{box-shadow:inset 0 0 0 3px var(--arc-gold), inset 0 -4px 0 0 var(--arc-gold-deep), 0 6px 0 0 #0000008c}.tile.svelte-1kdt0nm:focus-visible{outline:2px solid var(--arc-gold);outline-offset:4px}@keyframes svelte-1kdt0nm-ach-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.tip.svelte-1kdt0nm{--shift:0px;z-index:5;width:min(240px,100vw - 32px);transform:translateX(calc(-50% + var(--shift)));pointer-events:none;position:absolute;bottom:calc(100% + 16px);left:50%}.tip.svelte-1kdt0nm[data-below=true]{top:calc(100% + 16px);bottom:auto}.tip.svelte-1kdt0nm:after{content:"";left:calc(50% - var(--shift) - 6px);background:var(--arc-gold);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:6px;position:absolute;bottom:-6px}.tip.svelte-1kdt0nm[data-below=true]:after{clip-path:polygon(50% 0,100% 100%,0 100%);top:-6px;bottom:auto}.tip-card.svelte-1kdt0nm{background:var(--arc-raised);box-shadow:inset 0 0 0 2px var(--arc-gold), 0 6px 0 0 #0000008c;transform-origin:50% 100%;padding:12px 14px;animation:.16s cubic-bezier(.3,1.5,.5,1) svelte-1kdt0nm-ach-pop}.tip.svelte-1kdt0nm[data-below=true] .tip-card:where(.svelte-1kdt0nm){transform-origin:50% 0}@keyframes svelte-1kdt0nm-ach-pop{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:none}}.tip-head.svelte-1kdt0nm{align-items:center;gap:10px;margin-bottom:10px;display:flex}.tip-art.svelte-1kdt0nm{background:var(--arc-well);width:42px;height:42px;box-shadow:inset 0 0 0 2px var(--arc-edge-light);flex-shrink:0;place-items:center;display:grid}.tip-name.svelte-1kdt0nm{font-family:var(--arc-font);color:var(--arc-gold);font-size:1.05rem;line-height:1.2}.tip-group.svelte-1kdt0nm{color:var(--color-text-faint);font-size:.75rem}.tip-label.svelte-1kdt0nm{font-family:var(--arc-font);color:var(--color-text-muted);margin-bottom:2px;font-size:.75rem}.tip-goal.svelte-1kdt0nm{color:var(--color-text);margin:0;font-size:.9rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.tile.svelte-1kdt0nm,.tile.svelte-1kdt0nm .art:where(.svelte-1kdt0nm){transition:none}.tile.open.svelte-1kdt0nm{transform:none}.tile.open.svelte-1kdt0nm .art:where(.svelte-1kdt0nm),.tip-card.svelte-1kdt0nm{animation:none}}
