:root{--ink:#1e2433;--plum:#4a5a78;--parchment:#f7f1e4;--parchment-dim:#d8d0c0;--amber:#e8b840;--amber-deep:#c49020;--green:#5a9a52;--mist:#9aa8b8;--paper-ink:#2a3040;--paper-ink-soft:#55606f;--line:#ffffff24;--glass:#1e2432c7;--panel:#3a4560;--panel-2:#2a3348;--radius:16px;--ui-ink:#291e38bd;--ui-ink-2:#1c1528eb;--ui-edge:#eed6aa42;--ui-edge-hot:#e8b84099;--ui-shadow:0 6px 18px #0c08146b;--font-display:"Cormorant Garamond",Georgia,serif;--font-ui:"Nunito",system-ui,sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--hud-gutter:.5rem;--hud-btn:2.75rem;--hud-top:calc(var(--hud-gutter) + var(--safe-t));--hud-below:calc(var(--hud-top) + var(--hud-btn) + .4rem + .35rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;color:var(--parchment);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:none;background:#1a2230;height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.hidden{display:none!important}kbd{display:inline-block;color:#3b2c4e;font-size:.85em;font-weight:800;font-family:var(--font-ui);background:#3b2c4e1a;border:1px solid #3b2c4e6b;border-radius:6px;padding:.1em .42em;box-shadow:0 1px #3b2c4e38}.menu{position:relative;min-height:100%;display:flex;padding:calc(1rem + var(--safe-t))1.25rem calc(1.25rem + var(--safe-b));text-align:center;overflow:auto;touch-action:pan-y;flex-direction:column;justify-content:center;align-items: center;gap:1rem;min-height:100dvh}.menu-bg{position:fixed;z-index:0;background:radial-gradient(80% 55% at 50% 15%,#8ec8e838,#0000 55%),radial-gradient(50% 40% at 85% 75%,#5a9a522e,#0000 50%),radial-gradient(40% 35% at 15% 70%,#e8b8401a,#0000 45%),linear-gradient(#3a6a88 0%,#6aaa68 42%,#5a8a50 100%);inset:0}.menu-hero,.menu-preview,.menu-actions,.menu-how{position:relative;z-index:1}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.logo{font-family:var(--font-display);font-size:clamp(2.6rem,11vw,4rem);font-weight:700;line-height:.95}.logo-line{display:block}.logo-line--gold{color:var(--amber)}.logo-amp{display:block;color:var(--mist);font-size:.45em;font-style:italic}.menu-tag{font-family:var(--font-display);color:var(--parchment-dim);margin-top:.65rem;font-size:1.05rem;font-style:italic}.menu-preview{position:relative;display:grid;place-items: center;width:140px;height:140px;margin:.5rem 0}.preview-canvas{image-rendering:pixelated;image-rendering:crisp-edges;position:relative;z-index:1;width:128px;height:128px}.preview-floor{position:absolute;z-index:0;background:#283c2859;border-radius:50%;height:16px;bottom:18px;left:15%;right:15%}#customizeDialog.modal{padding:max(.5rem,var(--safe-t)).6rem max(.5rem,var(--safe-b));display:none;overflow:hidden;overscroll-behavior:contain;touch-action:manipulation;justify-content:center;align-items: center;width:100%;max-width:100%;max-height:100dvh;margin:0}#customizeDialog.modal[open]{display:flex}.customize-panel{max-height:calc(100dvh - max(.5rem,var(--safe-t)) - max(.5rem,var(--safe-b)) - .4rem);display:flex;flex-direction:column;width:min(420px,100%);min-height:0;max-height:min(92dvh,720px)}#customizeDialog .customize-panel{max-height:calc(100% - 4px)}#customizeDialog .customize-panel.has-more-below:after{bottom:calc(4.1rem + var(--safe-b));background:linear-gradient(#f0eadc00 0%,#eee6d6f7 62%)}.customize-body{display:flex;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:auto;gap:.75rem;min-height:0;padding:.5rem 1rem .35rem}.customize-preview-wrap{display:flex;background:radial-gradient(120% 90% at 50% 118%,#e8b8404d,#e8b84000 62%),linear-gradient(#55658a,#3a4560);border:1px solid #e8b84038;border-radius:14px;flex-direction:column;flex-shrink:0;align-items: center;gap:.25rem;padding:.55rem .55rem .65rem}#customizeCanvas{image-rendering:pixelated;image-rendering:crisp-edges;width:min(120px,28vw);max-width:140px;height:min(120px,28vw);max-height:140px}#customizeBlurb{color:var(--parchment);text-shadow:0 1px 2px #141a288c;font-size:.78rem;font-weight:700}.customize-section{flex-shrink:0}.customize-section h3{color:#4a5060;margin-bottom:.4rem;font-size:.85rem;font-weight:800}.swatch-row{display:flex;flex-wrap:wrap;gap:.45rem}.swatch{cursor:pointer;touch-action:manipulation;border:3px solid #28283233;border-radius:50%;flex-shrink:0;width:2.75rem;height:2.75rem;box-shadow:inset 0 -3px #0000001f}.swatch.is-on{border-color:#c49020;box-shadow:0 0 0 2px #e8b8408c}.outfit-row{display:flex;flex-direction:column;gap:.4rem}.outfit-btn{text-align:left;cursor:pointer;color:#2a3040;touch-action:manipulation;background:#ffffff8c;border:2px solid #505a6e26;border-radius:12px;padding:.55rem .75rem}.outfit-btn strong{display:block;font-size:.9rem}.outfit-btn span{color:#6a7484;font-size:.75rem}.outfit-btn.is-on{background:#e8b84033;border-color:#c49020}.customize-actions{display:flex;padding:.65rem 1rem calc(.75rem + var(--safe-b));position:sticky;z-index:2;background:linear-gradient(#ebe3d4 0%,#e4dcc8 100%);border-top:1px solid #505a6e1f;flex:none;justify-content:stretch;gap:.5rem;bottom:0}.customize-actions .btn{touch-action:manipulation;width:100%;min-height:2.75rem}@media (max-height:640px){.customize-preview-wrap{padding:.35rem}#customizeCanvas{width:88px;height:88px}.customize-body{gap:.55rem}.outfit-btn{padding:.45rem .65rem}}.brewgame{display:flex;touch-action:manipulation;user-select:none;-webkit-user-select:none;flex-direction:column;gap:.5rem}.brewgame-steps{display:flex;gap:.3rem}.brewgame-step{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#6a5f74;white-space:nowrap;background:#4a30541a;border-radius:999px;flex:1 1 0;padding:.22rem .1rem;font-size:.62rem;font-weight:800}.brewgame-step.is-active{color:#6a4c08;background:#e8b84052}.brewgame-step.is-done{color:#3d6236;background:#5a9a523d}.brewgame-stage{position:relative}.brewgame-track{display:none;position:relative;overflow:hidden;background:linear-gradient(#4a3b2c,#33281d);border:2px solid #78604066;border-radius:12px;height:2.1rem;box-shadow:inset 0 2px 5px #00000059}.brewgame-track.is-live{display:block}.brewgame-track--heat{overflow:visible}.brewgame-band{position:absolute;background:#5ab46473;border-left:2px solid #8cdc96b3;border-right:2px solid #8cdc96b3;border-radius:8px;top:0;bottom:0}.brewgame-track--heat.is-hot{box-shadow:inset 0 0 14px #78dc8273}.brewgame-flame{position:absolute;filter:grayscale(.7)brightness(.8);font-size:1.1rem;line-height:1;top:50%;left:50%;transform:translate(-50%,-50%)}.brewgame-flame.is-in{filter:none;text-shadow:0 0 10px #ffbe50e6}.brewgame-beats{position:absolute;inset:0}.brewgame-beat{position:absolute;background:#f3e6c840;border:2px solid #f3e6c859;border-radius:50%;width:.7rem;height:.7rem;margin:-.35rem 0 0 -.35rem;top:50%}.brewgame-beat.is-next{box-shadow:0 0 0 4px #e8b84047}.brewgame-beat.is-hit{background:#7cd882;border-color:#bff0c2}.brewgame-beat.is-ok{background:#e8b840;border-color:#f5d98a}.brewgame-beat.is-missed{background:#8a4a4a;border-color:#b06a6a}.brewgame-playhead{position:absolute;background:#f3e6c8;width:3px;margin-left:-1.5px;top:0;bottom:0;box-shadow:0 0 8px #f3e6c8b3}.brewgame-window{position:absolute;background:#e8b8404d;border-left:2px solid #f5d98acc;border-right:2px solid #f5d98acc;top:0;bottom:0}.brewgame-window.is-open{background:#7cd88280}.brewgame-marker{position:absolute;background:#fff;width:4px;margin-left:-2px;top:0;bottom:0;box-shadow:0 0 10px #fffc}.brewgame-feedback{color:#3f4654;text-align:center;min-height:1.35rem;font-size:1.05rem;font-weight:800;line-height:1.2}.brewgame-quality{display:flex;align-items: center;gap:.5rem}.brewgame-quality-label{letter-spacing:.06em;text-transform:uppercase;color:#8a7040;flex:none;font-size:.7rem;font-weight:800}.brewgame-meter{overflow:hidden;background:#505a6e2e;border-radius:999px;flex:auto;height:8px}.brewgame-meter i{display:block;border-radius:inherit;background:linear-gradient(90deg,#8a7040,#e8b840,#7cd882);width:0%;height:100%;transition:width .15s ease-out}.brewgame-grade{text-align:right;color:#6b7484;flex:none;min-width:7.5rem;font-size:.9rem;font-weight:800}.brewgame-grade.is-waiting{color:#8a7f6c;font-size:.82rem;font-style:italic;font-weight:700}.brewgame-grade.is-masterful,.brewgame-grade.is-fine{color:#3d7a42}.brewgame-grade.is-rough,.brewgame-grade.is-botched{color:#8a7040}.brewgame-grade.is-final.is-rough,.brewgame-grade.is-final.is-botched{color:#a05050}.brewgame-pad{background:linear-gradient(180deg,#f0b94a,var(--amber-deep));color:#1a1224;touch-action:none;cursor:pointer;border:3px solid #ffffff40;border-radius:16px;width:100%;min-height:4.25rem;font-size:.95rem;font-weight:800;box-shadow:0 5px #8a5a10}.brewgame-pad:active,.brewgame-pad.is-good{transform:translateY(3px);box-shadow:0 2px #8a5a10}.brewgame-pad.is-perfect{background:linear-gradient(#9fe8a4,#4f9c56);box-shadow:0 5px #2f6a35}.brewgame-pad.is-miss{color:var(--parchment);background:linear-gradient(#6d7794,#4a5470);box-shadow:0 5px #333c52}.brewgame-foot{display:flex;flex-direction:column;align-items: center;gap:.25rem}.brewgame-foot .btn{color:#7a7060;text-decoration:underline;text-underline-offset:3px;background:0 0;border:none;align-self: center;width:auto;min-height:2.75rem;padding:.35rem .9rem;font-size:.76rem;font-weight:700}.brewgame-foot .btn:hover{color:#4f5868}.brewgame-foot .btn:focus-visible{color:#4f5868}.brewgame-notes{color:#6b7484;text-align:center;font-size:.68rem}@media (max-height:430px) and (orientation:landscape){.brewgame{gap:.35rem}.brewgame-track{height:1.7rem}.brewgame-pad{min-height:3rem;font-size:.85rem}.brewgame-feedback{min-height:1.15rem;font-size:.95rem}.brewgame-grade{font-size:.95rem}}.heat-track{position:relative;overflow:hidden;background:linear-gradient(#4a3b2c,#33281d);border:2px solid #78604066;border-radius:999px;height:1.4rem;margin:.75rem 0 1rem}.heat-green{position:absolute;background:#5ab4648c;width:30%;top:0;bottom:0;left:35%}.heat-needle{position:absolute;background:#e8b840;width:4px;margin-left:-2px;transition:left 50ms linear;top:0;bottom:0;left:50%;box-shadow:0 0 8px #e8b840}.cast-bar{overflow:hidden;background:#00000026;border-radius:999px;height:.85rem;margin-top:.75rem}.cast-bar i{display:block;background:linear-gradient(90deg,#5a9a52,#e8b840);width:0%;height:100%;transition:width 50ms linear}.menu-actions{display:flex;flex-direction:column;gap:.55rem;width:min(300px,100%)}.menu-how{color:var(--mist);max-width:22rem;font-size:.85rem;line-height:1.5}.btn{display:inline-flex;color:#f7f1e4;background:#55406a;border:2px solid #ffffff26;border-radius:999px;justify-content:center;align-items: center;gap:.4rem;padding:.7rem 1rem;transition:transform .1s;font-weight:700}.modal-inner .btn--ghost,.bag-panel .btn--ghost{color:#5a6474;background:0 0;border-color:#505a6e33}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[disabled]{color:var(--mist);box-shadow:none;text-shadow:none;opacity:1;cursor:not-allowed;background:0 0;border:1px dashed #9aa8b880;font-weight:600}.modal-inner .btn:disabled,.modal-inner .btn[disabled],.bag-panel .btn:disabled,.bag-panel .btn[disabled]{color:#5c6474;border-color:#78604057}.btn--primary{color:var(--parchment);background:linear-gradient(#7a5a86,#4a3054);border-color:#ffffff38}.btn--amber{background:linear-gradient(180deg,#f0b94a,var(--amber-deep));color:#1a1224}.btn--green{background:linear-gradient(#4aa87a,#2d6a4f)}.btn--ghost{color:var(--mist);background:0 0}.btn--lg{padding:.95rem 1.2rem;font-size:1.05rem}.btn--block{width:100%;margin-top:.4rem}.icon-btn{background:var(--ui-ink);border:1px solid var(--ui-edge);box-shadow:var(--ui-shadow);color:var(--parchment);display:grid;backdrop-filter:blur(8px);border-radius:14px;flex-shrink:0;place-items: center;width:2.35rem;height:2.35rem}.game{height:100%;height:100dvh}.stage{position:relative;overflow:hidden;background:#0a0810;width:100%;height:100%}#gameCanvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#1a2830;width:100%;height:100%}.hud{position:absolute;z-index:5;display:flex;padding:var(--hud-top)calc(.55rem + var(--safe-r)).4rem calc(.55rem + var(--safe-l));pointer-events:none;align-items: flex-start;gap:.4rem;top:0;left:0;right:0}.hud .icon-btn{width:var(--hud-btn);height:var(--hud-btn)}.hud>*{pointer-events:auto}.hud-pills{display:flex;flex-wrap:wrap;flex:1;align-items: center;gap:.28rem;min-width:0}.pill{display:inline-flex;background:var(--ui-ink);border:1px solid var(--ui-edge);color:var(--amber);box-shadow:var(--ui-shadow);backdrop-filter:blur(6px);border-radius:999px;align-items: center;min-height:1.7rem;padding:.2rem .55rem;font-size:max(.68rem,11px);font-weight:800}.pill--soft{background:var(--ui-ink);border-color:var(--ui-edge);color:var(--parchment-dim)}.pill--tap{display:inline-flex;white-space:nowrap;font-family:var(--font-ui);cursor:pointer;color:var(--parchment);backdrop-filter:none;background:linear-gradient(#6a5480,#40304f);border:1px solid #f0dcb466;align-items: center;gap:.3rem;min-height:2.75rem;padding:.3rem .6rem;font-size:.72rem;box-shadow:0 2px #0a06128c,inset 0 1px #ffffff29}.pill--tap:after{content:"›";opacity:.65;font-size:.95rem;line-height:0}.pill--tap:active{transform:translateY(1px);box-shadow:0 1px #0a06128c}.pill--tap.is-urgent{color:#241804;background:linear-gradient(180deg,#f0b94a,var(--amber-deep));border-color:#fff0c8b3}.pill--tap.is-urgent:after{opacity:.8}.hud-stats{display:flex;flex-direction:column;align-items: flex-end;gap:.22rem}@media (orientation:landscape){.hud-stats{flex-direction:row;flex-shrink:0;align-items: center;gap:.28rem}}.stat{display:inline-flex;background:var(--ui-ink);border:1px solid var(--ui-edge);color:var(--parchment-dim);box-shadow:var(--ui-shadow);backdrop-filter:blur(6px);border-radius:999px;align-items: center;min-height:1.7rem;padding:.2rem .55rem;font-size:max(.72rem,12px);font-weight:800}.stat.gold{color:var(--amber)}.prompt{position:absolute;left:50%;bottom:calc(10.2rem + var(--safe-b));z-index:6;display:flex;background:var(--ui-ink-2);border:1px solid var(--ui-edge-hot);box-shadow:var(--ui-shadow);backdrop-filter:blur(6px);white-space:nowrap;border-radius:999px;align-items: center;gap:.45rem;max-width:calc(100% - 2rem);min-height:2.75rem;padding:.45rem .85rem;font-size:.9rem;font-weight:700;transform:translate(-50%)}.prompt-key{display:grid;background:var(--amber);color:#1a1224;border-radius:6px;place-items: center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.75rem;font-weight:800}@media (hover:none) and (pointer:coarse){.prompt-key{display:none}}.toast-line{position:absolute;left:50%;top:var(--hud-below);z-index:5;text-align:center;font-family:var(--font-display);pointer-events:none;color:var(--parchment);background:var(--ui-ink);border:1px solid var(--ui-edge);box-shadow:var(--ui-shadow);backdrop-filter:blur(6px);text-shadow:none;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;white-space:normal;border-radius:999px;-webkit-box-orient:vertical;max-width:min(420px,100% - 2rem);padding:.22rem .7rem;font-size:max(.95rem,12px);font-style:italic;line-height:1.3;transform:translate(-50%)}.toast-line:empty{display:none}.primary-objective{position:absolute;left:calc(.55rem + var(--safe-l));top:var(--hud-below);z-index:6;max-width:min(25rem,calc(100% - var(--safe-l) - var(--safe-r) - 7.5rem));display:grid;grid-template-columns:2.35rem minmax(0,1fr);border:1px solid var(--ui-edge);border-left:3px solid var(--amber);box-shadow:var(--ui-shadow);backdrop-filter:blur(8px);pointer-events:none;background:linear-gradient(100deg,#291e38c7,#1e172bbd),radial-gradient(circle at 6% 0,#e8b84038,#0000 60%);border-radius:16px;align-items: center;gap:.58rem;width:max-content;min-height:3.3rem;padding:.5rem .65rem .55rem .5rem}.objective-compass{display:grid;border:1px solid var(--ui-edge);color:var(--amber);font-family:var(--font-display);pointer-events:none;background:#e8b8400f;border-radius:50%;place-items: center;width:2.35rem;height:2.35rem;padding:0;font-size:1.35rem;font-weight:700;line-height:1}.objective-compass-glyph{display:block;transition:transform .16s;line-height:1}.compass-needle{display:block;pointer-events:none;width:1.5rem;height:1.5rem}.primary-objective--collapsed .compass-needle{width:1.7rem;height:1.7rem}.primary-objective--arrived .objective-compass{color:#2a1c10;background:#e8b84029;border-color:#e8b840b3;box-shadow:0 0 0 4px #e8b8401f}.objective-copy{display:flex;flex-direction:column;min-width:0;line-height:1.12}.objective-copy strong{color:var(--parchment);font-family:var(--font-display);margin-top:.1rem;font-size:1rem;line-height:1}.objective-destination{overflow:hidden;color:#eee0c7db;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;word-break:normal;overflow-wrap:normal;-webkit-box-orient:vertical;margin-top:.16rem;font-size:max(.75rem,12px);font-weight:800;line-height:1.18}.objective-destination .od-part,.fr-com .od-part{white-space:nowrap}.minimap{position:absolute;top:var(--hud-below);right:calc(.55rem + var(--safe-r));z-index:6;border:1px solid var(--ui-edge);background:var(--ui-ink);box-shadow:var(--ui-shadow);overflow:hidden;pointer-events:none;border-radius:14px;width:5.5rem;height:5.5rem}.minimap-canvas{display:block;width:100%;height:100%}.minimap-dist{display:none}@media (orientation:landscape) and (max-height:500px){.minimap{width:4.6rem;height:4.6rem}}.toast-line--guided{top:calc(var(--hud-below) + 4.65rem);left:calc(.8rem + var(--safe-l));max-width:min(21rem,calc(100% - var(--safe-l) - var(--safe-r) - 1.6rem));text-align:left;font-family:var(--font-ui);font-size:.72rem;font-style:normal;font-weight:700;font-size:max(.75rem,12px);line-height:1.2;transform:none}.secondary-requests{border-top:1px solid #505a6e29;margin-top:.65rem}.secondary-requests summary{display:flex;color:#5c6474;cursor:pointer;touch-action:manipulation;list-style:none;background:#4a30540d;border:1px solid #7860404d;border-radius:12px;align-items: center;gap:.45rem;min-height:44px;margin-top:.35rem;padding:0 .6rem;font-size:.78rem;font-weight:800}.secondary-requests summary::-webkit-details-marker{display:none}.secondary-requests summary:before{content:"▸";color:#8a7040;transition:transform .12s;font-size:.9rem}.secondary-requests[open] summary:before{transform:rotate(90deg)}.secondary-requests>.muted{margin-bottom:.5rem}.hotbar{position:absolute;left:50%;bottom:calc(6.4rem + var(--safe-b));z-index:8;display:flex;background:var(--ui-ink);border:1px solid var(--ui-edge);box-shadow:var(--ui-shadow),inset 0 1px 0 #fff5dc1a;backdrop-filter:blur(8px);pointer-events:auto;border-radius:18px;gap:.4rem;padding:.36rem .4rem;transform:translate(-50%)}.slot{position:relative;display:grid;cursor:pointer;color:#2a3040;background:linear-gradient(#fffaf0,#e8e0d0);border:2px solid #505a6e2e;border-radius:12px;flex-shrink:0;place-items: center;width:3rem;height:3rem;transition:border-color .12s,transform .1s,box-shadow .12s}.slot:active{transform:scale(.96)}.slot--empty{opacity:.55}.hotbar .slot--empty{opacity:1;background:#120c1c80;border-color:#eed6aa24;box-shadow:inset 0 2px 6px #0006}.hotbar .slot--empty .slot-key{color:#eed6aa73}.hotbar .slot--empty .slot-icon{color:#eed6aa4d}.slot--selected{border-color:#d4a020;box-shadow:0 0 0 2px #e8b8408c}.slot--charm{box-shadow:inset 0 0 0 1px #f0c04a73}.slot--charm.slot--selected{border-color:#f0c04a;box-shadow:0 0 0 2px #f0c04a,0 0 12px #f0c04a8c}.slot--picked{z-index:2;background:linear-gradient(#fff2d2,#f2d79a);border-color:#c07a12;transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 3px #e89818f2,0 6px 14px #3c1e0059}.slot--drop{animation:1.5s ease-in-out infinite slot-drop-pulse;border-style:dashed;border-color:#d4a020d9}.slot--drop.slot--empty{opacity:1;background:linear-gradient(#fff6e2,#efe3c6)}.slot--drop.slot--empty:after{content:"＋";position:absolute;display:grid;color:#a06e10bf;pointer-events:none;place-items: center;font-size:1.2rem;font-weight:700;inset:0}@keyframes slot-drop-pulse{0%,to{box-shadow:0 0 #e8b84000}50%{box-shadow:0 0 0 3px #e8b84080}}@media (prefers-reduced-motion:reduce){.slot--drop{animation:none;box-shadow:0 0 0 2px #e8b84080}}body.bag-open .hotbar{z-index:14;background:#302240f7;border-color:#e8b8408c;box-shadow:0 0 0 2px #e8b84059,0 10px 30px #0a081099}body.bag-open .hotbar:before{content:"Hotbar";position:absolute;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#f4e6c4;pointer-events:none;background:#1c1428d1;border-radius:99px;padding:.18rem .6rem;font-size:max(.66rem,11px);font-weight:800;bottom:calc(100% + .3rem);left:50%;transform:translate(-50%)}body.bag-picking .hotbar:before{content:"Tap a slot to place it";color:#2a1e08;background:var(--amber,#e8b840)}.slot-key{position:absolute;color:#4e5764;font-size:max(.58rem,11px);font-weight:800;line-height:1;top:2px;left:4px}.slot-icon{font-size:1.25rem;line-height:1}.hud-glyph{display:block;pointer-events:none;width:1.45rem;height:1.45rem}.sky-glyph{display:inline-block;vertical-align:-.18em;pointer-events:none;width:1.2em;height:1.2em;margin-right:.12em}.focus-stat .sky-glyph,.pill--friends .sky-glyph,.shop-rep .sky-glyph{vertical-align:-.15em;width:1.05em;height:1.05em;margin-right:.1em}.mastery-pips{display:inline-block;vertical-align:.02em;pointer-events:none;width:auto;height:.62em;margin-right:.1em}.npc-glyph{display:inline-block;vertical-align:-.32em;pointer-events:none;width:1.5em;height:1.5em;margin-right:.14em}.eyebrow .npc-glyph,.beat-eyebrow .npc-glyph{vertical-align:-.42em;width:1.7em;height:1.7em}.slot-glyph{display:block;pointer-events:none;filter:drop-shadow(0 1px 0 #ffffff80);width:1.85rem;height:1.85rem}.item-glyph{display:inline-block;vertical-align:-.54em;pointer-events:none;width:1.78em;height:1.78em;margin-right:.06em}.slot .item-glyph{display:block;vertical-align:baseline;filter:drop-shadow(0 1px 0 #ffffff73);flex:none;width:2.05rem;height:2.05rem;margin:0}.brew-reveal-bottle .item-glyph{display:block;vertical-align:baseline;width:6.6rem;height:6.6rem;margin:0 auto}.bag-grid .slot .item-glyph{width:2.5rem;height:2.5rem}.slot-art{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;width:1.65rem;height:1.65rem}.slot-qty{position:absolute;color:#5a3c0c;text-shadow:0 1px #fff9;font-size:max(.62rem,11px);font-weight:800;bottom:2px;right:3px}.slot-qty--pips{display:flex;text-shadow:none;background:#f8f1e2d1;border-radius:5px;align-items: center;padding:2px 3px;line-height:0;box-shadow:0 0 0 1px #3b334824}.slot-qty--pips .qpips{display:block;width:18px;height:8px}.slot-qty--pips.q-legendary{background:#fff6e0eb;box-shadow:0 0 0 1px #c48f2880,0 0 5px #e8a8388c}.slot.q-luminous .slot-icon,.slot.q-legendary .slot-icon{filter:drop-shadow(0 0 4px #e8a838b3)}.bag-panel{position:absolute;z-index:12;max-height:min(70dvh,520px,calc(100dvh - var(--hud-below) - 12rem - var(--safe-b)));display:flex;overflow:hidden;pointer-events:auto;touch-action:pan-y;color:#2a3040;background:linear-gradient(165deg,#f7f1e4,#e8e0d0);border:2px solid #505a6e2e;border-radius:18px;flex-direction:column;width:min(340px,100% - 1.5rem);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #1e28324d}.bag-panel.bag--deny{animation:.45s bag-deny}@keyframes bag-deny{0%,to{box-shadow:0 16px 40px #1e28324d}30%,70%{box-shadow:0 0 0 3px #b4442a,0 16px 40px #1e28324d}}.bag-panel.bag--picking{box-shadow:0 0 0 2px var(--amber),0 16px 48px #0000008c}.bag-head{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;align-items: flex-start;gap:.5rem;padding:.85rem .9rem .5rem}.bag-head h2{font-family:var(--font-display);font-size:1.35rem}.bag-head .icon-btn{backdrop-filter:none;box-shadow:none;color:var(--paper-ink-soft);background:0 0;border:1px solid #78604052;border-radius:999px;min-width:2.75rem;min-height:2.75rem;font-size:1.05rem;font-weight:800;line-height:1}.bag-head .icon-btn:hover{color:#6a4c08;background:#c4902024;border-color:#c4902080}.bag-head .icon-btn:focus-visible{color:#6a4c08;background:#c4902024;border-color:#c4902080}.bag-meta{margin-top:.15rem;font-size:.75rem;color:#6a7484!important}.bag-panel .eyebrow{color:#8a7040}.bag-panel .muted{color:#6a7484}.bag-scrim{position:absolute;z-index:11;backdrop-filter:blur(3px);background:#0c09129e;inset:0}.bag-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#8c6e3c80 transparent;flex:auto;align-content: start;gap:.4rem;min-height:0;padding:.75rem}.bag-grid::-webkit-scrollbar{width:5px}.bag-grid::-webkit-scrollbar-thumb{background:#8c6e3c80;border-radius:99px}.bag-scroll-cue{position:absolute;pointer-events:none;opacity:0;background:linear-gradient(#eee4d000,#ece3d0 78%);height:2.1rem;transition:opacity .18s;bottom:0;left:0;right:0}.bag-scroll-cue:after{content:"more ↓";position:absolute;color:#7a6338;font-size:max(.62rem,11px);font-weight:800;bottom:.15rem;right:.7rem}.bag-gridwrap{position:relative;display:flex;flex:0 auto;min-height:0}.bag-gridwrap.has-more .bag-scroll-cue{opacity:1}.bag-grid .slot{aspect-ratio:4/5;width:100%;height:auto}.bag-hint{display:flex;text-align:center;border-top:1px solid #78603c29;justify-content:center;align-items: center;min-height:3.35rem;padding:0 .9rem .6rem;font-size:.75rem;line-height:1.35}.focus-stat{position:relative;display:inline-flex;overflow:hidden;justify-content:flex-end;align-items: center;min-width:4.4rem}.focus-stat>span:not(.focus-bar){position:relative;z-index:1}.focus-bar{position:absolute;display:block;border-radius:inherit;overflow:hidden;background:0 0;inset:0}.focus-bar i{display:block;position:relative;background:linear-gradient(#e8b84042,#c4842e2e);border-radius:999px 2px 2px 999px;height:100%;transition:width .25s;box-shadow:inset 0 1px #ffecbe29}.focus-bar i:after{content:"";position:absolute;background:var(--amber);width:2px;top:0;bottom:0;right:0;box-shadow:0 0 6px #f0c04abf}.focus-stat--full .focus-bar i{border-radius:999px}.focus-stat--full .focus-bar i:after{opacity:0}.focus-stat--low .focus-bar i{background:linear-gradient(#d66c4657,#9e483442)}.focus-stat--low .focus-bar i:after{background:#f3a06a;box-shadow:0 0 6px #f3a06abf}.focus-stat--low>span:not(.focus-bar){color:#f3a06a}.touch-controls{position:absolute;z-index:7;display:flex;padding:0 1rem calc(1rem + var(--safe-b));pointer-events:none;justify-content:space-between;align-items: flex-end;bottom:0;left:0;right:0}.stick{border:1px solid var(--ui-edge);position:relative;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 42%,#0c081280,#1e162a6b 62%),radial-gradient(circle at 50% 100%,#e8b8401f,#0000 62%);border-radius:50%;width:110px;height:110px;box-shadow:inset 0 3px 10px #00000080,inset 0 -1px #f3e6c824,0 1px #f3e6c814}.stick:after{content:"";position:absolute;pointer-events:none;border:1px solid #f3e6c817;border-radius:50%;inset:13px}.stick-knob{position:absolute;will-change:transform;background:linear-gradient(#b8ab9d,#918476 64%,#6e6357);border:1px solid #261a3099;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;top:50%;left:50%;box-shadow:inset 0 2px #fffaf057,inset 0 -3px 5px #40304a59,0 2px #2a1e3499,0 5px 12px #0006}.action-btn{pointer-events:auto;color:#43290a;font-family:var(--font-ui);letter-spacing:0;text-shadow:0 1px #fff4d08c;touch-action:none;background:radial-gradient(circle at 50% 32%,#ffeeb8,#f0c357 44%,#c9901f 78%,#96600f 100%);border:3px solid #f0c456e6;border-radius:50%;width:84px;height:84px;transition:transform 60ms,box-shadow 60ms;font-size:.92rem;font-weight:800;box-shadow:inset 0 3px #fffae299,inset 0 -8px 15px #78480866,0 0 0 1px #26160680,0 4px #68410ca6,0 8px 18px #00000061}.action-btn:active{border-color:#ffe08c;transform:translateY(3px);box-shadow:inset 0 2px 8px #3a20048c,0 0 0 1px #26160673,0 1px #68410c99,0 4px 10px #0006}@media (hover:hover) and (pointer:fine){.touch-controls{display:none}.hotbar{bottom:calc(1.25rem + var(--safe-b))}.prompt{bottom:calc(5.2rem + var(--safe-b))}}@media (max-width:380px){.slot{width:2.65rem;height:2.65rem}.hotbar{gap:.25rem;padding:.28rem}}@media (hover:none),(pointer:coarse){.touch-controls{padding-right:calc(1rem + var(--safe-r));padding-left:calc(1rem + var(--safe-l))}.hotbar{right:var(--safe-r);left:var(--safe-l);max-width:calc(100% - var(--safe-l) - var(--safe-r) - 1rem);border-width:1px;border-radius:14px;gap:.3rem;width:max-content;margin-inline-start:auto;margin-inline-end:auto;padding:.3rem .35rem;transform:none;box-shadow:0 4px 14px #1e283238}.hotbar .slot{border-radius:10px;width:2.75rem;height:2.75rem}.hotbar .slot-art{width:1.5rem;height:1.5rem}.hotbar .slot .item-glyph{width:1.85rem;height:1.85rem}.hotbar .slot-icon{font-size:1.15rem}}@media (orientation:portrait) and (hover:none),(orientation:portrait) and (pointer:coarse){.hotbar{bottom:calc(8.55rem + var(--safe-b))}.prompt,.toast{bottom:calc(12.45rem + var(--safe-b))}}@media (orientation:landscape) and (max-height:500px) and (hover:none),(orientation:landscape) and (max-height:500px) and (pointer:coarse){.hotbar{bottom:calc(.55rem + var(--safe-b))}.prompt,.toast{bottom:calc(4.45rem + var(--safe-b))}}@media (orientation:landscape) and (max-height:500px) and (max-width:520px) and (hover:none),(orientation:landscape) and (max-height:500px) and (max-width:520px) and (pointer:coarse){.hotbar{gap:.2rem;padding:.25rem}.hotbar .slot{width:2.5rem;height:2.5rem}}@media (orientation:landscape){:root{--hud-gutter:1.35rem;--hud-btn:2.75rem}.menu{padding-left:calc(1.25rem + var(--safe-l));padding-right:calc(1.25rem + var(--safe-r))}}@media (orientation:landscape) and (max-height:560px){.menu{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,19rem);grid-template-areas:"hero    actions" "preview actions" "how     actions";padding-block:calc(.5rem + var(--safe-t))calc(.5rem + var(--safe-b));overflow:hidden;align-content: center;place-items: center;gap:.25rem 1.5rem}.menu-hero{grid-area:hero}.menu-preview{grid-area:preview;width:92px;height:92px;margin:.1rem 0}.preview-canvas{width:88px;height:88px}.preview-floor{height:10px;bottom:10px}.menu-how{grid-area:how;font-size:.72rem;line-height:1.35}.menu-actions{grid-area:actions;gap:.4rem;width:100%}.menu .eyebrow{margin-bottom:.25rem;font-size:max(.78rem,12.5px)}.logo{font-size:clamp(1.9rem,8.5vh,2.9rem)}.menu-tag{margin-top:.3rem;font-size:.88rem}.menu .btn--lg{padding:.7rem 1rem;font-size:.98rem}.menu .btn{min-height:2.75rem}}@media (orientation:landscape) and (max-height:500px){:root{--hud-gutter:1rem;--hud-btn:2.75rem}.primary-objective{width:min(18rem,calc(100% - var(--safe-l) - var(--safe-r) - 1.1rem));grid-template-columns:1.75rem minmax(0,1fr);gap:.4rem;min-height:3rem;padding:.35rem .55rem .35rem .4rem}.objective-compass{width:1.75rem;height:1.75rem;font-size:1rem}.objective-copy strong{margin-top:0;font-size:.95rem;line-height:1.05}.objective-destination{margin-top:.12rem}.toast-line--guided{top:calc(var(--hud-below) + 3.25rem)}}.modal{padding:max(.4rem,var(--safe-t)).55rem max(.4rem,var(--safe-b));display:none;overflow:hidden;overscroll-behavior:contain;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items: center;width:100%;max-width:100%;height:100%;max-height:100dvh;margin:0}.modal[open]{display:flex}.modal::backdrop{backdrop-filter:blur(4px);background:#06040cb3}.modal-inner{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - .8rem);display:flex;overflow:hidden;color:#2a3040;background:linear-gradient(165deg,#f7f1e4 0%,#ebe3d4 100%);border:2px solid #505a6e29;border-radius:20px;flex-direction:column;width:min(400px,100%);min-height:0;max-height:min(88dvh,640px);box-shadow:0 16px 40px #1e283247}.modal-inner .eyebrow{color:#8a7040}.modal-inner .muted,.modal-inner .flavor{color:#4f5868}.modal-inner .card{background:#ffffff8c;border-color:#505a6e1f}.modal-inner .card .muted{color:#4a5363}.modal-inner .card .flavor{color:#665744}.modal-head{display:flex;border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items: flex-start;gap:.5rem;padding:.85rem 1rem .45rem}.modal-head h2{font-family:var(--font-display);font-size:1.35rem;line-height:1.15}.modal-inner .modal-head .icon-btn{backdrop-filter:none;box-shadow:none;color:var(--paper-ink-soft);background:0 0;border:1px solid #78604052;border-radius:999px;min-width:2.75rem;min-height:2.75rem;font-size:1.05rem;font-weight:800;line-height:1}.modal-inner .modal-head .icon-btn:hover{color:#6a4c08;background:#c4902024;border-color:#c4902080}.modal-inner .modal-head .icon-btn:focus-visible{color:#6a4c08;background:#c4902024;border-color:#c4902080}.modal-head{border-bottom-color:#78604038}.modal-body{padding:.65rem 1rem calc(.85rem + var(--safe-b));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;flex:auto;min-height:0}@media (max-height:430px) and (orientation:landscape){.modal{align-items: flex-start;padding:.25rem .4rem}.modal-inner{border-radius:14px;max-height:calc(100dvh - .5rem);margin-top:.15rem}.modal-head{padding:.45rem .7rem .25rem}.modal-head .icon-btn{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;margin-block-start:-.2rem;margin-block-end:-.2rem}.modal-head .eyebrow{font-size:max(.75rem,12px)}.modal-head h2{font-size:1.1rem}.modal-body{padding:.4rem .7rem .55rem}.modal-inner .flavor{margin:.12rem 0 .28rem;font-size:.85rem;line-height:1.25}.modal-inner .muted{margin:.15rem 0;font-size:.76rem;line-height:1.25}.modal-inner .btn--block{min-height:2.75rem;margin-top:.22rem;padding:.4rem .7rem;font-size:.9rem}.bag-panel{width:min(30rem,calc(100% - var(--safe-l) - var(--safe-r) - 1.5rem));top:calc(var(--safe-t) + .3rem);max-height:calc(100dvh - 6.9rem - var(--safe-b) - var(--safe-t));transform:translate(-50%)}.bag-panel .bag-head h2{display:none}.bag-head{align-items: center;padding:.35rem .7rem .2rem}.bag-meta{margin-top:.1rem;font-size:max(.68rem,11px)}.bag-hint{min-height:3.2rem;padding:0 .7rem .45rem;font-size:max(.66rem,11px);line-height:1.2}.bag-hint-more{display:none}.bag-actions .btn{height:2.75rem;min-height:2.75rem;padding-block-start:0;padding-block-end:0;font-size:.8rem}.bag-grid{grid-template-columns:repeat(6,minmax(44px,1fr));gap:.3rem;padding:.4rem}.bag-grid .slot{aspect-ratio:auto;height:3.55rem;padding-bottom:1.35rem}.bag-grid .slot-art{width:1.4rem;height:1.4rem}.bag-grid .slot .item-glyph{width:1.95rem;height:1.95rem}.bag-actions{justify-content:center;padding:0 .7rem .45rem}}.bag-actions .btn{flex:0 auto}.bag-cancel{margin-right:auto}body.bag-open .toast,body.bag-open .toast-line,body.bag-open .prompt{display:none}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.bag-actions--idle{visibility:hidden;pointer-events:none}body.bag-picking .bag-hint{visibility:hidden}.card{border:1px solid var(--line);background:#00000038;border-radius:14px;margin-bottom:.55rem;padding:.75rem}.card h3{margin-bottom:.25rem;font-size:.95rem;font-weight:800}.card .muted{color:var(--mist);font-size:.8rem;line-height:1.35}.card .flavor{font-family:var(--font-display);color:var(--parchment-dim);margin:.35rem 0;font-size:.95rem;font-style:italic}.ings{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0}.ing{background:#ffffff80;border:1px solid #78604038;border-radius:6px;padding:.2rem .4rem;font-size:.7rem;font-weight:700}.ing--ok{color:#145c3a;border-color:#3d8f6a73}.ing--miss{color:#8a2438;border-color:#c45c6a73}.bag-item{display:flex;border:1px solid var(--line);background:#00000038;border-radius:10px;align-items: center;gap:.35rem;padding:.5rem;font-size:.8rem;font-weight:700}.bag-qty{color:var(--amber);margin-left:auto}.q-cloudy{color:#b0a8b8}.q-clear{color:#9ec9ff}.q-luminous{color:var(--amber)}.q-legendary{color:#ffd98a}.modal-inner .q-cloudy,.sheet-inner .q-cloudy{color:#77708a}.modal-inner .q-clear,.sheet-inner .q-clear{color:#2f6f97}.modal-inner .q-luminous,.sheet-inner .q-luminous{color:#a4730c}.modal-inner .q-legendary,.sheet-inner .q-legendary{color:#7c4aa6}.empty{text-align:center;color:var(--mist);padding:1rem .5rem;font-size:.9rem;line-height:1.4}.toast{position:fixed;left:50%;bottom:calc(11rem + var(--safe-b));z-index:40;background:var(--ui-ink-2);border:1px solid var(--ui-edge);box-shadow:var(--ui-shadow);backdrop-filter:blur(6px);opacity:0;pointer-events:none;text-align:center;border-radius:14px;max-width:min(330px,100% - 2rem);padding:.45rem .85rem;transition:opacity .2s,transform .2s;font-size:max(.8rem,12px);font-weight:700;line-height:1.25;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast[data-kind=ok]{border-color:#3d8f6a80}.toast[data-kind=err]{border-color:#c45c6a8c}@media (hover:hover) and (pointer:fine){.toast{bottom:calc(9.2rem + var(--safe-b))}}@media (prefers-reduced-motion:reduce){.preview-char{animation:none}}.fair-shelf{list-style:none;display:flex;border:1px solid var(--line);background:#00000038;border-radius:8px;flex-direction:column;gap:.3rem;margin:.5rem 0 .7rem;padding:.45rem}.fair-row{display:flex;justify-content:space-between;align-items: center;gap:.5rem;min-height:1.9rem;font-size:.78rem;font-weight:600}.fair-row--empty{font-style:italic;font-weight:500}.fair-bottle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fair-bottle em{font-style:normal;font-weight:700}.fair-take{flex:none;min-height:0;padding:.25rem .5rem;font-size:.68rem}.pill--shop{white-space:nowrap}.shop-strip{margin-bottom:.5rem}.shop-strip-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.shop-tier{font-family:var(--font-display);font-size:1.05rem;line-height:1.1}.shop-rep{color:#8a7040;font-size:.85rem;font-weight:800}.shop-bar{display:block;overflow:hidden;background:#505a6e2e;border-radius:999px;height:.4rem;margin:.3rem 0 .15rem}.shop-bar i{display:block;background:linear-gradient(90deg,var(--green),var(--amber));border-radius:999px;height:100%}.shop-tabs{position:sticky;z-index:4;display:flex;background:linear-gradient(#f3ecdd 88%,#f3ecdd00);gap:.3rem;margin:0 -1rem .55rem;padding:.5rem 1rem .45rem;top:-.65rem}.shop-tabs:before{content:"";position:absolute;background:#f3ecdd;height:.75rem;top:-.7rem;left:0;right:0}.shop-tab{color:#4f5868;font-family:var(--font-ui);cursor:pointer;background:#fff6;border:1px solid #505a6e2e;border-radius:12px;flex:1 1 0;min-height:2.75rem;padding:.3rem .25rem;font-size:.78rem;font-weight:800}.shop-tab.is-on{background:linear-gradient(180deg,#f0b94a,var(--amber-deep));color:#2a2010;border-color:#966e1e80}.shop-row{display:flex;gap:.4rem;margin-top:.4rem}.shop-row .btn{flex:1 1 0;min-height:2.75rem;font-size:.85rem}.shop-tag{display:inline-block;text-transform:uppercase;letter-spacing:.04em;color:#3e6b39;vertical-align:middle;background:#5a9a5238;border-radius:6px;padding:.12rem .35rem;font-size:.62rem;font-weight:800}.shop-tag--due{color:#7a5408;background:#c4902047}.modal-inner .card.shop-due{box-shadow:inset 3px 0 0 var(--amber-deep);background:#faf0d6b8;border-color:#c490208c}.shop-patience{letter-spacing:.05em;color:#8a7040}.shop-delta{font-weight:800}.shop-delta.is-up{color:#3e6b39}.shop-delta.is-down{color:#8f3a45}.shop-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-bottom:.5rem}.shop-quotes .card{display:flex;flex-direction:column;margin-bottom:0;padding:.5rem .4rem}.shop-quotes .card h3{font-size:.8rem}.shop-quotes .card .muted{font-size:.72rem;line-height:1.25}.shop-quote-gold{font-family:var(--font-display);margin:.1rem 0 .15rem;font-size:1.25rem;font-weight:700;line-height:1.28}.shop-quote-note{flex:auto}.shop-quotes .btn{min-height:2.75rem;margin-top:.35rem;padding-inline-start:.3rem;padding-inline-end:.3rem;font-size:.78rem}.card.shop-quote.is-refused{border-color:#c45c6a66}.card.shop-quote.is-refused .shop-quote-gold{color:#8f3a45}.shop-h{font-family:var(--font-display);margin:.6rem 0 .25rem;font-size:1rem}.shop-list{list-style:none;margin:0 0 .4rem;padding:0}.shop-list li{display:flex;border-bottom:1px solid #505a6e1f;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.32rem 0;font-size:.82rem;font-weight:600}.modal-inner .shop-list .muted{text-align:right;flex:none;font-size:.74rem}@media (max-height:430px) and (orientation:landscape){.shop-tier{font-size:.95rem}.shop-tabs{margin-bottom:.4rem}.shop-tab{font-size:.72rem}.modal-inner .card.shop-cust{margin-bottom:.4rem;padding:.5rem .6rem}.shop-quotes{gap:.25rem}.shop-quote-gold{font-size:1.05rem;line-height:1.3}.shop-quotes .card .muted{font-size:.68rem}.shop-list li{padding:.26rem 0;font-size:.76rem}}.pill--sky{white-space:nowrap}.almanac-list{list-style:none;display:grid;gap:.25rem;margin:.35rem 0 .5rem;padding:0}.almanac-row{display:flex;border:1px solid var(--line);background:#5a9a521a;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;padding:.32rem .5rem}.almanac-reagent{color:var(--paper-ink);font-size:.82rem;font-weight:800}.almanac-where{font-size:.74rem}.upgrade-card--endless{background:linear-gradient(#e8a8381f,#1e24321a);border-color:#e8a83873}.upgrade-next{color:var(--paper-ink);margin:.25rem 0 .1rem;font-size:.85rem;font-weight:800}.upgrade-next-eyebrow{display:inline-block;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid #e8a83866;border-radius:999px;margin-right:.3rem;padding:.05rem .4rem;font-size:.62rem}.upgrade-ladder{color:#5b6474;margin:0 0 .15rem;font-size:.72rem}.upgrade-locked{display:flex;color:var(--paper-ink);background:#2f27400f;border:1px dashed #2f274047;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin-top:.4rem;padding:.3rem .55rem;font-size:.8rem;font-weight:800}.upgrade-locked .upgrade-locked-gap{color:#6a5a34;font-weight:700}.brew-character{color:var(--parchment-dim);margin:.15rem 0 .2rem;font-size:.76rem;line-height:1.3}.brew-character-name{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);font-size:.68rem;font-weight:800}.brew-character--live{text-align:center;margin-bottom:.3rem}.gate-unmet{color:#e0a0aa;font-weight:800}.gate-note{color:var(--mist);margin:.1rem 0 .3rem;font-size:.74rem}.shop-quote-warn{display:inline-block;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#e0a0aa;border:1px solid #c45c6a80;border-radius:999px;padding:.02rem .3rem;font-size:.58rem}.card.shop-quote.is-refused{opacity:.82;background:#8f3a451f}.btn--warned{filter:saturate(.5);opacity:.9}@media (orientation:landscape) and (max-height:430px){.brew-character--live{margin-bottom:.2rem;font-size:.68rem}.almanac-row{padding:.24rem .4rem}}.btn--push{background:linear-gradient(180deg,#f0b94a,var(--amber-deep));color:#2a2010;border-color:#fff0c88c}.brew-reveal{text-align:center;padding:.2rem 0 .1rem}.brew-reveal-bottle{position:relative;display:flex;filter:drop-shadow(0 5px 9px #3c281461);animation:.5s cubic-bezier(.2,1.5,.4,1) both brew-cork;background:radial-gradient(46% 26% at 50% 88%,#c490204d,#c490201f 46%,#0000 72%);justify-content:center;align-items: flex-end;min-height:7rem;margin:.1rem auto .15rem;font-size:6.6rem;line-height:1}@keyframes brew-cork{0%{transform:translateY(14px)scale(.6);opacity:0}to{transform:none;opacity:1}}.brew-reveal-name{font-family:var(--font-display);margin-top:.2rem;font-size:1.35rem;line-height:1.3}.brew-reveal-quality{display:inline-block;letter-spacing:.04em;color:#7a5408;background:#c4902033;border:1px solid #c4902080;border-radius:999px;margin:.3rem 0 .1rem;padding:.2rem .75rem;font-size:.95rem;font-weight:800}.brew-reveal-hands{color:#4f5868;margin-top:.25rem;font-size:.85rem;font-weight:700}.brew-reveal-note{font-family:var(--font-display);color:#665744;margin-top:.35rem;font-size:.95rem;font-style:italic;line-height:1.35}.brew-reveal-aside{list-style:none;color:#6b6252;border-top:1px solid #78604038;max-width:22rem;margin:.55rem auto 0;padding:.4rem .5rem;font-size:.78rem}.brew-reveal-aside li{padding:.12rem 0}@media (max-height:430px) and (orientation:landscape){.brew-reveal{display:grid;grid-template-columns:7.4rem 1fr;text-align:left;align-items: center;column-gap:.9rem;padding:.1rem .4rem}.brew-reveal>:not(.brew-reveal-bottle){grid-column:2}.brew-reveal-bottle{grid-row:1/-1;grid-column:1;min-height:5.6rem;margin:0;font-size:5.4rem}.brew-reveal-bottle .item-glyph{width:5.4rem;height:5.4rem}.brew-reveal-aside{margin-left:0;margin-right:0}.brew-reveal-name{font-size:1.1rem}.brew-reveal-quality,.brew-reveal-note{font-size:.85rem}}@media (orientation:landscape) and (min-width:600px){.modal-inner{width:min(94vw,900px)}.shop-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items: start;gap:0 .55rem}.shop-cards:has(>:only-child){grid-template-columns:minmax(0,34rem);justify-content:center}.shop-ledger-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items: start;column-gap:1.1rem}.shop-ledger-cols>.shop-h:first-child{margin-top:.2rem}.shop-cards .shop-row .btn{font-size:.8rem}.brewgame{max-width:34rem;margin:0 auto}.shop-strip{display:grid;grid-template-columns:minmax(0,14rem)minmax(0,1fr);align-items: center;column-gap:1rem}.shop-strip .shop-bar{grid-column:2;margin:0}.shop-strip>.muted{grid-column:2;grid-row:2;margin:.1rem 0 0}.modal-body>.btn--block{display:block;width:auto;min-width:18rem;margin-inline-start:auto;margin-inline-end:auto}}@media (orientation:landscape) and (min-width:900px){.shop-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.beat-modal{padding:.6rem}.beat-inner{border-color:#c4902073;width:min(30rem,100%);box-shadow:0 18px 48px #140c1e80}.beat-body{overflow-y:auto;background:radial-gradient(120% 90% at 50% 0%,#e8b8402e,#0000 70%);min-height:0;padding:1rem 1.1rem 1.05rem}.beat-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#8a7040;font-size:.72rem;font-weight:800}.beat-hearts{color:#b4442a;letter-spacing:.05em}.beat-title{font-family:var(--font-display);color:#34314a;margin:.25rem 0 .4rem;font-size:1.5rem;line-height:1.15}.beat-text{color:#4a4335;font-size:.98rem;font-style:italic;line-height:1.45}.beat-reward{color:#6a4c08;background:#e8b84033;border:1px solid #c4902066;border-radius:12px;margin-top:.6rem;padding:.45rem .6rem;font-size:.85rem;font-weight:700}.beat-body .btn--block{min-height:2.75rem;margin-top:.8rem}.fr-card h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.fr-hearts{color:#6b4f7a;letter-spacing:.06em;font-size:.9rem}.fr-hearts-empty{color:#503c329e}.fr-bar{position:relative;overflow:hidden;background:#4a305429;border-radius:999px;height:7px;margin:.35rem 0 .25rem;box-shadow:inset 0 0 0 1px #4a305429}.fr-bar i{display:block;background:linear-gradient(90deg,var(--green),var(--amber));border-radius:999px;height:100%}.fr-bar i[style*="width:0%"]{background:0 0}.fr-bar--empty:after{content:"";position:absolute;border-radius:inherit;background:repeating-linear-gradient(-45deg,#4a305416 0 3px,#0000 3px 9px);inset:0}.fr-com{color:#6a4c08;margin-top:.3rem;font-size:.8rem;font-weight:700}.fr-memories{margin-top:.3rem;font-size:.8rem}.fr-memories summary{cursor:pointer;color:#5a6a52;display:flex;align-items: center;min-height:2.75rem;font-weight:700}.fr-nomem{font-size:.78rem}.modal-inner .card.com-card{background:#e8b84038;border-left:3px solid #c49020bf}.com-card h3{font-family:var(--font-display);font-size:1.05rem;line-height:1.2}.com-eyebrow{letter-spacing:.06em;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem}.com-who{display:inline;min-width:0}.com-clock{color:#6a4c08;font-weight:800}.modal-inner .card.com-card.is-soon{border-left-color:#c47a20}.com-card.is-soon .com-clock,.fr-com.is-soon{color:#a4530c}.modal-inner .card.com-card.is-last{background:#b4442a29;border-left-color:#b4442a}.com-card.is-last .com-clock,.fr-com.is-last{color:#9a3620}.com-soft{opacity:.8;margin-top:.25rem;font-size:.72rem}.npc-greet{display:flex;font-family:var(--font-display);color:#3c3a52;border-bottom:1px solid #505a6e29;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin-bottom:.3rem;padding-bottom:.3rem;font-size:1.05rem;line-height:1.3}.btn--spent{opacity:.6;font-style:italic}@media (max-height:430px) and (orientation:landscape){.beat-body{padding:.6rem .8rem .7rem}.beat-title{font-size:1.2rem}.beat-text{font-size:.85rem;line-height:1.3}.npc-greet{font-size:.92rem}}.jit-hint{position:relative;display:block;color:#4a3b18;background:#e8b8402e;border:1px solid #c490206b;border-left-width:3px;border-radius:12px;margin:.15rem 0 .5rem;padding:.45rem .6rem .45rem 1.55rem;font-size:.82rem;font-weight:600;line-height:1.35}.jit-hint b{font-weight:800}.jit-hint:before{content:"✦";position:absolute;color:#8a6410;font-weight:800;line-height:1.35;top:.45rem;left:.6rem}@media (max-height:430px) and (orientation:landscape){.jit-hint{margin-bottom:.35rem;padding:.3rem .5rem .3rem 1.45rem;font-size:.76rem}}.need-line{display:flex;color:#5c6474;border:1px dashed #78604061;border-radius:12px;align-items: center;gap:.4rem;min-height:2.4rem;margin-top:.45rem;padding:.35rem .6rem;font-size:.8rem;font-weight:700}.need-line:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M6.4 1.8h3.2v4.1l3 6.1c.5 1.1-.2 2.2-1.4 2.2H4.8c-1.2 0-1.9-1.1-1.4-2.2l3-6.1Z\" fill=\"%23f0e0bb\" stroke=\"%234a3a55\" stroke-width=\"1.1\" stroke-linejoin=\"round\"/><path d=\"M4.6 9.6h6.8l1.2 2.4c.5 1.1-.2 2.2-1.4 2.2H4.8c-1.2 0-1.9-1.1-1.4-2.2Z\" fill=\"%23d99a2e\"/><path d=\"M5.6 1.8h4.8\" stroke=\"%234a3a55\" stroke-width=\"1.3\" stroke-linecap=\"round\"/></svg>") 50%/contain no-repeat;flex:none;width:1.15rem;height:1.15rem}.chip-sub{opacity:.72;font-weight:700}.pill--festival{white-space:nowrap;color:#241804;background:linear-gradient(180deg,#f0b94a,var(--amber-deep));border-color:#fff0c8b3}@media (orientation:landscape) and (max-height:430px){.pill--festival .season-name{display:none}.pill--festival{justify-content:center;min-width:2.75rem}}.chest-cols{display:grid;gap:.5rem}.chest-list{list-style:none;display:grid;gap:.3rem;margin:.25rem 0 0;padding:0}.chest-row{display:flex;background:#ffffff80;border:1px solid #78604038;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem;padding:.3rem .5rem}.chest-item{color:var(--paper-ink);flex:8rem;min-width:8rem;font-size:.84rem;font-weight:700}.chest-actions{display:flex;flex:none;gap:.35rem}.chest-act{min-height:2.75rem;padding:.3rem .7rem;font-size:.78rem}.chest-act.is-armed{color:#fff3f3;background:linear-gradient(#c4707a,#8f3a45);border-color:#ffdcdc80}@media (orientation:landscape) and (min-width:600px){.chest-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items: start;gap:.9rem}}.bag-actions{display:flex;position:absolute;justify-content:center;align-items: center;gap:.4rem;padding:0 .9rem .6rem;bottom:0;left:0;right:0}.bag-actions .btn{flex:1 1 0;min-height:2.75rem;font-size:.82rem}.brew-night{color:#6a4c08;font-weight:800}@media (max-height:430px) and (orientation:landscape){.shop-strip{margin-bottom:.15rem}.shop-strip>.muted{display:none}.shop-bar{margin:.2rem 0 0}.shop-tabs{margin-bottom:.35rem;padding-block-start:.35rem;padding-block-end:.3rem}.modal-inner .card.shop-cust{padding:.4rem .55rem}.shop-cust h3{font-size:.95rem}.shop-row{margin-top:.3rem}.modal-body>.flavor:first-of-type{margin-bottom:.15rem}.shop-cust .muted{margin:.05rem 0}.modal-inner .card{margin-bottom:.35rem}.shop-queue-count{display:none}.modal-inner .card.shop-cust h3{margin-bottom:.1rem}.shop-phase-blurb{display:none}.jit-hint{padding:.25rem .45rem .25rem 1.4rem;font-size:.74rem;line-height:1.25}.jit-hint:before{line-height:1.25;top:.25rem}}.eyebrow{font-size:max(.78rem,12.5px)}.menu-how{color:#cbd6e2;font-size:max(.95rem,15px)}.menu kbd,kbd{font-size:max(.85em,12.5px)}.menu kbd{border-color:var(--line);box-shadow:none;color:#e6dcc6;background:#f3e6c824}.pill{color:#f4cf72;background:#1a1422b3;border-color:#e8b84073;font-size:max(.78rem,12.5px)}.pill--soft{background:#1a1422a3;font-size:max(.95rem,15px)}.ing{padding:.24rem .45rem;font-size:max(.78rem,12.5px)}.modal-inner .ing--ok{color:#145c3a;background:#3d8f6a29;border-color:#145c3a73}.modal-inner .ing--miss{color:#8e1f2c;background:#c45c6a24;border-color:#8e1f2c73}.modal-inner .brew-character{color:#4f5868}.modal-inner .brew-character-name{color:#3a2f52}.icon-btn{width:var(--hud-btn);height:var(--hud-btn);min-width:var(--hud-btn);min-height:var(--hud-btn)}@media (orientation:landscape) and (max-height:500px){.primary-objective{width:min(23rem,calc(50vw - 2.4rem),calc(100% - var(--safe-l) - var(--safe-r) - 1.1rem));min-height:2.9rem;padding:.36rem .6rem .38rem .45rem}.toast-line--guided{top:calc(var(--hud-below) + 4.4rem)}}@media (orientation:portrait){.primary-objective{z-index:6}.bag-panel{top:var(--hud-below);max-height:min(520px,calc(100dvh - var(--hud-below) - 12.5rem - var(--safe-b)));transform:translate(-50%)}}.modal-inner{position:relative}.modal-inner.has-more-below:after{content:"more below ↓";position:absolute;z-index:3;color:#6a5a34;letter-spacing:.06em;text-align:center;pointer-events:none;background:linear-gradient(#f0eadc00 0%,#f0eadcf5 62%);padding:1.6rem 0 .3rem;font-size:max(.7rem,11px);font-weight:800;bottom:0;left:0;right:0}.modal-inner .card--objective{background:#fffaecd9;border-color:#c49020a6;box-shadow:0 0 0 2px #e8b84038}.card-objective-flag{color:#573c03;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.15rem;font-size:max(.75rem,12px);font-weight:800}[hidden]{display:none!important}.menu-bg{background:radial-gradient(70% 45% at 50% 62%,#e8b84033,#0000 60%),radial-gradient(55% 40% at 84% 18%,#5a9a5229,#0000 62%),radial-gradient(60% 45% at 12% 12%,#7a589638,#0000 60%),linear-gradient(#241a33 0%,#33254a 46%,#221a2e 100%)}.menu-preview{background:radial-gradient(circle at 50% 42%,#e8b84029,#0000 62%),radial-gradient(circle,#140e1c8c,#140e1c00 70%);border-radius:50%}.preview-floor{display:none}.sleep-ledger{list-style:none;margin:.5rem 0 .7rem;padding:0}.sleep-ledger li{display:flex;border-bottom:1px solid #7860402e;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.34rem 0;font-size:max(.8rem,12.5px)}.sleep-ledger li:last-child{border-bottom:none}.sleep-ledger span{color:#4f5868}.sleep-ledger strong{color:#2f2740;text-align:right}.bag-grid .slot{padding-bottom:1.9rem}.bag-grid .slot-qty{top:2px;bottom:auto}.slot-name{position:absolute;color:#3b3348;text-align:center;pointer-events:none;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-box-orient:vertical;font-size:max(.68rem,11px);font-weight:800;line-height:1.05;bottom:2px;left:2px;right:2px}@media (orientation:landscape) and (max-height:500px){.hud-pills{overflow:hidden;flex-wrap:nowrap;min-width:0}.pill{flex-shrink:0;padding-inline-start:.38rem;padding-inline-end:.38rem}.pill--sky,.pill--festival{padding-inline-start:.34rem;padding-inline-end:.34rem}}.toast-line--guided{top:var(--toast-below,calc(var(--hud-below) + 4.65rem))}@media (orientation:landscape) and (max-height:500px){.toast-line--guided{top:var(--toast-below,calc(var(--hud-below) + 4.4rem))}}.recipe-filter{position:sticky;z-index:4;display:flex;background:linear-gradient(#f4eee0 78%,#f4eee000);flex-wrap:wrap;align-items: center;gap:.4rem;margin:0 0 .35rem;padding:.3rem 0 .4rem;top:0}.recipe-search{color:var(--paper-ink);font:inherit;background:#ffffffb8;border:1px solid #78604057;border-radius:999px;flex:8rem;min-width:7rem;min-height:2.75rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700}.recipe-search::placeholder{color:#6a6152;font-weight:600}.recipe-filter-toggle.btn{color:var(--paper-ink);background:#ffffff8c;border:1px solid #78604057;border-radius:999px;flex:none;min-height:2.75rem;padding:.3rem .7rem;font-size:.76rem;font-weight:800}.recipe-filter-toggle.btn.is-on{color:#4a3708;background:#e8b84057;border-color:#c49020b3}.recipe-count{margin:0 0 .4rem;font-size:.72rem;font-weight:700}.recipes-compact .recipe-card{padding-top:.5rem;padding-bottom:.5rem}.recipes-compact .recipe-card .flavor,.recipes-compact .recipe-card .brew-character{display:none}.recipes-compact .recipe-card.card--objective .flavor,.recipes-compact .recipe-card.card--objective .brew-character{display:block}.recipes-compact .recipe-card h3{margin-bottom:.1rem;font-size:1rem}.recipes-compact .recipe-card>.muted{margin:0;font-size:.7rem}.recipes-compact .recipe-card .ings{overflow:hidden;gap:.25rem;max-height:1.5rem;margin:.3rem 0}.recipes-compact .recipe-card .btn{min-height:2.75rem}.modal-continue{margin-top:.7rem}.night-chip{display:inline-block;color:var(--paper-ink);background:#4a5a7829;border:1px solid #4a5a7857;border-radius:999px;margin:0 0 .5rem;padding:.25rem .6rem;font-size:.76rem;font-weight:800}.row-status{color:var(--mist);border:1px dashed #9aa8b866;border-radius:10px;margin-top:.4rem;padding:.28rem .55rem;font-size:max(.76rem,12px);font-weight:700}.modal-inner .row-status{color:#4a4257;border-color:#2f27403d}.ing-have{opacity:.85;font-weight:700}.shop-quote-unit{opacity:.75;font-size:.7em;font-weight:700}.com-progress{background:#5a9a521a;border-left:3px solid #5a9a52b3;border-radius:0 8px 8px 0;margin-top:.35rem;padding:.28rem .55rem;font-size:max(.76rem,12px);font-weight:700}.chip-sub--season{opacity:.78;font-weight:700}@media (orientation:landscape) and (max-width:760px){.chip-sub--season,.sky-lines .chip-sep{display:none}}.sky-lines{display:flex;align-items: center;gap:.3rem;min-width:0}.chip-sep{opacity:.5}.primary-objective{grid-template-columns:2.35rem minmax(0,1fr)1.5rem;column-gap:.58rem}.objective-toggle{pointer-events:auto;position:relative;display:grid;color:#e8b840b8;font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-left:1px solid #eed6aa29;border-radius:0;place-items: center;width:1.5rem;min-width:1.5rem;height:1.9rem;min-height:1.9rem;font-size:1.05rem;font-weight:700;line-height:1}.objective-toggle:after{content:"";position:absolute;inset:-.7rem -.9rem -.7rem -.45rem}.objective-toggle:active{transform:translateY(1px)}.primary-objective--collapsed{display:block;box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:50%;width:2.75rem;max-width:none;min-height:0;padding:0}.primary-objective--collapsed .objective-copy,.primary-objective--collapsed .objective-toggle{display:none}.primary-objective--collapsed .objective-compass{pointer-events:auto;cursor:pointer;box-shadow:var(--ui-shadow);backdrop-filter:blur(8px);background:linear-gradient(100deg,#291e38d1,#1e172bc7),radial-gradient(circle at 30% 15%,#e8b84038,#0000 60%);border-color:#e8b840d9;width:2.75rem;height:2.75rem;font-size:1.4rem}.primary-objective--collapsed .objective-compass:active{transform:translateY(1px)}.primary-objective--changed .objective-compass{border-color:var(--amber);box-shadow:0 6px 18px #080a1061,0 0 0 3px #e8b84047}@media (orientation:portrait){.hotbar{padding:.3rem .35rem calc(.6rem + var(--safe-b));border-width:1px 0 0;border-radius:14px 14px 0 0;justify-content:center;width:auto;max-width:none;margin-inline-start:0;margin-inline-end:0;bottom:0;left:0;right:0}.touch-controls{padding-bottom:calc(3.95rem + var(--safe-b))}.hotbar{border-width:1px 1px 0;border-bottom-style:none;border-bottom-color:currentColor;width:max-content;max-width:calc(100% - 1rem);margin-inline-start:auto;margin-inline-end:auto;transform:none}.prompt,.toast{bottom:calc(11.2rem + var(--safe-b))}}@media (max-width:560px){.sky-lines{flex-direction:column;align-items: flex-start;gap:0;line-height:1.15}.chip-sep{display:none}}@media (orientation:landscape) and (max-height:500px){.primary-objective:not(.primary-objective--collapsed){padding-top:.14rem;padding-bottom:.16rem}}@media (orientation:portrait){.minimap{top:var(--toast-below,calc(var(--hud-below) + 4.65rem))}.primary-objective--collapsed~.minimap{top:var(--hud-below)}.primary-objective--collapsed~.toast-line--guided{top:calc(var(--hud-below) + 5.9rem);max-width:min(21rem,calc(100% - var(--safe-l) - var(--safe-r) - 1.6rem));-webkit-line-clamp:3}.toast-line--guided{max-width:calc(100% - var(--safe-l) - var(--safe-r) - 7.5rem);-webkit-line-clamp:3}}.primary-objective:not(.primary-objective--collapsed)~.toast-line--guided{display:none}.hud-stats{flex-direction:row;flex-shrink:0;align-items: center;gap:.28rem}.fresh-confirm .btn{min-height:2.75rem}.fresh-confirm #freshKeep{margin-top:.55rem}