:root{--lime:#ccff00;--pink:#ff2b78;--black:#090909;--white:#f7f7f2;--grey:#777;--line:#292929;--green:#30c800}*{box-sizing:border-box}body{margin:0;background:var(--lime);color:var(--black);font-family:'Space Mono',monospace}.stage{min-height:100vh;display:grid;place-items:center;padding:38px 16px 62px;position:relative}.station-note,.stage-caption{position:absolute;font:9px Silkscreen,monospace;letter-spacing:.1em}.station-note{top:16px;left:20px}.stage-caption{bottom:19px;right:20px;color:#263000}.phone{width:min(680px,100%);background:var(--white);padding:13px;position:relative;clip-path:polygon(16px 0,calc(100% - 16px) 0,calc(100% - 16px) 5px,calc(100% - 5px) 5px,calc(100% - 5px) 16px,100% 16px,100% calc(100% - 16px),calc(100% - 5px) calc(100% - 16px),calc(100% - 5px) calc(100% - 5px),calc(100% - 16px) calc(100% - 5px),calc(100% - 16px) 100%,16px 100%,16px calc(100% - 5px),5px calc(100% - 5px),5px calc(100% - 16px),0 calc(100% - 16px),0 16px,5px 16px,5px 5px,16px 5px);box-shadow:10px 10px 0 #8bb000}.phone:before,.phone:after{content:'';position:absolute;background:var(--black);height:4px;width:38px;top:9px}.phone:before{left:30px}.phone:after{right:30px}.phone-antenna{position:absolute;width:5px;height:56px;background:var(--white);left:50%;top:-43px;transform:rotate(24deg);box-shadow:0 0 0 2px var(--lime)}.phone-antenna:after{content:'';position:absolute;width:5px;height:56px;background:var(--white);left:14px;top:0;transform:rotate(-48deg)}.phone-top{height:65px;background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{font:14px Silkscreen,monospace;color:var(--lime)}.brand b{color:var(--pink)}.top-meta{display:flex;gap:12px;align-items:center;color:#999;font-size:9px}.signal-bars{color:var(--green);font-size:13px;letter-spacing:-3px}.battery{color:var(--lime);letter-spacing:-2px}.screen-bezel{background:var(--black);padding:8px 14px 14px}.screen{min-height:470px;background:var(--black);border:1px solid var(--line);color:var(--white);padding:18px 20px;position:relative;overflow:hidden;background-image:linear-gradient(#181818 1px,transparent 1px),linear-gradient(90deg,#181818 1px,transparent 1px);background-size:34px 34px}.screen-head{display:flex;gap:8px;align-items:center;color:#999;font-size:9px;padding-bottom:15px;border-bottom:1px solid #282828}.screen-date{margin-left:auto;color:#666}.status-dot{width:6px;height:6px;background:var(--pink);display:inline-block}.home-view{padding-top:48px}.screen-kicker,.view-title{font:9px Silkscreen,monospace;color:var(--lime);letter-spacing:.08em}.home-view h1{font:32px/1.08 Silkscreen,monospace;margin:16px 0 34px}.home-view h1 span{color:var(--pink)}.home-readout{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #333;border-bottom:1px solid #333;padding:18px 0}.home-readout div{display:grid;gap:7px}.home-readout div+div{border-left:1px solid #333;padding-left:18px}.home-readout small{font:8px Silkscreen,monospace;color:#777}.home-readout strong{font:20px Silkscreen,monospace;color:var(--lime)}.home-readout span{font-size:9px;color:#aaa}.risk-number{color:var(--pink)!important}.home-prompt{margin-top:28px;color:#aaa;font:10px Silkscreen,monospace}.home-prompt b{color:var(--black);background:var(--lime);padding:5px}.blink{color:var(--pink)}.hidden{display:none!important}.view-title{display:flex;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:10px}.station-list{display:grid}.station-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;border:0;border-bottom:1px solid #2a2a2a;padding:14px 4px;background:none;color:var(--white);font-size:10px;text-align:left;cursor:pointer}.station-row:hover{background:#151515}.station-row .ch{color:#777}.station-row b{color:var(--white);font:11px Silkscreen,monospace}.station-row .quote{color:var(--lime)}.station-row .state{font:8px Silkscreen,monospace;color:var(--green)}.message{border-bottom:1px solid #333;padding:18px 2px}.message-top{display:flex;justify-content:space-between;font:8px 'Space Mono',monospace;color:#777}.message h2{font:14px Silkscreen,monospace;color:var(--pink);margin:16px 0 9px}.message p{font-size:10px;line-height:1.5;color:#bbb;margin:0 0 14px}.message small{font:8px Silkscreen,monospace;color:var(--lime)}.private-state{text-align:center;padding:62px 20px}.offline-dot{width:8px;height:8px;background:var(--pink);display:inline-block;margin-right:8px}.private-state strong{font:10px Silkscreen,monospace}.private-state p{font-size:10px;line-height:1.6;color:#aaa;max-width:330px;margin:18px auto}.private-state button,.call-actions button{font:9px Silkscreen,monospace;background:var(--lime);border:1px solid var(--lime);padding:11px;color:var(--black);cursor:pointer}.operator{text-align:center;padding:30px 0}.operator-avatar{width:54px;height:54px;border:2px solid var(--pink);display:grid;place-items:center;margin:0 auto 17px;color:var(--pink);font-size:24px}.operator h2{font:16px Silkscreen,monospace;color:var(--lime);margin:0 0 15px}.operator p{font-size:11px;line-height:1.6;color:#ddd}.operator small{font-size:8px;color:#777;line-height:1.6}.call-actions{display:flex;justify-content:center;gap:10px}.call-actions button{background:var(--pink);border-color:var(--pink)}.log-line{display:grid;grid-template-columns:70px 70px 1fr;border-bottom:1px solid #333;padding:16px 3px;font-size:10px}.log-line time{color:#777}.log-line b{color:var(--lime);font:10px Silkscreen,monospace}.log-line span{color:#aaa}.pink{color:var(--pink)}.phone-divider{height:11px;background:var(--black);margin:0 12px}.keypad{background:var(--white);padding:15px 20px 18px}.key-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.key-row button{height:48px;background:#deded8;border:2px solid var(--black);font:14px Silkscreen,monospace;color:var(--black);cursor:pointer;box-shadow:3px 3px 0 #999;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 2px,100% 2px,100% calc(100% - 5px),calc(100% - 2px) calc(100% - 5px),calc(100% - 2px) 100%,5px 100%,5px calc(100% - 2px),0 calc(100% - 2px),0 5px,2px 5px,2px 2px,5px 2px)}.key-row button:hover{background:var(--lime);transform:translate(1px,1px);box-shadow:1px 1px 0 #999}.key-row button:active{transform:translate(3px,3px);box-shadow:none}.key-row button small{display:block;font:6px 'Space Mono',monospace;color:#777;margin-top:4px}.nav-key{background:var(--black)!important;color:var(--lime)!important}.symbol-key{background:#c9c9c2!important;color:var(--pink)!important}.key-bottom{grid-template-columns:1fr 2fr 1fr}.ok-key{background:var(--pink)!important;color:#fff!important}.soft-key{background:var(--black)!important;color:var(--white)!important}.phone-footer{height:31px;background:var(--black);color:#888;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font:7px 'Space Mono',monospace}.phone-footer span:first-child{color:var(--green)}@media(max-width:600px){.stage{padding:45px 7px 50px}.station-note,.stage-caption{font-size:7px}.phone{box-shadow:5px 5px 0 #8bb000}.phone-top{padding:0 11px}.top-meta{gap:6px;font-size:7px}.screen{min-height:390px;padding:14px 13px}.home-view{padding-top:35px}.home-view h1{font-size:24px;margin-bottom:27px}.home-readout strong{font-size:15px}.home-readout span{font-size:8px}.screen-date{display:none}.keypad{padding:12px}.key-row{gap:7px;margin-bottom:7px}.key-row button{height:42px;font-size:11px}.key-row button small{font-size:5px}}
:root{--lime:#ccff00;--pink:#ff2b78;--black:#090909;--white:#f7f7f2;--grey:#777;--line:#292929;--green:#30c800}
@media(min-width:901px){.stage{padding:54px 24px 78px}.phone{width:min(980px,calc(100vw - 110px));padding:18px;box-shadow:14px 14px 0 #8bb000}.phone-top{height:82px;padding:0 24px}.brand{font-size:18px}.top-meta{font-size:11px}.screen-bezel{padding:11px 18px 18px}.screen{min-height:590px;padding:24px 28px;background-size:42px 42px}.screen-head{font-size:11px;padding-bottom:20px}.home-view{padding-top:78px}.home-view h1{font-size:46px;margin:20px 0 48px}.home-readout{padding:24px 0}.home-readout strong{font-size:27px}.home-readout span{font-size:11px}.home-readout small{font-size:10px}.home-prompt{font-size:12px;margin-top:38px}.phone-divider{height:14px;margin:0 16px}.keypad{padding:20px 28px 24px}.key-row{gap:14px;margin-bottom:14px}.key-row button{height:60px;font-size:18px}.key-row button small{font-size:8px;margin-top:6px}.phone-footer{height:38px;padding:0 20px;font-size:9px}.station-note{font-size:10px;top:20px;left:28px}.stage-caption{font-size:10px;bottom:22px;right:28px}}
@media(min-width:901px) and (max-height:900px){.phone{transform:scale(.86);transform-origin:center center;margin-top:-30px;margin-bottom:-30px}.stage{padding-top:30px;padding-bottom:55px}}
@media(max-width:900px) and (min-width:601px){.phone{width:min(820px,calc(100vw - 40px))}.screen{min-height:520px}}
/* Immersive single-product view: the device is the landing page. */
.stage{min-height:100svh;padding:0;display:grid;place-items:center;overflow:hidden}.station-note,.stage-caption{display:none}.phone{width:min(1080px,calc(100vw - 38px));max-height:calc(100svh - 28px);overflow:auto;box-shadow:12px 12px 0 #8bb000}.phone-top{height:76px}.screen{min-height:500px}.keypad{padding-top:16px;padding-bottom:17px}
@media(min-width:901px){.phone{transform:none;margin:0}.screen{min-height:500px}.home-view{padding-top:64px}.home-view h1{font-size:42px}}
@media(max-width:600px){.stage{min-height:100svh;padding:8px 0}.phone{width:calc(100vw - 14px);max-height:calc(100svh - 16px);box-shadow:5px 5px 0 #8bb000}.screen{min-height:360px}.phone-top{height:58px}}
/* One-screen device mode: no page scroll, every control remains in the viewport. */
html,body{width:100%;height:100%;overflow:hidden}.stage{height:100svh;min-height:0;overflow:hidden}.phone{height:min(820px,calc(100svh - 30px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.screen-bezel{flex:1;min-height:0;display:flex}.screen{width:100%;min-height:0;height:100%;overflow:hidden}.keypad{flex:0 0 224px}.phone-footer{flex:0 0 31px}
@media(max-width:600px){.stage{height:100svh;min-height:0;padding:8px 0}.phone{height:calc(100svh - 16px);width:calc(100vw - 14px)}.phone-top{flex:0 0 58px}.screen-bezel{padding:6px 9px 9px}.keypad{flex:0 0 205px;padding:10px}.phone-footer{flex-basis:27px}.key-row{gap:6px;margin-bottom:6px}.key-row button{height:40px}.screen{padding:12px}.home-view{padding-top:22px}.home-view h1{font-size:21px;margin:12px 0 20px}.home-readout{padding:12px 0}.home-readout strong{font-size:14px}}
.public-links{margin-left:auto;display:flex;align-items:center;gap:7px;font:7px Silkscreen,monospace;color:#777}.public-links button,.public-links a{font:7px Silkscreen,monospace;color:var(--lime);background:transparent;border:1px solid #555;padding:6px 7px;text-decoration:none;cursor:pointer}.public-links a{font-size:14px;color:var(--pink);border-color:var(--pink)}
@media(max-width:600px){.public-links{position:absolute;right:8px;top:4px}.public-links button,.public-links span{font-size:6px}.public-links a{font-size:12px}}
.tune-view{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--pink) var(--black)}.tune-view::-webkit-scrollbar{width:5px}.tune-view::-webkit-scrollbar-thumb{background:var(--pink)}
.private-state #walletButton{font:9px Silkscreen,monospace;background:var(--pink);border:1px solid var(--pink);padding:11px;color:#fff;cursor:pointer}.private-state #walletButton.connected{background:var(--green);border-color:var(--green);color:#050505}.private-state button{cursor:pointer}
/* SIGNAL DECK: horizontal handheld console mode. */
body{background:#ccff00}.stage{padding:0 20px;min-height:100svh}.phone{width:min(1160px,calc(100vw - 56px));height:min(720px,calc(100svh - 34px));display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;overflow:hidden;padding:18px;box-shadow:12px 12px 0 #8bb000}.phone-top{height:64px;padding:0 24px}.brand{font-size:18px}.screen-bezel{padding:12px 18px 16px;min-height:0}.screen{min-height:0;height:100%;padding:20px 25px;background-size:38px 38px}.home-view{padding-top:34px}.home-view h1{font-size:39px;margin:14px 0 28px}.home-readout{max-width:700px}.phone-divider{display:none}.keypad{padding:14px 22px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.key-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0}.key-row .nav-key{display:none}.key-row:nth-child(1):after{content:'▲';grid-column:4;display:none}.key-row button{height:42px}.key-row:nth-child(3){grid-column:1}.key-row.key-bottom{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 2fr 1fr}.phone-footer{height:28px}.phone:after{content:'SIGNAL DECK / MARKET EDITION';position:absolute;right:26px;bottom:8px;color:#666;font:7px Silkscreen,monospace}.phone-top:after{content:'SELECT      START';position:absolute;left:50%;bottom:7px;transform:translateX(-50%);color:#777;font:7px Silkscreen,monospace}
@media(max-width:700px){.stage{padding:8px 5px}.phone{width:calc(100vw - 10px);height:calc(100svh - 16px);padding:9px;box-shadow:5px 5px 0 #8bb000}.phone-top{height:52px;padding:0 11px}.brand{font-size:12px}.screen-bezel{padding:7px 10px 9px}.screen{padding:14px; background-size:28px 28px}.home-view{padding-top:18px}.home-view h1{font-size:24px;margin:10px 0 18px}.home-readout{padding:12px 0}.home-readout strong{font-size:16px}.keypad{padding:9px 7px 10px;gap:7px}.key-row{gap:5px}.key-row button{height:34px;font-size:10px}.key-row button small{font-size:5px}.phone-footer{height:22px;font-size:6px}.phone:after,.phone-top:after{display:none}}
.screen-date{display:none!important}.screen-head{justify-content:flex-start}.screen-head .status-dot{margin-right:2px}
.screen-head{display:none!important}