.experimental-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(190,90,255,.38);border-radius:99px;background:rgba(120,45,170,.13);color:#e3b7ff;font-size:.68rem;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.phase-wrap{width:min(1180px,calc(100% - 36px));margin:42px auto 76px}.phase-wrap h1{font-size:clamp(2.1rem,6vw,4.2rem);line-height:1.02;margin:12px 0 18px}.phase-wrap h1 span{color:#bc78ff}.phase-lead{max-width:860px;color:#c3bdce;font-size:1.05rem;line-height:1.7;margin-bottom:28px}.phase-card{background:linear-gradient(145deg,rgba(31,27,42,.92),rgba(15,15,22,.96));border:1px solid rgba(166,118,220,.2);border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 14px 40px rgba(0,0,0,.18)}.phase-card h2,.phase-card h3{margin:0 0 13px;color:#f4ebff}.phase-card p{color:#bdb7c8;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0}.form-grid label,.phase-card label{display:flex;flex-direction:column;gap:7px;color:#dcd4e7;font-size:.86rem}.form-grid input,.form-grid select,.phase-card input,.phase-card textarea,.phase-card select{width:100%;padding:11px 12px;border:1px solid #443650;border-radius:9px;background:#101018;color:#f6f0ff;min-width:0}.phase-card textarea{font: .9rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.primary-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 15px;border-radius:9px;border:1px solid rgba(192,132,255,.56);background:linear-gradient(100deg,#7e36bc,#a144b6);color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.07em;cursor:pointer;text-decoration:none}.outline-button{background:transparent;color:#dfc9f8;border-color:#5b456d}.primary-button:disabled,.outline-button:disabled{opacity:.45;cursor:not-allowed}.action-row,.filter-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.status-line{color:#bdb5ca;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);padding:11px 13px;border-radius:9px;line-height:1.5;overflow-wrap:anywhere}.status-line.success{color:#9ee9be}.status-line.error{color:#ffafaf}.small-note{font-size:.8rem;color:#a9a1b5!important;line-height:1.6}.phase-warning{margin:20px 0;padding:16px 18px;border:1px solid rgba(235,162,70,.32);border-left:4px solid #e7a34a;border-radius:10px;background:rgba(126,78,23,.12);color:#ead7bb;line-height:1.65}.table-scroll{width:100%;overflow:auto;margin:14px 0}.table-scroll table{width:100%;border-collapse:collapse;min-width:620px}.table-scroll th,.table-scroll td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:.82rem;vertical-align:top}.table-scroll th{color:#d7b0ff;background:rgba(255,255,255,.035)}.table-scroll td{color:#ded8e6}.table-scroll code,.phase-card code{color:#d7b0ff}.code-output,.nitrado-output{display:block;white-space:pre-wrap;overflow:auto;max-height:560px;padding:16px;background:#0a0a10;color:#d9c8ed;border:1px solid #30283b;border-radius:10px;font: .8rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.file-drop{display:inline-flex!important;padding:11px 15px;border-radius:9px;border:1px dashed #9a69c1;color:#e8d1ff!important;cursor:pointer}.file-drop input{max-width:280px}.promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.promo-copy{white-space:pre-wrap;word-break:break-word;background:#0a0a10;color:#e5d7f6;border:1px solid #372c44;border-radius:10px;padding:15px;font: .86rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.channel-list p{display:flex;flex-direction:column;gap:5px;padding:10px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.07)}.channel-list b{color:#ddb5ff;font-size:.78rem;letter-spacing:.08em}.channel-list span{color:#c7bfd1;font-size:.88rem}.checklist{display:grid;gap:13px}.checklist label{flex-direction:row!important;align-items:flex-start;color:#cfc6da}.checklist input{width:auto!important;margin-top:3px}.loading-preview{margin:30px 0;background:radial-gradient(ellipse at 65% 20%,rgba(140,56,199,.26),transparent 50%),linear-gradient(140deg,#17101f,#090910 68%);border:1px solid rgba(196,125,255,.35);border-radius:18px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.34)}.loading-top,.loading-bottom{display:flex;justify-content:space-between;gap:10px;padding:18px 22px;color:#bba6cb;font-size:.7rem;letter-spacing:.14em}.loading-top{border-bottom:1px solid rgba(255,255,255,.08)}.loading-bottom{border-top:1px solid rgba(255,255,255,.08)}.loading-content{text-align:center;padding:36px 24px;max-width:780px;width:100%;margin:auto}.loading-icon{width:72px;height:72px;margin:0 auto 20px;display:grid;place-items:center;border-radius:20px;border:1px solid #af6fe4;color:#e0bfff;font-size:2rem;font-weight:900;box-shadow:0 0 34px rgba(166,75,255,.25)}.loading-content h2{font-size:clamp(1.5rem,4vw,2.5rem);margin:8px 0;color:#fff}.loading-content>p:not(.eyebrow){font-size:1rem;color:#d2c5df}.tip-progress{height:5px;border-radius:10px;background:#30253c;margin:26px auto 10px;max-width:420px;overflow:hidden}.tip-progress i{display:block;height:100%;width:5%;background:linear-gradient(90deg,#8a3fc9,#ef5aa3);transition:width .25s}.loading-content small{color:#a99ab8;font-size:.68rem;letter-spacing:.14em}.tips-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tip-row{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}.tip-row b{color:#e1bdff}.tip-row p{margin:6px 0 0;font-size:.85rem}.material-rows{display:grid;gap:10px}.material-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.material-row label{display:flex;flex-direction:column;gap:6px}.remove-button{padding:10px;border:1px solid #714552;border-radius:8px;color:#ffb8c6;background:transparent;cursor:pointer}.nitrado-result-list{display:grid;gap:8px;margin:12px 0}.nitrado-result-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}.nitrado-result-item strong{display:block;color:#e8ddf4}.nitrado-result-item small{display:block;color:#aaa0b7;margin-top:4px;overflow-wrap:anywhere}.nitrado-result-item button{border:1px solid #684c7d;color:#e5c8ff;background:transparent;border-radius:7px;padding:7px 10px;cursor:pointer}.online-state{color:#9ce8b6;font-size:.7rem;font-weight:800;letter-spacing:.1em}.owner-live-card{margin-top:18px}.owner-live-card h4{margin:15px 0 8px;color:#d6b2f3}.owner-live-card .divider-line{height:1px;background:rgba(255,255,255,.08);margin:18px 0}.owner-live-card .form-grid{margin-top:15px}.owner-live-card .action-row input{flex:1;min-width:180px}.danger-button{background:rgba(160,46,67,.15);border-color:#965165;color:#ffc6d0}.tips-list .tip-row:nth-child(odd){background:rgba(135,71,174,.055)}
@media(max-width:760px){.phase-wrap{width:min(100% - 24px,1180px);margin:28px auto 56px}.phase-card{padding:16px}.form-grid,.promo-grid,.tips-list{grid-template-columns:1fr}.material-row{grid-template-columns:1fr 1fr}.material-row button{grid-column:1/-1}.loading-preview{min-height:340px}.loading-top,.loading-bottom{padding:13px 15px;font-size:.6rem}.action-row>*{flex:1 1 auto}.experimental-tag{font-size:.58rem;padding:6px 8px}}
/* Phase 16 construction calculator refinements */
.build-preview{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;padding:16px;margin:18px 0;border:1px solid rgba(170,110,240,.25);border-radius:13px;background:rgba(255,255,255,.025)}.build-illustration{height:145px;display:grid;place-items:center;color:#c78aff;background:radial-gradient(circle,rgba(160,80,255,.15),transparent 70%);border-radius:10px}.build-illustration svg{width:100%;height:100%;max-width:220px}.build-preview strong{font-size:1.2rem;color:var(--white)}.build-preview p{margin:7px 0;color:var(--muted);line-height:1.6}.recipe-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.recipe-status{font-size:.65rem;letter-spacing:.08em;color:#ffc36c;border:1px solid #ffc36c66;padding:6px 9px;border-radius:20px}.recipe-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.recipe-stage{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.025)}.recipe-stage h3{font-size:1.05rem;margin-bottom:9px;color:var(--accent-a,#b98aff)}.recipe-material{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.07);font-size:.82rem}.recipe-material>span:last-child{color:var(--muted);font-size:.76rem}.material-thumb{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(180,120,255,.35);border-radius:8px;background:rgba(150,80,255,.08);font-size:1.15rem;color:#d6adff}.custom-material-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:10px 0}.queue-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;margin:8px 0}.queue-row small{display:block;color:var(--muted);margin-top:4px}.warden-emoji{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-a) 65%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-a) 18%,transparent),color-mix(in srgb,var(--accent-b) 18%,transparent));color:var(--accent-a);font-family:Inter,Arial,sans-serif;font-size:1.05rem;font-weight:900;text-shadow:0 0 12px var(--accent-a);box-shadow:inset 0 0 12px var(--accent-glow),0 0 14px var(--accent-glow)}.catalogue-card{min-width:0;overflow:hidden}.catalogue-card h3{overflow-wrap:anywhere}.catalogue-grid{align-items:stretch}.catalogue-card .card-top{min-height:38px}.catalogue-card p{overflow-wrap:anywhere}.catalogue-main{padding-top:54px}.catalogue-main>h1{line-height:1.02}.catalogue-section-heading{flex-wrap:wrap}.catalogue-section-heading h2{line-height:1.1}.catalogue-controls input,.catalogue-controls select{min-height:44px;min-width:0}.header{gap:12px;min-width:0}.header nav{min-width:0;flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.5vw,22px)}.brand{white-space:nowrap;min-width:0}.experimental-tag{flex:0 0 auto}.brand-logo{width:44px;height:44px}
@media(max-width:760px){.build-preview{grid-template-columns:1fr}.build-illustration{height:130px}.recipe-materials{grid-template-columns:1fr}.custom-material-row{grid-template-columns:1fr 1fr}.custom-material-row button{grid-column:1/-1}.header{height:auto;min-height:68px;padding:8px 4%;flex-wrap:wrap}.header nav{order:5;width:100%;justify-content:flex-start}.experimental-tag{margin-left:auto}.catalogue-main{padding-top:36px}.catalogue-main>h1{font-size:clamp(40px,11vw,68px)}}
@media(max-width:420px){.recipe-material{grid-template-columns:30px 1fr auto;font-size:.75rem}.recipe-status{font-size:.55rem}.build-preview{padding:10px}.catalogue-card{padding:13px}.catalogue-card h3{font-size:19px}}
.listing-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.listing-panel[hidden]{display:none}.full-label{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:#dcd4e7;font-size:.86rem}.full-label textarea,.full-label input{width:100%;padding:11px 12px;border:1px solid #443650;border-radius:9px;background:#101018;color:#f6f0ff;font:inherit}.listing-output{white-space:pre-wrap;overflow-wrap:anywhere;min-height:130px;padding:16px;border:1px solid rgba(170,110,240,.25);border-radius:10px;background:#090a12;color:#d8d4e3;font: .85rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.phase-card label{min-width:0}.phase-card input,.phase-card textarea,.phase-card select{min-width:0;max-width:100%}
.material-thumb-img{width:34px;height:34px;object-fit:contain;border-radius:8px;border:1px solid rgba(180,120,255,.35);background:#151322}.recipe-material{grid-template-columns:38px 1fr auto}.recipe-tools{margin:12px 0;color:var(--muted)}

/* Phase 16 redo: collision-resistant layouts and construction recipe cards */
.phase-wrap,.catalogue-main,.wrap{min-width:0}
.phase-wrap *,.catalogue-main *,.wrap *{min-width:0}
.phase-card{overflow:hidden}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.build-preview{display:grid;grid-template-columns:minmax(130px,220px) minmax(0,1fr);align-items:center;gap:22px;margin:20px 0;padding:18px;border:1px solid var(--theme-line,rgba(180,120,255,.25));border-radius:14px;background:rgba(255,255,255,.025)}
.build-illustration{display:grid;place-items:center;min-height:145px;color:var(--accent-a,#00cfff);background:radial-gradient(circle,rgba(0,207,255,.08),transparent 70%);border-radius:10px}
.build-illustration svg{width:100%;max-width:220px;height:auto}
.recipe-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.recipe-material{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025)}
.recipe-material img{grid-row:1/3;width:44px;height:44px;object-fit:contain}
.recipe-material b{overflow-wrap:anywhere;color:var(--theme-text,#fff)}
.recipe-material span{font-size:.8rem;color:var(--theme-muted,#aaa)}
.material-total-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.material-total{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--theme-line,rgba(255,255,255,.12));border-radius:9px}
.material-total img{width:32px;height:32px;object-fit:contain}.material-total span{font-size:.85rem}.material-total b{font-variant-numeric:tabular-nums}
.custom-material-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:10px 0}
.queue-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;margin:8px 0;border:1px solid var(--theme-line,rgba(255,255,255,.1));border-radius:9px;background:rgba(255,255,255,.025)}
.queue-row span{display:grid;gap:4px;overflow-wrap:anywhere}.queue-row small{color:var(--theme-muted,#aaa);line-height:1.5}
.recipe-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.recipe-status{font-size:.68rem;font-weight:900;letter-spacing:.1em;color:var(--accent-a,#00cfff);border:1px solid var(--theme-line,rgba(255,255,255,.2));border-radius:20px;padding:6px 9px}
.full-label{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:var(--theme-text,#fff)}
@media(max-width:650px){.form-grid,.recipe-materials,.material-total-grid{grid-template-columns:1fr}.build-preview{grid-template-columns:1fr}.build-illustration{min-height:110px}.custom-material-row{grid-template-columns:1fr 1fr}.custom-material-row button{grid-column:1/-1}.phase-wrap{width:calc(100% - 24px);margin-top:28px}.phase-card{padding:15px}.action-row>*{flex:1 1 100%}.queue-row{align-items:flex-start}.queue-row button{flex:0 0 auto}}
/* Warden glyph treatment for the catalogue's original icon set */
.warden-emoji{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;border:1px solid var(--theme-line,rgba(0,207,255,.4));background:linear-gradient(145deg,color-mix(in srgb,var(--accent-a,#00cfff) 20%,transparent),color-mix(in srgb,var(--accent-b,#a855ff) 18%,transparent));color:var(--accent-a,#00cfff);font-size:20px;font-weight:900;line-height:1;text-shadow:0 0 12px var(--accent-glow,rgba(0,207,255,.3));box-shadow:inset 0 0 16px rgba(255,255,255,.04),0 0 14px var(--accent-glow,rgba(0,207,255,.12))}
.catalogue-card .card-top{align-items:center}.catalogue-card{min-width:0;overflow-wrap:anywhere}.catalogue-card h3{line-height:1.15;overflow-wrap:anywhere}
@media(max-width:760px){.catalogue-main{width:calc(100% - 24px)}.catalogue-section-heading{align-items:flex-start;flex-direction:column}.header{height:auto}}