:root{color-scheme:dark;background:#000;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body,#scene{width:100%;height:100%;margin:0;overflow:hidden;background:#000}body{overscroll-behavior:none;cursor:crosshair}canvas{display:block;width:100%;height:100%;touch-action:none}.tcp-debug-dot{position:fixed;z-index:10;left:0;top:0;width:10px;height:10px;border:1px solid rgb(255 255 255 / 95%);border-radius:50%;background:#020202;box-shadow:0 0 0 1px #000000e5,0 0 8px #ffffff38;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.tcp-debug-dot.visible{opacity:1}.loader{position:fixed;z-index:2;left:50%;top:50%;width:96px;height:1px;overflow:hidden;background:#ffffff1f;transform:translate(-50%,-50%);transition:opacity .5s ease}.loader i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.loader.done{opacity:0;pointer-events:none}.loader.failed{background:#ff505047}@media(prefers-reduced-motion:reduce){.loader,.loader i,.matrix-screen,.matrix-slot{transition:none}.matrix-rain i,.matrix-screen:after,.matrix-slot.blocked{animation:none}}.cards-layer{position:fixed;z-index:3;inset:0;overflow:hidden;pointer-events:none}.card{position:absolute;width:clamp(220px,18vw,300px);min-height:236px;display:flex;flex-direction:column;padding:15px;overflow:hidden;color:#ffffffd1;background:#030303c2;border:1px solid rgb(255 255 255 / 34%);box-shadow:0 18px 60px #00000061;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.card:before,.card:after{content:"";position:absolute;width:11px;height:11px;pointer-events:none}.card:before{left:-1px;top:-1px;border-left:1px solid #fff;border-top:1px solid #fff}.card:after{right:-1px;bottom:-1px;border-right:1px solid #fff;border-bottom:1px solid #fff}.card:hover,.card:focus-visible{outline:none;border-color:#ffffffb8}.card.grabbed{cursor:grabbing;background:#03030394;border-color:#fff;box-shadow:0 22px 80px #0000009e,0 0 28px #ffffff0f;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:transform}.card.slotted{border-color:#70ff9bb8;box-shadow:0 0 28px #37ff7521,0 18px 60px #0000007a}.card-a{left:9vw;top:13vh}.card-b{right:12vw;top:13vh}.card-c{left:5vw;bottom:7vh}.card header,.card footer{display:flex;align-items:center;justify-content:space-between;font:500 9px/1.2 var(--font-mono);letter-spacing:.14em}.card header{padding-bottom:10px;border-bottom:1px solid rgb(255 255 255 / 16%)}.card footer{margin-top:auto;padding-top:10px;color:#ffffff75;border-top:1px solid rgb(255 255 255 / 16%)}.card-visual{position:relative;flex:1;min-height:158px}.card-visual-orbit:before,.card-visual-orbit:after,.card-visual-orbit i,.card-visual-orbit b{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.card-visual-orbit:before{width:78px;height:78px;border:1px solid rgb(255 255 255 / 23%)}.card-visual-orbit:after{width:46px;height:46px;border:1px solid rgb(255 255 255 / 12%)}.card-visual-orbit i{width:5px;height:5px;background:#fff;box-shadow:0 0 15px #ffffffa6}.card-visual-orbit b{width:92px;height:28px;border:solid rgb(255 255 255 / 28%);border-width:1px 0;transform:translate(-50%,-50%) rotate(-18deg)}.card-visual-signal{display:flex;align-items:center;justify-content:center;gap:7px}.card-visual-signal i{display:block;width:2px;height:22px;background:#ffffff73}.card-visual-signal i:nth-child(2){height:52px}.card-visual-signal i:nth-child(3){height:84px;background:#fff}.card-visual-signal i:nth-child(4){height:38px}.card-visual-signal i:nth-child(5){height:64px}.card-readout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:42px 0;color:#ffffff85;font:400 7px/1 var(--font-mono);letter-spacing:.1em}.card-readout b{height:1px;background:#ffffff29}@media(max-width:700px){.card{width:168px;min-height:180px;padding:10px}.card-c{display:none}.card-a{left:14px;top:74px}.card-b{right:14px;top:auto;bottom:226px}.card-visual{min-height:106px}}.drop-interface{position:fixed;z-index:20;left:50%;bottom:22px;width:min(1200px,calc(100vw - 32px));display:grid;justify-items:center;gap:18px;pointer-events:none;transform:translate(-50%)}.matrix-slot,.matrix-screen{color:#70ff9b;font-family:var(--font-mono)}.matrix-slot{position:relative;width:clamp(242px,19.8vw,330px);height:260px;display:grid;place-content:center;justify-items:center;gap:9px;overflow:hidden;background:linear-gradient(rgb(67 255 126 / 3.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(67 255 126 / 3.5%) 1px,transparent 1px),#00100694;background-size:13px 13px;border:1px solid rgb(96 255 146 / 72%);box-shadow:inset 0 0 0 4px #0000009e,inset 0 0 34px #34ff7417,0 0 28px #34ff7414;transition:border-color .22s ease,box-shadow .22s ease,opacity .22s ease}.matrix-slot:before,.matrix-slot:after{content:"";position:absolute;pointer-events:none}.matrix-slot:before{inset:7px;border:1px dashed rgb(101 255 149 / 22%)}.matrix-slot:after{inset:0;opacity:0;background:repeating-linear-gradient(135deg,rgb(75 255 132 / 8%) 0 5px,transparent 5px 12px);transition:opacity .18s ease}.matrix-slot strong,.matrix-slot>span{position:relative;z-index:1}.matrix-slot strong{font-size:10px;font-weight:600;letter-spacing:.24em;text-shadow:0 0 12px rgb(82 255 137 / 58%)}.matrix-slot>span{color:#70ff9b7a;font-size:7px;letter-spacing:.18em}.matrix-rain{position:absolute;inset:0;display:flex;justify-content:space-around;overflow:hidden;opacity:.18;pointer-events:none}.matrix-rain i{color:#72ff9d;font:400 7px/1.55 var(--font-mono);letter-spacing:.12em;opacity:.7;text-orientation:upright;writing-mode:vertical-rl;animation:matrix-fall 3.6s linear infinite}.matrix-rain i:nth-child(2){animation-delay:-2.1s;animation-duration:4.4s}.matrix-rain i:nth-child(3){animation-delay:-.8s;animation-duration:3.1s}.matrix-rain i:nth-child(4){animation-delay:-3.2s;animation-duration:4.8s}.matrix-rain i:nth-child(5){animation-delay:-1.5s;animation-duration:3.8s}.matrix-slot.occupied{border-color:#70ff9b57;box-shadow:inset 0 0 0 4px #000000b8,inset 0 0 45px #34ff7412,0 0 34px #34ff741f}.matrix-slot.occupied:after,.matrix-slot.blocked:after{opacity:1}.matrix-slot.blocked{animation:slot-blocked .32s ease}.matrix-screen{position:relative;width:100%;height:calc(100vh - 316px);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:22px 28px 18px;visibility:hidden;opacity:0;background:linear-gradient(rgb(65 255 124 / 4.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(65 255 124 / 3.5%) 1px,transparent 1px),#001207d6;background-size:17px 17px;border:1px solid rgb(101 255 149 / 58%);box-shadow:inset 0 0 60px #27ff6a14,0 0 42px #25ff6612;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translateY(8px) scale(.97);transform-origin:bottom center;transition:opacity .28s ease,transform .32s ease,visibility 0s linear .32s}.matrix-screen:before,.matrix-screen:after{content:"";position:absolute;inset:0;pointer-events:none}.matrix-screen:before{background:repeating-linear-gradient(to bottom,transparent 0 3px,rgb(90 255 141 / 2.8%) 3px 4px)}.matrix-screen:after{height:34%;background:linear-gradient(transparent,rgb(86 255 139 / 6.5%),transparent);animation:matrix-scan 3.2s linear infinite}.matrix-screen.active{visibility:visible;opacity:1;pointer-events:auto;cursor:default;transform:translateY(0) scale(1);transition-delay:0s}.matrix-screen header,.matrix-screen footer{position:relative;z-index:1;display:flex;justify-content:space-between;color:#70ff9b94;font-size:11px;letter-spacing:.17em}.matrix-screen header{padding-bottom:15px;border-bottom:1px solid rgb(112 255 155 / 19%)}.matrix-screen footer{margin-top:auto;padding-top:15px;border-top:1px solid rgb(112 255 155 / 19%)}.matrix-screen-core{position:relative;z-index:1;padding:28px 4px 24px}.matrix-screen-core p{margin:0 0 13px;color:#70ff9b5c;font-size:10px;letter-spacing:.13em}.matrix-screen h2{margin:0 0 28px;color:#8effb0eb;font-size:clamp(34px,4vw,54px);font-weight:400;letter-spacing:.08em;text-shadow:0 0 20px rgb(87 255 139 / 18%)}.matrix-screen-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.matrix-screen-rows div{padding-top:13px;border-top:1px solid rgb(112 255 155 / 18%)}.matrix-screen-rows span,.matrix-screen-rows b{display:block;font-size:12px;font-weight:400;letter-spacing:.12em}.matrix-screen-rows span{margin-bottom:8px;color:#70ff9b6b}.matrix-screen-rows b{color:#8fffb0db}@keyframes matrix-fall{0%{transform:translateY(-105%)}to{transform:translateY(105%)}}@keyframes matrix-scan{0%{transform:translateY(-110%)}to{transform:translateY(300%)}}@keyframes slot-blocked{0%,to{filter:none}45%{filter:brightness(1.65)}}@media(max-width:700px){.drop-interface{bottom:10px;width:calc(100vw - 20px);gap:10px}.matrix-slot{width:185px;height:198px}.matrix-screen{height:calc(100dvh - 230px);min-height:0;padding:15px 16px 12px;overflow-y:auto}.matrix-screen header,.matrix-screen footer{font-size:8px}.matrix-screen-core{padding:18px 1px 15px}.matrix-screen-core p{font-size:8px}.matrix-screen h2{margin-bottom:18px;font-size:30px}.matrix-screen-rows{gap:10px}.matrix-screen-rows span,.matrix-screen-rows b{font-size:9px}}.matrix-screen.about-screen{min-height:0}.matrix-screen.about-screen .matrix-screen-core{flex:1;display:flex}.about-terminal{width:100%;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.55fr);gap:34px;align-items:stretch}.about-terminal-photo{position:relative;min-height:350px;overflow:hidden;border:1px solid rgb(112 255 155 / 36%);background:#020603}.about-terminal-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgb(0 20 7 / 48%)),repeating-linear-gradient(0deg,transparent 0 3px,rgb(100 255 147 / 3.5%) 3px 4px)}.about-terminal-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:51% 48%;filter:saturate(.72) contrast(1.04)}.about-terminal-copy{min-width:0;display:flex;flex-direction:column}.about-terminal-copy>span{color:#70ff9b6e;font-size:11px;letter-spacing:.16em}.about-terminal-copy h2{margin:12px 0 14px;font-size:clamp(38px,4vw,56px);line-height:.94}.about-terminal-copy p{max-width:31em;margin:0 0 26px;color:#a8ffc1ad;font:400 14px/1.65 var(--font-mono);letter-spacing:.04em}.about-terminal-links{display:grid;gap:8px;margin-top:auto}.about-terminal-links a{position:relative;z-index:3;display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;color:#8fffb0e5;border-top:1px solid rgb(112 255 155 / 18%);font:400 12px/1.2 var(--font-mono);letter-spacing:.08em;text-decoration:none;pointer-events:auto}.about-terminal-links a span:first-child{color:#70ff9b6b;letter-spacing:.14em}.about-terminal-links a span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-terminal-links a:hover,.about-terminal-links a:focus-visible{color:#d3ffdf;outline:none;text-shadow:0 0 12px rgb(112 255 155 / 52%)}@media(max-width:700px){.about-terminal{grid-template-columns:118px minmax(0,1fr);gap:15px}.about-terminal-photo{min-height:235px}.about-terminal-copy>span{font-size:8px}.about-terminal-copy h2{font-size:27px}.about-terminal-copy p{margin-bottom:14px;font-size:10px}.about-terminal-links a{grid-template-columns:62px minmax(0,1fr) auto;gap:7px;padding:8px 0;font-size:8px}}