.portal-page{max-width:1120px}.portal-page .page-kicker{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-family:Pixelify Sans,IBM Plex Mono,monospace;font-size:13px;font-weight:600}.portal-page .portal-workbench,.portal-page .network-section,.portal-page .portal-guide,.portal-page .related-tools{background:#25251f;border:2px solid #4a4942;box-shadow:inset 2px 2px #ffffff12,inset -3px -3px #00000038,8px 8px #0000002e}.portal-page .portal-workbench{padding:clamp(20px,4vw,38px)}.portal-page .bench-titlebar{border-bottom:2px solid #3b3b35;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.portal-page .bench-titlebar h2,.portal-page .network-copy h2,.portal-page .portal-guide h2{margin-top:5px;font-family:Pixelify Sans,Space Grotesk,sans-serif;font-size:clamp(28px,4vw,42px);line-height:1}.portal-page .bench-index{color:#8d8c80;font-family:IBM Plex Mono,monospace;font-size:10px}.portal-page .ratio-chip{color:#d8b6f1;background:#352640;border:2px solid #61427b;flex:none;padding:8px 11px;font-family:IBM Plex Mono,monospace;font-size:11px}.portal-page .dimension-switch{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}.portal-page .dimension-switch label{position:relative}.portal-page .dimension-switch input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.portal-page .dimension-switch label>span{pointer-events:none;color:#a7a79b;cursor:pointer;background:#1c1d18;border:2px solid #44443d;align-items:center;gap:12px;min-height:58px;padding:10px 14px;font-size:13px;font-weight:750;display:flex;box-shadow:inset 2px 2px #ffffff0a}.portal-page .dimension-switch input:checked+span{border-color:var(--accent);color:#f5eef9;background:#302639}.portal-page .dimension-switch input:focus-visible+span{outline-offset:3px;outline:2px solid #fff}.portal-page .dimension-block{width:28px;height:28px;image-rendering:pixelated;border:2px solid #00000057;flex:none}.portal-page .overworld-block{background:linear-gradient(#78a849 0 28%,#5c8f3f 28% 38%,#795943 38% 70%,#674736 70%)}.portal-page .nether-block{background:linear-gradient(135deg,#8d3f3b 0 25%,#64292b 25% 50%,#a14c43 50% 75%,#552124 75%)}.portal-page .coordinate-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.portal-page .coordinate-grid label,.portal-page .network-controls label{color:#b6b5a9;letter-spacing:.03em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.portal-page .coordinate-grid small{color:#74746d;font-size:9px}.portal-page .coordinate-grid input,.portal-page .network-controls input{color:#f4f2e9;background:#151612;border:2px solid #46463f;border-radius:0;outline:none;width:100%;height:50px;margin-top:8px;padding:0 13px;font-family:IBM Plex Mono,monospace;font-size:16px;box-shadow:inset 2px 2px #00000059}.portal-page .coordinate-grid input:focus,.portal-page .network-controls input:focus{border-color:var(--accent)}.portal-page .field-error{color:#ff968d;margin-top:12px;font-size:13px}.portal-page .conversion-arrow{color:#898980;align-items:center;gap:16px;margin:25px 0;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.portal-page .conversion-arrow>span{background:#41413b;flex:1;height:2px}.portal-page .conversion-arrow b span{color:var(--accent)}.portal-page .result-grid{background:#19161c;border:2px solid #594567;grid-template-columns:1.4fr .8fr;display:grid}.portal-page .result-grid>div{padding:22px}.portal-page .result-grid>div+div{border-left:2px solid #594567}.portal-page .result-grid p{color:#8c828e;margin-bottom:8px;font-size:11px}.portal-page .result-grid output{color:#f1dfff;overflow-wrap:anywhere;font-family:IBM Plex Mono,monospace;font-size:clamp(16px,2.4vw,23px);font-weight:600}.portal-page .result-exact output{color:#c1b6c4;font-size:clamp(13px,1.8vw,17px)}.portal-page .result-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.portal-page .block-button{color:#e0ded3;cursor:pointer;background:#34342e;border:2px solid #56564f;border-radius:0;min-height:44px;padding:9px 15px;font-size:12px;font-weight:750;box-shadow:inset 2px 2px #ffffff14,inset -2px -2px #00000059}.portal-page .block-button:hover{background:#414139}.portal-page .network-section{margin-top:28px;padding:clamp(20px,4vw,38px)}.portal-page .network-copy{grid-template-columns:minmax(240px,.8fr) 1.2fr;align-items:end;gap:28px;display:grid}.portal-page .network-copy .page-kicker{grid-column:1/-1}.portal-page .network-copy>p:last-child{color:var(--text-dim);font-size:14px;line-height:1.7}.portal-page .network-controls{grid-template-columns:1fr auto;align-items:end;gap:12px;max-width:620px;margin-top:28px;display:grid}.portal-page .network-controls .btn-primary{min-height:50px}.portal-page .network-board{background:#171813;border:2px solid #44443e;margin-top:24px;overflow:hidden}.portal-page .network-empty{text-align:center;padding:42px 20px}.portal-page .empty-slot{background:#20211b;border:2px solid #494942;width:48px;height:48px;margin:0 auto 14px;display:block;box-shadow:inset 4px 4px #00000038}.portal-page .network-empty p{color:#cfcdc1;font-weight:700}.portal-page .network-empty small{color:#77776f}.portal-page .network-table-wrap{overscroll-behavior-inline:contain;width:100%;max-width:100%;overflow-x:auto}.portal-page table{border-collapse:collapse;width:100%;min-width:650px}.portal-page th,.portal-page td{text-align:left;border-bottom:1px solid #363731;padding:14px 16px}.portal-page th{color:#7f7f77;letter-spacing:.06em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:9px}.portal-page td{color:#d7d4c9;font-size:13px}.portal-page td code{color:#bda6cd;font-family:IBM Plex Mono,monospace}.portal-page td:last-child{text-align:right;width:1%}.portal-page .remove-portal{color:#e7a09a;cursor:pointer;background:#30201f;border:1px solid #624340;padding:7px 9px;font-size:11px}.portal-page .network-warning{color:#dccb9e;background:#322b1c;border:1px solid #d3a84b;margin-top:14px;padding:14px 16px;font-size:13px;line-height:1.6}.portal-page .portal-guide{grid-template-columns:.75fr 1.25fr;gap:clamp(30px,7vw,90px);margin-top:28px;padding:clamp(24px,5vw,50px);display:grid}.portal-page .guide-copy{color:var(--text-dim);gap:15px;font-size:14px;line-height:1.75;display:grid}.portal-page .guide-copy strong{color:#eeeadd}.portal-page .related-tools{margin-top:28px;padding:28px}.portal-page .related-tools>div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.portal-page .related-tools a{color:#e7e4d9;background:#1b1c17;border:2px solid #41413b;padding:17px;text-decoration:none}.portal-page .related-tools a:hover{border-color:var(--accent)}.portal-page .related-tools span,.portal-page .related-tools small{display:block}.portal-page .related-tools span{font-family:Pixelify Sans,sans-serif;font-size:18px}.portal-page .related-tools small{color:#818178;margin-top:5px;font-size:11px}.portal-page .sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){.portal-page .dimension-switch,.portal-page .coordinate-grid,.portal-page .result-grid,.portal-page .network-copy,.portal-page .portal-guide,.portal-page .related-tools>div{grid-template-columns:1fr}.portal-page .result-grid>div+div{border-top:2px solid #594567;border-left:0}.portal-page .network-copy .page-kicker{grid-column:auto}.portal-page .network-controls{grid-template-columns:1fr}.portal-page .result-actions>*{flex:150px}}.portal-page .coordinate-grid label,.portal-page .network-controls label{color:#cdc1d3;text-transform:none;font:13px Manrope,sans-serif}.portal-page .coordinate-grid small,.portal-page .result-grid p,.portal-page .network-empty small{color:#bcb0c3;font-size:12px}.portal-page button:disabled{opacity:.45;cursor:not-allowed}.portal-page input[aria-invalid=true]{border-color:#ffaaa0}.portal-page .remove-portal{min-height:44px;font-size:13px}.portal-page th{color:#bcb0c3;font-size:12px}
