/* Permanent supplies use the game's existing cream, violet and gold palette. */
.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav button{min-width:0;flex:1}.mall-page{padding-bottom:8px}.mall-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 13px}.mall-heading h1{font-size:21px;font-weight:900;line-height:1.4}.mall-heading .game-kicker{font-size:8px;letter-spacing:.3px}.mall-wallet{font-size:11px;white-space:nowrap;background:#fff0c8;border:1px solid #d9be85;border-radius:9px;padding:6px 8px;color:#ac8244;font-weight:800}.supply-banner{position:relative;isolation:isolate;overflow:hidden;border:2px solid #b49acb;border-radius:19px;min-height:218px;padding:16px 15px 12px;background:radial-gradient(ellipse at 70% 50%,#fff0c8,#efe0fc 70%);box-shadow:0 4px 0 #d7c5e2}.supply-banner:before{content:'✦';position:absolute;right:23px;top:24px;font-size:50px;color:#fff8dd;text-shadow:0 2px 0 #d6b66d;transform:rotate(12deg);z-index:-1}.supply-banner-kicker{font-size:9px;color:#a08aaa;font-weight:800;letter-spacing:.6px}.supply-banner h2{font-size:24px;font-weight:900;color:#684582;line-height:1.3;margin:5px 0}.supply-banner p{font-size:9px;color:#aa8fb7;margin:0}.supply-banner-art{display:flex;justify-content:center;align-items:center;gap:18px;height:112px;padding-top:6px}.supply-banner-art>span{display:block;transform:rotate(calc((var(--i) - 1)*13deg));color:#9671b6;background:#fff9ed;border:2px solid #d8bedf;border-radius:17px;box-shadow:0 4px 0 #bfa3ce;animation:supply-bob 3s calc(var(--i)*-.7s) ease-in-out infinite}.supply-banner-art>span:nth-child(2){color:#b3853e;border-color:#dfbf7b;background:#fff2cb;transform:rotate(-4deg);margin-top:-15px}.supply-banner>strong{display:block;font-size:10px;text-align:center;color:#a17a3e;background:#fff4d7;border:1px solid #e4c899;border-radius:7px;padding:5px}.supply-pity{display:flex;gap:6px;justify-content:space-between;background:#eee4f6;border-radius:9px;padding:8px 9px;margin:12px 0 10px;font-size:9px;color:#a18bb0}.supply-pity b{color:#9263af;font-size:12px}.supply-draw-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px}.supply-draw-actions .button{font-size:11px;min-height:44px;padding:8px 4px}.supply-links{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;margin-top:11px;color:#b6a5bf}.supply-links>button{color:#9674b1;text-decoration:underline;text-underline-offset:3px}.supply-collection-heading{margin:20px 0 10px}.supply-collection-heading h2{font-size:16px}.supply-collection-heading h2 small{font-size:11px;color:#b39fc0;margin-left:4px}.supply-collection-heading>span{font-size:9px;color:#b39fc0}.supply-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.supply-tile{position:relative;border:1.5px solid var(--supply-color);background:var(--supply-bg);border-radius:11px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;color:var(--supply-color);min-width:0;box-shadow:0 2px 0 color-mix(in srgb,var(--supply-color) 30%,transparent)}.supply-tile-quality{font-size:8px}.supply-tile b{font-size:10px;line-height:1.4;margin:4px 0 3px}.supply-tile small{font-size:7px;line-height:1.5;white-space:nowrap}.supply-tile em{font-size:7px;background:#ffffff80;padding:2px 4px;border-radius:5px;margin-top:3px;font-style:normal}.supply-empty{border:1.5px dashed #ccb5dc;border-radius:12px;padding:20px 9px;text-align:center;color:#a288b2;font-size:11px;line-height:1.7}.supply-empty small{display:block;font-size:9px;color:#bba6c6;margin-top:6px}.supply-results h2{font-size:21px;line-height:1.4;margin:4px 0 15px}.supply-result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 5px}.supply-result-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:6px 2px;border:1.5px solid var(--supply-color);border-radius:9px;color:var(--supply-color);background:var(--supply-bg)}.supply-result-card small{font-size:8px}.supply-result-card b{font-size:8px;line-height:1.4;min-height:23px;margin-top:4px}.supply-result-card em{font-size:6px;line-height:1.3;font-style:normal;margin-top:4px;white-space:normal}.is-revealing .supply-result-card{animation:supply-reveal 320ms var(--delay) cubic-bezier(.16,1,.3,1) both}.supply-result-cost{text-align:center;font-size:10px;color:#a087b2;margin:13px 0 16px}.supply-detail{text-align:center;color:var(--supply-color)}.supply-detail>.supply-icon{display:block;margin:16px auto 10px;background:var(--supply-bg);padding:7px;border:1.5px solid var(--supply-color);border-radius:18px}.supply-detail h2{font-size:23px}.supply-detail>p{font-size:12px;line-height:1.6;margin:9px 0 15px}.supply-detail-buff{padding:12px;border:1px solid currentColor;border-radius:12px;background:var(--supply-bg);font-size:11px;margin-bottom:16px}.supply-detail-buff>p{margin:6px 0 0;line-height:1.5}.supply-rate-table{width:100%;border-collapse:collapse;margin:17px 0;font-size:11px}.supply-rate-table th,.supply-rate-table td{padding:8px;text-align:left;border-bottom:1px solid #e2d5ea}.supply-rate-table~p{font-size:11px;line-height:1.7;color:#9982a8}.loadout-summary{border:1.5px solid #c4a9d8;background:#fff8e9;border-radius:13px;padding:9px;flex-shrink:0}.loadout-summary>div:first-child{display:flex;justify-content:space-between;align-items:center}.loadout-summary b{font-size:11px;color:#8c6aa4}.loadout-summary>div:first-child>span{font-size:7px;color:#b09abd}.loadout-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:9px 0}.loadout-slots>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:4px 1px;border:1px solid var(--supply-color,#d4bedf);color:var(--supply-color,#bda6cd);background:var(--supply-bg,#f8f0fd);border-radius:7px;min-height:47px}.loadout-slots small{font-size:6px;white-space:nowrap;line-height:1.4;margin-top:3px}.loadout-slots .empty{font-size:23px}.loadout-bonus{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.loadout-bonus span{font-size:8px;text-align:center;color:#b29cbe}.loadout-bonus b{display:block;font-size:13px;margin-top:2px;color:#9c7746}.loadout-help{font-size:9px;line-height:1.5;color:#ac95ba;margin:6px 1px}.loadout-list{display:grid;gap:5px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1px 2px 4px}.loadout-item{position:relative;display:flex;align-items:center;gap:8px;border:1.5px solid #d9c7e4;border-radius:10px;padding:7px;text-align:left;background:#fffaf0;color:var(--supply-color)}.loadout-item.selected{border-color:var(--supply-color);background:var(--supply-bg)}.loadout-item>span{flex:1;min-width:0}.loadout-item b{display:block;font-size:10px;line-height:1.4}.loadout-item b>small{font-size:8px;font-weight:500;color:var(--supply-color);margin-left:4px}.loadout-item em{font-size:9px;display:block;margin-top:3px;font-style:normal}.loadout-item .supply-buff{font-size:8px;display:block;line-height:1.5;margin-top:3px}.loadout-item>i{font-style:normal;font-size:17px}.carried-supplies{display:grid;grid-template-columns:1fr;gap:5px;margin:7px 0 14px}.carried-supplies>span{display:grid;grid-template-columns:31px 1fr;align-items:center;column-gap:6px;border:1px solid var(--supply-color);background:var(--supply-bg);color:var(--supply-color);border-radius:9px;padding:6px}.carried-supplies svg{grid-row:span 3}.carried-supplies b{font-size:11px}.carried-supplies small,.carried-supplies em{font-size:9px;line-height:1.5;font-style:normal}.reward-flight{position:absolute;top:54px;left:11px;right:130px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none;z-index:5}.reward-flight>span{font-size:12px;font-weight:900;line-height:1.3;padding:3px 7px;background:#fff4cbf5;color:#a4772d;border:1px solid #dfc285;border-radius:7px;box-shadow:0 2px 0 #b7965c25;white-space:nowrap}[data-motion-active]{will-change:transform;transform-origin:center}.learning-dashboard-stat:has([data-motion-active]),.learning-dashboard-language:has([data-motion-active]){background:#fff0bd;box-shadow:0 0 0 1px #dab36a;border-radius:6px}
@keyframes supply-bob{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes supply-reveal{from{opacity:0;transform:translateY(11px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:730px){.mall-heading h1{font-size:18px}.supply-banner{min-height:190px;padding:12px}.supply-banner h2{font-size:22px}.supply-banner-art{height:90px;gap:15px}.supply-banner-art svg{width:62px;height:62px}.mall-heading{margin-bottom:9px}.supply-pity{padding:6px;margin:10px 0 8px}.supply-collection-heading{margin-top:15px}.loadout-summary{padding:7px}.loadout-slots{margin:6px 0}.loadout-slots>span{min-height:40px}.loadout-slots svg{width:23px;height:23px}.loadout-help{font-size:8px;margin:5px 1px}.loadout-item{padding:5px;gap:6px}.loadout-item b{font-size:10px}.loadout-item>svg{width:30px;height:30px}.reward-flight{top:44px;right:125px;gap:3px}.reward-flight>span{font-size:10px;padding:2px 6px}}
@media(prefers-reduced-motion:reduce){.supply-banner-art>span,.is-revealing .supply-result-card{animation:none}.supply-result-card{opacity:1;transform:none}.reward-flight{display:none}}
.supply-result-grid:has(>.supply-result-card:only-child){grid-template-columns:1fr;max-width:155px;margin:0 auto}.supply-result-card:only-child{padding:14px 8px}.supply-result-card:only-child .supply-icon{width:72px;height:72px}.supply-result-card:only-child b{font-size:12px;min-height:18px}.supply-result-card:only-child em,.supply-result-card:only-child small{font-size:10px}
.classroom-resources b{display:inline-block;font-variant-numeric:tabular-nums}.classroom-resources b[data-motion-active]{color:#b67c39}
/* Illustrated collectibles and their school-owned progression. */
.supply-icon.supply-illustration{object-fit:contain;flex-shrink:0;user-select:none;filter:drop-shadow(0 2px 1px #72547d20)}.supply-banner-art>span{border:0!important;background:transparent!important;box-shadow:none!important;animation:none}.supply-banner-art>span .supply-illustration{width:88px;height:88px}.supply-tile .supply-illustration{width:65px;height:65px;margin:2px 0}.supply-result-card .supply-illustration{width:47px;height:47px}.loadout-item>.supply-illustration{width:42px;height:42px}.loadout-slots .supply-illustration{width:34px;height:34px}.supply-detail>.supply-illustration{width:130px;height:130px;border:0;background:transparent;padding:0;margin:9px auto 5px}.carried-supplies .supply-illustration{grid-row:span 3;width:31px;height:31px}.supply-level{font-size:8px;line-height:1.4;margin-bottom:2px}.supply-copies{font-size:7px;margin-top:4px;opacity:.75}.supply-growth-wallet{display:flex;justify-content:space-between;align-items:center;padding:8px 9px;margin-bottom:9px;border:1px solid #d5bfdf;border-radius:9px;background:#eee2fa;color:#9272a9;font-size:11px}.supply-growth-wallet button{background:#fff8eb;border:1px solid #ceb5da;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.supply-stars{letter-spacing:3px;font-size:20px;color:#c59840;margin:4px 0}.supply-detail .supply-detail-level{font-size:11px;color:#a38aae;margin:6px 0 9px}.supply-upgrade-panel{padding:10px;border:1px solid #d9c7e5;border-radius:12px;background:#f7effd;text-align:left;margin:13px 0}.supply-upgrade-panel>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#9a7cae}.supply-upgrade-panel>p{font-size:10px;line-height:1.6;color:#a18aae;margin:9px 0}.supply-upgrade-panel>div:nth-of-type(2){display:grid;grid-template-columns:1fr 1.25fr;gap:6px}.supply-upgrade-panel .button{font-size:10px;min-height:37px;padding:7px 5px}.supply-upgrade-panel .gold-button{font-size:10px}.supply-recycle-link{font-size:10px;line-height:1.6;margin:12px 0;color:#ad8f8c}.supply-recycle-link button{color:#b187a2;text-decoration:underline;text-underline-offset:3px}.supply-maxed{font-size:12px;color:#b88c36}.recycle-quality-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.recycle-quality-choices button{padding:12px 6px;border:1.5px solid #cfb8df;background:#fff8eb;border-radius:9px;color:#9a7bac;font-size:12px}.recycle-quality-choices button.selected{background:#e8d6fa;border-color:#ab83c5;color:#8b60af}.recycle-preview-list{display:grid;gap:7px;margin:16px 0;max-height:260px;overflow:auto}.recycle-preview-list>div{display:flex;align-items:center;gap:7px;background:#f4eafc;border:1px solid #d9c4e6;border-radius:9px;padding:7px}.recycle-preview-list>div>span{flex:1}.recycle-preview-list b{font-size:10px;color:#8b6ba1}.recycle-preview-list small{display:block;font-size:9px;line-height:1.5;color:#af8eab;margin-top:4px}.recycle-preview-list strong{font-size:11px;color:#a87936}.recycle-preview-list~.button{margin-top:10px}
@media(max-height:730px){.loadout-item>.supply-illustration{width:36px;height:36px}.loadout-slots .supply-illustration{width:28px;height:28px}.supply-detail>.supply-illustration{height:106px;width:106px}.supply-upgrade-panel{padding:8px}.supply-tile .supply-illustration{width:56px;height:56px}.supply-result-card .supply-illustration{height:41px;width:41px}}