.portax{&{color-scheme:light;--pg:#F7F9F2;--pg2:#ECF1E3;--surface:#fff;--tx:#0A1510;--muted:#4A5D52;--acc:#1F6A52;--nav-bg:rgba(250,251,247,.82);--steel:repeating-linear-gradient(180deg,#E9EEE4 0 3px,#D3DACC 3px 13px,#E2E8DC 13px 15px,#BFC8B7 15px 17px);--steel-edge:linear-gradient(#D8DFD1,#B5BFAC);--steel-top:#EEF2EA;--steel-shade:rgba(10,21,16,.10);--frame-ring:#C9D2C1;--shadow-sm:0 1px 2px rgba(10,21,16,.06),0 4px 14px -6px rgba(10,21,16,.10);--shadow-md:0 2px 4px rgba(10,21,16,.04),0 18px 40px -18px rgba(10,21,16,.22);--shadow-lg:0 4px 10px rgba(10,21,16,.05),0 40px 80px -36px rgba(10,21,16,.35);--night:#0A1510;--forest:#10251C;--frame:#DDE4D6;--moss:#1F6A52;--lime:#B6F25E;--paper:#EDF2E4;--ink:#0A1510;--mist:#9DB3A6;--line:rgba(10,21,16,.12);--f-display:var(--font-porta-display),"Arial Black",system-ui,sans-serif;--f-body:var(--font-porta-sans),system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:var(--font-porta-mono),ui-monospace,Menlo,monospace;--f-serif:var(--font-porta-serif),Georgia,serif;--gutter:clamp(16px,4vw,56px)}&[data-env-banner]{--env-offset:20px;padding-top:20px}&[data-theme=dark]{color-scheme:dark;--pg:#0A1510;--pg2:#10251C;--surface:#10251C;--tx:#EDF2E4;--muted:#9DB3A6;--acc:#B6F25E;--nav-bg:rgba(10,21,16,.85);--frame:#1C2F26;--line:rgba(182,242,94,.16);--steel:repeating-linear-gradient(180deg,#34493F 0 3px,#22342B 3px 13px,#2B4036 13px 15px,#1A2A22 15px 17px);--steel-edge:linear-gradient(#41594D,#1A2A22);--steel-top:#50695C;--steel-shade:rgba(0,0,0,.35);--frame-ring:#2C4237;--shadow-sm:none;--shadow-md:0 20px 40px -20px #000;--shadow-lg:0 30px 60px -36px #000}& *{box-sizing:border-box}&{background:var(--pg);color:var(--tx);font-family:var(--f-body);font-size:16px;line-height:1.5;overflow-x:clip;min-height:100dvh}& a{color:inherit;text-decoration:none}& :is(button,input,select){font:inherit;color:inherit}& :is(h1,h2){font-family:var(--f-display);font-weight:800;letter-spacing:-.045em;line-height:.95;margin:0;text-wrap:balance}& p{margin:0}& [hidden]{display:none!important}.wrap{max-width:1320px;margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding-inline:24px;border-radius:999px;font-weight:700;font-size:15px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-lime{background:var(--lime);color:var(--ink)}.btn-lime:hover{transform:translateY(-2px);box-shadow:0 12px 40px -10px rgba(182,242,94,.7)}& :focus-visible{outline:2px solid var(--acc);outline-offset:3px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;font-size:20px;letter-spacing:-.04em}.logo img,.logo svg{width:30px;height:30px;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav{position:sticky;top:var(--env-offset,0);z-index:50;padding-top:env(safe-area-inset-top,0);background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;gap:26px;height:66px}.nav-links{display:flex;gap:24px;font-size:15px;color:var(--muted);margin-left:auto}.nav-links a:hover,.nav-links a[aria-current]{color:var(--tx)}.nav-links a[aria-current]{box-shadow:inset 0 -2px 0 var(--acc)}.theme-toggle{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--tx);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .2s}.theme-toggle:hover{border-color:var(--tx)}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav .btn{white-space:nowrap}&[data-theme=light] .btn-lime{box-shadow:inset 0 -2px 0 rgba(10,21,16,.12)}.nav .btn{height:42px;padding-inline:18px;font-size:14px}@media (max-width:820px){.nav-links{display:none}.nav .theme-toggle{margin-left:auto}}@media (max-width:480px){.nav .wrap{gap:10px}.nav .btn{height:40px;padding-inline:14px;font-size:13px}.theme-toggle{width:40px;height:40px}}.head{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end;padding-block:clamp(36px,6vw,84px) clamp(28px,4vw,48px)}.head:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:radial-gradient(45% 70% at 78% 60%,color-mix(in srgb,var(--lime) 30%,transparent),transparent 70%),radial-gradient(30% 50% at 8% 10%,rgba(200,182,255,.2),transparent 70%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--tx) 8%,transparent) 1px,transparent 0) 0 0/22px 22px;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent);pointer-events:none}&[data-theme=dark] .head:before{opacity:.45}.live{display:inline-flex;align-items:center;gap:10px;color:var(--acc);margin-bottom:18px}.live i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:portax-live 2s infinite}& h1{font-size:clamp(40px,6.6vw,96px)}h1 .n{color:var(--acc);font-variant-numeric:tabular-nums;display:inline-block;min-width:1.2ch}.finder{display:flex;flex-direction:column;gap:14px}.intent{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative}.intent button{position:relative;z-index:1;height:44px;border:0;background:none;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer;color:var(--muted);transition:color .25s}.intent button[aria-pressed=true]{color:var(--ink)}.intent .pill{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/3);border-radius:999px;background:var(--lime);transition:transform .4s cubic-bezier(.3,1.3,.5,1)}.search{display:flex;align-items:center;gap:12px;height:62px;padding:0 20px;border-radius:18px;background:var(--surface);color:var(--tx);border:1.5px solid var(--line);box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 45%,transparent),var(--shadow-md)}&[data-theme=dark] .search{background:var(--paper);color:var(--ink);border-color:transparent}.search svg{width:22px;height:22px;flex:none;stroke:currentColor}.search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:17px;color:inherit}.search input::placeholder{color:#5b6b63}.search kbd{font-family:var(--f-mono);font-size:11px;border:1px solid rgba(10,21,16,.25);border-radius:5px;padding:2px 6px;color:#5b6b63}@media (max-width:900px){.head{grid-template-columns:1fr}.search kbd{display:none}}.cats{display:flex;gap:clamp(18px,2.6vw,36px);overflow-x:auto;scrollbar-width:none;padding-block:18px;border-block:1px solid var(--line)}.cats::-webkit-scrollbar{display:none}.cat{flex:none;display:inline-flex;align-items:flex-start;gap:6px;border:0;background:none;cursor:pointer;padding:0;font-family:var(--f-display);font-weight:800;font-size:clamp(22px,2.8vw,38px);letter-spacing:-.04em;line-height:1;color:transparent;-webkit-text-stroke:1.2px color-mix(in srgb,var(--tx) 45%,transparent);transition:color .25s,-webkit-text-stroke-color .25s,text-shadow .25s}.cat sup{font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:0;-webkit-text-stroke:0;color:var(--muted);margin-top:2px}.cat:hover{-webkit-text-stroke-color:var(--tx)}.cat[aria-pressed=true]{color:var(--acc);-webkit-text-stroke-color:var(--acc)}&[data-theme=dark] .cat[aria-pressed=true]{text-shadow:0 0 22px rgba(182,242,94,.45)}&[data-theme=light] .cat[aria-pressed=true]{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--lime) 75%,transparent) 62% 92%,transparent 92%)}.cat[aria-pressed=true] sup{color:var(--acc)}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-block:18px}.result{font-family:var(--f-mono);font-size:13px;color:var(--muted);margin-right:auto}.result b{color:var(--tx);font-weight:500}.fbtn{position:relative;height:40px;padding-inline:16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.fbtn svg{width:16px;height:16px;stroke:currentColor}.fbtn .k{min-width:20px;height:20px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:11.5px;display:grid;place-items:center;padding-inline:5px}.pop{position:absolute;left:0;top:48px;z-index:30;width:250px;padding:10px;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px rgba(10,21,16,.06),var(--shadow-lg);display:flex;flex-direction:column}&[data-theme=light] .pop{background:#fff}.pop label{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;font-weight:600;font-size:14.5px;cursor:pointer}.pop label:hover{background:rgba(10,21,16,.06)}.pop input{width:18px;height:18px;accent-color:var(--moss)}.fwrap{position:relative}.sorts{display:flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.sorts button{height:32px;padding-inline:12px;border-radius:999px;border:0;background:none;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.sorts button[aria-pressed=true]{background:var(--tx);color:var(--pg)}@media (max-width:640px){.result{flex-basis:100%}}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(16px,2vw,26px)}@media (max-width:1060px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.gallery{grid-template-columns:minmax(0,1fr)}}.door{min-width:0;position:relative;display:flex;flex-direction:column;padding:6px;border-radius:24px;background:var(--frame);box-shadow:0 0 0 1px var(--frame-ring),var(--shadow-lg);transition:transform .4s cubic-bezier(.2,.9,.3,1)}.door.wide{grid-column:span 2}@media (max-width:640px){.door.wide{grid-column:auto}}.door:before{content:"";display:block;height:12px;margin:0 10px 6px;border-radius:4px;background:var(--steel)}&[data-theme=light] .door{box-shadow:0 0 0 1px var(--frame-ring),inset 0 0 0 1px #fff,var(--shadow-md)}&[data-theme=light] .door:hover{box-shadow:0 0 0 1px var(--frame-ring),inset 0 0 0 1px #fff,var(--shadow-lg)}.door:after{content:"";position:absolute;left:8%;right:8%;bottom:-30px;height:44px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--fg) 35%,transparent),transparent);opacity:.35;filter:blur(10px);transition:opacity .4s;pointer-events:none}.door:hover{transform:translateY(-6px)}.door:hover:after{opacity:1}.win{position:relative;overflow:hidden;flex:1;min-height:clamp(340px,30vw,420px);border-radius:18px;background:var(--bg);color:var(--fg);display:flex;flex-direction:column;padding:clamp(18px,1.8vw,26px);isolation:isolate}.win:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.13) 0 9%,transparent 9% 24%,rgba(255,255,255,.06) 24% 27%,transparent 27%)}.giant{position:absolute;z-index:-1;right:-.08em;bottom:-.24em;font-family:var(--f-display);font-weight:800;font-size:clamp(220px,22vw,320px);line-height:1;letter-spacing:-.06em;color:color-mix(in srgb,var(--fg) 16%,var(--bg));transition:transform .7s cubic-bezier(.2,.9,.3,1)}.door.wide .giant{font-size:clamp(280px,30vw,460px)}.serif .giant{font-family:var(--f-serif);font-weight:400;font-style:italic;letter-spacing:-.02em}.door:hover .giant{transform:translate(-10px,-8px) rotate(-3deg)}.row1{display:flex;align-items:center;gap:8px}.neon{flex:none;font-family:var(--f-display);font-weight:800;font-size:10.5px;letter-spacing:.14em;color:var(--lime);background:var(--ink);border-radius:6px;padding:4px 8px;text-shadow:0 0 8px rgba(182,242,94,.8)}.mode{flex:none;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:color-mix(in srgb,var(--fg) 14%,transparent)}.mode,.slug{white-space:nowrap}.slug{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--f-mono);font-size:11.5px;opacity:.7}.name{margin-top:clamp(18px,2.4vw,30px);font-family:var(--f-display);font-weight:800;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.045em;line-height:.98;max-width:12ch;text-wrap:balance}.door.wide .name{font-size:clamp(32px,4vw,58px);max-width:14ch}.serif .name{font-family:var(--f-serif);font-weight:400;letter-spacing:-.015em;font-size:clamp(30px,3vw,42px)}.door.wide.serif .name{font-size:clamp(38px,4.6vw,66px)}.cat-line{margin-top:8px;font-size:13px;font-weight:700;opacity:.75}.tag{margin-top:12px;font-size:15px;line-height:1.4;max-width:30ch;opacity:.9}.door.wide .tag{max-width:38ch}.bottom{margin-top:auto;display:flex;align-items:end;gap:12px;padding-top:22px}.perks{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;line-height:1.7;display:flex;flex-wrap:wrap;gap:0 10px;max-width:70%}.perks span{display:inline-flex;align-items:center;gap:6px}.perks span:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.go{margin-left:auto;flex:none;width:52px;height:52px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;transition:transform .3s}.go svg{width:20px;height:20px}.door:hover .go{transform:rotate(-45deg)}.shutter{position:absolute;inset:0;z-index:3;transform:translateY(-101%);transition:transform 1s cubic-bezier(.65,0,.25,1);background:linear-gradient(90deg,var(--steel-shade),transparent 10%,transparent 90%,var(--steel-shade)),var(--steel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.shutter:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:var(--steel-edge);border-top:2px solid var(--steel-top)}.shutter b{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--acc);opacity:.85;text-align:center;padding-inline:16px;line-height:1}.shutter small{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--muted)}.door.shut .shutter{transform:none;transition:none}.more{display:flex;justify-content:center;padding-top:clamp(30px,4vw,50px)}.more .btn{background:var(--surface);color:var(--tx);border:1.5px solid var(--line);box-shadow:var(--shadow-sm)}.more .btn:hover{border-color:var(--tx)}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-block:56px}.empty .mini{width:240px;height:150px;border-radius:16px;border:6px solid var(--frame);background:var(--steel);box-shadow:0 0 0 1px var(--frame-ring),var(--shadow-md);display:grid;place-items:center}.empty .mini span{font-weight:800;font-size:13px;letter-spacing:.14em;color:#E0705F;background:var(--ink);border-radius:6px;padding:4px 10px}.empty .mini span,.empty b{font-family:var(--f-display)}.empty b{font-size:22px;letter-spacing:-.03em}.empty p{color:var(--muted);max-width:40ch}.empty button{background:none;border:0;color:var(--acc);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}& footer{border-top:1px solid var(--line)}& footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding-block:28px;font-size:14px;color:var(--muted)}& footer .logo{margin-right:auto;font-size:18px}& footer .logo,footer a:hover{color:var(--tx)}}@keyframes portax-live{50%{opacity:.35}}