.nb-gate{background:radial-gradient(120% 90% at 50% 110%, var(--roast) 0%, transparent 60%), var(--bk);place-items:center;min-height:100svh;padding:clamp(20px,5vw,48px);display:grid;position:relative;overflow:hidden}.nb-gate:after{content:"";z-index:3;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23c)' opacity='0.55'/></svg>");position:fixed;inset:0}.gate-room{width:min(560px,100%);position:relative}.gate-bars{z-index:0;pointer-events:none;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,14px);height:72%;display:flex;position:absolute;inset:auto 0 -14%}.gate-bars .gb{background:linear-gradient(to top, var(--bk3), var(--bk2));border-top:1px solid var(--line2);width:clamp(18px,4vw,34px);height:34%}.gate-bars .gb:nth-child(2){height:52%}.gate-bars .gb:nth-child(3){height:40%}.gate-bars .gb:nth-child(4){height:66%}.gate-bars .gb:nth-child(5){height:47%}.gate-bars .gb:nth-child(6){height:78%}.gate-bars .gb:nth-child(7){height:58%}.gate-bars .gb:nth-child(8){height:88%}.gate-bars .gb-nine{background:var(--pour);border-top:0;height:100%;box-shadow:0 0 26px #f08e2e38}.gate-panel{z-index:1;background:var(--bk2);border:1px solid var(--line2);padding:clamp(28px,6vw,44px) clamp(24px,6vw,44px) clamp(20px,4vw,28px);position:relative}.gate-mark{font-family:var(--didone);color:var(--amber);padding-top:9px;font-size:44px;font-weight:700;line-height:.9;display:inline-block;position:relative}.gate-mark .gate-bar-i{background:var(--pour);height:4px;position:absolute;top:0;left:1px;right:0}.gate-name{font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-bright);margin-top:14px;font-size:clamp(17px,4vw,21px);font-weight:700}.gate-line{font-family:var(--mono-read);color:var(--ink-soft);text-wrap:pretty;max-width:38ch;margin-top:10px;font-size:13.5px;line-height:1.7}.gate-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--label);margin-top:26px;font-size:10.5px;display:block}.gate-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.gate-input{background:var(--bk);border:1px solid var(--line2);min-width:0;color:var(--wh);font-family:var(--mono);letter-spacing:.14em;border-radius:var(--edge);transition:border-color .25s var(--pressure-ease);flex:180px;padding:13px 14px;font-size:15px}.gate-input::placeholder{color:var(--gray-ink);letter-spacing:.3em}.gate-input:focus-visible{outline:2px solid var(--amber);outline-offset:1px;border-color:#0000}.gate-input[aria-invalid=true]{border-color:#f08e2e8c}.gate-btn{--mx:50%;--my:50%;background:var(--pour-btn);color:var(--bk);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--edge);cursor:pointer;border:1px solid #0000;padding:13px 22px;font-size:12px;font-weight:700;transition:transform 90ms ease-out,filter 90ms ease-out}.gate-btn:hover{background:radial-gradient(circle at var(--mx) var(--my), #ffc48480, #ffb45e00 60%), var(--pour-btn)}.gate-btn:active{filter:brightness(.93);transform:translateY(1.5px)scale(.985)}.gate-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.gate-err,.gate-hint{font-family:var(--mono);letter-spacing:.06em;margin-top:12px;font-size:11px}.gate-err{color:var(--amber)}.gate-hint{color:var(--gray-ink)}.gate-foot{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gray-ink);justify-content:space-between;align-items:baseline;gap:12px;margin-top:34px;padding-top:14px;font-size:10px;display:flex}.gate-foot-bar{color:var(--amber)}@media (prefers-reduced-motion:reduce){.gate-btn,.gate-input{transition:none}}