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