:root{--acid:#b8ff3d;--paper:#f3f0e8;--panel:#151a16;--muted:rgba(243,240,232,.45);--red:#ff765e;--amber:#e8d36c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 3%,rgba(184,255,61,.075),transparent 28%),linear-gradient(180deg,#060806,#040604 58%,#060806);color:var(--paper)}button,input{font:inherit}.pg-page{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:clamp(30px,5vw,70px) 0 100px}.pg-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:clamp(46px,7vw,86px);font:700 9px/1.3 "Courier New",monospace;letter-spacing:.14em}.pg-top a{color:rgba(243,240,232,.48);text-decoration:none}.pg-top a:hover{color:var(--acid)}.pg-top span{display:flex;align-items:center;gap:9px;color:rgba(243,240,232,.32);text-align:right}.pg-top i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 13px rgba(184,255,61,.8)}.pg-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:end;gap:clamp(30px,7vw,90px);margin-bottom:44px}.pg-intro p{margin:0 0 13px;color:var(--acid);font:700 10px/1.2 "Courier New",monospace;letter-spacing:.18em}.pg-intro h1{margin:0;font-size:clamp(46px,8vw,98px);line-height:.82;letter-spacing:-.065em}.pg-intro>span{color:var(--muted);font-size:14px;line-height:1.7}.pg-shell{border:1px solid #3c443d;border-radius:9px;background:repeating-linear-gradient(96deg,rgba(255,255,255,.017) 0 1px,rgba(0,0,0,.026) 1px 3px),linear-gradient(145deg,#232a24,#111612 55%,#090c09);box-shadow:0 32px 70px rgba(0,0,0,.58),0 8px 18px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.17),inset 0 -2px 4px rgba(0,0,0,.82);overflow:hidden}.pg-shell__head{min-height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.07))}.pg-shell__head>div:first-child{display:flex;flex-direction:column;gap:5px}.pg-shell__head strong{font-size:14px;letter-spacing:.08em}.pg-shell__head small{color:rgba(243,240,232,.34);font:700 8px/1.3 "Courier New",monospace;letter-spacing:.13em}.pg-shell__head img{width:92px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 5px #000)}.pg-head-actions{justify-self:end;display:flex;gap:8px}button,.pg-load{border:1px solid #465047;border-radius:4px;background:linear-gradient(#242b25,#111511);color:rgba(243,240,232,.78);box-shadow:0 3px 7px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08);font:700 9px/1 "Courier New",monospace;letter-spacing:.09em;min-height:36px;padding:0 13px;cursor:pointer}button:hover:not(:disabled),.pg-load:hover{border-color:rgba(184,255,61,.6);color:var(--acid)}button:disabled{opacity:.35;cursor:not-allowed}.pg-head-actions button.is-active{color:var(--acid);border-color:rgba(184,255,61,.55)}.pg-help{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:9px 15px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.055);background:#0d110e}.pg-help b{color:var(--acid);font:700 8px/1.45 "Courier New",monospace;letter-spacing:.12em}.pg-help span{color:rgba(243,240,232,.38);font-size:10px;line-height:1.45}.pg-loader{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px;padding:19px 21px;border:1px dashed rgba(184,255,61,.23);border-radius:6px;background:rgba(3,7,4,.42)}.pg-loader.is-drag{border-color:var(--acid);background:rgba(184,255,61,.055)}.pg-loader>div{min-width:0;display:grid;gap:5px}.pg-loader>div>span{color:var(--acid);font:700 8px/1 "Courier New",monospace;letter-spacing:.14em}.pg-loader strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.pg-loader small{color:rgba(243,240,232,.34);font:700 8px/1.3 "Courier New",monospace}.pg-load{position:relative;display:flex;align-items:center;min-height:40px;color:var(--acid);border-color:rgba(184,255,61,.45);background:linear-gradient(#25331f,#121912)}.pg-load input{position:absolute;inset:0;opacity:0;cursor:pointer}.pg-display{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;margin:0 24px 18px}.pg-screen{padding:14px;border:1px solid #3b443c;border-radius:6px;background:linear-gradient(145deg,#050806,#101510);box-shadow:inset 0 0 26px rgba(0,0,0,.82),0 5px 12px rgba(0,0,0,.36)}.pg-screen__top,.pg-legend{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 8px/1.2 "Courier New",monospace;letter-spacing:.11em}.pg-screen__top{margin-bottom:10px;color:rgba(243,240,232,.38)}.pg-screen__top b{color:var(--acid)}#gateCanvas{display:block;width:100%;height:240px;border:1px solid rgba(184,255,61,.09);border-radius:3px;background:#060906}.pg-legend{justify-content:flex-start;flex-wrap:wrap;margin-top:10px;color:rgba(243,240,232,.28)}.pg-legend span{display:flex;align-items:center;gap:6px}.pg-legend i{display:block;width:16px;height:2px;background:rgba(243,240,232,.55)}.pg-legend i.attack{background:var(--red)}.pg-legend i.body{background:var(--acid);opacity:.55}.pg-meter{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px;border:1px solid #394139;border-radius:6px;background:linear-gradient(#101610,#080b08);text-align:center}.pg-meter>span{color:rgba(243,240,232,.4);font:700 8px/1 "Courier New",monospace;letter-spacing:.13em}.pg-meter>b{margin:12px 0 3px;color:var(--acid);font:700 52px/.9 Arial,sans-serif}.pg-meter>em{font:700 9px/1 "Courier New",monospace;letter-spacing:.12em;color:rgba(243,240,232,.68);font-style:normal}.pg-meter__bar{width:100%;height:5px;margin:18px 0 12px;background:#202620}.pg-meter__bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--amber),var(--acid));transition:width .2s}.pg-meter small{color:rgba(243,240,232,.32);font-size:9px;line-height:1.5}.pg-analysis,.pg-diagnostics{margin:0 24px 18px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:rgba(7,10,8,.68)}.pg-analysis__head,.pg-diagnostics__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px}.pg-analysis__head>div{display:grid;gap:5px}.pg-analysis__head strong,.pg-diagnostics__head strong{font-size:10px;letter-spacing:.07em}.pg-analysis__head span,.pg-diagnostics__head span{color:rgba(243,240,232,.34);font:700 8px/1.3 "Courier New",monospace;letter-spacing:.09em}.pg-progress{height:3px;background:#1a211b}.pg-progress i{display:block;width:0;height:100%;background:var(--acid);box-shadow:0 0 10px rgba(184,255,61,.55);transition:width .18s}.pg-metrics{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.055)}.pg-metrics>div,.pg-result>div,.pg-diagnostics__grid>div{min-width:0;padding:15px;border-right:1px solid rgba(255,255,255,.055)}.pg-metrics>div:last-child,.pg-result>div:last-child,.pg-diagnostics__grid>div:last-child{border-right:0}.pg-metrics span,.pg-result span,.pg-diagnostics__grid span{display:block;color:rgba(243,240,232,.33);font:700 8px/1.2 "Courier New",monospace;letter-spacing:.11em}.pg-metrics b,.pg-result b,.pg-diagnostics__grid b{display:block;margin:7px 0 5px;color:var(--paper);font-size:14px}.pg-metrics small{color:rgba(243,240,232,.25);font:700 7px/1.3 "Courier New",monospace}.pg-auto{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 24px 18px;padding:17px;border:1px solid rgba(184,255,61,.18);border-radius:6px;background:linear-gradient(90deg,rgba(184,255,61,.035),rgba(0,0,0,.12))}.pg-auto>div:first-child{display:grid;gap:5px}.pg-auto span{color:var(--acid);font:700 8px/1 "Courier New",monospace;letter-spacing:.13em}.pg-auto strong{font-size:13px}.pg-auto small{color:rgba(243,240,232,.34);font-size:9px;line-height:1.45}.pg-auto>div:last-child{display:flex;gap:8px}.pg-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 24px 18px}.pg-control{display:grid;grid-template-columns:1fr auto;gap:10px 12px;padding:18px 16px 15px;border:1px solid #394139;border-radius:6px;background:linear-gradient(155deg,#181e19,#0d110e)}.pg-control>span,.pg-modes>div:first-child>span{font:700 9px/1 "Courier New",monospace;letter-spacing:.12em}.pg-control output{color:var(--acid);font:700 10px/1 "Courier New",monospace}.pg-control input{grid-column:1/-1;width:100%}.pg-control small{grid-column:1/-1;color:rgba(243,240,232,.28);font:700 7px/1.35 "Courier New",monospace}input[type="range"]{-webkit-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}input[type="range"]::-webkit-slider-runnable-track{height:6px;border:1px solid #323a33;border-radius:1px;background:linear-gradient(90deg,transparent 49%,rgba(184,255,61,.46) 49% 51%,transparent 51%),#080b08;box-shadow:inset 0 2px 3px #000}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:25px;margin-top:-10px;border:1px solid #596159;border-radius:3px;background:linear-gradient(90deg,#111 0 44%,var(--acid) 44% 56%,#111 56% 100%);box-shadow:0 3px 6px #000,inset 0 1px rgba(255,255,255,.16)}input[type="range"]::-moz-range-track{height:6px;border:1px solid #323a33;background:#080b08}input[type="range"]::-moz-range-thumb{width:17px;height:25px;border:1px solid #596159;border-radius:3px;background:#111}.pg-modes{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin:0 24px 18px;padding:17px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#0b0f0c}.pg-modes>div:first-child{display:grid;gap:5px}.pg-modes b{font:700 9px/1 "Courier New",monospace;color:var(--acid);letter-spacing:.08em}.pg-modes small{color:rgba(243,240,232,.3);font-size:9px;line-height:1.45}.pg-mode-buttons{display:flex;gap:6px}.pg-mode-buttons label{position:relative}.pg-mode-buttons input{position:absolute;opacity:0}.pg-mode-buttons span{display:flex;align-items:center;justify-content:center;min-width:72px;height:34px;border:1px solid #3d463e;border-radius:4px;background:#141914;color:rgba(243,240,232,.45);font:700 8px/1 "Courier New",monospace;cursor:pointer}.pg-mode-buttons input:checked+span{border-color:rgba(184,255,61,.54);color:var(--acid);background:#172015}.pg-diagnostics__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.055)}.pg-diagnostics p{margin:0;padding:14px 16px;border-top:1px solid rgba(255,255,255,.055);color:rgba(243,240,232,.38);font-size:10px;line-height:1.55}.pg-render{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 24px 18px;padding:17px;border:1px solid rgba(184,255,61,.18);border-radius:6px;background:#0d120e}.pg-render>div:first-child{display:grid;gap:5px}.pg-render>div:first-child>span{color:var(--acid);font:700 8px/1 "Courier New",monospace;letter-spacing:.13em}.pg-render strong{font-size:13px}.pg-render small{color:rgba(243,240,232,.34);font-size:9px}.pg-render__actions{display:flex;gap:8px}.pg-result{display:grid;grid-template-columns:repeat(4,1fr);margin:0 24px 18px;border:1px solid rgba(255,255,255,.07);border-radius:6px;overflow:hidden;background:#090d0a}.pg-note{margin:0 24px 24px;padding:17px;border-top:1px solid rgba(255,255,255,.07);color:rgba(243,240,232,.38)}.pg-note strong{color:var(--acid);font:700 8px/1 "Courier New",monospace;letter-spacing:.13em}.pg-note p{margin:8px 0 0;font-size:10px;line-height:1.6}@media(max-width:900px){.pg-intro{grid-template-columns:1fr}.pg-display{grid-template-columns:1fr}.pg-meter{min-height:160px}.pg-metrics{grid-template-columns:repeat(3,1fr)}.pg-controls{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.pg-page{width:min(100% - 18px,1180px);padding-top:28px}.pg-top{align-items:flex-start}.pg-top span{max-width:54%}.pg-shell__head{grid-template-columns:1fr auto;padding:14px}.pg-shell__head img{display:none}.pg-head-actions{grid-column:2}.pg-help{grid-template-columns:auto 1fr}.pg-loader,.pg-display,.pg-analysis,.pg-auto,.pg-controls,.pg-modes,.pg-diagnostics,.pg-render,.pg-result,.pg-note{margin-left:12px;margin-right:12px}.pg-loader,.pg-auto,.pg-render{align-items:stretch;flex-direction:column}.pg-controls{grid-template-columns:1fr}.pg-modes{grid-template-columns:1fr}.pg-mode-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.pg-mode-buttons span{min-width:0}.pg-metrics,.pg-diagnostics__grid,.pg-result{grid-template-columns:repeat(2,1fr)}.pg-intro h1{font-size:54px}.pg-render__actions{display:grid;grid-template-columns:1fr}.pg-render__actions button{width:100%}}