.foods-tool{width:100%;max-width:100%;padding:1rem}.characters.trickcal{margin-top:0!important;padding-top:0!important}.ff-layout{display:grid;grid-template-columns:420px 1fr;gap:1.5rem;align-items:start;width:100%}.ff-layout.collapsed{grid-template-columns:auto 1fr}.ff-left{position:sticky;top:calc(60px + 1rem);align-self:start;max-height:calc(100vh - 300px);display:flex;flex-direction:column}.ff-panel{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background-color:#14181d;border:1px solid #22282f;padding:.75rem}.ff-panel::-webkit-scrollbar{width:8px}.ff-panel::-webkit-scrollbar-track{background:#0f1419}.ff-panel::-webkit-scrollbar-thumb{background:#2a3038;border-radius:4px}.ff-layout.collapsed .ff-panel{display:none}.ff-toggle-btn{width:100%;margin-bottom:1rem;padding:.75rem 1rem;background-color:transparent;border:2px solid #22282f;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:.6rem;transition:background-color .25s linear}.ff-toggle-btn:hover{background-color:#22282f}.ff-toggle-btn i{font-size:1.3rem}.ff-layout.collapsed .ff-toggle-btn{width:auto;flex-direction:column;gap:.75rem;padding:.85rem .6rem}.ff-layout.collapsed .ff-toggle-btn span{writing-mode:vertical-rl;letter-spacing:.05em}.foods-tool .toggle-kbd{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1;background:#ffffff14;border:1px solid rgba(255,255,255,.25);padding:.3em .55em;color:#fff}.ff-tab-navigation{display:flex;justify-content:center;border-bottom:2px solid #22282f;margin-bottom:.75rem}.ff-tab-btn{background:transparent;color:#888;border:none;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;flex:1;transition:color .15s,background .15s}.ff-tab-btn:hover{color:#fff;background:#2024424d}.ff-tab-btn.active{color:#fff;border-bottom-color:#ebed63;background:#20244280}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem}.resource-card{background-color:#0f1419;border:1px solid #22282f;padding:.5rem;cursor:pointer;transition:border-color .2s,transform .2s,filter .2s,opacity .2s;text-align:center;position:relative}@media (hover: hover){.resource-card:hover{border-color:#ebed63;transform:translateY(-2px)}}.resource-card.dimmed{filter:grayscale(1);opacity:.35}.resource-card.selected{border-color:#2196f3;box-shadow:0 0 0 2px #2196f3}.resource-card.highlighted-great{background:linear-gradient(to right bottom,#ffa8a0,#fed0e0)}.resource-card.highlighted-good{background:linear-gradient(to right bottom,#b2e31a,#c9f836)}.resource-image img{width:52px;height:52px;object-fit:contain}.resource-card.highlighted-great:after,.resource-card.highlighted-good:after{content:"";position:absolute;top:-5px;right:-5px;width:32px;height:32px;transform:rotate(25deg);background-size:contain;background-repeat:no-repeat;z-index:10}.resource-card.highlighted-great:after{background-image:url(/food/trickcal/trickcal-love-food.png)}.resource-card.highlighted-good:after{background-image:url(/food/trickcal/trickcal-like-food.png)}.foods-tool .characters .character.resource-great:after,.foods-tool .characters .character.resource-good:after{content:"";position:absolute;top:-6px;right:-6px;width:30px;height:30px;transform:rotate(25deg);background-size:contain;background-repeat:no-repeat;z-index:10;pointer-events:none}.foods-tool .characters .character.resource-great:after{background-image:url(/food/trickcal/trickcal-love-food.png)}.foods-tool .characters .character.resource-good:after{background-image:url(/food/trickcal/trickcal-like-food.png)}.ff-legend{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #22282f}.ff-legend .legend-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.ff-legend .legend-item{display:flex;align-items:center;gap:.4rem}.ff-legend .legend-item span{color:#ccc;font-size:.8rem;font-weight:500}.ff-legend .legend-color{width:14px;height:14px;flex-shrink:0}.ff-legend .legend-color.common{background:#9ca3af}.ff-legend .legend-color.uncommon{background:#22c55e}.ff-legend .legend-color.rare{background:#3b82f6}.ff-legend .legend-color.epic{background:#a855f7}.ff-legend .legend-color.first-time{background:#ebed63}.ff-legend .legend-icon{width:18px;height:18px;object-fit:contain}.foods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem}.food-card{background-color:#0f1419;border:1px solid #22282f;padding:.5rem;cursor:pointer;transition:border-color .2s,transform .2s,filter .2s,opacity .2s;text-align:center;position:relative}@media (hover: hover){.food-card:hover{border-color:#ebed63;transform:translateY(-2px)}}.food-card.dimmed{filter:grayscale(1);opacity:.35}.food-card.selected{border-color:#2196f3;box-shadow:0 0 0 2px #2196f3}.food-card.highlighted-verylike{background:linear-gradient(to right bottom,#ffa8a0,#fed0e0)}.food-card.highlighted-like{background:linear-gradient(to right bottom,#b2e31a,#c9f836)}.food-image img{width:52px;height:52px;object-fit:contain}.food-card.highlighted-verylike:after,.food-card.highlighted-like:after{content:"";position:absolute;top:-5px;right:-5px;width:32px;height:32px;transform:rotate(25deg);background-size:contain;background-repeat:no-repeat;z-index:10}.food-card.highlighted-verylike:after{background-image:url(/food/trickcal/trickcal-love-food.png)}.food-card.highlighted-like:after{background-image:url(/food/trickcal/trickcal-like-food.png)}.ff-right{min-width:0}.foods-tool .characters{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.foods-tool .characters .character{flex-direction:column;justify-content:flex-end;cursor:pointer;transition:filter .2s ease,opacity .2s ease,transform .2s linear}.foods-tool .characters .character .character-name{width:100%;background-color:#14181d;text-align:center;position:relative;z-index:3}.foods-tool .characters .character .character-name h2{font-weight:400;font-size:.9rem;color:#fff;overflow:hidden;text-overflow:ellipsis;margin:.5rem;padding:0 .25rem;white-space:nowrap}.foods-tool .characters .character.trickcal .character-portrait{object-position:center 0px}.foods-tool .characters .character.dimmed{filter:grayscale(1);opacity:.4}.foods-tool .characters .character.food-fav:before,.foods-tool .characters .character.food-liked:before,.foods-tool .characters .character.resource-great:before,.foods-tool .characters .character.resource-good:before,.foods-tool .characters .character.selected:before{content:"";position:absolute;inset:0;border:3px solid transparent;z-index:4;pointer-events:none}.foods-tool .characters .character.food-fav:before{border-color:#ff8fa3}.foods-tool .characters .character.food-liked:before{border-color:#9be000}.foods-tool .characters .character.resource-great:before{border-color:#ff8fa3}.foods-tool .characters .character.resource-good:before{border-color:#9be000}.foods-tool .characters .character.selected:before{border-color:#2196f3}.foods-tool .characters .character.food-fav:after,.foods-tool .characters .character.food-liked:after{content:"";position:absolute;top:-6px;right:-6px;width:30px;height:30px;transform:rotate(25deg);background-size:contain;background-repeat:no-repeat;z-index:10;pointer-events:none}.foods-tool .characters .character.food-fav:after{background-image:url(/food/trickcal/trickcal-love-food.png)}.foods-tool .characters .character.food-liked:after{background-image:url(/food/trickcal/trickcal-like-food.png)}@media (max-width: 1024px){.ff-layout,.ff-layout.collapsed{grid-template-columns:1fr}.ff-left{position:static;max-height:none;display:block}.ff-panel{flex:none;min-height:0;overflow:visible}.ff-layout.collapsed .ff-panel{display:block}.ff-toggle-btn{display:none}}