:root{color:#f2e9d7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#08141b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:2px solid #e5b56d}input:focus-visible{outline-offset:3px;outline:2px solid #e5b56d}::selection{color:#08141b;background:#bb874c}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{--line:#cbb08333;--gold:#f0c57c;--gold-deep:#b98247;--ink:#f6ead2;--panel:#12262d;--peek-height:calc(174px + env(safe-area-inset-bottom));min-height:100vh;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 48% 0,#203640 0,#09171e 40%,#071218 100%);min-height:100dvh}.save-loading{color:#f0c57c;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.save-loading>span{font-size:36px}.save-loading strong{color:#f6ead2;font:700 32px Georgia,serif}.save-loading small{color:#aabbb4;font-size:13px}.app-frame{height:100vh;flex-direction:column;max-width:1440px;height:100dvh;margin:auto;display:flex;overflow:hidden}.hud{padding:calc(env(safe-area-inset-top) + 10px) max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left));border-bottom:1px solid var(--line);z-index:6;background:linear-gradient(#0d2028,#08161c);flex:none;align-items:center;gap:12px;display:flex;position:relative}.rank-badge{filter:drop-shadow(0 0 10px #e6a94a44);flex:none;place-items:center;width:50px;height:50px;display:grid;position:relative}.rank-badge svg{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.rank-badge circle{fill:#14262c;stroke-width:4px}.rank-badge .ring-bg{stroke:#2f4248}.rank-badge .ring-fill{fill:none;stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.3,1.2,.4,1)}.rank-badge>span{color:var(--ink);font:700 19px Georgia,serif;position:relative}.hud-progress{flex:1;min-width:0}.hud-rank{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hud-rank strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font:700 16px Georgia,serif;overflow:hidden}.hud-rank span{color:var(--gold);white-space:nowrap;font-size:13px;font-weight:700}.xp-track{background:#2a3b41;border:1px solid #0006;border-radius:9px;height:9px;margin:5px 0 4px;overflow:hidden;box-shadow:inset 0 1px 3px #0008}.xp-track span{border-radius:inherit;background:linear-gradient(90deg,#b6763a,#f9d99a);height:100%;transition:width .6s cubic-bezier(.3,1.2,.4,1);display:block;box-shadow:0 0 10px #eba34e99}.hud-progress small{text-overflow:ellipsis;white-space:nowrap;color:#97a8a2;font-size:11px;display:block;overflow:hidden}.hud-actions{flex:none;gap:8px;display:flex}.icon-button{color:#d4bd93;background:linear-gradient(#24373d,#182a30);border:1px solid #5b6a64;border-radius:14px;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 3px #0a1519}.icon-button:active{transform:translateY(2px);box-shadow:0 1px #0a1519}.icon-button.is-on{color:#1c1409;background:linear-gradient(#f6d497,#d19a55);border-color:#f4d195}.menu-wrap{position:relative}.menu-popover{z-index:10;background:#1b2c31;border:1px solid #73634d;border-radius:14px;width:200px;padding:5px;position:absolute;top:52px;right:0;box-shadow:0 14px 34px #000a}.menu-popover button,.menu-popover a{color:#f0ded0;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:46px;padding:8px 10px;text-decoration:none;display:flex}.menu-popover button:hover,.menu-popover a:hover{background:#344047}.menu-popover button:disabled{opacity:.6;pointer-events:none}.menu-popover small{color:#cdbb9b;padding:8px 10px;line-height:1.3;display:block}.game-layout{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(385px,.65fr);gap:18px;min-height:0;padding:18px;display:grid;position:relative}.workbench{isolation:isolate;background:linear-gradient(#091921df,#081923b0 40%,#071821ed),url(/assets/alchemist-slate-v1.jpg) 50%/cover;background:linear-gradient(#091921df,#081923b0 40%,#071821ed),image-set("/assets/alchemist-slate-v1.webp" 1x type("image/webp"),"/assets/alchemist-slate-v1.jpg" 1x type("image/jpeg")) 50%/cover;border:1px solid #8f745357;border-radius:25px;flex-direction:column;min-width:0;min-height:0;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1c,0 24px 60px #0004}.workbench-top{flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.goal-chip{background:linear-gradient(#33301f,#221f14);border:1px solid #a5804f;border-radius:22px;align-items:center;gap:9px;min-width:0;height:44px;padding:0 14px 0 12px;display:flex;box-shadow:0 3px #0a1519}.goal-label{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800}.goal-recipe{color:var(--ink);white-space:nowrap;font-size:18px}.goal-chip.is-done{background:#1a2b30;border-color:#58706a}.goal-chip.is-done .goal-label{color:#a9bdb5;letter-spacing:.04em;text-transform:none}.workbench-actions{gap:8px;display:flex}.tool-button{color:#f0c98d;background:linear-gradient(#26404a,#182c34);border:1px solid #a08050;border-radius:15px;flex:0 0 46px;place-items:center;width:46px;height:46px;padding:0;display:grid;box-shadow:0 3px #0a1519}.tool-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0a1519}.hint-button:not(.is-cooling){animation:2.6s ease-in-out infinite hint-ready}.hint-button{position:relative}.animated-mascot{transform-origin:50% 75%;animation:3.8s ease-in-out infinite mascot-breathe;display:block;position:relative;overflow:hidden}.animated-mascot img{pointer-events:none;width:400%;max-width:none;height:100%;animation:6s step-end infinite mascot-blink;position:absolute;top:0;bottom:auto;left:0;right:auto}.hint-mascot{filter:drop-shadow(0 1px 3px #0008);width:42px;height:42px}.hint-button.is-cooling{color:#93a29c;border-color:#566660}.cooldown{color:#f6ead2;background:#14262c;border:1px solid #d9bb83;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 3px;font:700 11px/1 Georgia,serif;display:grid;position:absolute;bottom:-5px;right:-5px}.clear-button{color:#c8bbb0;border-color:#65706a}.clear-button:disabled{opacity:.4}.board{--board-item-size:88px;--board-edge-inset:12px;touch-action:none;background:radial-gradient(circle,#3a484633,#08171d9c 63%),#07161daa;border:1px solid #b7936059;border-radius:20px;flex:1;min-height:0;margin-top:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #0006,inset 0 1px #ffffff12}.board:before{content:"";opacity:.13;pointer-events:none;background-image:radial-gradient(#e0bd814d .8px,#0000 .8px);background-size:22px 22px;position:absolute;top:0;bottom:0;left:0;right:0}.board-sigil{aspect-ratio:1;pointer-events:none;border:1px solid #ddb57429;border-radius:50%;width:min(300px,65%);animation:90s linear infinite sigil-spin;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 60px #d6aa3d12,inset 0 0 45px #d6aa3d0e}.board-sigil:before,.board-sigil:after{content:"";border:1px dashed #ddb57429;border-radius:50%;position:absolute;top:18px;bottom:18px;left:18px;right:18px}.board-sigil:after{border-style:solid;top:48px;bottom:48px;left:48px;right:48px}.board-token{width:var(--board-item-size);height:var(--board-item-size);z-index:2;position:absolute}.board-token[data-dragging=true]{z-index:20;will-change:transform}.board-token[data-dragging=true] .board-token-body{transform:scale(1.12)rotate(-3deg);box-shadow:0 15px 17px #000a,inset 0 1px #ffffff25,inset 0 0 18px #d2a75d19}.board-token[data-drop-target=true]{z-index:3}.board-token-body{color:#f7eee1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;background:radial-gradient(circle at 50% 20%,#385059,#1d343b 75%);border:1px solid #c3a56c9e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:8px 6px;transition:transform .14s,box-shadow .14s;display:flex;box-shadow:0 7px 8px #0006,inset 0 1px #ffffff25,inset 0 0 18px #d2a75d19}.board-token-body:active,.board-token[data-dragging=true] .board-token-body{cursor:grabbing}.board-token.is-selected .board-token-body,.board-token[data-drop-target=true] .board-token-body{background:radial-gradient(circle at 50% 20%,#52666a,#2a4246 75%);border-color:#f8d78b;box-shadow:0 0 0 3px #e9bd6f63,0 0 22px #e9bd6f6e,inset 0 0 18px #eec5832a}.board-token[data-drop-target=true] .board-token-body{animation:.7s ease-in-out infinite target-pulse;transform:scale(1.14)}.board-token.is-hinted .board-token-body{border-color:#9ff0c8;animation:1.1s ease-in-out infinite hint-glow}.board-token.is-fresh .board-token-body{animation:.55s cubic-bezier(.3,1.6,.5,1) both token-appear}.board-token[data-dragging=true].is-fresh .board-token-body{animation:none}.board-token-emoji{filter:drop-shadow(0 4px 5px #0007);pointer-events:none;place-items:center;width:48px;height:48px;font-size:36px;line-height:1;display:grid}.element-visual-wrap{place-items:center;width:100%;height:100%;line-height:1;display:grid;position:relative}.element-visual{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.element-visual[data-loaded=true]{opacity:1}.element-visual-fallback[hidden]{display:none}.board-token-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;pointer-events:none;width:100%;font-size:11px;font-weight:600;overflow:hidden}.board-token-remove{z-index:2;color:#ead8bb;background:#263b40;border:1px solid #917f68;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 6px #0008}.board-token-remove:after{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.board-token-remove:hover{color:#fff;background:#805946}.token-burst{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:50%;left:50%}.token-burst span{background:#ffe3a3;border-radius:50%;width:8px;height:8px;animation:.7s ease-out both burst;position:absolute;top:-4px;left:-4px;box-shadow:0 0 8px #ffbf5e}.board-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.board-empty>span{color:#e2b673;font-size:31px}.board-empty strong{color:#f0e0c5;font:22px Georgia,serif}.board-empty small{color:#aabbb4;max-width:240px;font-size:12px}.guide-message{z-index:31;pointer-events:none;background:#122832f2;border:1px solid #d3a969;border-radius:18px;align-items:center;gap:7px;width:min(328px,100% - 20px);min-height:96px;padding:8px 30px 8px 5px;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 28px #0009}.guide-message.is-hint{border-color:#8ad8b5}.guide-portrait{filter:drop-shadow(0 2px 3px #0008);flex:0 0 76px;width:76px;height:76px}.guide-copy{min-width:0}.guide-copy strong,.guide-copy small{display:block}.guide-copy strong{color:#f8dfac;font:700 16px/1.2 Georgia,serif}.guide-copy small{color:#d2dcd5;margin-top:4px;font-size:12px;line-height:1.35}.guide-dismiss{color:#f6ead2;pointer-events:auto;background:#253d44;border:1px solid #71837d;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:7px;right:7px}.guide-dismiss:focus-visible{outline-offset:2px;outline:2px solid #fff2d2}.toast{z-index:30;pointer-events:none;background:#081a20ee;border:1px solid #bfa4756b;border-radius:16px;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 24px);padding:9px 16px 9px 12px;animation:2.6s both toast-life;display:flex;position:absolute;top:44%;left:50%;translate:-50%;box-shadow:0 8px 22px #0007}.toast strong,.toast small{display:block}.toast strong{color:#f3e7d2;font:15px/1.2 Georgia,serif}.toast small{color:#aebbb6;margin-top:2px;font-size:12px;line-height:1.3}.toast-symbol{color:#e9c382;text-align:center;flex:0 0 30px;font-size:26px}.toast.new,.toast.complete{border-color:#e2b46a}.toast.fail{border-color:#c96f65aa}.toast.fail .toast-symbol{color:#e0857a}.toast.fail.near-miss{border-color:#e2b46a}.toast.fail.near-miss .toast-symbol{color:#e9c382}.collection{background:linear-gradient(155deg,#183039,#10242c 60%,#11262b);border:1px solid #56706869;border-radius:25px;flex-direction:column;min-width:0;min-height:0;padding:25px 23px 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 24px 60px #0004}.sheet-handle,.sheet-backdrop{display:none}.eyebrow{color:#d6af72;letter-spacing:.22em;white-space:nowrap;align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.collection-heading{justify-content:space-between;align-items:end;gap:10px;display:flex}.collection h2{color:#f1e8d9;margin:6px 0 0;font:32px/1.1 Georgia,serif}.collection h2 span{color:#dfb677;font:18px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.collection-progress{color:#aab6ac;white-space:nowrap;padding-bottom:3px;font-size:12px}.progress-track{background:#34454a;border-radius:9px;height:6px;margin:17px 0 21px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#9f7043,#f4d195);height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #e7ad58}.collection-tools{align-items:center;gap:10px;margin-bottom:17px;display:flex}.collection-tabs{background:#0c1d23a6;border:1px solid #71847a54;border-radius:13px;flex:1;min-width:0;padding:4px;display:flex}.collection-tabs button{color:#aabbb6;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1;min-width:0;height:38px;padding:0 6px;font-size:13px;font-weight:700}.collection-tabs button.active{color:#f4d8a8;background:#3a4340;box-shadow:0 2px 6px #0005}.tab-label-compact{display:none}.search-box{color:#a8b4ad;background:#0c1d23a6;border:1px solid #71847a54;border-radius:13px;align-items:center;gap:6px;width:125px;height:46px;padding:0 10px;display:flex}.search-box:focus-within{border-color:#d4ae78}.search-box input{color:#f4e6d2;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.search-box input::placeholder{color:#99a9a4}.search-clear{color:#e2c48f;background:0 0;border:0;flex:0 0 26px;place-items:center;width:26px;height:30px;padding:0;display:grid}.collection-scroll{overscroll-behavior:contain;scrollbar-color:#716b58 transparent;flex:1;min-height:0;overflow-y:auto}.element-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 2px 10px;display:grid}.element-card{color:#eee8d7;background:linear-gradient(160deg,#294048,#1c333a);border:1px solid #a7a68138;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:112px;padding:12px 5px;transition:transform .1s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff10,0 4px #0a1519}.element-card:hover{background:#304a4c;border-color:#c9a6709e}.element-card:active{transform:translateY(3px);box-shadow:0 1px #0a1519}.element-card-art{background:radial-gradient(circle,#445a56,#1e3439 70%);border:1px solid #b69a625a;border-radius:50%;place-items:center;width:53px;height:53px;font-size:31px;line-height:1;display:grid;box-shadow:inset 0 0 12px #d2a75d2c}.element-card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.element-card-new{color:#1c1409;text-transform:uppercase;background:linear-gradient(#f0b56a,#c47d43);border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800;animation:1.6s ease-in-out infinite badge-bob;position:absolute;top:6px;right:6px}.element-card.is-spent .element-card-art{opacity:.62;filter:saturate(.55)}.element-card.is-spent .element-card-name{color:#b7b4a6}.element-card-spent{color:#e9f4e8;background:#4f7d66;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:6px;left:6px}.empty-search{color:#a3b5ac;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.empty-search strong{color:#e5dfcc}.empty-search span{font-size:12px}.collection-footer{color:#9baea4;border-top:1px solid #9f9a7640;flex:none;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:11px;display:flex}.footer-star{color:#e4bd7a;font-size:17px}.discovery{z-index:50;width:100%;max-width:none;height:100%;max-height:none;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));background:radial-gradient(circle,#0b1a20cc,#050c10f2);border:0;place-items:center;margin:0;animation:.25s both fade-in;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.discovery:not([open]){display:none}.discovery-rays{background:repeating-conic-gradient(#f2c26e2e 0deg 10deg,#0000 10deg 30deg);width:150vmax;height:150vmax;animation:24s linear infinite sigil-spin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 45%);mask-image:radial-gradient(circle,#000 0,#0000 45%)}.discovery-card{text-align:center;background:linear-gradient(170deg,#2b4148,#14272d);border:2px solid #e2b46a;border-radius:28px;flex-direction:column;align-items:center;gap:8px;width:min(340px,100%);max-height:100%;padding:26px 22px 20px;animation:.55s cubic-bezier(.3,1.5,.5,1) both card-pop;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 60px #e9ae5a55,inset 0 1px #ffffff2a}.discovery-kicker{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:13px;font-weight:800}.discovery-emoji{background:radial-gradient(circle,#58705f,#1c3238 72%);border:2px solid #e2b46a;border-radius:50%;place-items:center;width:124px;height:124px;margin:6px 0;font-size:68px;line-height:1;animation:.7s cubic-bezier(.3,1.8,.5,1) .15s both emoji-pop;display:grid;box-shadow:0 0 40px #f0b45a77}.discovery-emoji .element-visual-wrap{width:86%;height:86%}.discovery-name{color:var(--ink);font:700 30px Georgia,serif}.discovery-recipe{color:#b5c4be;font-size:14px}.discovery-rank{background:linear-gradient(#4b3c1e,#33291a);border:1px solid #f0c57c;border-radius:14px;flex-direction:column;gap:2px;width:100%;margin-top:8px;padding:10px;animation:1.2s ease-in-out infinite rank-flash;display:flex}.discovery-rank span{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.discovery-rank strong{color:#fff2d2;font:700 22px Georgia,serif}.share-button{color:#e6d6b8;background:#26393f;border:1px solid #5b6a64;border-radius:14px;width:100%;height:48px;margin-top:6px;font-size:15px;font-weight:700;box-shadow:0 3px #0a1519}.share-button.is-primary{color:#1c1409;background:linear-gradient(#f6d497,#d19a55);border-color:#f4d195}.share-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0a1519}.share-button:disabled{opacity:.6}.discovery-continue{color:#e6d6b8;background:0 0;border:0;min-height:44px;padding:0 20px;font-size:14px;font-weight:700}.discovery-continue:focus-visible{outline-offset:3px;outline:2px solid #fff2d2}.share-button:focus-visible{outline-offset:3px;outline:2px solid #fff2d2}.discovery-card small{color:#7f918b;margin-top:6px;font-size:11px}.discovery-card .share-message{color:#e6d6b8;line-height:1.4}.discovery-burst{pointer-events:none;width:0;height:0;position:absolute;top:132px;left:50%}.discovery-burst span{background:#ffdf9a;border-radius:50%;width:10px;height:10px;animation:.9s ease-out .2s both discovery-burst;position:absolute;top:-5px;left:-5px;box-shadow:0 0 10px #ffb84f}.confirm-backdrop{z-index:60;background:#030a0dbb;border:0;justify-content:center;align-items:flex-end;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;animation:.2s both fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-backdrop::backdrop{background:0 0}.confirm-sheet{width:min(440px,100%);padding:22px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#223840,#142a31);border:1px solid #73634d;border-radius:26px 26px 0 0;animation:.3s cubic-bezier(.2,1,.3,1) both sheet-up}.confirm-sheet strong{color:var(--ink);font:700 22px Georgia,serif}.confirm-sheet p{color:#b1c0ba;margin:8px 0 20px;font-size:14px;line-height:1.4}.confirm-actions{gap:10px;display:flex}.confirm-actions button{border-radius:15px;flex:1;height:50px;font-size:15px;font-weight:700}.btn-ghost{color:#e6d6b8;background:#26393f;border:1px solid #5b6a64}.btn-danger{color:#fff;background:linear-gradient(#c8574a,#9a382f);border:1px solid #e58b7f}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes card-pop{0%{opacity:0;transform:scale(.6)translateY(30px)}}@keyframes emoji-pop{0%{transform:scale(0)rotate(-40deg)}}@keyframes rank-flash{50%{box-shadow:0 0 22px #f0c57c77}}@keyframes discovery-burst{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(0);opacity:0}}@keyframes burst{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-64px) scale(0);opacity:0}}@keyframes token-appear{0%{opacity:0;transform:scale(.3);box-shadow:0 0 #ffdf9a}60%{box-shadow:0 0 34px 8px #ffcf7a88}to{opacity:1;transform:scale(1)}}@keyframes target-pulse{50%{box-shadow:0 0 0 6px #e9bd6f40,0 0 30px #e9bd6faa}}@keyframes hint-glow{50%{box-shadow:0 0 0 4px #7ed6aa55,0 0 24px #7ed6aaaa}}@keyframes hint-ready{50%{box-shadow:0 3px #0a1519,0 0 16px #f0c98d88}}@keyframes mascot-breathe{50%{transform:translateY(-1px)rotate(-1deg)}}@keyframes mascot-blink{0%,92%,97%,to{transform:translate(0)}93%{transform:translate(-25%)}94%,95%{transform:translate(-50%)}96%{transform:translate(-75%)}}@keyframes toast-life{0%{opacity:0;transform:translateY(10px)scale(.95)}8%,80%{opacity:1;transform:none}to{opacity:0}}@keyframes badge-bob{50%{transform:translateY(-2px)}}@keyframes sigil-spin{to{rotate:360deg}}@media (max-width:899px) and (min-height:501px){.game-layout{padding:0 0 var(--peek-height);display:block}.workbench{border:0;border-radius:0;height:100%;padding:10px 10px 8px}.board{--board-item-size:80px;border-radius:16px;margin-top:10px}.sheet-backdrop{z-index:7;background:#030a0d99;animation:.2s both fade-in;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.collection{z-index:8;height:var(--peek-height);border:0;border-top:1px solid #c9a670aa;border-radius:24px 24px 0 0;padding:0 14px 32px;transition:height .3s cubic-bezier(.25,1,.35,1);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #0009}.collection.is-open{height:min(76dvh,640px)}.collection:not(.is-open){touch-action:pan-x}.sheet-handle{color:#d6af72;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;justify-content:space-between;align-items:center;height:44px;padding:0;display:flex;position:relative}.collection.is-open .collection-heading,.collection.is-open .progress-track{touch-action:none;-webkit-user-select:none;user-select:none}.sheet-grip{background:#6f8580;border-radius:3px;width:42px;height:5px;position:absolute;top:7px;left:50%;translate:-50%}.sheet-title{color:#f1e8d9;margin-top:8px;font:700 16px Georgia,serif}.sheet-title b{color:var(--gold);margin-left:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sheet-handle svg{margin-top:8px;transition:rotate .3s;rotate:0deg}.is-open .sheet-handle svg{rotate:180deg}.collection h2{font-size:24px}.progress-track{margin:10px 0 12px}.collection-tools{margin-bottom:12px}.collection-footer{min-height:calc(34px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.element-card{gap:5px;min-height:96px;padding:7px 4px}.element-card-art{width:46px;height:46px;font-size:28px}.collection:not(.is-open) .collection-heading,.collection:not(.is-open) .progress-track,.collection:not(.is-open) .collection-tools,.collection:not(.is-open) .collection-footer{display:none}.collection:not(.is-open) .collection-scroll{padding-bottom:env(safe-area-inset-bottom);scrollbar-width:none;overflow:auto hidden}.collection:not(.is-open) .element-grid{grid-template-columns:none;grid-auto-columns:80px;grid-auto-flow:column;gap:8px;width:max-content;padding-bottom:6px}.collection:not(.is-open) .element-card{min-height:88px;padding-top:9px}}@media (max-width:899px){.hud{gap:10px}.app-shell .rank-badge{width:46px;height:46px}}@media (max-width:370px){.guide-message{min-height:86px}.guide-portrait{flex-basis:56px;width:56px;height:56px}.guide-copy strong{font-size:14px}.guide-copy small{font-size:11px}.collection-tabs .tab-label-full{display:none}.collection-tabs .tab-label-compact{display:inline}.collection-tabs button{padding:0 2px;font-size:12px}.search-box{flex-shrink:0;width:105px}.collection-footer{min-height:calc(52px + env(safe-area-inset-bottom));padding:6px 0 calc(8px + env(safe-area-inset-bottom));line-height:1.3}.goal-label{display:none}.app-shell{--peek-height:calc(164px + env(safe-area-inset-bottom))}.board{--board-item-size:72px}.board-token-emoji{width:40px;height:40px;font-size:30px}.hud-progress small{display:none}}@media (max-height:700px) and (max-width:899px) and (min-height:501px){.hud-progress small{display:none}.app-shell{--peek-height:calc(160px + env(safe-area-inset-bottom))}}@media (max-height:500px) and (max-width:899px){.hud{padding-top:calc(env(safe-area-inset-top) + 5px);padding-bottom:5px}.rank-badge{width:38px;height:38px}.rank-badge>span{font-size:15px}.hud-progress small{display:none}.icon-button{width:38px;height:38px}.game-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px}.workbench{border-radius:14px;padding:8px}.goal-chip,.tool-button{height:38px}.tool-button{flex-basis:38px;width:38px}.board{--board-item-size:60px;margin-top:6px}.board-token-emoji{width:32px;height:32px;font-size:22px}.board-token-name{font-size:9px}.collection{border-radius:14px;padding:10px 10px 0}.collection h2{font-size:20px}.progress-track{margin:6px 0}.collection-tools{margin-bottom:6px}.search-box,.collection-tabs button{height:36px}.search-box{width:100px}.element-card{gap:3px;min-height:72px;padding:4px}.element-card-art{width:34px;height:34px;font-size:21px}.collection-footer,.toast small{display:none}.guide-message{width:min(260px,100% - 12px);min-height:76px}.guide-portrait{flex-basis:54px;width:54px;height:54px}.guide-copy strong{font-size:13px}.guide-copy small{font-size:11px}}@media (prefers-reduced-motion:reduce){.animated-mascot,.animated-mascot img{animation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.toast:not(.idle){opacity:1;animation:none!important}}