.makers-plane-section{padding:0;position:relative;overflow-x:clip;overflow-y:visible;--colW:clamp(min(200px, 92vw), 23vw, 300px);--hex-wall:17px;--flank-fade:60%}.app-main:has(.makers-plane-section){padding-bottom:0}@media (max-width:720px){.makers-plane-section{padding-bottom:var(--plane-dock-reserve,calc(var(--tabbar-h,56px) + env(safe-area-inset-bottom)))}}.makers-plane-section::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--bg),transparent) left/24px 100% no-repeat,linear-gradient(270deg,var(--bg),transparent) right/24px 100% no-repeat}.plane-flank{position:absolute;top:0;z-index:-1;width:var(--colW);pointer-events:none}.plane-flank-left{left:calc(var(--gap) - (var(--colW) * var(--hex-col-pitch) + var(--hex-row-pitch) * var(--hex-wall)));-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--flank-fade));mask-image:linear-gradient(90deg,transparent,#000 var(--flank-fade))}.plane-flank-right{position:static;flex:none;-webkit-mask-image:linear-gradient(270deg,transparent,#000 var(--flank-fade));mask-image:linear-gradient(270deg,transparent,#000 var(--flank-fade))}.plane-flank.col-offset .plane-col-track{transform:translateY(calc((var(--colW) * var(--hex-row-pitch) + var(--hex-wall))/ -2))}.makers-plane-section::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--colW) * var(--hex-row-pitch) + var(--hex-wall,17px));background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none;z-index:1}.makers-plane{--hexW:var(--colW);--cap-w:66%;--cup-up-a:#6057ff;--cup-up-b:#9f54ff;--cup-down-a:#6057ff;--cup-down-b:#9f54ff;position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;height:calc(100svh - var(--shell-top-h,58px) - var(--shell-hexbar-h,52px));--plane-scroll-floor:calc(
    (var(--plane-floor-slots, 9999) - var(--plane-void-hidden, 1))
      * (var(--colW) * var(--hex-row-pitch) + var(--hex-wall))
  );scrollbar-width:none;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;padding:0 var(--gap)}.makers-plane::-webkit-scrollbar{display:none}.makers-plane.dragging{cursor:grabbing}.plane-col{flex:none;width:var(--colW);height:auto;pointer-events:none}.plane-col::-webkit-scrollbar{display:none}.plane-col+.plane-col{margin-left:calc(var(--colW) * (var(--hex-col-pitch) - 1) + var(--hex-row-pitch) * var(--hex-wall))}.plane-col.col-offset .plane-col-track{transform:translateY(calc((var(--colW) * var(--hex-row-pitch) + var(--hex-wall))/ -2))}.plane-col-track{display:flex;flex-direction:column;pointer-events:none}.maker-seg{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:var(--hex-wall);padding:calc(var(--hex-wall)/ 2) 0}.seg-cap{width:100%;display:flex;justify-content:center;pointer-events:none;position:relative}.plane-col-track>.seg-cap-end{padding:calc(var(--hex-wall)/ 2) 0}.plane-col-track>.seg-cap-end::before,.seg-cap-begin::after,.seg-cap-begin::before{content:"";position:absolute;left:0;right:0;z-index:-1;pointer-events:none}.plane-col-track>.seg-cap-end::before,.seg-cap-begin::before{background:linear-gradient(10deg,var(--cup-up-a),var(--cup-up-b))}.seg-cap-begin::after{background:linear-gradient(170deg,var(--cup-down-a),var(--cup-down-b))}.seg-cap-begin::before{bottom:calc(100% - 1px);height:calc(100% + var(--hex-wall) + 1px);clip-path:var(--plane-door-cup-up)}.seg-cap-begin::after{top:calc(100% - 1px);height:calc(100% + var(--hex-wall) + 1px);clip-path:var(--plane-door-cup-down)}.plane-col-track>.seg-cap-end::before{bottom:calc(100% - var(--hex-wall)/ 2 - 1px);height:calc(100% + 1px);clip-path:var(--plane-door-cup-up);opacity:.78}.plane-col-track>.maker-seg:first-child>.seg-cap-begin::before{display:none}.door-tile{position:relative;display:block;width:100%;aspect-ratio:var(--hexf-aspect,1.1547);pointer-events:none;content-visibility:auto;contain-intrinsic-size:auto calc(var(--colW) * var(--hex-row-pitch))}.door-half{position:absolute;z-index:1;left:0;right:0;height:calc(50% - var(--hex-wall)/ 2);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;outline:0;pointer-events:auto;background:linear-gradient(180deg,rgba(9,11,15,.5),rgba(9,11,15,.78)),var(--banner,linear-gradient(135deg,#1a1f2b,#12151d));background-size:cover;background-position:center;transition:filter 160ms ease}.door-half-top{top:0;clip-path:var(--plane-clip-card-top);filter:saturate(.8) brightness(.9)}.door-half-bottom{bottom:0;clip-path:var(--plane-clip-card-bottom)}.door-half{isolation:isolate}a.door-half::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}a.door-half-top::before{background:linear-gradient(180deg,var(--cup-up-a),transparent 34%)}a.door-half-bottom::before{background:linear-gradient(0deg,var(--cup-down-a),transparent 34%)}.door-void{--void-rim-a:#1a1d24;--void-rim-b:#12141a;--void-face-a:#0e1013;--void-face-b:#0a0c0f;--crk-ink:rgba(0, 0, 0, 0.4);--void-rim-w:10px;background:linear-gradient(180deg,var(--bev-hi,rgba(255,255,255,.05)),rgba(255,255,255,0) 9%),linear-gradient(0deg,var(--bev-sh,rgba(0,0,0,.2)),rgba(0,0,0,0) 10%),linear-gradient(168deg,var(--void-rim-a),var(--void-rim-b));-webkit-mask-image:var(--rim-mask,none);mask-image:var(--rim-mask,none);-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}.door-void::after{content:"";position:absolute;inset:10px 18px;background:linear-gradient(180deg,var(--bev-sh-in,rgba(0,0,0,.14)),rgba(0,0,0,0) 10%),linear-gradient(0deg,var(--bev-hi-in,rgba(255,255,255,.035)),rgba(255,255,255,0) 9%),radial-gradient(120% 80% at 32% 16%,rgba(255,255,255,.04),transparent 60%),var(--crk-img,none),linear-gradient(180deg,var(--void-face-a),var(--void-face-b));background-size:100% 100%}.door-half-top.door-void::after{clip-path:var(--plane-clip-card-bottom)}.door-half-bottom.door-void::after{clip-path:var(--plane-clip-card-bottom)}.door-half-top.door-void{filter:none;clip-path:var(--plane-clip-card-bottom);transform:scaleY(-1);background:linear-gradient(0deg,var(--bev-hi,rgba(255,255,255,.05)),rgba(255,255,255,0) 9%),linear-gradient(180deg,var(--bev-sh,rgba(0,0,0,.2)),rgba(0,0,0,0) 10%),linear-gradient(12deg,var(--void-rim-a),var(--void-rim-b))}.door-half-top.door-void::after{background:linear-gradient(0deg,var(--bev-sh-in,rgba(0,0,0,.14)),rgba(0,0,0,0) 10%),linear-gradient(180deg,var(--bev-hi-in,rgba(255,255,255,.035)),rgba(255,255,255,0) 9%),radial-gradient(120% 80% at 32% 84%,rgba(255,255,255,.04),transparent 60%),var(--crk-img,none),linear-gradient(0deg,var(--void-face-a),var(--void-face-b));background-size:100% 100%}[data-theme=light] .door-void{--void-rim-a:#fbfaf7;--void-rim-b:#f3f1ec;--void-face-a:#efefee;--void-face-b:#e9eae8;--bev-hi:rgba(255, 255, 255, 0.5);--bev-sh:rgba(96, 100, 112, 0.07);--bev-sh-in:rgba(96, 100, 112, 0.05);--bev-hi-in:rgba(255, 255, 255, 0.4)}[data-theme=light] .door-void::after{opacity:.6}[data-theme=light] .door-void::after{background-blend-mode:normal}.door-plate{display:flex;align-items:center;gap:8px;max-width:88%;padding:4px 10px;background:rgba(10,12,17,.72);border:1px solid var(--accent);border-radius:4px;transition:background 160ms ease,box-shadow 160ms ease}.door-half-top .door-plate{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.door-av{width:26px;aspect-ratio:1;flex:none;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0c0f14;border:2px solid var(--accent)}.door-av img{width:100%;height:100%;object-fit:cover}.door-av-ph{color:var(--accent);font-size:1.05rem}.door-id{display:flex;flex-direction:column;min-width:0}.door-name{font-weight:700;font-size:.8rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.door-sub{font-size:.72rem;opacity:.82}.door-press{margin-left:auto;flex:none;font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:999px;background:var(--accent);color:#1a1400}a.door-half:focus-visible,a.door-half:hover{filter:brightness(1.18)}a.door-half-top:focus-visible,a.door-half-top:hover{filter:saturate(.9) brightness(1.05)}a.door-half:focus-visible .door-plate,a.door-half:hover .door-plate{background:rgba(16,19,26,.9);box-shadow:0 0 0 1px var(--accent),0 4px 16px rgba(0,0,0,.55)}a.door-half:active{filter:brightness(.95)}.plane-more{width:100%;display:block;padding:calc(var(--hex-wall)/ 2) 0;position:relative;pointer-events:none}.plane-more::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:34%;height:4px;border-radius:2px;background:var(--accent);opacity:.35}.plane-more:not([data-waiting])::after{animation:plane-more-pulse 1.8s ease-in-out infinite}@keyframes plane-more-pulse{0%,100%{opacity:.22}50%{opacity:.6}}.maker-seg.seg-arrive{animation:seg-arrive 420ms ease-out backwards}@keyframes seg-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.plane-more::after{animation:none}.maker-seg.seg-arrive{animation:none}.door-half,.door-plate{transition:none}}.seg-scroll{width:100%;max-height:var(--plane-window-h2);overflow-y:hidden;touch-action:none;scrollbar-width:none;pointer-events:none;clip-path:var(--plane-window-aperture);content-visibility:auto;contain-intrinsic-size:auto calc((var(--seg-slots,3) - 1) * (var(--colW) * var(--hex-row-pitch) + var(--hex-wall)) - var(--hex-wall))}.seg-scroll::-webkit-scrollbar{display:none}.plane-fill,.plane-lone{padding:calc(var(--hex-wall)/ 2) 0;pointer-events:none;content-visibility:auto;contain-intrinsic-size:auto calc(var(--colW) * var(--hex-row-pitch))}.hexcell-anon .hexcell-unnamed{opacity:.55;font-style:italic}.seg-track{display:flex;flex-direction:column;gap:var(--hex-wall);pointer-events:none}.seg-track .hexcell{filter:none}.seg-track .hexcell:hover{filter:none;transform:none}.makers-plane .seg-track .hexcell:last-child::after{display:none}.makers-plane .seg-track .hexcell::after{content:"";position:absolute;left:25%;right:25%;top:calc(100% + var(--hex-wall) * .35);height:calc(var(--hex-wall) * .3);pointer-events:none;background:linear-gradient(180deg,var(--cup-down-a),var(--cup-down-b))}.seam-guard{position:absolute;height:calc(var(--hex-wall) + 4px);pointer-events:auto}.door-tile .seam-guard-waist{top:50%;transform:translateY(-50%);left:calc(var(--hex-wall) * var(--hex-row-pitch)/ 3);right:calc(var(--hex-wall) * var(--hex-row-pitch)/ 3)}.seg-track .hexcell.hx-cull{content-visibility:hidden}.stone-tail{display:flex;flex-direction:column;gap:var(--hex-wall);padding:calc(var(--hex-wall)/ 2) 0;pointer-events:none;content-visibility:auto;contain-intrinsic-size:auto calc(var(--tail-stones,var(--frontier-runway,2)) * (var(--colW) * var(--hex-row-pitch) + var(--hex-wall)))}.stone-hex{position:relative;display:block;width:100%;aspect-ratio:var(--hexf-aspect,1.1547);clip-path:var(--clip-hexf);--void-rim-w:10px;background:linear-gradient(180deg,var(--bev-hi,rgba(255,255,255,.05)),rgba(255,255,255,0) 9%),linear-gradient(0deg,var(--bev-sh,rgba(0,0,0,.2)),rgba(0,0,0,0) 10%),linear-gradient(168deg,var(--void-rim-a,#1a1d24),var(--void-rim-b,#12141a));pointer-events:none}.stone-hex::after{content:"";position:absolute;top:var(--void-rim-w);bottom:var(--void-rim-w);left:calc(var(--hexf-aspect,1.1547) * var(--void-rim-w));right:calc(var(--hexf-aspect,1.1547) * var(--void-rim-w));clip-path:var(--clip-hexf);background:linear-gradient(180deg,var(--bev-sh-in,rgba(0,0,0,.14)),rgba(0,0,0,0) 10%),linear-gradient(0deg,var(--bev-hi-in,rgba(255,255,255,.035)),rgba(255,255,255,0) 9%),radial-gradient(120% 80% at 32% 16%,rgba(255,255,255,.04),transparent 60%),var(--crk-img,none),linear-gradient(180deg,var(--void-face-a,#0e1013),var(--void-face-b,#0a0c0f));background-size:100% 100%}[data-theme=light] .stone-hex{--void-rim-a:#fbfaf7;--void-rim-b:#f3f1ec;--void-face-a:#efefee;--void-face-b:#e9eae8;--bev-hi:rgba(255, 255, 255, 0.5);--bev-sh:rgba(96, 100, 112, 0.07);--bev-sh-in:rgba(96, 100, 112, 0.05);--bev-hi-in:rgba(255, 255, 255, 0.4)}@property --shock-r{syntax:"<length>";inherits:true;initial-value:0px}@property --shock-ro{syntax:"<number>";inherits:true;initial-value:0}@property --shock-k{syntax:"<number>";inherits:true;initial-value:0}.makers-plane{--mx:-9999px;--my:-9999px;--shock-r:0px;--shock-ro:0;--shock-rgb:255,191,62;--shock-k:0.72;transition:--shock-k 450ms ease}.makers-plane::before{content:"";position:fixed;left:-600px;top:-600px;width:1200px;height:1200px;transform:translate3d(var(--mx),var(--my),0);will-change:transform;z-index:-1;pointer-events:none;background:radial-gradient(circle 800px at 600px 600px,rgba(var(--shock-rgb),calc(var(--shock-ro) * .55)) 0,rgba(var(--shock-rgb),calc(var(--shock-ro) * .45)) calc(var(--shock-r) - 60px),rgba(var(--shock-rgb),calc(var(--shock-ro) * .62)) var(--shock-r),rgba(var(--shock-rgb),calc(var(--shock-ro) * .18)) calc(var(--shock-r) + 50px),transparent calc(var(--shock-r) + 110px))}.plane-capillary{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 450ms ease;will-change:transform}.plane-capillary.on{opacity:1}[data-theme=light] .makers-plane{--shock-rgb:238,171,6;--shock-k:0.55}.makers-plane.walls-spawn{animation:plane-shock-spawn .7s cubic-bezier(.16,.84,.44,1) forwards}@keyframes plane-shock-spawn{from{--shock-r:30px;--shock-ro:0.9}to{--shock-r:420px;--shock-ro:0}}