:root{--bg:#07111c;--panel:#0b1927;--panel2:#0e2030;--line:rgba(142,190,214,.16);--line2:rgba(142,190,214,.28);--text:#e8f1f5;--muted:#7f9aa9;--cyan:#77e0d0;--blue:#79b9ed;--orange:#ffb879;--red:#ff7e83;--mono:'IBM Plex Mono',monospace;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 49% 12%,#112a3b 0%,#091827 35%,#060e18 75%);color:var(--text);font-family:var(--sans);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,rgba(128,189,213,.035) 50%,transparent 50.1%),linear-gradient(rgba(128,189,213,.025) 1px,transparent 1px);background-size:100% 100%,100% 46px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:0}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.stars{position:fixed;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(1px 1px at 12% 19%,#b9f5ed 99%,transparent),radial-gradient(1px 1px at 72% 12%,#9fc9e8 99%,transparent),radial-gradient(1px 1px at 82% 46%,#b9f5ed 99%,transparent),radial-gradient(1px 1px at 21% 71%,#9fc9e8 99%,transparent),radial-gradient(2px 2px at 91% 83%,#9fc9e8 99%,transparent),radial-gradient(1px 1px at 49% 38%,#fff 99%,transparent),radial-gradient(1px 1px at 37% 9%,#fff 99%,transparent);z-index:0}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,76px);border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(5,14,23,.62);backdrop-filter:blur(14px)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-size:16px;font-weight:800;letter-spacing:.08em}.brand-mark{font-size:23px;color:var(--cyan);text-shadow:0 0 18px #77e0d080}.brand-sub{font:500 10px var(--mono);color:var(--muted);letter-spacing:.1em;margin-left:6px}.top-right{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:.07em;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #77e0d0a0;flex-shrink:0}.icon-button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;width:30px;height:30px;margin-left:12px}.screen{display:none;position:relative;z-index:2}.screen.active{display:block}.landing{min-height:calc(100vh - 66px);display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(330px,.82fr);align-items:center;gap:clamp(25px,7vw,100px);max-width:1250px;margin:auto;padding:38px clamp(18px,5vw,66px) 62px;position:relative}.hero-copy{position:relative;min-width:0}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--cyan);font:10px var(--mono);letter-spacing:.12em;white-space:nowrap}.eyebrow-line{height:1px;width:22px;background:var(--cyan);opacity:.65}.hero-title-wrap{height:270px;position:relative;display:flex;align-items:center;justify-content:center;margin:5px 0 -2px;overflow:hidden}.planet-hero{width:178px;height:178px;position:relative;border-radius:50%;background:radial-gradient(circle at 34% 25%,#7aa6b4 0,#436b80 16%,#233d52 37%,#101d30 64%,#07111d 79%);box-shadow:inset -23px -14px 35px #020813,0 0 60px #397f9970,0 0 110px #4d9aa21c;overflow:visible}.planet-hero:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(158deg,transparent 0 15px,#80b6b41a 16px 18px,transparent 20px 33px);clip-path:circle(50%)}.planet-hero:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(110deg,transparent 45%,#030914d9 88%)}.planet-ring{position:absolute;inset:24px -25px;border:1px solid #8ad8d66b;border-radius:50%;transform:rotate(-27deg) scaleY(.38);box-shadow:0 0 13px #77e0d025}.planet-glow{position:absolute;width:12px;height:12px;border-radius:50%;background:#b4f8ec;top:42px;left:44px;filter:blur(10px);z-index:2}.orbit{position:absolute;border:1px solid #80c5d21a;border-radius:50%;width:280px;height:280px;transform:rotate(-25deg) scaleY(.36)}.orbit-two{width:360px;height:360px;transform:rotate(38deg) scaleY(.32);border-color:#80c5d212}.signal{position:absolute;font:9px var(--mono);color:#82a5b6;letter-spacing:.12em}.signal-a{left:5%;top:34%}.signal-b{right:1%;bottom:25%}.hero-copy h1{font-size:clamp(49px,7vw,84px);letter-spacing:.17em;margin:0 0 7px;font-weight:700;line-height:1.1}.title-gap{margin-left:.12em}.title-sub{display:block;font-size:clamp(15px,2vw,20px);letter-spacing:.18em;color:#a8c3d0;margin-top:14px;font-weight:500}.hero-lead{font-size:clamp(14px,1.5vw,17px);line-height:2;color:#b2c7d2;letter-spacing:.06em;margin:22px 0}.hero-meta{display:flex;gap:10px;font:9px var(--mono);color:#587586;letter-spacing:.1em}.glass{background:linear-gradient(145deg,rgba(15,35,51,.93),rgba(8,22,34,.92));border:1px solid var(--line);box-shadow:0 18px 70px #00000020,inset 0 1px #ffffff05;backdrop-filter:blur(12px)}.entry-panel{padding:25px 25px 19px;position:relative;min-width:0}.entry-panel:before,.environment-card:before{content:"";position:absolute;width:8px;height:8px;border-left:1px solid var(--cyan);border-top:1px solid var(--cyan);left:-1px;top:-1px}.panel-top,.section-heading{display:flex;align-items:center;justify-content:space-between}.panel-top{font:10px var(--mono);color:#a6c5d3;letter-spacing:.14em;margin-bottom:25px}.tiny-square{width:7px;height:7px;background:var(--cyan);opacity:.8;box-shadow:0 0 12px var(--cyan)}.field-label{display:block;font-size:10px;letter-spacing:.1em;color:#8ba7b7;margin:17px 0 8px}.entry-panel input,.entry-panel select,.chat-form input,.join-row input{width:100%;border:1px solid #274153;background:#07131f;color:var(--text);font:13px var(--sans);padding:13px 14px;border-radius:5px;outline:none;transition:border .2s}.entry-panel input:focus,.entry-panel select:focus,.chat-form input:focus,.join-row input:focus{border-color:#71cdbf}.entry-panel select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8aaebc 50%),linear-gradient(135deg,#8aaebc 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px;background-repeat:no-repeat}.entry-panel select option{background:#0b1927}.primary-button{width:100%;border:1px solid #8ce7d8;background:linear-gradient(100deg,#8ce7d8,#b6f3df);color:#09202a;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 13px var(--sans);border-radius:5px;margin-top:20px;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #77e0d025;filter:brightness(1.04)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:wait;transform:none}.button-arrow{font:20px var(--mono)}.divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:#567384}.divider span{height:1px;background:var(--line);flex:1}.divider small{font:9px var(--mono);white-space:nowrap;letter-spacing:.06em}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.join-row input{min-width:0;padding:11px 10px;font-size:11px}.secondary-button{border:1px solid #355366;background:#10283a;color:#bfe0e8;border-radius:5px;padding:0 13px;font:600 11px var(--sans);cursor:pointer}.secondary-button:hover,.share-button:hover{border-color:var(--cyan)}.panel-note{font-size:10px;color:#638292;margin:18px 0 0;display:flex;align-items:center;gap:7px}.note-icon{color:var(--cyan);font-size:18px}.error-text{color:var(--red);font-size:11px;min-height:0;margin:8px 0 0}.error-text:empty{display:none}.bottom-statement{position:absolute;bottom:20px;left:clamp(18px,5vw,66px);right:clamp(18px,5vw,66px);display:flex;justify-content:space-between;color:#496778;font:9px var(--mono);letter-spacing:.08em}.game-screen{max-width:1280px;margin:auto;padding:35px clamp(16px,4vw,54px) 22px}.game-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow.left{gap:9px;font-size:9px}.mono{font-family:var(--mono);color:#6e8b9c}.game-head h2{font-size:clamp(23px,4vw,34px);margin:9px 0 3px;letter-spacing:.03em}.muted{color:var(--muted);font-size:12px;margin:0}.share-button{display:flex;align-items:center;gap:10px;border:1px solid #365365;border-radius:5px;background:#0c2030;color:#c3e2e9;padding:12px 15px;font:600 11px var(--sans);white-space:nowrap;cursor:pointer}.share-button span{font:18px var(--mono);color:var(--cyan)}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:15px}.environment-card,.crew-card,.observations-card,.comms-card{position:relative;padding:21px;min-width:0}.section-index{font:9px var(--mono);letter-spacing:.12em;color:#80a1b2}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #31584f;color:var(--cyan);padding:5px 8px;border-radius:3px;font:9px var(--mono);white-space:nowrap}.pill i{width:5px;height:5px;background:var(--cyan);border-radius:50%;display:inline-block}.pill.neutral{color:#8ea9b8;border-color:#304554}.environment-main{display:flex;align-items:center;gap:22px;padding:23px 0 19px;border-bottom:1px solid var(--line)}.mini-planet{width:94px;height:94px;flex-shrink:0;border-radius:50%;position:relative;background:radial-gradient(circle at 28% 26%,#85c5bd 0,#43798a 18%,#24465a 42%,#0c1a2b 75%);box-shadow:inset -17px -10px 25px #020914,0 0 27px #60b5bd1f}.mini-planet:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(155deg,transparent 0 10px,#a7e2d31a 11px 13px,transparent 14px 24px)}.mini-continent{position:absolute;left:20px;top:26px;width:31px;height:22px;background:#8cc5b259;border-radius:65% 35% 55% 30%;transform:rotate(26deg)}.environment-data{min-width:0}.weather-label{font-size:16px;font-weight:700;margin-bottom:6px}.weather-desc{font-size:11px;color:#9bb3c0;line-height:1.8}.elapsed-label{font-size:10px;color:#688798;margin-top:12px}.elapsed-label strong{font:500 12px var(--mono);color:var(--cyan);margin-left:7px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 0 16px}.metric>span{display:block;color:#7795a6;font-size:10px;margin-bottom:8px}.metric strong{font:500 22px var(--mono);letter-spacing:-.04em}.metric strong small{font-size:10px;color:#7593a3;letter-spacing:0}.metric-track{height:3px;background:#203746;margin-top:9px;overflow:hidden}.metric-track i{height:100%;display:block;background:var(--cyan);transition:width .5s}.metric:nth-child(2) .metric-track i{background:var(--blue)}.metric:nth-child(3) .metric-track i{background:var(--orange)}.environment-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;color:#526f80;font:8px var(--mono);letter-spacing:.08em}.pulse-wave{font-size:20px;letter-spacing:0;color:var(--cyan)}.crew-count{font:10px var(--mono);color:#87a7b7}.crew-list{display:flex;flex-direction:column;gap:0;margin-top:17px}.crew-member{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #a8d2e00e}.crew-avatar{width:34px;height:34px;border:1px solid #375465;background:#102737;border-radius:6px;display:grid;place-items:center;color:var(--cyan);font:14px var(--mono);flex-shrink:0}.crew-info{min-width:0;flex:1}.crew-name{font-size:12px;font-weight:600;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.host-tag{font:8px var(--mono);color:#a2c2d1;border:1px solid #304c5b;padding:2px 4px}.crew-role{font-size:10px;color:#7593a3;margin-top:3px}.crew-status{font:8px var(--mono);color:#597888;white-space:nowrap}.crew-status.online{color:var(--cyan)}.crew-foot{margin-top:13px;font-size:9px;color:#658394;display:flex;align-items:center;gap:7px}.crew-foot .live-dot{width:5px;height:5px}.sites-section{margin-top:23px}.sites-section>.section-heading{margin-bottom:12px}.small{font-size:10px}.site-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,#102334,#0a1825);padding:15px 14px;min-width:0;overflow:hidden;transition:border .2s,transform .2s}.site-card:before{content:"";position:absolute;width:65px;height:65px;right:-19px;top:-23px;border:1px solid #8bd4d51a;border-radius:50%;box-shadow:0 0 0 10px #8bd4d507,0 0 0 20px #8bd4d505}.site-card:hover{border-color:#547d8c;transform:translateY(-2px)}.site-card.scanned{border-color:#4a877b}.site-card.scanned:after{content:"✓";position:absolute;right:12px;top:12px;color:var(--cyan);font-size:13px}.site-tag{font:9px var(--mono);color:#6d94a7;letter-spacing:.1em}.site-card h3{font-size:13px;margin:14px 0 6px;line-height:1.6}.site-card p{font-size:10px;line-height:1.7;color:#7897a7;min-height:34px;margin:0 0 13px}.site-specialty{font-size:9px;color:#a2c8c8;margin-bottom:13px}.scan-button{width:100%;background:#122c3b;border:1px solid #2d5061;color:#c4e3e8;border-radius:3px;padding:9px 8px;font:600 10px var(--sans);cursor:pointer}.scan-button:hover{border-color:var(--cyan)}.scan-button:disabled{opacity:.55;cursor:default}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.observation-list{display:flex;flex-direction:column;gap:8px;margin-top:15px;max-height:290px;overflow:auto}.empty-state{text-align:center;padding:22px 10px;color:#69899a}.empty-state>span{font-size:24px;color:#75bfb9}.empty-state p{font-size:11px;margin:9px 0 5px}.empty-state small{font-size:10px}.observation-item{border-left:2px solid var(--cyan);padding:10px 12px;background:#10263775}.observation-meta{font:9px var(--mono);color:#73bfb6;letter-spacing:.04em}.observation-item h4{font-size:12px;margin:6px 0}.observation-item p{font-size:11px;line-height:1.8;color:#a4bbc5;margin:0}.digit-chip{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:5px 9px;background:#153e3b;border:1px solid #2f766a;color:#b6f6e7;font:11px var(--mono)}.hint-box{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #243e4d;background:#0b1b28;margin-top:14px;color:#7c9aa8}.hint-box span{color:#9bd8d0}.hint-box p{font-size:10px;line-height:1.7;margin:0}.chat-subtitle{font-size:9px;color:#658797;margin-top:12px;letter-spacing:.06em}.chat-messages{height:245px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:15px 0 10px;scrollbar-color:#345566 transparent;scrollbar-width:thin}.chat-line{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.chat-meta{display:flex;align-items:center;gap:7px;font-size:9px;color:#7594a3}.chat-role{font:8px var(--mono);color:#70bdb5}.chat-body{font-size:11px;line-height:1.7;color:#c0d3da;overflow-wrap:anywhere}.chat-line.system .chat-body{color:#8caeaf;font-style:italic}.chat-time{font:8px var(--mono);color:#526f80}.chat-form{display:grid;grid-template-columns:1fr 38px;gap:7px}.chat-form input{padding:11px;font-size:11px}.chat-form button{border:1px solid #4a827b;background:#173a3b;color:var(--cyan);font:20px var(--mono);border-radius:4px;cursor:pointer}.chat-foot{display:flex;justify-content:space-between;gap:8px;color:#547182;font:8px var(--mono);margin-top:10px}.chat-foot span{font-family:var(--sans)}.decode-card{margin-top:16px;padding:22px;display:grid;grid-template-columns:1fr minmax(220px,.55fr);gap:30px;align-items:center;position:relative}.decode-card:after{content:"";position:absolute;right:24%;top:20%;width:1px;height:60%;background:var(--line)}.decode-copy h3{font-size:21px;margin:10px 0 8px}.decode-copy>p{font-size:11px;line-height:1.9;color:#8ea9b8;max-width:570px;margin:0}.decode-hint{font-size:10px;color:#7ac9be;margin-top:13px}.decode-form{position:relative;z-index:1}.decode-form label{display:block;font:9px var(--mono);color:#6e91a1;letter-spacing:.12em;margin-bottom:8px}.digit-input-wrap input{width:100%;background:#07141f;border:1px solid #335363;border-radius:4px;color:var(--cyan);font:600 24px var(--mono);letter-spacing:.45em;text-align:center;padding:10px;outline:none}.digit-input-wrap input:focus{border-color:var(--cyan)}.decode-form .primary-button{margin-top:10px;padding:11px 13px;font-size:11px}.decode-feedback{font-size:10px;color:var(--orange);min-height:14px;margin:7px 0 0}.decode-feedback.success{color:var(--cyan)}.game-footer{display:flex;align-items:center;gap:16px;color:#4e6d7e;font:8px var(--mono);letter-spacing:.06em;padding:22px 0 6px}.game-footer span:nth-child(2){flex:1;text-align:center}.game-footer button{background:none;border:0;color:#7192a2;font:9px var(--sans);cursor:pointer}.completion-banner{display:flex;align-items:center;gap:14px;border:1px solid #448b7d;background:linear-gradient(90deg,#11382f,#0b1d2a);padding:17px 20px;margin-bottom:17px}.completion-icon{font-size:25px;color:var(--cyan)}.completion-banner strong{font-size:14px}.completion-banner p{font-size:11px;color:#8bb7b2;margin:5px 0 0}.hidden{display:none!important}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#142e3b;border:1px solid #416a79;color:#d8eef0;padding:11px 16px;border-radius:5px;font-size:11px;z-index:20;max-width:calc(100% - 28px);transition:all .25s;box-shadow:0 8px 30px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}button,input,select{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #80dfd1;outline-offset:2px}
@media(min-width:1300px){.landing{padding-top:45px}.hero-title-wrap{height:300px}.planet-hero{width:200px;height:200px}.orbit{width:310px;height:310px}.orbit-two{width:390px;height:390px}}
@media(max-width:900px){.landing{grid-template-columns:1fr;max-width:620px;gap:22px;padding-top:34px;padding-bottom:72px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:9px}.hero-title-wrap{height:230px}.hero-copy h1{font-size:65px}.hero-meta{justify-content:center}.entry-panel{margin-bottom:20px}.bottom-statement{bottom:16px}.dashboard-grid{grid-template-columns:1fr}.crew-list{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.chat-messages{height:210px}.decode-card:after{display:none}.decode-card{grid-template-columns:1fr 240px;gap:18px}}
@media(max-width:560px){.topbar{height:58px;padding:0 16px}.brand{font-size:14px}.brand-sub{font-size:8px}.top-right{font-size:8px;gap:7px}.icon-button{margin-left:2px}.landing{padding:25px 16px 68px;gap:12px;min-height:calc(100vh - 58px)}.hero-title-wrap{height:190px;margin-top:0}.planet-hero{width:140px;height:140px}.orbit{width:230px;height:230px}.orbit-two{width:300px;height:300px}.signal{font-size:7px}.hero-copy h1{font-size:53px}.title-sub{font-size:13px;margin-top:10px}.hero-lead{font-size:13px;margin:16px 0}.hero-meta{font-size:7px}.entry-panel{padding:20px 16px 17px}.panel-top{margin-bottom:18px}.bottom-statement{left:16px;right:16px;font-size:7px}.game-screen{padding:22px 13px 16px}.game-head{align-items:flex-start;gap:10px;margin-bottom:17px}.game-head h2{font-size:23px}.game-head .muted{font-size:10px;max-width:230px;line-height:1.6}.share-button{padding:10px 9px;font-size:9px;gap:5px}.share-button span{font-size:15px}.environment-card,.crew-card,.observations-card,.comms-card{padding:16px}.section-index{font-size:8px}.environment-main{gap:14px;padding:18px 0 14px}.mini-planet{width:74px;height:74px}.mini-continent{left:15px;top:21px}.weather-label{font-size:13px}.weather-desc{font-size:10px}.elapsed-label{font-size:9px}.elapsed-label strong{font-size:10px}.metric-grid{gap:8px;padding:14px 0}.metric>span{font-size:8px;min-height:24px}.metric strong{font-size:18px}.metric strong small{font-size:8px}.environment-foot{font-size:7px}.crew-list{grid-template-columns:1fr}.crew-member{padding:9px 0}.site-grid{gap:8px}.site-card{padding:12px 10px}.site-card h3{font-size:12px;margin-top:11px}.site-card p{font-size:9px;min-height:48px}.site-specialty{font-size:8px}.scan-button{font-size:9px;padding:9px 4px}.sites-section>.section-heading{align-items:flex-start;gap:8px}.sites-section>.section-heading .small{text-align:right;max-width:150px;line-height:1.6}.lower-grid{gap:10px;margin-top:12px}.chat-messages{height:205px}.decode-card{padding:17px;grid-template-columns:1fr;gap:18px}.decode-copy h3{font-size:19px}.decode-copy>p{font-size:10px}.decode-form{max-width:100%}.game-footer{flex-wrap:wrap;gap:8px;font-size:7px}.game-footer span:nth-child(2){display:none}.game-footer button{margin-left:auto}.completion-banner{padding:13px}.completion-banner strong{font-size:12px}.completion-banner p{font-size:10px}}

.role-change-button{margin-top:9px;border:1px solid #294656;background:#0c2030;color:#83b4c3;border-radius:4px;padding:6px 9px;font:10px var(--sans);cursor:pointer}.role-change-button span{font:13px var(--mono);margin-left:6px;color:var(--cyan)}.role-change-button:hover{border-color:var(--cyan)}