@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
/* Blue sky, stone panels, and lime buttons echo the Modern Beta site. */
:root{--bg:#283a87;--ink:#f7f8ff;--muted:#d5dcf6;--accent:#adf000;--dark:#192559}
body{background:#283a87}
.site-header{background:linear-gradient(#8ba5eb,#506cc8);border-bottom:3px solid #111b46;box-shadow:0 4px 0 #273b7c}
.brand-mark{background:#d8e0ef;color:#1d2b53;border:2px solid #151d3d;box-shadow:3px 3px 0 #1a2658;font-family:'Press Start 2P',monospace;font-size:.57rem}
.brand-mark span,.brand-word>span{color:#aeef00}
.brand-word,.site-header nav,.site-header nav .play-link{font-family:'Press Start 2P',monospace}
.brand-word{font-size:.69rem;text-shadow:2px 2px 0 #263978}
.brand-word small{color:#eff4ff;font-size:.55rem;text-shadow:none}
.site-header nav{font-size:.62rem;gap:24px}
.site-header nav a{color:white;text-shadow:2px 2px 0 #293976}
.site-header nav a:hover,.site-header nav a.active{color:#d8ff77}
.site-header nav .play-link{background:#a9ed00;border:2px solid #24320a;color:#24320a!important;box-shadow:3px 3px 0 #15235a;text-shadow:none;padding:11px 14px}
.hero{border-bottom:3px solid #111b46}.hero-copy{background:#293d8b}
.hero h1,.section-intro h2,.feature-card h3,.panel-heading h1,.admin-head h1,.login-card h1{font-family:'Space Mono',monospace;font-weight:700;letter-spacing:-.065em}
.hero .lead,.section-intro p{color:#d9e2fa}
.hero-art{background:linear-gradient(#8dbbfa 0 48%,#b7d4f6 48% 57%,#6b906e 57%)}
.sun{background:#f4f0cd;box-shadow:0 0 0 12px rgba(255,255,255,.12)}.ridge-back{background:#5d8d6d}.ridge-front{background:#2f654c}
.hero-note.offline .status-dot{background:#e6a48d;box-shadow:0 0 0 3px #74526a}
.button{border:2px solid #151c3d;font-family:'Press Start 2P',monospace;font-size:.58rem;line-height:1.5}
.button.primary{background:#a9ed00;color:#263209;box-shadow:4px 4px 0 #152356}.button.secondary{border-color:#d2dbff;color:#eef3ff}.button.secondary:hover{background:#4055a7}
.section-intro{background:#283a87}.feature-card{background:#c9d0eb;border:2px solid #172455;color:#20274d;box-shadow:5px 5px 0 #172455}.feature-card:hover{background:#e0e5f8}
.card-label,.card-icon,.card-arrow{color:#3958a4}.feature-card p{color:#3a4467}.home-footer{border-color:#9caef5;color:#d5dcf6}.site-footer{border-color:#9caef5;color:#d5dcf6}
.app-page{background:#283a87}.side-panel{background:#c5cce9;border-right:3px solid #111b46;color:#212b52}.panel-heading{border-color:#6d7ba9}.panel-heading p,.panel-footnote,.detail-grid span,.muted{color:#4a577e}
.eyebrow,.section-number{color:#abec00;text-shadow:1px 1px 0 #263864}.side-panel .eyebrow,.admin-card .eyebrow,.login-card .eyebrow{color:#32539e;text-shadow:none}
.dimension-tabs{border:2px solid #4b609d}.dimension-tabs button,.inline-tabs button{color:#24335f}.dimension-tabs button.selected,.inline-tabs button.selected{background:#a9ed00;color:#263209}
.field-group label,.point-header{color:#26345e}.field-group input,.field-group select,.point-fields input,.point-fields select{background:#f1f3fc;border:2px solid #7382b2;color:#20294d}.field-group input:focus,.field-group select:focus,.point-fields input:focus,.point-fields select:focus{border-color:#3454a7}
.point-badge{background:#a9ed00;color:#1b2808}.point-b{background:#f3dc91}.result-box,.inspect-box,.notice,.timeline-box{background:#e2e6f5;border:2px solid #6d7eaf;color:#263359}.result-box.empty{color:#53618d}.result-icon{color:#3956a6}.result-heading,.directions li{border-color:#b6c1e2}.inspect-box p{color:#4b5b85}
.map-toolbar .map-title,.map-toolbar .map-legend,.map-readout{background:rgba(33,49,108,.94);border:2px solid #a5b9f3;color:white}.map-attribution{background:rgba(32,47,100,.92);border:1px solid #a5b9f3}
.player-list,.player-row{border-color:#8c9bca}.player-row{color:#263359}.player-row:hover,.player-row.selected{background:#e4e9f7}.avatar{background:#a9ed00;color:#263209}.player-row small,.timeline-heading span,.timeline-ends{color:#53628b}.row-arrow,.text-button{color:#3655a3}
.admin-page{background:#293b89}.admin-head{border-color:#91a5dc}.admin-head p{color:#d5def6}.admin-nav button{color:#e1e7fb}.admin-nav button:hover,.admin-nav button.selected{background:#5066b0;border-color:#a6b9ec;color:#dfff91}
.admin-card,.login-card{background:#d0d7ef;border:2px solid #18275a;color:#24325e;box-shadow:5px 5px 0 #152253}.admin-card p,.login-card p{color:#465783}.admin-form label{color:#24325e}.admin-form input,.admin-form select,.admin-form textarea{background:#f7f8fd;border:2px solid #7a8ab5;color:#25335f}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#3659ad}
.record{background:#ecf0fa;border:1px solid #8a9bc5;color:#273560}.record small{color:#65749d}.record button,.small-button{border:1px solid #536aa9;color:#26355e}.record button:hover,.small-button:hover{background:#b8c7e8}.admin-alert{background:#b7d26c;border-color:#294b15;color:#243307}.admin-alert.error{background:#e5ab9d;border-color:#8b3939;color:#422021}
@media(max-width:700px){.site-header nav{gap:10px;font-size:.49rem}.brand-word{font-size:.52rem}.brand-word small{font-size:.41rem}.side-panel{border-right:0;border-top:3px solid #111b46}}