:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf2ff;background:#070b11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#4a5c7c1f 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#4a5c7c1f 1px,#0000 1px) 0 0/72px 72px,radial-gradient(circle at 12% 0,#26569b2e,#0000 38rem),radial-gradient(circle at 100% 20%,#ffac4124,#0000 32rem),#070b11;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.fantasy-app{width:min(1720px,100% - 36px);margin:0 auto;padding:22px 0 56px}.fx-header{grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:14px;display:grid}.fx-header p{color:#f6a33a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:.78rem;font-weight:900}.fx-header h1{color:#ffd38d;text-shadow:0 0 22px #f5a33a33;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,4vw,4rem)}.fx-header span{color:#8fa2bd}.fx-header nav{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.fx-header nav button,.matrix-filters button,.fx-tabs button{color:#b8c6dc;background:linear-gradient(#162234f0,#0a0f18eb);border:1px solid #5d78a06b;border-radius:10px;padding:10px 14px;font-weight:850}.fx-header nav button.active,.matrix-filters button.active,.fx-tabs button.active,.fx-header nav button:hover,.matrix-filters button:hover,.fx-tabs button:hover{color:#f5fbff;background:linear-gradient(#2462a4c7,#0e2d56eb);border-color:#5db2ffd1;box-shadow:inset 0 0 18px #439cff42,0 0 18px #439cff2e}.fx-toolbar{background:#0a0f18d6;border:1px solid #293954;border-radius:16px;margin-bottom:18px;padding:12px;box-shadow:0 20px 60px #00000038}.fx-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.fx-tabs button{align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.fx-tabs button b{font-size:1rem}.fx-tabs button span{color:#7ea4d8;font-size:.78rem}.fx-search{background:#04080eb8;border:1px solid #293954;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.fx-search span{color:#80a7dc;font-size:1.2rem}.fx-search input{color:#eaf2ff;background:0 0;border:0;outline:0;width:100%;padding:13px 0}.matrix-shell{background:linear-gradient(#0b1320fa,#060a11fa);border:1px solid #be8b469e;border-radius:22px;grid-template-columns:76px minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #48699957,0 30px 90px #0000006b,0 0 32px #ffb04914}.matrix-shell:before,.matrix-shell:after{content:"";pointer-events:none;border:2px solid #d39f598c;width:120px;height:120px;position:absolute}.matrix-shell:before{top:-55px;left:-55px;transform:rotate(45deg)}.matrix-shell:after{top:-55px;right:-55px;transform:rotate(45deg)}.craft-rail{background:linear-gradient(#0d192bf2,#050a12f2);border-right:1px solid #be8b4661;align-content:start;gap:12px;padding:92px 13px 20px;display:grid}.craft-rail span{background:radial-gradient(circle at 50% 20%,#447dcc40,#0a101af2);border:1px solid #be8b466b;border-radius:12px;place-items:center;width:48px;height:48px;font-size:1.35rem;display:grid;box-shadow:inset 0 0 16px #ffffff0a,0 0 14px #2673cc1f}.matrix-card{min-width:0}.matrix-hero{background:linear-gradient(#0a1424e6,#070c1499);border-bottom:1px solid #be8b465c;justify-content:space-between;align-items:start;gap:18px;padding:26px 28px 20px;display:flex}.matrix-hero h2{color:#ffb453;letter-spacing:.01em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.1rem)}.matrix-hero p{color:#9faabc;margin:7px 0 0;font-size:1.05rem}.matrix-filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.matrix-filters button{padding:9px 17px}.matrix-table-wrap{padding:18px 22px;overflow:auto}.fantasy-matrix{border-collapse:collapse;width:100%;min-width:1180px}.fantasy-matrix th{z-index:2;color:#6fa9ff;text-transform:uppercase;letter-spacing:.02em;text-align:left;background:linear-gradient(#101b2f,#0b1424);border-bottom:2px solid #5c80b15c;border-right:1px solid #4155736b;padding:13px 14px;font-size:.9rem;position:sticky;top:0}.fantasy-matrix th:not(.material-col),.fantasy-matrix td:not(.material-name){text-align:center}.head-icon{margin-right:8px;font-size:1.1rem}.fantasy-matrix td{color:#dce8f7;border-bottom:1px solid #48587457;border-right:1px solid #27354c57;padding:8px 12px}.fantasy-matrix tr.top-row td{background:#49793714}.material-col{width:300px}.material-name{z-index:1;background:linear-gradient(90deg,#0c1524,#0c1524f5);align-items:center;gap:12px;display:flex;position:sticky;left:0;text-align:left!important}.mat-icon{background:radial-gradient(circle at 50% 30%,#5786c83d,#080d16eb);border:1px solid #ffffff14;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 12px #ffffff0d}.real-item-icon{object-fit:contain;width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 3px 5px #0000008c);vertical-align:middle;flex:none}.emoji-fallback{place-items:center;width:30px;height:30px;font-size:1.15rem;display:inline-grid}.rank-grid .real-item-icon,.plan-cards .real-item-icon,.recipe-fx-grid .real-item-icon,.ingredient-pill .real-item-icon{width:24px;height:24px;margin-right:5px}.rank-grid .emoji-fallback,.plan-cards .emoji-fallback,.recipe-fx-grid .emoji-fallback,.ingredient-pill .emoji-fallback{width:24px;height:24px;margin-right:5px;font-size:1rem}.craft-rail .real-item-icon,.craft-rail .emoji-fallback{width:34px;height:34px}.material-name strong{white-space:nowrap;display:block}.item-id-line{color:#7086a8;margin-top:2px;font-size:.72rem}.usage-bar{background:#ffffff14;border-radius:999px;width:145px;height:5px;margin-top:6px;overflow:hidden}.usage-bar i{border-radius:inherit;height:100%;display:block}.usage-bar.green i{background:linear-gradient(90deg,#88ec7a,#e7c05b)}.usage-bar.blue i{background:linear-gradient(90deg,#4696ff,#9cbcff)}.usage-bar.purple i{background:linear-gradient(90deg,#8e3dff,#f091ff)}.usage-bar.gold i{background:linear-gradient(90deg,#ff9e42,#f8dc78)}.total-cell{font-size:1.03rem;color:#bcc9db!important}.matrix-chip{letter-spacing:.01em;border-radius:7px;justify-content:center;align-items:center;min-width:116px;min-height:34px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.04rem;font-weight:950;display:inline-flex}.matrix-chip.high{color:#a7ffb6;background:linear-gradient(#2c6223c2,#103618e6);border:1px solid #7ce66c5c;box-shadow:inset 0 0 14px #7ef65a2e}.matrix-chip.medium{color:#72b7ff;background:linear-gradient(#164280b8,#0b2248e0);border:1px solid #438dff5c}.matrix-chip.single{color:#e49bff;background:linear-gradient(#521f7fbf,#281149e6);border:1px solid #a64aff61}.matrix-chip.empty{color:#7d8797;background:#ffffff09;border:1px solid #ffffff09}.matrix-legend{color:#c3cde0;background:linear-gradient(#0a142499,#050910f2);border-top:1px solid #be8b4659;grid-template-columns:1.3fr repeat(3,1fr) .8fr .9fr;align-items:center;gap:16px;padding:16px 22px 20px;display:grid}.legend-how{grid-template-columns:auto 82px 1fr;align-items:center;gap:9px;display:grid}.legend-how strong{color:#ffc765;text-transform:uppercase;font-size:.8rem}.legend-how em{color:#9faabc;font-size:.82rem;font-style:normal}.sample-chip{color:#b2ffb7;background:#317127b3;border:1px solid #7ce66c59;border-radius:6px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:900}.lg{vertical-align:middle;border-radius:999px;width:32px;height:6px;margin-right:8px;display:inline-block}.lg.high{background:#7eef68}.lg.medium{background:#4696ff}.lg.single{background:#a347ff}.matrix-legend small{color:#8fa2bd}.legend-stat{background:#09111cc7;border:1px solid #be8b466b;border-radius:12px;padding:10px 12px}.legend-stat b{color:#ffc765;font-size:1.4rem;display:block}.legend-stat span{color:#9faabc;font-size:.78rem}.rank-panel,.planner-fx,.recipe-browser-fx{background:#0a0f18ed;border:1px solid #be8b4680;border-radius:18px;padding:22px}.rank-panel h3,.planner-fx h2,.recipe-browser-fx h2{color:#ffb453;margin-top:0}.rank-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.rank-grid article,.plan-cards div,.recipe-fx-grid article{background:#0b111d;border:1px solid #293954;border-radius:12px;padding:13px}.rank-grid article span{color:#ffb453;font-weight:900}.rank-grid article strong,.plan-cards strong,.recipe-fx-grid strong{color:#f0f6ff;align-items:center;margin:5px 0;display:flex}.rank-grid article em,.plan-cards span,.recipe-fx-grid span,.recipe-fx-grid em,.recipe-fx-grid p{color:#93a3ba;font-style:normal}.score-track{background:#ffffff14;border-radius:999px;height:7px;margin:9px 0;overflow:hidden}.score-track i{background:linear-gradient(90deg,#4496ff,#91ef82,#ffb453);height:100%;display:block}.rank-grid article b{color:#a7ffb6}.plan-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.plan-table{border-collapse:collapse;width:100%}.plan-table th,.plan-table td{text-align:left;border-bottom:1px solid #293954;padding:10px}.plan-table th{color:#6fa9ff}.recipe-fx-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.ingredient-pill{color:#b9c8dd;background:#597cac1f;border:1px solid #597cac38;border-radius:999px;align-items:center;gap:3px;margin:4px 5px 0 0;padding:5px 8px;display:inline-flex}@media (width<=980px){.fx-header{grid-template-columns:1fr}.fx-header nav{justify-content:flex-start}.matrix-shell{grid-template-columns:1fr}.craft-rail{display:none}.matrix-hero{flex-direction:column}.matrix-legend{grid-template-columns:1fr}}@media (width<=560px){.fantasy-app{width:min(100% - 18px,1720px)}.matrix-table-wrap{padding:10px}.matrix-hero{padding:18px}.matrix-hero h2{font-size:1.75rem}}.smart-shell{gap:18px;display:grid}.smart-hero,.smart-card{background:#0a0f18ed;border:1px solid #be8b4680;border-radius:18px;padding:20px;box-shadow:0 18px 52px #0000003d}.smart-hero{background:radial-gradient(circle at 10% 0,#4496ff24,#0000 28rem),linear-gradient(#101c30f2,#080d16f5);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.smart-hero p{color:#6fa9ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:.78rem;font-weight:900}.smart-hero h2{color:#ffb453;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.3rem)}.smart-hero span{color:#a6b3c8;max-width:900px;margin-top:8px;line-height:1.5;display:block}.smart-controls{grid-template-columns:1fr 1fr;gap:10px;min-width:360px;display:grid}.smart-controls label{color:#93a3ba;font-size:.8rem;font-weight:800}.smart-controls select{color:#eaf2ff;background:#0b111d;border:1px solid #293954;border-radius:10px;width:100%;margin-top:6px;padding:10px 12px;display:block}.smart-grid{grid-template-columns:320px minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.smart-card h3{color:#ffd38d;margin:0 0 14px}.smart-prof{background:#0b111d;border:1px solid #293954;border-radius:12px;grid-template-columns:34px 1fr;gap:4px 10px;margin-bottom:10px;padding:12px;display:grid}.smart-prof.best{background:linear-gradient(#285b2247,#09111ce6);border-color:#7ef65a73}.smart-prof span{color:#ffb453;background:#ffb4531f;border:1px solid #ffb45347;border-radius:999px;grid-row:span 2;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.smart-prof strong{color:#eef5ff}.smart-prof em{color:#93a3ba;font-size:.8rem;font-style:normal;line-height:1.35}.smart-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.smart-summary div,.smart-mat{background:#0b111d;border:1px solid #293954;border-radius:12px;padding:12px}.smart-summary span{color:#93a3ba;margin-bottom:6px;font-size:.78rem;display:block}.smart-summary strong{color:#a7ffb6;font-size:1.2rem}.smart-route{gap:10px;display:grid}.smart-route article{background:#0b111d;border:1px solid #293954;border-radius:14px;padding:13px}.smart-route b{color:#6fa9ff;margin-bottom:5px;display:block}.smart-route strong{color:#f0f6ff;align-items:center;gap:6px;margin-bottom:5px;display:flex}.smart-route em{color:#93a3ba;font-size:.86rem;font-style:normal}.smart-route p{flex-wrap:wrap;gap:7px;margin:11px 0 0;display:flex}.smart-route p span,.smart-mat{align-items:center;gap:6px;display:inline-flex}.smart-route p span{color:#b9c8dd;background:#597cac1f;border:1px solid #597cac38;border-radius:999px;padding:6px 9px;font-size:.84rem}.smart-mat{margin-bottom:8px}.smart-mat strong{color:#eef5ff;flex:1}.smart-mat span{color:#a7ffb6;font-weight:900}.smart-note{color:#93a3ba;font-size:.86rem;line-height:1.45}@media (width<=1200px){.smart-grid,.smart-hero{grid-template-columns:1fr}.smart-controls{min-width:0}}@media (width<=680px){.smart-controls,.smart-summary{grid-template-columns:1fr}}.smart-prof.clickable{text-align:left;cursor:pointer;width:100%;color:inherit}.smart-prof.selected{border-color:#6fa9ffd9;box-shadow:inset 0 0 24px #439cff2e,0 0 18px #439cff1f}.smart-prof.clickable:hover{border-color:#ffb4539e;transform:translateY(-1px)}.branch-list,.planner-branches{gap:8px;margin-top:12px;display:grid}.ingredient-branch{gap:6px;display:grid}.main-ing{color:#b9c8dd;background:#597cac1f;border:1px solid #597cac38;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:6px 10px;font-size:.86rem;display:inline-flex}.sub-branch{background:#0f203875;border-left:2px solid #6fa9ff59;border-radius:12px;grid-template-columns:26px minmax(0,1fr);gap:6px;margin-left:16px;padding:10px 12px;display:grid}.branch-arrow{color:#6fa9ff;place-items:start center;font-size:1.15rem;font-weight:900;display:grid}.sub-branch b{color:#ffcf8a;margin-bottom:7px;font-size:.82rem;display:block}.sub-branch p{flex-wrap:wrap;gap:6px;margin:0;display:flex}.sub-branch p span{color:#c7d8ef;background:#0a111dc7;border:1px solid #6fa9ff33;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:.8rem;display:inline-flex}.sub-branch em{color:#93a3ba;margin-top:6px;font-size:.78rem;font-style:normal;display:block}@media (width<=680px){.sub-branch{margin-left:6px}}