:root{--bg:#05111b;--panel:#081b2a;--edge:#345c78;--ph:#a8dcfa;--soft:#83b1ce;--dim:#648daa;--mono:Consolas,"Courier New",monospace;color-scheme:dark;font-family:var(--mono)}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--bg);color:#b8dff6}button,input,select{font:inherit}button{cursor:pointer}a{color:#aae4ff}a:hover{color:white}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a5e9ff;outline-offset:3px}img,video{max-width:100%}[hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;left:10px;z-index:1000;padding:12px;background:#123c5c;color:white}.skip-link:focus{top:12px}
.ptl-shell{width:100%;height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(ellipse at 35% 50%,#12334c 0%,#071827 45%,#030d18 90%)}
.ptl-shell::before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;z-index:8;background:repeating-linear-gradient(0deg,rgba(142,193,223,.08) 0 1px,transparent 1px 4px)}
.ptl-shell::after{content:"";position:absolute;inset:0;opacity:.37;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.95%,rgba(79,127,155,.15) 50%,transparent 50.05%),repeating-linear-gradient(0deg,transparent 0 99px,rgba(83,132,164,.085) 100px),repeating-linear-gradient(90deg,transparent 0 99px,rgba(83,132,164,.085) 100px)}
.ptl-header,.ptl-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;z-index:9;position:relative;background:rgba(5,17,30,.9)}
.ptl-header{border-bottom:1px solid rgba(110,169,203,.36);padding:11px clamp(12px,2.6vw,42px)}.ptl-brand{display:flex;align-items:center;gap:20px}.ptl-brand img{width:clamp(104px,12vw,156px);height:44px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(139,207,255,.13))}.ptl-brand-copy{display:flex;flex-direction:column;gap:5px}.ptl-brand-copy>span{font-size:9px;font-weight:700;color:#709bb5;letter-spacing:.13em}.ptl-brand-copy strong{font-size:16px;letter-spacing:.13em;color:#c5eafa}.ptl-header-right{display:flex;align-items:center;gap:23px;font-size:10px;letter-spacing:.12em}.status-led{color:#8ec2df;white-space:nowrap}.status-led i{display:inline-block;width:7px;height:7px;background:#7bebcf;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #68f9cf}.ptl-clock{font-size:20px;color:#d0edff}.ptl-device-id{color:#658ca6}
.ptl-workspace{display:grid;grid-template-columns:minmax(340px,1.18fr) minmax(340px,.98fr);gap:18px;padding:15px clamp(12px,2vw,30px);flex:1;min-height:0;position:relative;z-index:2}
.ptl-device,.ptl-readout{min-width:0;border:1px solid rgba(83,139,175,.55);background:rgba(3,14,25,.52);box-shadow:inset 0 1px 0 rgba(118,187,226,.11),0 15px 44px rgba(0,0,0,.23)}
.ptl-device{display:flex;flex-direction:column}.device-top,.ptl-device-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;color:#739eb9;font-size:9px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid rgba(68,116,147,.33)}.ptl-device-footer{border-bottom:0;border-top:1px solid rgba(68,116,147,.33);color:#607f99}
.ptl-dial{width:min(100%, min(65vh, 650px));aspect-ratio:1;position:relative;margin:auto;flex:0 1 auto;isolation:isolate}.ptl-ring,.ptl-ticks,.ptl-glow{position:absolute;inset:0;border-radius:50%;pointer-events:none}.ptl-ring{inset:12%;border:1px solid rgba(106,177,224,.29)}.ring-outer{inset:8%;border-color:rgba(97,159,198,.29);border-style:dashed;animation:rotate 98s linear infinite}.ring-middle{inset:16%;border-top:1px solid rgba(126,204,246,.6);border-left-color:transparent;border-right-color:transparent;animation:rotate 41s linear infinite reverse}.ring-inner{inset:23%;border-color:rgba(79,146,186,.39);box-shadow:0 0 24px rgba(43,122,186,.07)}.ptl-ticks{inset:5%;opacity:.30;background:repeating-conic-gradient(from 0deg,rgba(106,179,222,.36) 0 .55deg,transparent .65deg 6deg);mask:radial-gradient(circle,transparent 0 48%,#000 48.6% 49.3%,transparent 50%)}.ptl-glow{inset:25%;background:radial-gradient(circle,rgba(21,85,139,.19),transparent 70%);animation:phosphor 7s ease-in-out infinite}
.ptl-center{position:absolute;inset:31%;border:1px solid rgba(100,166,205,.27);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:radial-gradient(circle,#0b2b44a9,#041624de 75%);color:#c8edff;pointer-events:none}.center-top{font-size:8px;letter-spacing:.13em;color:#78a4c2}.ptl-center strong{font-size:clamp(18px,2.2vw,32px);letter-spacing:.1em}.center-modes{font-size:8px;color:#789bb7;border:1px solid #345872;padding:6px}.center-modes span{color:#d5f2ff;border-left:1px solid #345872;padding-left:8px;margin-left:7px}.center-map{width:80%;height:28%;min-height:34px;border:1px solid rgba(91,145,180,.29);background:radial-gradient(ellipse at 52% 50%,rgba(37,96,126,.2),transparent 72%),repeating-linear-gradient(90deg,rgba(88,135,168,.07) 0 1px,transparent 1px 19px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:clamp(6px,.75vw,9px);color:#9bc6e3}.ptl-center small{color:#6c9cb9;font-size:7px;letter-spacing:.11em}
.ptl-radial{position:absolute;inset:0}.ptl-radial-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(28vw, min(26vh, 230px)))) rotate(calc(-1 * var(--angle)));background:rgba(6,23,39,.88);border:1px solid rgba(82,139,176,.52);color:#8fbadb;min-width:65px;padding:7px 5px;font-weight:700;font-size:clamp(8px,.9vw,10px);letter-spacing:.03em;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;white-space:nowrap}.ptl-radial-btn:hover,.ptl-radial-btn:focus-visible{border-color:#a2e2ff;color:white;background:#16425c}.ptl-radial-btn.is-active{background:#1c4862;color:#effaff;border-color:#a0daf6;box-shadow:0 0 12px rgba(77,163,219,.28)}.unread-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9cf8e4;box-shadow:0 0 8px #7befda;vertical-align:middle}
.ptl-subtabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 16px 10px}.ptl-subtabs button{min-width:0;background:#061b2c;color:#85b0cc;border:1px solid #2e536d;padding:12px 3px;font-weight:700;letter-spacing:.09em;font-size:11px}.ptl-subtabs button+button{border-left:0}.ptl-subtabs button.is-active{background:#174361;color:#f0fbff;border-color:#79bbda}.ptl-subtabs button:hover{color:white;background:#1c4b6b}
.ptl-readout{display:flex;flex-direction:column;overflow:hidden}.readout-heading,.readout-footer{padding:13px 18px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#83b1cd;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2c536e}.readout-heading strong{color:#c8ebff}.network{color:#8ed4d9}.readout-footer{border-bottom:0;border-top:1px solid #2c536e;color:#688da7;font-size:9px;flex-wrap:wrap}
.readout-body{overflow:auto;flex:1;min-height:0;padding:clamp(20px,2.6vw,33px);scrollbar-color:#305b78 #061726;scrollbar-width:thin;outline-offset:-4px}.readout-body>*:first-child{margin-top:0}.eyebrow{display:inline-block;color:#85bbda;font-size:10px;letter-spacing:.15em;font-weight:700;margin:0 0 12px}.readout-body h1,.readout-body h2{font-size:clamp(24px,2.9vw,38px);line-height:1.06;letter-spacing:.02em;margin:0 0 16px;color:#e3f5ff}.readout-body h3{font-size:17px;color:#d6efff;margin:18px 0 10px}.readout-body p{font-size:13px;line-height:1.7;color:#b6d1e3;margin:0 0 15px}.readout-body strong{color:#e3f6ff}.readout-body .fine{font-size:10px;color:#829fb3}.readout-body blockquote{margin:20px 0;border-left:2px solid #66badc;padding:8px 15px;font-weight:bold;color:#cdeeff;line-height:1.65}.detail-image{width:100%;max-height:240px;object-fit:cover;border:1px solid #406681;margin:10px 0 18px;filter:saturate(.85)}.divider{height:1px;background:#2c516a;margin:20px 0}.tiny-tag{font-size:9px;font-weight:700;letter-spacing:.11em;color:#8cbcd8}.link-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.action{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:6px;background:#123d5a;border:1px solid #69a6c9;color:#edfbff;padding:11px 14px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.065em;transition:background .18s}.action:hover,.action:focus-visible{background:#205e7e}.action.secondary{background:#071c2d;border-color:#376c8c;color:#b7daf0}.action[disabled]{opacity:.65;cursor:wait}.data-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.data-card{display:flex;flex-direction:column;text-align:left;background:#0a2234;border:1px solid #355b76;padding:0;color:#e0f2ff;min-width:0}.data-card:hover{border-color:#80c9ee}.data-card img{width:100%;height:105px;object-fit:cover}.data-card span{padding:10px;font-size:10px;line-height:1.4}.data-card small{display:block;margin-top:4px;font-size:9px;color:#91b3c8}.record{display:block;width:100%;text-align:left;background:#0b263c;border:1px solid #396886;padding:14px 16px;color:#d7efff;margin:10px 0}.record:hover{border-color:#a1ddfd;background:#123950}.record span{display:block;color:#8bb4cb;font-size:9px;margin-bottom:7px}.record strong{font-size:13px}.record small{display:block;color:#a8c9db;margin-top:9px;font-size:10px}.back{display:inline-flex;margin-bottom:17px;background:transparent;border:0;border-bottom:1px solid #6795ac;padding:5px 0;color:#b6e2fb;font-size:10px;font-weight:700}.ptl-transmission .disclaimer{font-size:11px;color:#92aab8;font-style:italic}
.player{width:100%;background:#030d16;border:1px solid #2c5c7a;min-height:180px;max-height:300px;object-fit:contain;display:block;margin:8px 0 12px}.clip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.clip-choice{background:#0b293e;border:1px solid #315c79;color:#a9cee5;text-align:left;padding:10px;font-size:10px;line-height:1.5}.clip-choice.is-active,.clip-choice:hover{border-color:#9fdfff;background:#174363;color:white}.filter-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.filter-list button{border:1px solid #315a76;background:#081e32;color:#a9cbe1;padding:7px 10px;font-size:9px;font-weight:bold}.filter-list button.active{background:#174b6c;border-color:#8fd5f7;color:#e4f7ff}.shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shot-btn{background:#081e30;border:1px solid #355f7a;text-align:left;padding:0;overflow:hidden;color:#c8e5f7}.shot-btn img{display:block;object-fit:cover;width:100%;height:117px}.shot-btn span{display:block;font-size:9px;line-height:1.4;padding:9px}.shot-btn:hover{border-color:#9bd9fb}
.stats{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #436c83;background:rgba(18,57,81,.45);margin:15px 0}.stats strong{font-size:43px;line-height:1;color:#dbf6ff}.stats span{font-size:10px;color:#85bbd9;max-width:160px}.ptl-form{display:grid;gap:10px;margin-top:18px}.ptl-form label,.ptl-form legend{font-size:10px;font-weight:bold;color:#b0d8ec;letter-spacing:.06em}.ptl-form input:not([type=checkbox]):not([type=radio]){width:100%;padding:13px 12px;border:1px solid #416e88;background:#061522;color:#ecfaff;border-radius:0;font-size:13px}.ptl-form fieldset{border:1px solid #375d75;display:grid;gap:8px;padding:12px}.ptl-form fieldset label,.ptl-form .consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;letter-spacing:0;font-weight:normal;color:#afcfdf}.ptl-form input[type=radio],.ptl-form input[type=checkbox]{accent-color:#5cafdf;margin-top:3px}.form-status{font-size:11px;min-height:18px;color:#a4f3d7}.form-status.error{color:#ffbfc1}.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.method-list{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.method-list span{border:1px solid #375c72;background:#0b263a;padding:8px;font-size:9px;color:#cce8f6}
.ptl-footer{border-top:1px solid #355e77;padding:10px clamp(12px,2.6vw,40px);font-size:9px;color:#81a9c1;letter-spacing:.07em}.ptl-footer>div{display:flex;gap:8px}.ptl-footer button{border:1px solid #416c86;background:#0a2a40;color:#bbe2f7;padding:8px 11px;font-size:9px;font-weight:bold}.ptl-footer button:hover{background:#1c4c67}
.ptl-incoming{position:absolute;z-index:20;top:78px;right:clamp(12px,2vw,30px);width:min(380px,calc(100vw - 24px));background:#082039;border:1px solid #a0defe;box-shadow:0 0 32px #3e9fdb55,0 18px 50px #000b;padding:20px;animation:alert-in .44s ease-out}.incoming-head{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:#d4f5ff}.incoming-head small{color:#86b5cf}.alert-pulse{color:#a7f4ee;animation:blink 1.3s infinite}.ptl-incoming>p{font-size:10px;color:#85b4d2;margin:18px 0 8px}.incoming-title{font-size:16px;line-height:1.4}.incoming-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.incoming-actions button{background:#164563;color:white;border:1px solid #73b4d5;padding:10px;font-size:10px;font-weight:bold}.incoming-actions button:last-child{background:#081724}
.lightbox{position:fixed;z-index:100;inset:0;background:rgba(1,7,13,.96);padding:clamp(14px,3vw,40px);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.lightbox-header,.lightbox-footer{width:100%;max-width:1300px;display:flex;align-items:center;justify-content:space-between;color:#b3daf1;font-size:11px;gap:15px}.lightbox button{background:#0e3047;border:1px solid #5989a9;color:#e6f7ff;padding:10px;font-size:10px}.lightbox img{max-height:calc(100dvh - 155px);max-width:100%;object-fit:contain;min-height:0}.lightbox-footer>div{display:flex;gap:8px}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes phosphor{50%{opacity:.5;transform:scale(1.08)}}@keyframes blink{50%{opacity:.3}}@keyframes alert-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.ptl-shell.paused *, .ptl-shell.paused *::before,.ptl-shell.paused *::after{animation-play-state:paused!important}
@media(max-width:1180px){.ptl-workspace{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr)}.ptl-dial{width:min(100%,min(53vh,580px))}.ptl-radial-btn{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(23vw, min(22vh, 185px)))) rotate(calc(-1 * var(--angle)))}.ptl-brand-copy>span{display:none}.ptl-brand-copy strong{font-size:13px}}
@media(max-width:800px){.ptl-shell{height:auto;min-height:100dvh;overflow:visible}.ptl-header{padding:10px 12px}.ptl-workspace{display:flex;flex-direction:column;padding:10px 12px;gap:12px}.ptl-dial{width:min(90vw,500px)}.ptl-radial-btn{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(39vw, 215px))) rotate(calc(-1 * var(--angle)))}.ptl-readout{min-height:420px}.readout-body{max-height:none;overflow:visible}.ptl-device{min-height:0}.ptl-brand img{width:112px}.ptl-brand-copy strong{font-size:12px}.ptl-header-right{gap:12px}.ptl-device-id{display:none}.ptl-footer{padding:12px;flex-wrap:wrap}.ptl-incoming{position:fixed;top:65px}}
@media(max-width:480px){.ptl-brand img{width:83px;height:31px}.ptl-brand-copy strong{font-size:10px;letter-spacing:.01em}.ptl-clock{font-size:15px}.status-led{display:none}.ptl-dial{width:min(92vw,420px)}.ptl-radial-btn{min-width:48px;font-size:7px;padding:6px 3px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(38.5vw, 180px))) rotate(calc(-1 * var(--angle)))}.center-top{font-size:6px}.ptl-center strong{font-size:15px}.center-modes{font-size:6px;padding:4px}.center-map{font-size:6px}.ptl-subtabs{margin:0 8px 8px}.ptl-subtabs button{font-size:9px;padding:10px 2px}.readout-heading{font-size:9px}.readout-body{padding:20px 16px}.ptl-footer{font-size:8px}.shot-btn img{height:90px}.data-card img{height:85px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


/* PORT masthead + centered, tracker-driven layout.
   No separate marketing sections; all gameplay and site actions stay inside the terminal. */
.ptl-shell{height:auto;min-height:100dvh;overflow:visible;background:radial-gradient(ellipse at 50% 45%,#12334c 0%,#071827 48%,#030d18 95%)}
.ptl-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 22px 23px;gap:12px;background:linear-gradient(180deg,rgba(4,14,25,.95),rgba(5,20,34,.80));border-bottom:1px solid rgba(108,169,208,.31)}
.port-header-brand{display:flex;gap:18px;align-items:center;justify-content:center}.port-brand-seal{width:clamp(54px,6vw,76px);height:clamp(54px,6vw,76px);object-fit:contain;filter:drop-shadow(0 0 12px rgba(75,191,243,.25))}.port-title-area{text-align:left}.port-eyebrow{display:block;color:#82bad7;font:700 9px/1.5 var(--mono);letter-spacing:.21em}.port-wordmark{margin:0;color:#f0f9ff;font:900 clamp(55px,6.4vw,84px)/.91 Arial,Helvetica,sans-serif;letter-spacing:.085em;text-shadow:0 0 30px rgba(65,160,226,.24)}.port-wordmark span{color:#74cdeb}
.port-intro{max-width:760px;margin:0;color:#b8d3e4;font:clamp(13px,1.15vw,15px)/1.65 Arial,Helvetica,sans-serif;letter-spacing:.013em}
.port-header-meta{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;font:700 9px/1.4 var(--mono);letter-spacing:.11em;color:#759bb4}.port-header-meta span:first-child{color:#9ccfd8}.status-led-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82efd7;box-shadow:0 0 10px rgba(116,246,218,.55);margin-right:7px}
.ptl-workspace{width:min(100% - 28px,960px);margin:0 auto;display:flex;flex-direction:column;align-items:center;flex:initial;min-height:0;gap:14px;padding:26px 0 24px}
.ptl-device{width:min(100%,790px);align-self:center;overflow:hidden}
.ptl-dial{width:min(100%,520px);max-width:520px;margin:8px auto 6px}
.ptl-radial-btn{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-200px) rotate(calc(-1 * var(--angle)))}
.device-top{align-items:center}.device-vale{display:inline-flex;gap:12px;align-items:center;min-width:0}.device-vale img{object-fit:contain;width:110px;height:27px;filter:drop-shadow(0 0 5px rgba(120,197,237,.16))}.device-vale span{color:#648ba4;white-space:nowrap}
.ptl-readout{width:min(100%,790px);min-height:300px;max-height:none;align-self:center}
.readout-body{flex:1;overflow:visible;min-height:210px;max-height:none;padding:25px 30px 30px}
.ptl-footer{width:100%;margin-top:auto;flex-wrap:wrap}
.ptl-incoming{position:fixed;top:20px;right:clamp(12px,2vw,30px)}
@media (max-width:800px){.ptl-header{padding:22px 18px 20px}.ptl-workspace{width:min(100% - 24px,790px);padding:18px 0;gap:12px}.ptl-dial{width:min(78vw,500px)}.ptl-radial-btn{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(32vw,195px))) rotate(calc(-1 * var(--angle)))}.ptl-readout{min-height:300px}.readout-body{padding:22px 22px 28px}.ptl-incoming{top:12px}}
@media (max-width:480px){.port-header-brand{gap:10px}.port-brand-seal{width:55px;height:55px}.port-wordmark{font-size:56px}.port-eyebrow{font-size:7px;letter-spacing:.12em}.port-intro{font-size:12px;line-height:1.7}.port-header-meta{gap:8px 18px;font-size:8px}.ptl-workspace{width:calc(100% - 20px)}.ptl-dial{width:min(88vw,420px)}.ptl-radial-btn{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * min(36vw,168px))) rotate(calc(-1 * var(--angle)))}.device-vale{gap:6px}.device-vale img{width:80px;height:25px}.device-vale span{font-size:7px}.device-top>span:last-child{font-size:7px}.readout-body{padding:18px 16px 24px}}

.sponsor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 10px}.sponsor-card{display:flex;align-items:center;justify-content:center;border:1px solid #375c72;background:#071b2a;padding:16px;min-height:110px}.sponsor-card img{max-width:100%;max-height:72px;height:auto;display:block}.ptl-transmission .sponsor-grid + .fine{margin-top:10px}@media(max-width:640px){.sponsor-grid{grid-template-columns:1fr}.sponsor-card{min-height:96px}}