.rank-up-root{max-width:1480px;margin:0 auto}.rank-up-controls{gap:18px;padding:20px;display:grid}.rank-up-control-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.rank-up-control-row h2,.rank-up-plan-heading h2,.rank-plan-heading h3{margin:0}.rank-up-control-row p{color:var(--muted);margin:6px 0 0}.rank-up-weapon-switch{flex:none}.rank-up-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.rank-up-summary-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;gap:6px;min-width:0;padding:14px;display:grid}.rank-up-summary-card span{color:var(--muted);font-size:.86rem}.rank-up-summary-card strong{color:var(--accent);font-size:clamp(1.35rem,2vw,1.8rem)}.rank-up-notes{border-top:1px solid var(--border);color:var(--muted);gap:8px;padding-top:16px;font-size:.9rem;line-height:1.6;display:grid}.rank-up-notes p{margin:0}.rank-up-notes p:first-child{color:var(--text);align-items:flex-start;gap:8px;display:flex}.rank-up-notes p:first-child svg{color:var(--accent);flex:none;margin-top:3px}.rank-up-notes a{color:var(--accent);justify-self:start;align-items:center;gap:6px;font-weight:700;display:inline-flex}.rank-up-plan{gap:10px;margin-top:18px;display:grid}.rank-up-plan-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.rank-up-plan-heading span{max-width:560px;color:var(--muted);text-align:right;font-size:.9rem}.rank-plan-section{padding:12px}.rank-plan-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.rank-plan-heading h3{color:var(--accent);font-size:1.2rem}.rank-plan-heading span{color:var(--muted);font-weight:700}.rank-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rank-stage-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:grid}.rank-stage-header{justify-items:start;gap:4px;display:grid}.rank-stage-header strong{font-size:1rem}.rank-stage-header span{color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:.8rem;font-weight:800}.rank-stage-materials{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px 8px;display:grid}.rank-stage-material{align-items:center;gap:6px;min-width:0;display:flex}.rank-stage-material img{object-fit:contain;flex:none;width:32px;height:32px}.rank-stage-material span{text-overflow:ellipsis;font-size:.78rem;font-weight:650;line-height:1.25;overflow:hidden}.rank-stage-detail{border-left:1px solid var(--border);color:var(--muted);text-align:right;white-space:nowrap;justify-items:end;gap:3px;padding-left:10px;font-size:.72rem;line-height:1.3;display:grid}.candy-calculator{gap:18px;margin-top:18px;padding:20px;display:grid}.candy-calculator-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.candy-calculator-heading h2,.candy-breakdown h3{margin:0}.candy-calculator-heading p{color:var(--muted);margin:6px 0 0}.candy-calculator-heading>svg{color:var(--accent);flex:none}.candy-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.candy-setting{color:var(--muted);gap:7px;font-size:.86rem;font-weight:700;display:grid}.candy-setting select{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--panel-strong);font:inherit;border-radius:8px;padding:8px 36px 8px 11px}.candy-toggle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.candy-toggle-grid label{border:1px solid var(--border);background:var(--panel-strong);cursor:pointer;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:11px 12px;display:flex}.candy-toggle-grid input{width:18px;height:18px;accent-color:var(--accent);flex:none}.candy-toggle-grid span{line-height:1.35}.candy-calculation-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:14px;display:grid}.candy-breakdown,.candy-duration-results article{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px}.candy-breakdown{padding:16px}.candy-breakdown dl{gap:7px;margin:12px 0 0;display:grid}.candy-breakdown dl>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.candy-breakdown dt{color:var(--muted)}.candy-breakdown dd{text-align:right;margin:0;font-weight:750}.candy-breakdown .candy-total-row{border-top:1px solid var(--border);color:var(--accent);margin-top:5px;padding-top:10px;font-size:1.05rem;font-weight:800}.candy-breakdown>p{color:var(--muted);margin:12px 0 0;font-size:.82rem}.candy-duration-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.candy-duration-results article{align-content:start;gap:8px;min-width:0;padding:16px;display:grid}.candy-duration-results svg{color:var(--accent)}.candy-duration-results span,.candy-duration-results small{color:var(--muted)}.candy-duration-results strong{color:var(--accent);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.1}.candy-duration-results small{line-height:1.45}.candy-assumptions{border-top:1px solid var(--border);color:var(--muted);gap:8px;padding-top:16px;font-size:.86rem;line-height:1.55;display:grid}.candy-assumptions p{margin:0}.candy-assumptions p:first-child{color:var(--text);align-items:flex-start;gap:8px;display:flex}.candy-assumptions p:first-child svg{color:var(--accent);flex:none;margin-top:2px}.candy-assumptions nav{flex-wrap:wrap;gap:8px 16px;display:flex}.candy-assumptions a{color:var(--accent);align-items:center;gap:5px;font-weight:700;display:inline-flex}@media (width<=980px){.rank-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.candy-calculation-layout{grid-template-columns:1fr}}@media (width<=560px){.rank-up-control-row,.rank-up-plan-heading{flex-direction:column;align-items:stretch}.rank-up-weapon-switch,.rank-up-weapon-switch .segment{width:100%}.rank-up-weapon-switch .segment{justify-content:center}.rank-up-summary,.rank-plan-grid,.candy-settings-grid,.candy-toggle-grid,.candy-duration-results{grid-template-columns:1fr}.rank-up-plan-heading span{text-align:left}.rank-stage-card{grid-template-columns:auto minmax(0,1fr)}.rank-stage-detail{border-top:1px solid var(--border);text-align:left;white-space:normal;border-left:0;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:4px 10px;padding:6px 0 0;display:flex}}:root{color:#22252a;background:#edf0f3;font-family:Inter,Noto Sans JP,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{--accent:#ff5f72;--accent-strong:#ff405b;--bg:#edf0f3;--panel:#ffffffe0;--panel-strong:#fff;--text:#22252a;--muted:#6e7681;--border:#181f2a1f;--shadow:0 16px 50px #161c2d24;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0%, #ff5f7229, transparent 30%), linear-gradient(135deg, #f7f9fb 0%, var(--bg) 45%, #e5edf5 100%)}.app[data-theme=dark]{--bg:#18191d;--panel:#26282ee0;--panel-strong:#2d3037;--text:#f5f6f8;--muted:#aeb6c2;--border:#ffffff1f;--shadow:0 16px 50px #0000005c;background:radial-gradient(circle at 10% 0%, #ff5f7233, transparent 30%), linear-gradient(135deg, #15171b 0%, var(--bg) 55%, #20252c 100%)}.site-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:16px;min-height:68px;padding:12px clamp(16px,4vw,42px);display:flex;position:sticky;top:0}.brand,.tool-tab,.icon-button,.secondary-button,.rank-option,.segment,.quick-rank-button,.material-card,.plan-material{border:1px solid var(--border);color:var(--text);background:var(--panel-strong);cursor:pointer}.brand{background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.tool-tabs{flex:1;gap:8px;display:flex}.tool-tab,.icon-button,.secondary-button,.rank-option,.segment,.quick-rank-button{border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}.tool-tab.active,.rank-option.active,.segment.active,.quick-rank-button.active{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));color:#fff;background:var(--accent)}.icon-button{justify-content:center;width:38px;padding:0}.locale-button{width:auto;min-width:56px;padding:0 10px}.locale-button span{font-size:.75rem;font-weight:800}.cloud-account{align-items:center;gap:6px;display:flex;position:relative}.cloud-account-button{border:1px solid var(--border);max-width:210px;min-height:38px;color:var(--text);background:var(--panel-strong);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;overflow:hidden}.cloud-account-button.signed-in{border-color:color-mix(in srgb, #4285f4 58%, var(--border))}.cloud-account-button:disabled{cursor:wait;opacity:.66}.cloud-account-button.unconfigured:disabled{cursor:not-allowed}.cloud-account-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cloud-signout{flex:none}.cloud-error{border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));width:min(320px,80vw);color:var(--text);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:8px;padding:8px 10px;font-size:.78rem;line-height:1.4;position:absolute;top:calc(100% + 8px);right:0}.spin{animation:.9s linear infinite cloud-spin}@keyframes cloud-spin{to{transform:rotate(360deg)}}.app-main{padding:clamp(18px,4vw,42px)}.site-footer{border-top:1px solid var(--border);color:var(--muted);background:color-mix(in srgb, var(--panel) 76%, transparent);justify-content:space-between;align-items:center;gap:18px;padding:20px clamp(16px,4vw,42px) 28px;font-size:.86rem;display:flex}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;display:flex}.footer-link{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.footer-link:hover,.footer-link.active{color:var(--accent)}.legal-page{width:min(860px,100%);margin:0 auto}.legal-heading{margin-bottom:20px}.legal-heading h1{margin:4px 0 12px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.legal-heading>p:not(.legal-eyebrow){max-width:700px;color:var(--muted);margin:0 0 12px;line-height:1.7}.legal-heading time,.legal-eyebrow{color:var(--muted);font-size:.85rem;font-weight:700}.legal-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0}.legal-content{padding:clamp(20px,4vw,38px)}.legal-content section+section{border-top:1px solid var(--border);margin-top:30px;padding-top:26px}.legal-content h2{margin:0 0 12px;font-size:1.18rem}.legal-content p,.legal-content li{line-height:1.8}.legal-content p{margin:10px 0 0}.legal-content ul{gap:8px;margin:10px 0 0;padding-left:1.4em;display:grid}.legal-resources{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px 18px;margin-top:30px;padding-top:24px;display:flex}.legal-resources a{color:var(--accent);font-weight:700}.sweep-root{max-width:1480px;margin:0 auto}.sweep-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.sweep-heading h1{margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:1}.sweep-heading p{color:var(--muted);margin:10px 0 0}.selection-count{border:1px solid var(--border);text-align:center;background:var(--panel);border-radius:8px;min-width:120px;padding:10px 14px}.sweep-layout{grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.catalog-panel,.plan-panel{padding:18px}.plan-panel{flex-direction:column;max-height:calc(100dvh - 108px);display:flex;position:sticky;top:88px}.plan-content{scrollbar-gutter:stable;min-height:0;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header h2{margin:0;font-size:1.15rem}.header-actions{align-items:center;gap:8px;display:flex}.search-field{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:10px 12px;display:flex}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.rank-options{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.quick-select{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-strong) 72%, transparent);border-radius:8px;gap:12px;margin-top:14px;padding:12px;display:grid}.quick-select-header,.quick-select-row{align-items:center;gap:10px;display:flex}.quick-select-header{justify-content:space-between}.quick-select-header h3{margin:0;font-size:.95rem}.quick-select-label{color:var(--muted);flex:0 0 76px;font-size:.82rem}.segmented-control,.quick-rank-grid{flex-wrap:wrap;flex:1;gap:8px;display:flex}.segment,.quick-rank-button{min-height:34px;padding:6px 10px}.quick-rank-button:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-top:16px;display:grid}.material-card{border-radius:8px;grid-template-rows:52px 1fr;gap:8px;min-height:118px;padding:10px 8px;display:grid;position:relative}.material-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 50%, transparent)}.material-card img{max-width:54px;max-height:54px;margin:auto}.material-card span:last-child{min-height:36px;color:var(--muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.material-rank{color:#fff;background:var(--accent);border-radius:6px;padding:2px 5px;font-size:.7rem;position:absolute;top:6px;left:6px}.empty-state,.warning{color:var(--muted);background:color-mix(in srgb, var(--panel-strong) 76%, transparent);border-radius:8px;padding:14px}.warning{color:#9b5a00;background:#fff0bd;margin-top:12px}.plan-summary{background:color-mix(in srgb, var(--accent) 14%, var(--panel-strong));border-radius:8px;align-items:baseline;gap:10px;padding:14px;display:flex}.plan-summary strong{color:var(--accent);font-size:2rem}.stage-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.stage-item{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px}.stage-item-header{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.stage-item-header strong{font-size:1.1rem;font-weight:800}.stage-item-header small{color:var(--muted)}.plan-material-list{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px;padding:0 12px 12px;display:grid}.plan-material{min-height:52px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:7px 30px 7px 7px;font-weight:600;display:grid;position:relative}.plan-material:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--panel-strong))}.plan-material img{object-fit:contain;width:38px;height:38px}.plan-material>span:not(.material-quantity){text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.plan-material .material-quantity{color:var(--accent);background:color-mix(in srgb, var(--panel-strong) 88%, transparent);border-radius:6px;padding:2px 5px;font-weight:800;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.alternatives{border-top:1px solid var(--border);margin:0 12px 12px;padding-top:10px}.alternatives>summary{color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.alternative-count{min-width:24px;height:24px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel-strong));border-radius:999px;place-items:center;font-weight:800;display:grid}.alternative-list{gap:8px;max-height:220px;margin-top:8px;display:grid;overflow:auto}.alternative-item{background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:8px;gap:6px;padding:8px;display:grid}.alternative-materials{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.alternative-material{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;grid-template-rows:54px 1fr;place-items:start center;gap:8px;min-width:0;min-height:110px;padding:8px;display:grid;position:relative}.alternative-material img{object-fit:contain;width:54px;height:54px}.alternative-material span{color:var(--muted);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width<=980px){.site-header,.sweep-heading,.panel-header,.header-actions{flex-direction:column;align-items:stretch}.tool-tabs,.cloud-account{width:100%}.cloud-account-button{flex:1;justify-content:center;max-width:none}.sweep-layout{grid-template-columns:1fr}.plan-panel{max-height:none;position:static}.plan-content{overflow:visible}.site-footer{flex-direction:column;align-items:flex-start}.site-footer nav{justify-content:flex-start}}@media (width<=560px){.app-main{padding:14px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-card{min-height:110px}.stage-list{grid-template-columns:1fr}.secondary-button span,.tool-tab span{display:none}}.community-root{max-width:1540px;margin:0 auto}.community-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.community-heading h1{margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:1}.community-heading p{max-width:780px;color:var(--muted);margin:10px 0 0}.board-dashboard{grid-template-columns:minmax(230px,280px) minmax(480px,1fr) minmax(220px,270px);align-items:start;gap:18px;display:grid}.board-summary-panel,.board-main-panel,.board-insight-panel,.food-panel{padding:18px}.board-summary-panel,.board-insight-panel{position:sticky;top:88px}.layer-tabs,.board-type-tabs{flex-wrap:wrap;gap:8px;display:flex}.board-progress-ring{--progress:0deg;background:radial-gradient(circle closest-side, var(--panel-strong) 78%, transparent 80% 100%), conic-gradient(var(--accent) var(--progress), color-mix(in srgb, var(--border) 72%, transparent) 0);border-radius:50%;place-items:center;width:128px;height:128px;margin:24px auto 16px;display:grid}.board-progress-ring strong{font-size:1.7rem}.board-summary-numbers{border-bottom:1px solid var(--border);color:var(--muted);grid-template-columns:1fr auto;gap:8px 12px;padding:14px 0;display:grid}.board-summary-numbers strong{color:var(--text)}.board-breakdown{gap:4px;margin-top:10px;display:grid}.board-breakdown button{border:0;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;justify-content:space-between;padding:9px 6px;display:flex}.board-breakdown button:hover{color:var(--accent)}.board-panel-header>div:first-child{gap:4px;display:grid}.board-panel-header span{color:var(--muted);font-size:.84rem}.board-cost-chip{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel-strong));border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-weight:800;display:inline-flex}.board-character-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:16px;display:grid}.board-character-card{--personality-color:#7a8490;border:1px solid color-mix(in srgb, var(--personality-color) 58%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--personality-color) 18%, var(--panel-strong)), var(--panel-strong) 78%);box-shadow:inset 0 3px 0 color-mix(in srgb, var(--personality-color) 78%, transparent);border-radius:8px;overflow:hidden}.board-character-card.active{border-color:var(--accent);box-shadow:inset 0 3px 0 color-mix(in srgb, var(--personality-color) 78%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--accent) 42%, transparent)}.personality-pure{--personality-color:#4eaf64}.personality-lively{--personality-color:#d5a62a}.personality-calm{--personality-color:#479ad2}.personality-gloomy{--personality-color:#9567cf}.personality-mad{--personality-color:#df5964}.personality-reverse,.personality-neutral{--personality-color:#74808c}.board-character-main{width:100%;min-height:72px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.character-avatar-fallback{color:#fff;background:linear-gradient(135deg, var(--accent), #9f67ff);border-radius:8px;place-items:center;width:42px;height:42px;font-size:1.15rem;font-weight:900;display:grid}.community-character-image{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 12%, var(--panel-strong));border-radius:8px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.community-character-image img{object-fit:cover;width:100%;height:100%}.community-character-image .character-avatar-fallback,.community-character-image.image-error>img{display:none}.community-character-image.image-error .character-avatar-fallback{display:grid}.board-character-info{gap:4px;min-width:0;display:grid}.board-character-info strong,.board-character-info small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-character-info small{color:var(--muted)}.owned-toggle{border:0;border-top:1px solid var(--border);width:100%;min-height:34px;color:var(--muted);background:color-mix(in srgb, var(--panel) 72%, transparent);cursor:pointer;justify-content:center;align-items:center;gap:6px;display:flex}.owned-toggle.active{color:#fff;background:#3d9d78}.board-insight-panel h2{margin:0 0 12px;font-size:1.05rem}.board-insight-panel h2:not(:first-child){margin-top:24px}.board-overview-list{gap:0;margin:0;display:grid}.board-overview-list>div{border-bottom:1px solid var(--border);gap:5px;padding:12px 0;display:grid}.board-overview-list dt{color:var(--muted);font-size:.82rem}.board-overview-list dd{color:var(--accent);margin:0;font-size:1.25rem;font-weight:900}.crayon-requirements dd:before{content:"🖍️ "}.food-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.food-panel{min-width:0}.food-panel .panel-header>span{color:var(--accent);font-weight:800}.food-card-grid{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:calc(100dvh - 290px);display:grid;overflow-y:auto}.food-card,.food-character-card{border:1px solid var(--border);min-width:0;min-height:142px;color:var(--text);text-align:center;background:var(--panel-strong);cursor:pointer;border-radius:8px;justify-items:center;gap:7px;padding:12px 8px;display:grid;position:relative}.food-character-card{border-color:color-mix(in srgb, var(--personality-color) 58%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--personality-color) 20%, var(--panel-strong)), var(--panel-strong) 78%);min-height:148px;box-shadow:inset 0 3px 0 color-mix(in srgb, var(--personality-color) 78%, transparent)}.food-character-image{width:64px;height:64px}.food-card:hover,.food-character-card:hover,.food-card.selected,.food-character-card.selected{border-color:var(--accent)}.food-card strong,.food-character-card strong{overflow-wrap:anywhere;font-size:.84rem;line-height:1.35}.food-card small,.food-character-card small{color:var(--muted)}.food-symbol{border:2px solid var(--border);border-radius:14px;place-items:center;width:54px;height:54px;padding:1px;display:grid;position:relative;overflow:hidden}.food-symbol>img{width:200px;max-width:none;height:200px;position:absolute}.food-symbol .food-image-fallback,.food-symbol.image-error>img{display:none}.food-symbol.image-error .food-image-fallback{display:block}.food-symbol.rarity-common{color:#454545;background:#f1f1ee}.food-symbol.rarity-uncommon{color:#285a19;background:#c3f394}.food-symbol.rarity-rare{color:#14526c;background:#ace7f3}.food-symbol.rarity-legendary{color:#703079;background:#f6c4ff}.preference-badge,.unconfirmed-badge{color:#fff;background:var(--accent);border-radius:999px;padding:3px 6px;font-size:.68rem;font-weight:800;position:absolute;top:6px;right:6px}.preference-like .preference-badge{background:#33886b}.preference-dislike .preference-badge{background:#785f98}.unconfirmed-badge{background:var(--muted)}@media (width<=1180px){.board-dashboard{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.board-insight-panel{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid;position:static}.board-insight-panel h2:not(:first-child){margin-top:0}}@media (width<=820px){.community-heading{flex-direction:column;align-items:stretch}.board-dashboard,.food-layout{grid-template-columns:1fr}.board-summary-panel{position:static}.food-card-grid{max-height:none;overflow:visible}}@media (width<=560px){.board-summary-panel,.board-main-panel,.board-insight-panel,.food-panel{padding:14px}.board-insight-panel{display:block}.board-insight-panel h2:not(:first-child){margin-top:24px}.board-character-grid{grid-template-columns:1fr}.food-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.food-card,.food-character-card{min-height:132px;padding-inline:5px}}