@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.flex-1{flex:1}.shrink{flex-shrink:1}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.mask-top{-webkit-mask-position:top;mask-position:top}.text-center{text-align:center}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:"TA 8bit";src:url(/fonts/TA-8bit.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U0-U0F;size-adjust:150%;ascent-override:90%;descent-override:30%;line-gap-override:0%}:root{--bg:#0f0a1f;--bg-2:#1a1238;--panel:#2a1d4d;--panel-2:#1a1238;--border:#6b4ee8;--border-shadow:#2a1d4d;--ink:#f4f0ff;--ink-dim:#b9a8e8;--accent:#ffe14a;--green:#6ee87a;--green-dark:#2a8c3a;--red:#ff5c6c;--red-dark:#8a1a26;--blue:#5cb6ff;--pink:#ff7ad9;--orange:#ff9b3d;--gold:#ffd24a;--warn:#ffb83d}html,body{background:repeating-linear-gradient(0deg, transparent 0 3px, #ffffff04 3px 4px), radial-gradient(ellipse at top, var(--bg-2), var(--bg));color:var(--ink);letter-spacing:0;-webkit-font-smoothing:none;font-smooth:never;image-rendering:pixelated;overscroll-behavior:none;background-attachment:fixed;min-height:100vh;font-family:"TA 8bit",ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.6}*{box-sizing:border-box}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--panel-2);color:var(--ink);border:2px solid var(--border);box-sizing:border-box;outline:none;width:100%;max-width:100%;padding:8px 10px}input[type=checkbox],input[type=radio],input[type=file]{width:auto}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.pixel-panel{background:var(--panel);border:4px solid var(--border);box-shadow:0 0 0 4px var(--bg), 0 0 0 8px var(--border-shadow), inset 0 0 0 2px var(--panel-2);padding:14px;position:relative}.pixel-panel-header{background:var(--border);color:var(--ink);letter-spacing:0;text-transform:uppercase;border-bottom:4px solid var(--border-shadow);margin:-14px -14px 12px;padding:6px 10px;font-size:10px}.pixel-btn{background:var(--green);color:#0a0a0a;text-transform:uppercase;box-shadow:inset -3px -3px 0 var(--green-dark), inset 3px 3px 0 #b6ffba, 0 0 0 2px #0a0a0a;border:none;padding:10px 14px;font-size:10px;transition:transform 60ms;position:relative}.pixel-btn:hover{filter:brightness(1.1)}.pixel-btn:active{box-shadow:inset 3px 3px 0 var(--green-dark), inset -3px -3px 0 #b6ffba, 0 0 0 2px #0a0a0a;transform:translate(2px,2px)}.pixel-btn--blue{background:var(--blue);box-shadow:inset -3px -3px #1f5f9a,inset 3px 3px #b3e0ff,0 0 0 2px #0a0a0a}.pixel-btn--pink{background:var(--pink);box-shadow:inset -3px -3px #aa3a8c,inset 3px 3px #ffc8ec,0 0 0 2px #0a0a0a}.pixel-btn--gold{background:var(--gold);color:#0a0a0a;box-shadow:inset -3px -3px #a07a00,inset 3px 3px #ffeea0,0 0 0 2px #0a0a0a}.pixel-btn--red{background:var(--red);color:#0a0a0a;box-shadow:inset -3px -3px #8a1a26,inset 3px 3px #ffaeb6,0 0 0 2px #0a0a0a}.pixel-btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--border), inset -3px -3px 0 var(--border-shadow);background:0 0}.pixel-btn:disabled{opacity:.5;cursor:not-allowed}.pixel-btn.pixel-btn--icon{aspect-ratio:1;text-align:center;place-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:20px;line-height:1;display:grid;box-shadow:inset 0 0 0 2px #ffffff26,inset 0 0 0 4px #00000059,0 0 0 2px #0a0a0a}.pixel-btn.pixel-btn--icon.pixel-btn--ghost{box-shadow:inset 0 0 0 2px var(--border), 0 0 0 2px #0a0a0a}.pixel-btn.pixel-btn--icon.pixel-btn--gold{box-shadow:inset 0 0 0 2px #a07a00, inset 0 0 0 4px var(--gold), 0 0 0 2px #0a0a0a}.pixel-btn__glyph{line-height:1;font-size:inherit;text-transform:none;font-variant-ligatures:none;display:block}@media (max-width:600px){.pixel-btn.pixel-btn--icon{width:44px;min-width:44px;height:44px;font-size:22px}}.pixel-chip{letter-spacing:0;text-transform:uppercase;height:42px;color:var(--ink);background:var(--panel-2);box-shadow:inset 0 0 0 2px var(--border), inset -3px -3px 0 var(--border-shadow);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:inline-flex}.pixel-chip__icon{font-size:18px;line-height:1}.pixel-chip__value{color:var(--accent);font-size:13px}.pixel-chip--gold{box-shadow:inset 0 0 0 2px var(--gold), inset -3px -3px 0 #6b4a00;background:linear-gradient(#4a3a10 0%,#2a1d4d 100%)}.pixel-chip--gold .pixel-chip__value{color:var(--gold)}.pixel-chip--streak{box-shadow:inset 0 0 0 2px var(--orange), inset -3px -3px 0 #6b2a00;background:linear-gradient(#4a1a1a 0%,#2a1d4d 100%)}.pixel-chip--streak .pixel-chip__value{color:var(--orange)}@media (max-width:600px){.pixel-chip{height:44px;padding:0 10px;font-size:10px}.pixel-chip__icon{font-size:16px}.pixel-chip__value{font-size:12px}}.header-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.header-toolbar__group{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}@media (max-width:600px){.header-toolbar{justify-content:space-between;width:100%}}.pixel-bar{border:2px solid var(--border);background:#0a0a0a;height:18px;position:relative;overflow:hidden;box-shadow:inset 1px 1px #000}.pixel-bar__fill{background:var(--green);background-image:repeating-linear-gradient(90deg,#ffffff2e 0 2px,#0000 2px 6px);height:100%;transition:width .25s steps(20,end);box-shadow:inset 0 -3px #00000059,inset 0 3px #ffffff40}.pixel-bar__fill--ok{background-color:var(--green)}.pixel-bar__fill--low{background-color:var(--blue)}.pixel-bar__fill--warn{background-color:var(--warn)}.pixel-bar__fill--over{background-color:var(--red);animation:.6s steps(2,end) infinite blink}.pixel-bar__fill--xp{background-color:var(--gold)}.pixel-bar__fill--protein{background-color:var(--red)}.pixel-bar__fill--carbs{background-color:var(--orange)}.pixel-bar__fill--fat{background-color:var(--accent)}@keyframes blink{0%{opacity:1}50%{opacity:.55}}.firework{transform-origin:50%;animation:1.4s steps(8,end) infinite fw-loop}.firework .fw-core{transform-origin:7.5px 7.5px;animation:1.4s steps(4,end) infinite fw-core-pulse}.firework .fw-ring{opacity:0;animation:1.4s steps(8,end) infinite fw-ring}.firework .fw-spark{opacity:0;transform-origin:7.5px 7.5px;animation:1.4s steps(8,end) infinite fw-spark}@keyframes fw-loop{0%,to{transform:scale(1)}20%{transform:scale(1.1)}60%{transform:scale(.95)}}@keyframes fw-core-pulse{0%,to{opacity:1;transform:scale(1)}25%{opacity:1;transform:scale(1.5)}50%{opacity:.6;transform:scale(.8)}75%{opacity:1;transform:scale(1.2)}}@keyframes fw-ring{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1)}60%{opacity:.7;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes fw-spark{0%{opacity:0;transform:scale(.2)}30%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}90%{opacity:.4;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}@keyframes hero-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.hero-sprite{transform-origin:bottom;animation:2.6s ease-in-out infinite hero-idle;display:block}@keyframes hero-attack{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}45%{transform:translate(4px,-1px)}70%{transform:translate(2px)}to{transform:translate(0)}}.hero-sprite--attack{animation:.48s steps(6,end) hero-attack}@keyframes hero-levelup{0%{filter:none;transform:scale(1)}20%{filter:brightness(1.4) drop-shadow(0 0 4px var(--gold));transform:scale(1.18)}60%{filter:brightness(1.1);transform:scale(.98)}to{filter:none;transform:scale(1)}}.hero-sprite--levelup{animation:1.2s steps(8,end) hero-levelup}.hero-sprite--tier1{filter:drop-shadow(0 0 2px #ffe14a73)}.hero-sprite--tier2{filter:drop-shadow(0 0 3px #ffe14aa6)}.hero-sprite--tier3{filter:drop-shadow(0 0 4px #ffe14ad9)drop-shadow(0 0 6px #ff7ad959)}@keyframes boss-idle{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-1px)scaleY(.96)}}@keyframes boss-rage{0%,to{transform:translate(0)}25%{transform:translate(-2px,-1px)}50%{transform:translateY(-2px)}75%{transform:translate(2px,-1px)}}@keyframes boss-fall{0%{transform:rotate(0)translateY(0)}60%{transform:rotate(-18deg)translateY(2px)}to{transform:rotate(-12deg)translateY(3px)}}.boss-sprite{transform-origin:bottom;animation:2.4s ease-in-out infinite boss-idle;display:block}.boss-sprite--low{animation:.55s ease-in-out infinite boss-rage}.boss-sprite--defeated{animation:.7s ease-out forwards boss-fall}@keyframes boss-hit{0%{filter:none;transform:translate(0)}20%{filter:brightness(2.5)hue-rotate(20deg);transform:translate(-2px)}50%{filter:brightness(1.6) drop-shadow(0 0 4px var(--red));transform:translate(2px)}80%{filter:brightness(1.2);transform:translate(-1px,1px)}to{filter:none;transform:translate(0)}}.boss-sprite--hit{animation:.36s steps(8,end) boss-hit!important}.cups-celebrating{animation:.7s ease-out cups-bounce}@keyframes cups-bounce{0%{transform:scale(1)}30%{transform:scale(1.08)translateY(-2px)}60%{transform:scale(.98)}to{transform:scale(1)}}.pixel-title{letter-spacing:0;text-shadow:2px 0 0 var(--border-shadow), 0 2px 0 var(--border-shadow), 2px 2px 0 var(--border-shadow), 4px 4px 0 #00000080;color:var(--accent);font-size:18px}.quest-item{border:2px dashed var(--border);background:#0003;align-items:center;gap:10px;margin-bottom:6px;padding:6px 8px;display:flex}.quest-item--boss{border-color:var(--red);background:#8a1a2640}.quest-item--done{opacity:.6;text-decoration:line-through}.quest-checkbox{border:2px solid var(--ink);width:16px;height:16px;color:var(--green);cursor:pointer;background:#0a0a0a;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.quest-progress-list{gap:4px;margin-top:5px;display:grid}.quest-progress{grid-template-columns:minmax(72px,1fr) auto;align-items:center;gap:6px;display:grid}.quest-progress__bar{background:var(--panel-2);border:1px solid #f4f0ff59;height:8px;overflow:hidden}.quest-progress__bar span{background:var(--green);height:100%;display:block}.quest-progress--over .quest-progress__bar span{background:var(--red)}.quest-progress__label{color:var(--ink-dim);white-space:nowrap;font-size:8px;line-height:1.2}.inv-tile{background:var(--panel-2);border:2px solid var(--border);text-align:center;min-width:64px;padding:6px;font-size:9px;position:relative}.inv-tile__count{background:var(--accent);color:#0a0a0a;border:2px solid #0a0a0a;border-radius:0;padding:0 4px;font-size:8px;position:absolute;top:-8px;right:-8px}.cup{background:linear-gradient(to top, var(--blue) var(--fill,0%), transparent var(--fill,0%)), repeating-linear-gradient(45deg, #ffffff14 0 2px, transparent 2px 4px);border:2px solid var(--ink);border-top:5px solid var(--ink);width:32px;height:42px;display:inline-block;position:relative;box-shadow:inset 2px 0 #ffffff2e,inset -2px 0 #00000038}.cup:after{content:"";width:3px;height:8px;opacity:var(--shine,0);pointer-events:none;background:#ffffff8c;position:absolute;top:6px;left:4px}.stat-row{grid-template-columns:44px 1fr 52px;align-items:center;gap:10px;padding:5px 0;font-size:10px;display:grid}.stat-row__label{letter-spacing:0;font-size:11px}.rank-pill{letter-spacing:0;background:var(--panel-2);width:100%;height:18px;color:var(--accent);border:2px solid var(--border);white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;padding:0 4px;font-size:9px;line-height:1;display:inline-flex}.rank-pill--btn{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.rank-pill--btn:hover{filter:brightness(1.15)}.rank-pill--btn:active{transform:translate(1px,1px)}.rank-pill--expanded{background:var(--gold);color:#0a0a0a;border-color:var(--accent);letter-spacing:0;font-size:8px}@media (max-width:600px){.rank-pill--expanded{font-size:8px}.stat-row{grid-template-columns:38px 1fr 48px;gap:8px}.stat-row__label{font-size:10px}.rank-pill{font-size:8px}}.modal-backdrop{z-index:100;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#000000bf;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.options-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;display:grid}.option-tile{background:var(--panel-2);border:3px solid var(--border);cursor:pointer;font-family:inherit;font-size:inherit;color:var(--ink);flex-direction:column;align-items:center;gap:2px;min-height:0;padding:4px 2px 2px;display:flex}.option-tile:hover{filter:brightness(1.15)}.option-tile--active{background:var(--gold);border-color:var(--accent);color:#0a0a0a}.badge-grid,.template-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.badge-card,.template-card{background:var(--panel-2);border:3px solid var(--border);align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.badge-card--on{background:#ffd24a1f}.badge-card--bronze.badge-card--on{border-color:#c98c5a}.badge-card--silver.badge-card--on{border-color:#cfd8e3}.badge-card--gold.badge-card--on{border-color:var(--gold)}.badge-card--mythic.badge-card--on{border-color:var(--pink)}.badge-meter{background:#0a0a0a;border:1px solid #f4f0ff59;width:100%;height:7px;margin:5px 0 3px}.badge-meter span{background:var(--gold);height:100%;display:block}.sprite-frame{border:3px solid var(--border);background:#0a0a0a;flex-shrink:0;padding:4px}.sprite-frame--small{padding:3px}.sprite-frame--event{border-color:var(--pink)}.season-panel{background:repeating-linear-gradient(90deg, #ff7ad914 0 4px, transparent 4px 8px), var(--panel-2);border:3px solid var(--pink);padding:10px}.event-chip{border:2px solid var(--pink);white-space:nowrap;background:#ff7ad91f;align-items:center;padding:2px 6px;display:inline-flex}.template-card__body{flex:1;min-width:0}.mini-icon{background:var(--panel);width:24px;height:24px;color:var(--ink-dim);border:2px solid var(--border);place-items:center;padding:0;line-height:1;display:grid}.mini-icon--on{color:#0a0a0a;background:var(--gold);border-color:var(--accent)}@media (max-width:600px){.modal-backdrop{padding:8px 8px 24px}.modal-backdrop .pixel-panel{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--border-shadow), inset 0 0 0 2px var(--panel-2);border-width:3px;padding:10px}.modal-backdrop .pixel-panel .pixel-panel-header{margin:-10px -10px 8px;padding:5px 8px}.modal-backdrop fieldset.pixel-panel{padding:8px}.modal-backdrop fieldset.pixel-panel .pixel-panel-header{margin:-8px -8px 6px}.pixel-btn{padding:8px 10px;font-size:9px}input,select,textarea{padding:10px;font-size:11px}.options-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}}.tier-strip{scroll-snap-type:x mandatory;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.tier-cell{background:var(--panel-2);border:2px solid var(--border);text-align:center;scroll-snap-align:start;flex-direction:column;flex:0 0 92px;justify-content:flex-start;align-items:center;gap:2px;min-height:110px;padding:6px;display:flex}.tier-cell--unlocked{border-color:var(--accent)}.tier-cell--ready{background:#ffd24a2e;animation:1.6s ease-in-out infinite tier-flash}.tier-cell--claimed{border-color:var(--green);opacity:.85}@keyframes tier-flash{0%,to{box-shadow:0 0 #ffd24a00}50%{box-shadow:0 0 0 2px #ffd24a8c}}.achievement-toast{z-index:220;background:var(--panel);border:3px solid var(--gold);box-shadow:0 0 0 3px var(--bg), 0 0 14px #ffd24a99;min-width:240px;max-width:90vw;padding:10px 14px;animation:.32s ease-out ach-toast-in;position:fixed;top:18px;left:50%;transform:translate(-50%)}.achievement-toast__inner{align-items:center;gap:10px;display:flex}.achievement-toast__sprite{border:2px solid var(--gold);background:#0a0a0a;flex-shrink:0;padding:4px}@keyframes ach-toast-in{0%{opacity:0;transform:translate(-50%,-50px)}to{opacity:1;transform:translate(-50%)}}.toast{background:var(--panel);border:3px solid var(--border);z-index:200;box-shadow:0 0 0 3px var(--bg);max-width:90vw;padding:8px 14px;font-size:10px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast--success{border-color:var(--green)}.toast--error{border-color:var(--red)}.undo-toast{bottom:calc(88px + env(safe-area-inset-bottom,0px));background:var(--panel-2);border:3px solid var(--accent);width:min(92vw,460px);color:var(--ink);z-index:210;box-shadow:0 0 0 3px var(--bg), inset 0 0 0 2px var(--border);padding:8px 10px 6px;animation:.18s steps(6,end) undoToastIn;position:fixed;left:50%;transform:translate(-50%)}.undo-toast__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.undo-toast__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;line-height:1.4;overflow:hidden}.undo-toast__name{color:var(--accent)}.undo-toast__kcal{color:var(--gold)}.undo-toast__sep{color:var(--ink-dim)}.undo-toast__bar-track{background:var(--bg);border:2px solid var(--border);width:100%;height:4px;margin-top:6px;padding:0;overflow:hidden}.undo-toast__bar-fill{background:var(--gold);height:100%;transition-property:width;transition-timing-function:linear}@keyframes undoToastIn{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.flash-overlay{pointer-events:none;background:var(--accent);opacity:0;z-index:99;animation:.8s steps(8,end) flash;position:fixed;inset:0}@keyframes flash{0%,to{opacity:0}20%{opacity:.7}60%{opacity:.3}}.lvlup-overlay{pointer-events:none;z-index:110;justify-content:center;align-items:center;animation:2.2s linear forwards lvlup-fade;display:flex;position:fixed;inset:0}@keyframes lvlup-fade{0%{opacity:0}6%{opacity:1}85%{opacity:1}to{opacity:0;visibility:hidden}}.lvlup-bg{background:radial-gradient(#ffd24a8c 0%,#ffd24a00 55%),#0f0a1f66;animation:2.2s steps(8,end) forwards lvlup-bg-pulse;position:absolute;inset:0}@keyframes lvlup-bg-pulse{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.1)}60%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.lvlup-rays{background:repeating-conic-gradient(#ffe14a59 0deg 4deg,#0000 4deg 16deg);animation:2.2s linear forwards lvlup-rays-spin;position:absolute;inset:-50%}@keyframes lvlup-rays-spin{0%{opacity:0;transform:rotate(0)}20%{opacity:.6}60%{opacity:.4}to{opacity:0;transform:rotate(140deg)}}.lvlup-stars span{animation:2s steps(10,end) forwards lvlup-star-pop;position:absolute}@keyframes lvlup-star-pop{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.4)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.lvlup-text{text-align:center;z-index:10;animation:2.2s steps(14,end) forwards lvlup-bounce;position:relative}@keyframes lvlup-bounce{0%{transform:scale(0)}10%{transform:scale(1.6)}20%{transform:scale(.8)}30%{transform:scale(1.15)}40%{transform:scale(.95)}55%{transform:scale(1)}85%{transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.lvlup-text__big{color:var(--accent);letter-spacing:0;text-shadow:3px 3px 0 #0a0a0a, -2px -2px 0 var(--red), 6px 6px 0 #0009;font-size:28px}.lvlup-text__num{color:var(--ink);text-shadow:2px 2px #0a0a0a,4px 4px #00000080;margin-top:14px;font-size:16px}@media (max-width:600px){.lvlup-text__big{font-size:20px}.lvlup-text__num{margin-top:10px;font-size:12px}}.boss-overlay{pointer-events:none;z-index:115;justify-content:center;align-items:center;animation:3s linear forwards boss-fade;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes boss-fade{0%{opacity:0}5%{opacity:1}90%{opacity:1}to{opacity:0;visibility:hidden}}.boss-bg{background:radial-gradient(#ff5c6c8c 0%,#ff5c6c00 60%),#0f0a1f80;animation:3s steps(10,end) forwards boss-bg-pulse;position:absolute;inset:0}@keyframes boss-bg-pulse{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.1)}60%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.boss-stripes{background:repeating-linear-gradient(-45deg,#ff5c6c2e 0 14px,#0000 14px 36px);animation:3s linear forwards boss-stripes-scroll;position:absolute;inset:-25%}@keyframes boss-stripes-scroll{0%{opacity:0;transform:translate(0)}20%{opacity:.7}to{opacity:0;transform:translate(-180px,-180px)}}.boss-fireworks span{animation:2.8s steps(10,end) forwards boss-fw-pop;position:absolute}@keyframes boss-fw-pop{0%{opacity:0;transform:scale(0)}15%{opacity:1;transform:scale(1.3)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.boss-coins{pointer-events:none;position:absolute;inset:0}.boss-coin{filter:drop-shadow(2px 2px #0a0a0a);font-size:22px;animation:2.4s steps(20,end) forwards boss-coin-float;position:absolute;bottom:-32px}@keyframes boss-coin-float{0%{opacity:0;bottom:-40px;transform:translateY(0)rotate(0)}10%{opacity:1}to{opacity:0;bottom:110%;transform:translateY(-20px)rotate(540deg)}}.boss-text{text-align:center;z-index:10;animation:3s steps(14,end) forwards boss-bounce;position:relative}@keyframes boss-bounce{0%{transform:scale(0)rotate(-8deg)}10%{transform:scale(1.6)rotate(2deg)}20%{transform:scale(.85)rotate(-1deg)}35%{transform:scale(1.1)rotate(0)}50%{transform:scale(1)rotate(0)}88%{transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.3)rotate(0)}}.boss-text__sub{color:var(--red);text-shadow:2px 2px #0a0a0a,4px 4px #00000080;letter-spacing:0;margin-bottom:12px;font-size:14px}.boss-text__big{color:var(--gold);letter-spacing:0;text-shadow:4px 4px 0 #0a0a0a, -2px -2px 0 var(--red), 8px 8px 0 #0009;font-size:38px}.boss-text__rewards{text-shadow:2px 2px #0a0a0a;margin-top:14px;font-size:14px}@media (max-width:600px){.boss-text__sub{font-size:10px}.boss-text__big{font-size:24px}.boss-text__rewards{font-size:11px}}.tiny{font-size:8px;line-height:1.4}.dim{color:var(--ink-dim)}.uppercase{text-transform:uppercase}ul{margin:0;padding:0;list-style:none}.app-shell{max-width:980px;padding:24px 16px calc(80px + env(safe-area-inset-bottom,0));margin:0 auto}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-dow{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:4px;display:grid}.cal-dow span{text-align:center;letter-spacing:0;color:var(--ink-dim);text-transform:uppercase;font-size:9px}.cal-cell{aspect-ratio:1;background:var(--panel-2);cursor:pointer;min-height:36px;color:var(--ink);border:2px solid #0a0a0a;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;font-weight:700;transition:transform 80ms;display:flex;position:relative;box-shadow:inset -2px -2px #00000040,inset 2px 2px #ffffff14}.cal-cell:hover{transform:translateY(-1px)}.cal-cell:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.cal-cell--placeholder{visibility:hidden;pointer-events:none}.cal-cell--empty{background:var(--panel-2);color:var(--ink-dim);opacity:.45}.cal-cell--low{background:var(--blue);color:#0a0a0a}.cal-cell--ok{background:var(--green);color:#0a0a0a}.cal-cell--warn{background:var(--orange);color:#0a0a0a}.cal-cell--over{background:var(--red);color:#fff}.cal-cell--selected{outline:3px solid var(--gold);outline-offset:-1px;z-index:1}.cal-cell__dot{background:#00000073;border-radius:0;width:4px;height:4px;position:absolute;top:2px;right:2px}.cal-cell--over .cal-cell__dot{background:#ffffff80}.cal-legend{letter-spacing:0;color:var(--ink-dim);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:9px;display:flex}.cal-legend__sample{vertical-align:middle;border:2px solid #0a0a0a;width:12px;height:12px;margin-right:4px;display:inline-block}.cal-toggle{gap:4px;margin-bottom:8px;display:flex}.cal-toggle button{flex:1}.bottom-nav{bottom:env(safe-area-inset-bottom,0);left:env(safe-area-inset-left,0);right:env(safe-area-inset-right,0);z-index:100;background:var(--panel);box-shadow:0 -4px 0 var(--border-shadow), inset 0 2px 0 var(--border);border-top:4px solid #0a0a0a;display:flex;position:fixed}.bottom-nav-bg{height:env(safe-area-inset-bottom,0);background:var(--panel);pointer-events:none;z-index:99;position:fixed;bottom:0;left:0;right:0}.bottom-nav__tab{cursor:pointer;color:var(--ink-dim);letter-spacing:0;text-transform:uppercase;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-right:2px solid #0a0a0a;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:56px;padding:8px 4px 6px;font-family:inherit;font-size:9px;display:flex;position:relative}.bottom-nav__tab:last-child{border-right:none}@media (hover:hover){.bottom-nav__tab:hover{background:#ffffff0f}}.bottom-nav__tab:focus-visible{background:#ffd14a2e;outline:none}.bottom-nav__tab--active,.bottom-nav__tab--active:hover,.bottom-nav__tab--active:focus-visible{color:#0a0a0a;box-shadow:inset 0 3px #fff5a0,inset 0 -3px #a07a00,0 -6px 14px -2px #ffe14a8c;background:#ffe14a!important}.bottom-nav__tab--active .bottom-nav__label{color:#0a0a0a;text-shadow:0 1px #fff6}.bottom-nav__icon{filter:drop-shadow(0 1px #0000004d);font-size:20px;line-height:1}.bottom-nav__tab--active .bottom-nav__icon{filter:none}.bottom-nav__label{letter-spacing:0;font-size:9px}.bottom-nav__badge{background:var(--red);border:2px solid #0a0a0a;width:9px;height:9px;animation:1.4s ease-in-out infinite badge-pulse;position:absolute;top:6px;right:14px;box-shadow:0 0 0 1px #ff8a96}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media (max-width:380px){.bottom-nav__tab{gap:2px;min-height:52px;padding:6px 2px 4px}.bottom-nav__icon{font-size:17px}.bottom-nav__label{font-size:8px}}.row{flex-wrap:wrap;gap:8px;display:flex}.grid-2{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
