:root{--ink:#0f172a;--ink-secondary:#334155;--muted:#64748b;--muted-light:#94a3b8;--bg:#f8fafc;--card:#fff;--line:#e2e8f0;--brand:#0d9488;--brand-hover:#0f766e;--brand-soft:#f0fdfa;--brand-border:#99f6e4;--danger:#e11d48;--danger-soft:#fff1f2;--danger-border:#fecdd3;--warning:#f59e0b;--gold:#d97706;--surface-blur:#ffffffeb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans Thai,system-ui,-apple-system,sans-serif;line-height:1.5;overflow:hidden auto}html,*{scrollbar-color:#94a3b8 #e2e8f0;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #e2e8f0;border-radius:999px}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid #2dd4bf}@media (forced-colors:active){*{scrollbar-color:auto}}button,select,input{font:inherit}button{cursor:pointer;border:0;transition:all .15s}button:active:not(:disabled){transform:translateY(1px)}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-header{color:#fff;z-index:1000;background:#0f172a;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(16px,3vw,40px);display:flex}.logo-group{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg,#0d9488,#059669);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #0d948866}.title-box h1{letter-spacing:-.01em;color:#f8fafc;font-size:16px;font-weight:700}.title-box p{color:#94a3b8;margin-top:1px;font-size:11.5px}.header-actions{align-items:center;gap:14px;display:flex}.btn-header{border-radius:var(--radius-sm);color:#f1f5f9;background:#1e293b;border:1px solid #334155;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.btn-header:hover{color:#fff;background:#334155}.live-score-badge{background:#0d948826;border:1px solid #14b8a666;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;display:flex}.score-num{color:#2dd4bf;letter-spacing:-.02em;font-size:20px;font-weight:700}.main-view{flex:1;position:relative;overflow:hidden}.map-viewport{width:100%;height:100%}.stats-floating-bar{z-index:850;pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:absolute;top:14px;left:16px;right:16px}.stat-chip{pointer-events:auto;background:var(--surface-blur);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:9px 12px;transition:transform .2s}.stat-chip:hover{transform:translateY(-1px)}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.stat-val{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:18px;font-weight:700;display:block;overflow:hidden}.stat-val.negative{color:var(--danger)}.stat-val.highlight{color:var(--brand)}.help-card{z-index:700;border-radius:var(--radius-md);background:var(--surface-blur);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);width:290px;box-shadow:var(--shadow-md);padding:14px 16px;font-size:12px;line-height:1.6;position:absolute;bottom:16px;left:16px}.help-card h4{color:var(--brand);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.panel-table{z-index:800;background:var(--surface-blur);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(840px,68vw);max-height:48vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;bottom:16px;right:16px}.panel-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 18px 10px;display:flex}.panel-header-title{align-items:center;gap:8px;display:flex}.panel-header-title h2{font-size:15px;font-weight:700}.panel-header-actions{align-items:center;gap:8px;display:flex}.table-scroll-wrap{flex:1;padding:0;overflow:auto}table.attribute-table{border-collapse:collapse;text-align:left;width:100%;min-width:740px}table.attribute-table th{z-index:10;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:#f1f5f9;padding:9px 10px;font-size:11px;font-weight:600;position:sticky;top:0}table.attribute-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px;font-size:12.5px}table.attribute-table tr:hover{background:#f1f5f999}.category-tag{background:var(--brand-soft);border:1px solid var(--brand-border);color:var(--brand-hover);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.input-type{border-radius:var(--radius-sm);background:#fff;border:1px solid #cbd5e1;outline:none;width:100%;min-width:110px;padding:5px 8px;font-size:12px;transition:border-color .15s,box-shadow .15s}.input-type:focus{border-color:var(--brand);box-shadow:0 0 0 2px #0d948833}.input-type.correct{border-color:var(--brand);background:#f0fdf4}.input-type.incorrect{border-color:var(--danger);background:#fff1f2}.hint-msg{margin-top:3px;font-size:10.5px;line-height:1.3;display:block}.hint-msg.ok{color:var(--brand);font-weight:600}.hint-msg.bad{color:var(--danger)}.mono-cell{color:var(--ink-secondary);font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.cell-locked{color:var(--muted-light);font-size:11px;font-style:italic}.btn{border-radius:var(--radius-sm);color:var(--ink);background:#e2e8f0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:#cbd5e1}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-gold{background:var(--ink);color:#fff}.btn-gold:hover:not(:disabled){background:#1e293b}.btn-danger-outline{border:1px solid var(--danger-border);color:var(--danger);background:0 0;padding:4px 8px;font-size:11px}.btn-danger-outline:hover:not(:disabled){background:var(--danger-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.panel-footer-actions{border-top:1px solid var(--line);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;width:min(680px,100%);max-height:90vh;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 40px -10px #00000040}.modal-box.wide{width:min(900px,100%)}.modal-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.modal-title{color:var(--ink);margin:6px 0 14px;font-size:22px;font-weight:700}.modal-note{background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:var(--radius-md);color:var(--ink-secondary);margin-bottom:14px;padding:12px 14px;font-size:12.5px;line-height:1.6}.modal-rules-list{color:var(--ink-secondary);margin-bottom:20px;padding-left:20px;font-size:13px;line-height:1.8}.choice-card{text-align:left;border:2px solid var(--line);border-radius:var(--radius-md);background:#f8fafc;width:100%;margin:10px 0;padding:16px;transition:all .2s}.choice-card:hover{border-color:var(--brand);background:var(--brand-soft)}.choice-card b{color:var(--ink);margin-bottom:3px;font-size:15px;display:block}.choice-card span{color:var(--muted);font-size:12px}.gis-marker-pin{background:linear-gradient(135deg,#0d9488,#059669);border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:flex;transform:rotate(-45deg);box-shadow:0 4px 10px #0000004d}.gis-marker-pin:hover{transform:rotate(-45deg)scale(1.15)}.gis-marker-pin span{color:#fff;text-align:center;font-size:12px;font-weight:700;transform:rotate(45deg)}@media (width<=860px){.stats-floating-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-table{width:auto;max-height:44vh;bottom:12px;left:12px;right:12px}.help-card{display:none}}@media (width<=580px){.stats-floating-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.top-header{height:56px}.title-box p{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}section.block{margin-bottom:48px}section.block .eyebrow{color:#4fb8af;letter-spacing:.12em;margin-bottom:8px;font-size:12px;font-weight:700}section.block h2{color:#f8fafc;margin:0 0 12px;font-size:clamp(20px,3vw,26px)}section.block p{color:#cbd5e1;max-width:820px;margin:0 0 16px;font-size:14.5px;line-height:1.8}.raster-panel{background:#16202c;border:1px solid #2c3b4c;border-radius:8px;flex:600px;padding:16px}.raster-panel .toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.raster-grid{background:#2c3b4c;border:1px solid #2c3b4c;border-radius:4px;gap:1px;width:100%;display:grid;overflow:hidden}.raster-cell{cursor:pointer;justify-content:center;align-items:center;transition:outline .1s,background .25s;display:flex;position:relative}.raster-cell:hover{outline-offset:-2px;z-index:2;outline:2px solid #fff}.raster-cell.movable{outline-offset:-2px;outline:2px dashed #d9a441}.raster-cell.movable:hover{outline:2px solid #d9a441}.raster-cell.submerged{box-shadow:inset 0 0 0 100px #2e6e9699}.cell-readout{color:#e9e4d6;min-height:24px;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:13px}.cell-readout b{color:#d9a441}.legend{color:#cbd3db;background:#16202c;border:1px solid #2c3b4c;border-radius:8px;flex:0 0 280px;padding:16px;font-size:13px}.legend .ramp{background:linear-gradient(90deg,#3e6e48,#88a452,#c4b26e,#966e50,#787878,#f5f5f5);border-radius:2px;width:100%;height:14px;margin:10px 0 4px}.legend .ramp-labels{color:#8496a6;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.legend .divider{background:#2c3b4c;height:1px;margin:16px 0}.legend .cat-item{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;font-size:12.5px;display:flex}.legend .cat-swatch{border-radius:2px;flex-shrink:0;width:14px;height:14px}.escape-hud{color:#cbd3db;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex}.escape-hud .hud-item b{color:#d9a441;font-size:15px;display:block}.escape-hud .hud-item span{color:#8496a6;font-size:11px}.escape-hud .hud-item.timer b{color:#f87171}.escape-msg{color:#e9e4d6;min-height:20px;margin-top:12px;font-size:13.5px}.escape-msg.win{color:#4ade80;font-weight:600}.escape-msg.lose{color:#f87171}.task-status{color:#8496a6;border:1px solid #2c3b4c;border-radius:4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.task-status.done{color:#0f1620;background:#d9a441;border-color:#d9a441;font-weight:700}.task-status.lost{color:#fff;background:#c25b4a;border-color:#c25b4a}.color-lab{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;display:grid}.color-card{background:#16202c;border:1px solid #2c3b4c;border-radius:8px;padding:16px}.reclassify-steps-label{color:#4d712d;text-transform:uppercase;font-size:12px}.reclassify-steps-list{color:#334e43;margin:10px 0 0;padding-left:22px;font-size:14px;line-height:1.85}.reclassify-steps-list b{color:#29382e}.rgb-preview{border:1px solid #2c3b4c;border-radius:6px;justify-content:center;align-items:center;height:60px;margin:12px 0;font-family:JetBrains Mono,monospace;font-weight:700;display:flex}.rgb-row{grid-template-columns:1fr 70px;align-items:center;gap:8px;margin:6px 0;display:grid}.rgb-value{color:#d9a441;text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}.res-row{flex-wrap:wrap;gap:16px;display:flex}.res-item{background:#16202c;border:1px solid #2c3b4c;border-radius:8px;flex:240px;padding:14px}.res-item .res-label{color:#8496a6;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:flex}.res-grid{background:#2c3b4c;border:1px solid #2c3b4c;gap:1px;width:100%;display:grid}.res-cell{min-height:0}.quiz-card{background:#16202c;border:1px solid #2c3b4c;border-radius:8px;max-width:800px;margin-bottom:14px;padding:20px}.quiz-card .qn{color:#4fb8af;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px}.qopt{text-align:left;color:#e9e4d6;cursor:pointer;background:#1c2836;border:1px solid #2c3b4c;border-radius:6px;width:100%;margin-bottom:8px;padding:10px 14px;transition:all .15s;display:block}.qopt:hover:not(:disabled){background:#27364a}.qopt.correct{background:#22c55e33;border-color:#22c55e}.qopt.wrong{background:#ef444433;border-color:#ef4444}.result-box{text-align:center;background:#16202c;border:1px solid #2c3b4c;border-radius:12px;max-width:680px;margin:0 auto;padding:30px}.result-box .bignum{color:#d9a441;font-size:54px;font-weight:800}.result-box .outof{color:#8496a6;margin-top:-4px;font-size:13.5px}.result-box .breakdown{color:#8496a6;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:18px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.result-box .breakdown b{color:#e9e4d6;margin-top:2px;font-size:16px;display:block}.leaderboard{background:#16202c;border:1px solid #2c3b4c;border-radius:10px;max-width:680px;margin:20px auto 0;padding:20px}.leaderboard-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.leaderboard-title{color:#e9e4d6;font-size:16px;font-weight:700}.leaderboard-sub{color:#8496a6;font-size:11.5px}.score-save{grid-template-columns:1fr auto;gap:8px;margin:12px 0;display:grid}.score-save input{color:#e9e4d6;background:#1c2836;border:1px solid #2c3b4c;border-radius:6px;padding:8px 12px}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-row{border-top:1px solid #2c3b4c;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:9px 0;font-family:JetBrains Mono,monospace;font-size:12.5px;display:grid}.leaderboard-rank{color:#4fb8af;font-weight:700}.leaderboard-name{color:#e9e4d6}.leaderboard-score{color:#d9a441;font-weight:700}.leaderboard-empty{color:#8496a6;text-align:center;padding:10px 0;font-size:12.5px}.btn.teal{color:#0f1620;background:#4fb8af}.btn.teal:hover{background:#3da89f}.btn.ghost{color:#e9e4d6;background:0 0;border:1px solid #2c3b4c}.btn.ghost:hover{background:#1c2836}.hub-shell{color:#f8fafc;background:radial-gradient(circle at 82% 8%,#2563eb2e,#0000 28rem),radial-gradient(circle at 12% 24%,#14b8a61f,#0000 24rem),#080f1d;min-height:100vh;position:relative}.hub-shell:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.hub-nav,.hub-content,.hub-footer{z-index:1;width:min(1240px,100% - 48px);margin:0 auto;position:relative}.hub-nav{justify-content:space-between;align-items:center;gap:20px;padding:24px 0 16px;display:flex}.hub-brand,.hub-hero-actions,.hub-hero-hint,.hub-db-status,.hub-footer span,.hub-stage-card-top{align-items:center;display:flex}.hub-brand{gap:12px}.hub-brand-mark{color:#fff;background:linear-gradient(145deg,#14b8a6,#2563eb);border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 12px 30px #14b8a647}.hub-brand-name{letter-spacing:.035em;font-size:15px;font-weight:800}.hub-brand-sub{color:#8da0b8;margin-top:2px;font-size:12px}.hub-db-status{color:#b7c4d5;background:#0f172ab8;border:1px solid #94a3b838;border-radius:999px;gap:8px;padding:8px 13px;font-size:12px}.hub-db-status.connected{color:#67e8d3;border-color:#2dd4bf4d}.hub-db-status.offline{color:#fbbf24;border-color:#f59e0b4d}.hub-hero{background:linear-gradient(120deg,#0f172af2,#0f2339c7);border:1px solid #60a5fa33;border-radius:28px;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:30px;min-height:320px;margin:24px 0 44px;padding:42px 52px;display:grid;overflow:hidden;box-shadow:0 30px 70px #0000003d,inset 0 1px #ffffff0f}.hub-hero:after{content:"";border:1px solid #2dd4bf26;border-radius:50%;width:360px;height:360px;position:absolute;top:-190px;right:100px;box-shadow:0 0 0 24px #2dd4bf08,0 0 0 60px #2dd4bf06}.hub-hero-copy{z-index:1;position:relative}.hub-kicker,.hub-section-kicker,.hub-stage-eyebrow,.rs-card-kicker{color:#5eead4;letter-spacing:.14em;font-size:11px;font-weight:800}.hub-kicker{align-items:center;gap:7px;display:inline-flex}.hub-hero h1{letter-spacing:-.045em;max-width:650px;margin:12px 0 10px;font-size:clamp(34px,5vw,58px);line-height:1.06}.hub-hero p{color:#a9b9cb;margin:0;font-size:16px}.hub-player-card{background:#030d1a6b;border:1px solid #5eead433;border-radius:13px;max-width:520px;margin-top:20px;padding:12px 14px}.hub-player-card label{color:#d8e5f1;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.hub-player-input-row{align-items:center;gap:8px;display:flex}.hub-player-input-row input{color:#f8fafc;background:#0f172ac7;border:1px solid #94a3b847;border-radius:9px;outline:none;flex:1;min-width:0;padding:10px 12px;font:14px Inter,Noto Sans Thai,sans-serif}.hub-player-status{color:#67e8d3;background:#14b8a61f;border-radius:999px;flex-shrink:0;padding:6px 8px;font-size:11px;font-weight:800}.hub-form-error{color:#fda4af;margin-top:8px;font-size:11.5px;line-height:1.45}.hub-hero-actions{flex-wrap:wrap;gap:20px;margin-top:28px}.hub-start-button{color:#06111f;background:#5eead4;border-radius:13px;align-items:center;gap:10px;padding:11px 18px 11px 11px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #2dd4bf40}.hub-start-button:hover{background:#99f6e4;transform:translateY(-1px)}.hub-start-icon{background:#06111f1f;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.hub-hero-hint{color:#b4c3d5;gap:7px;font-size:13px}.hub-hero-orbit{place-items:center;height:245px;display:grid;position:relative}.hub-orbit{border:1px solid #5eead440;border-radius:50%;position:absolute;transform:rotate(-24deg)}.hub-orbit-one{width:230px;height:104px}.hub-orbit-two{border-color:#60a5fa40;width:210px;height:180px;transform:rotate(38deg)}.hub-orbit-core{color:#5eead4;background:radial-gradient(circle,#14b8a63d,#0f172ae6);border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:94px;height:94px;display:grid;box-shadow:0 0 40px #14b8a629}.hub-orbit-label{color:#a7f3d0;font:700 11px/1 monospace;position:absolute}.label-n{top:8px}.label-e{right:10px}.label-s{bottom:8px}.label-w{left:10px}.hub-mission-section{padding-bottom:44px;scroll-margin-top:18px}.hub-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.hub-section-heading h2{letter-spacing:-.025em;margin:5px 0 0;font-size:25px}.hub-mission-count{color:#8596ab;font-size:13px}.hub-progress-card{background:#0f1d31d1;border:1px solid #60a5fa33;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:16px 18px;display:flex}.hub-progress-copy{flex:1;min-width:0}.hub-progress-title{color:#cbd5e1;justify-content:space-between;gap:12px;font-size:13px;display:flex}.hub-progress-title strong{color:#5eead4;font-family:monospace}.hub-progress-track{background:#94a3b826;border-radius:999px;height:8px;margin:10px 0 7px;overflow:hidden}.hub-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#60a5fa);height:100%;transition:width .35s;display:block}.hub-progress-note{color:#8191a5;font-size:11px}.hub-progress-percent{color:#f8fafc;text-align:right;min-width:76px;font:800 22px/1 monospace}.hub-progress-percent small{color:#8191a5;letter-spacing:.1em;margin-top:4px;font:700 9px/1 Inter,sans-serif;display:block}.hub-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hub-stage-card{--card-accent:#5eead4;border:1px solid color-mix(in srgb, var(--card-accent) 24%, #94a3b82e);background:linear-gradient(#182439f0,#0f192af0);border-radius:19px;flex-direction:column;min-height:362px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 14px 30px #00000024}.hub-stage-card:hover{border-color:color-mix(in srgb, var(--card-accent) 55%, white 5%);transform:translateY(-4px);box-shadow:0 22px 42px #0000003d}.hub-stage-card.accent-teal{--card-accent:#2dd4bf}.hub-stage-card.accent-blue{--card-accent:#60a5fa}.hub-stage-card.accent-amber{--card-accent:#fbbf24}.hub-stage-card.accent-violet{--card-accent:#a78bfa}.hub-stage-card.accent-gold{--card-accent:#facc15}.hub-stage-card-top{justify-content:space-between;margin-bottom:18px}.hub-stage-number{color:var(--card-accent);font:800 22px/1 monospace}.hub-stage-meta{color:#9aaac0;font-size:12px}.hub-stage-complete{border-color:color-mix(in srgb, var(--card-accent) 48%, #94a3b82e)}.hub-stage-icon{width:44px;height:44px;color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 14%, transparent);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.hub-stage-eyebrow{color:var(--card-accent);font-size:10px}.hub-stage-card h3{letter-spacing:-.025em;margin:7px 0 3px;font-size:22px}.hub-stage-subtitle{color:#b2c0d0;font-size:13px}.hub-stage-card p{color:#a7b5c7;min-height:62px;margin:13px 0 16px;font-size:13.5px;line-height:1.65}.hub-stage-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.hub-stage-tags span{color:#b5c2d2;background:#ffffff0b;border:1px solid #94a3b82e;border-radius:7px;padding:5px 8px;font-size:11px}.hub-best-score{color:#fcd34d;margin:-5px 0 13px;font-size:11.5px}.hub-best-score strong{font:800 14px monospace}.hub-stage-button{border:1px solid color-mix(in srgb, var(--card-accent) 45%, transparent);color:#06111f;background:var(--card-accent);border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:11px 13px;font-size:13px;font-weight:800;display:inline-flex}.hub-stage-button:hover{filter:brightness(1.08)}.hub-footer{color:#8293a9;flex-wrap:wrap;justify-content:center;gap:28px;padding:4px 0 28px;font-size:12px;display:flex}.hub-footer span{gap:7px}.field-label{color:var(--ink);margin-bottom:7px;font-size:13px;font-weight:800;display:block}.field-label-hint{color:var(--brand);margin-left:5px;font-size:11px;font-weight:700}.field-select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:10px 12px;font-size:14px}.field-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0d948824}.field-input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:10px 12px;font-size:14px}.field-input::placeholder{color:#94a3b8}.field-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0d948824}.modal-subtitle{color:var(--muted);margin:-7px 0 16px;font-size:13px}.record-preview{color:#115e59;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:-2px 0 15px;padding:11px 13px;font-size:12px;display:grid}.record-preview.invalid{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.record-preview-label{color:#0f766e;font-weight:700}.record-preview.invalid .record-preview-label{color:#b91c1c}.record-preview strong{color:#134e4a;font-size:14px}.record-preview.invalid strong{color:#991b1b}.modal-reference-table{border:1px solid var(--line);background:#f8fafc;border-radius:10px;margin:-2px 0 15px;overflow:hidden}.modal-reference-heading{border-bottom:1px solid var(--line);background:#f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.modal-reference-heading>div{gap:2px;display:grid}.modal-reference-kicker{color:var(--brand);letter-spacing:.08em;font-size:9px;font-weight:800}.modal-reference-heading strong{color:var(--ink);font-size:12px}.modal-reference-hint{color:var(--muted);white-space:nowrap;font-size:10px}.modal-reference-scroll{max-height:136px;overflow-y:auto}.reference-table{border-collapse:collapse;background:#fff;width:100%;font-size:12px}.reference-table th,.reference-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:7px 10px}.reference-table th{z-index:1;color:var(--muted);background:#f8fafc;font-size:10px;font-weight:700;position:sticky;top:0}.reference-table td:nth-child(n+2),.reference-table th:nth-child(n+2){text-align:right}.reference-table tbody tr:last-child td{border-bottom:0}.reference-table tbody tr.is-selected{color:#115e59;background:#ecfdf5;font-weight:700}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:8px;padding:9px 11px;font-size:12px;line-height:1.5}.dark-form-error{color:#fca5a5;background:#7f1d1d33;border-color:#f8717159}.mission-reward-card{color:#334155;background:#f8fafc;border:1px solid #94a3b833;border-radius:12px;align-items:center;gap:12px;margin:0 0 18px;padding:13px 15px;display:flex}.mission-reward-card.gold{background:linear-gradient(100deg,#fffbeb,#fff7d6);border-color:#f5d27a}.mission-reward-card.silver{background:linear-gradient(100deg,#f8fafc,#eef2f7);border-color:#cbd5e1}.mission-reward-card.bronze{background:linear-gradient(100deg,#fff7ed,#ffedd5);border-color:#e6b78f}.mission-reward-card>div{gap:3px;display:grid}.mission-reward-card strong{color:#0f172a;letter-spacing:.08em;font:800 12px/1 monospace}.mission-reward-card span:not(.mission-reward-icon){color:#64748b;font-size:12px;line-height:1.45}.mission-reward-icon{font-size:28px;line-height:1}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:9px;margin:0 0 16px;display:grid}.podium-card{text-align:center;background:linear-gradient(#f8fafc,#eef2f7);border:1px solid #94a3b840;border-radius:11px;align-content:center;place-items:center;gap:4px;min-height:104px;padding:11px 8px;display:grid}.podium-card.gold{background:linear-gradient(#fffbeb,#fef3c7);border-color:#f2c94c;min-height:124px}.podium-card.silver{border-color:#cbd5e1}.podium-card.bronze{background:linear-gradient(#fff7ed,#ffedd5);border-color:#eab08b}.podium-card.empty{opacity:.62}.podium-icon{font-size:23px;line-height:1}.podium-rank{color:#64748b;font:700 10px/1 monospace}.podium-card strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.podium-card>span:last-child{color:#2563eb;font:800 12px/1 monospace}.vector-header{height:72px;padding-inline:clamp(16px,3vw,34px)}.vector-header-left,.vector-header-status,.vector-timer,.vector-score{align-items:center;display:flex}.vector-header-left{gap:14px}.vector-home-button{color:#cbd5e1;background:#1e293b;border:1px solid #334155;padding:7px 10px}.vector-stage-copy{gap:2px;display:grid}.vector-stage-code{color:#7dd3fc;letter-spacing:.08em;font:700 11px/1.2 monospace}.vector-stage-name{color:#f8fafc;font-size:15px;font-weight:750}.vector-header-status{gap:10px}.vector-timer,.vector-score{background:#1e293bdb;border:1px solid #94a3b838;border-radius:12px;gap:9px;min-height:46px;padding:5px 13px}.vector-timer{color:#f8fafc}.vector-score{color:#facc15}.vector-timer span,.vector-score span{gap:1px;display:grid}.vector-timer small,.vector-score small{color:#94a3b8;font-size:10px;line-height:1}.vector-timer strong,.vector-score strong{color:inherit;font:800 18px/1.1 monospace}.vector-feedback-toast{z-index:1001;color:#7f1d1d;text-align:center;background:#fef2f2f5;border:1px solid #f871716b;border-radius:10px;max-width:min(560px,100vw - 32px);padding:11px 15px;font-size:13px;font-weight:700;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 26px #0f172a33}.vector-task-panel{z-index:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcf2;border:1px solid #ffffff9e;border-radius:16px;width:min(500px,100vw - 48px);padding:18px 20px;position:absolute;top:24px;left:24px;box-shadow:0 18px 36px #0f172a38}.vector-task-timer{width:fit-content;margin-top:12px}.ui-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vector-task-label{color:#2563eb;letter-spacing:.14em;margin-bottom:5px;font:800 10px/1 monospace}.ui-title{color:#0f172a;font-size:20px;line-height:1.3}.ui-progress{color:#1d4ed8;background:#eff6ff;border-left:3px solid #2563eb;border-radius:6px;margin:12px 0 10px;padding:8px 10px;font-size:12px;font-weight:700}.vector-howto-box{background:#ffffffb3;border:1px solid #e2e8f0;border-radius:10px;margin-top:13px;padding:11px 13px}.vector-howto-label{color:#64748b;letter-spacing:.08em;font-size:11px;font-weight:800}.vector-play-guide{color:#2563eb;margin-top:9px;font-size:11.5px;font-weight:700;line-height:1.5}.ui-desc{color:#475569;margin-top:4px;font-size:13px;line-height:1.65}.line-target-sequence{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.line-target-chip{color:#284760;background:#f2f8ed;border:1px solid #b9d9aa;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:6px 9px 6px 6px;font-size:12px;line-height:1.25;display:inline-flex}.line-target-chip strong{overflow-wrap:anywhere}.line-target-number{color:#fff;background:#6f9636;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.line-target-arrow{color:#6f9636;flex:none;font-size:17px;font-weight:800}.line-target-instruction{color:#536158;margin:8px 0 0;font-size:11.5px;line-height:1.5}.line-example-box{background:#f8fbf5;border-left:3px solid #8fb578;border-radius:5px;margin-top:9px;padding:8px 10px}.line-example-label{color:#4f712d;letter-spacing:.04em;font-size:10.5px;font-weight:800}.line-example-box p{color:#637169;margin:3px 0 0;font-size:11.5px;line-height:1.55}.vector-tutorial-title{align-items:center;gap:8px;display:flex}.vector-tutorial-title svg{color:#1d4ed8;flex:none}.line-tutorial-visual{background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;margin:12px 0 17px;padding:14px 12px 8px}.line-tutorial-visual svg{width:100%;height:auto;display:block;overflow:visible}.line-tutorial-solid{stroke:#2864e6;stroke-width:4px;stroke-linecap:round}.line-tutorial-dashed{stroke:#2864e6;stroke-width:4px;stroke-linecap:round;stroke-dasharray:8 8}.line-tutorial-node{stroke:#fff;stroke-width:2px}.line-tutorial-node-blue{fill:#2864e6}.line-tutorial-node-green{fill:#16a34a}.line-tutorial-node-number{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:12px;font-weight:800}.line-tutorial-action{fill:#475569;font-size:12px;font-weight:600}.line-tutorial-action-end{fill:#16a34a;font-weight:800}.polygon-tutorial-visual{background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;margin:12px 0 17px;padding:14px 12px 8px}.polygon-tutorial-visual svg{width:100%;height:auto;display:block;overflow:visible}.polygon-tutorial-shape{fill:#8b5cf638;stroke:#8b5cf6;stroke-width:4px;stroke-linejoin:round}.polygon-tutorial-node{stroke:#fff;stroke-width:2px}.polygon-tutorial-node-purple{fill:#8b5cf6}.polygon-tutorial-node-green{fill:#16a34a}.polygon-tutorial-node-number{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:12px;font-weight:800}.polygon-tutorial-action{fill:#16a34a;font-size:12px;font-weight:800}.vector-tutorial-steps{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:13.5px;line-height:1.8}.vector-tutorial-button{justify-content:center;width:100%}.action-row{gap:8px;margin-top:15px;display:flex}.action-btn{min-height:38px}.info-btn{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.leaflet-control-layers{border:1px solid #0f172a29!important;border-radius:10px!important;padding:8px 10px!important;font:600 12px/1.8 Inter,Noto Sans Thai,sans-serif!important;box-shadow:0 8px 20px #0f172a29!important}.leaflet-control-layers-list{margin-bottom:0!important}.raster-page{color:#e9eef5;background:#0b1420;min-height:100vh;font-family:Inter,Noto Sans Thai,sans-serif;overflow-y:auto}.raster-main{width:min(1200px,100% - 40px);margin:0 auto;padding:42px 0 86px}.raster-page section.block>.eyebrow{color:#67e8d3;align-items:center;gap:8px;display:flex}.raster-page section.block h2.display{color:#f8fafc;letter-spacing:-.025em;margin:7px 0 12px;font-size:clamp(24px,3vw,32px)}.raster-page section.block>p{color:#b5c3d2;max-width:880px;font-size:15px;line-height:1.85}.grid-wrap{flex-wrap:wrap;align-items:stretch;gap:18px;display:flex}.raster-panel,.legend,.color-card,.res-item,.quiz-card,.leaderboard,.result-box{border-radius:14px;box-shadow:0 14px 32px #00000029}.raster-panel,.legend{background:linear-gradient(#182636,#14202d);border-color:#304153}.raster-page .toolbar{border-bottom:1px solid #304153;padding-bottom:10px}.raster-page .cell-readout{color:#d6e0ea;background:#040b134d;border-radius:8px;padding:9px 11px;line-height:1.55}.raster-page .escape-hud{background:#040b133d;border-radius:10px;padding:10px 11px}.raster-page .color-card,.raster-page .res-item,.raster-page .quiz-card{background:linear-gradient(#182636,#14202d);border-color:#304153}.raster-page .quiz-card{max-width:900px}.raster-page .quiz-card .qtext{color:#f1f5f9;line-height:1.65}.raster-page .qopt{min-height:44px;font-size:14px;line-height:1.45}.raster-page .task-status{border-radius:999px}.raster-mission-nav{z-index:2;background:#0b1420f0;border-bottom:1px solid #304153;align-items:center;gap:14px;width:100%;padding:9px max(20px,50% - 600px);display:flex;position:relative;overflow-x:auto}.raster-nav-label{color:#8da0b4;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font:800 10px/1 monospace}.raster-nav-items{gap:7px;display:flex}.raster-nav-item{color:#b5c3d2;background:#ffffff0a;border:1px solid #304153;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.raster-nav-item:hover{color:#d7fff8;background:#14b8a61f;border-color:#67e8d3}.raster-nav-item>span{color:#8da0b4;font:800 10px monospace}.raster-nav-item.done{color:#c8fff5;border-color:#2dd4bf52}.raster-nav-item.done>span{color:#5eead4}.raster-leaderboard-button,.rs-leaderboard-button,.coordinate-leaderboard-button{color:#fcd34d;background:#fbbf241a;border:1px solid #fbbf2452;border-radius:9px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:750;display:inline-flex}.raster-leaderboard-button:hover,.rs-leaderboard-button:hover,.coordinate-leaderboard-button:hover{background:#fbbf242e}#raster-leaderboard,#rs-leaderboard,#coordinate-leaderboard{scroll-margin-top:28px}.rs-page{color:#f8fafc;background:radial-gradient(circle at 88% 4%,#2563eb24,#0000 28rem),#080f1d;min-height:100vh;font-family:Inter,Noto Sans Thai,sans-serif;overflow-y:auto}.rs-main{width:min(1180px,100% - 40px);margin:0 auto;padding:38px 0 86px}.rs-leaderboard-button{color:#fcd34d;background:#fbbf241a;border:1px solid #fbbf2459;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:750;display:inline-flex}.rs-knowledge-card{background:linear-gradient(145deg,#19273ee0,#0f192ae6);border:1px solid #94a3b829;border-radius:16px;padding:22px;box-shadow:0 18px 36px #00000029}.rs-knowledge-card h3{color:#f8fafc;margin:7px 0 8px;font-size:19px}.rs-card-lead{color:#b9c7d6;max-width:860px;margin:0;font-size:14px;line-height:1.75}.rs-spectrum-bar{background:linear-gradient(90deg,#4338ca 0%,#2563eb 14%,#06b6d4 29%,#22c55e 45%,#facc15 64%,#f97316 82%,#ef4444 100%);border:1px solid #ffffff29;border-radius:10px;align-items:center;height:48px;margin-top:20px;display:flex;position:relative;overflow:hidden}.rs-spectrum-bar:after{content:"";background:linear-gradient(90deg,#f472b6a6,#7c3aed6b);border-left:2px dashed #ffffffa6;width:40%;height:100%;margin-left:auto}.rs-spectrum-visible-label,.rs-spectrum-nir-label{z-index:1;color:#fff;text-shadow:0 1px 3px #00000080;font-size:12px;font-weight:800;position:absolute;top:15px}.rs-spectrum-visible-label{left:13px}.rs-spectrum-nir-label{right:13px}.rs-spectrum-axis{color:#8fa3b8;justify-content:space-between;gap:8px;margin:7px 2px 0;font:11px/1.4 monospace;display:flex}.rs-band-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.rs-band-reference{background:#050c1847;border:1px solid #94a3b826;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.rs-band-reference div{gap:2px;min-width:0;display:grid}.rs-band-reference strong{color:#f8fafc;font:800 13px/1 monospace}.rs-band-reference div span{color:#9fb0c2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.rs-band-reference>b{color:#dbeafe;font:700 11px/1 monospace}.rs-band-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.rs-order-game{background:#0f172a8a;border:1px solid #60a5fa3d;border-radius:13px;margin-top:22px;padding:18px}.rs-order-game-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.rs-order-game-heading h4{color:#f8fafc;margin:6px 0 0;font-size:17px}.rs-order-game p{color:#9fb0c2;margin:7px 0 14px;font-size:13px}.rs-reset-button{color:#cbd5e1;background:#ffffff0f;border:1px solid #94a3b840;border-radius:8px;padding:7px 10px;font-size:12px}.rs-order-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.rs-color-order-row{align-items:center;gap:10px;display:flex}.rs-color-order-slots{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0;display:grid}.rs-color-order-slots .rs-order-slot{cursor:copy;transition:border-color .15s,background .15s,transform .15s}.rs-color-order-slots .rs-order-slot.filled{cursor:pointer}.rs-color-order-slots .rs-order-slot.drag-over{background:#dbeafe;border-color:#2563eb;transform:translateY(-2px)}.rs-spectrum-endpoint{text-transform:lowercase;border-radius:7px;flex:none;padding:7px 9px;font-size:12px;font-weight:800}.rs-spectrum-endpoint.ultraviolet{color:#6d28d9;background:#ede9fe}.rs-spectrum-endpoint.infrared{color:#b91c1c;background:#fee2e2}.rs-order-slot{color:#8496a8;background:#ffffff08;border:1px dashed #94a3b84d;border-radius:9px;place-items:center;gap:3px;min-height:62px;padding:8px;display:grid}.rs-order-slot>span{font:700 10px/1 monospace}.rs-order-slot strong{font:800 16px/1 monospace}.rs-order-slot small{color:#94a3b8;font-size:10px}.rs-order-slot.filled{background:#2563eb14;border-style:solid;border-color:#60a5fa59}.rs-band-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.rs-band-button{color:#dbeafe;background:#ffffff0d;border:1px solid #94a3b83d;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font:700 12px/1 monospace;display:inline-flex}.rs-band-button:disabled{cursor:default;opacity:.46}.rs-color-button{color:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font:800 12px/1 Inter,Noto Sans Thai,sans-serif;display:inline-flex;box-shadow:0 3px 8px #0f172a29}.rs-color-button[data-color=yellow]{color:#1f2937}.rs-color-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.rs-color-button:disabled{cursor:default;opacity:.42}.rs-color-check-button{color:#fff;background:#16a34a;border:1px solid #16a34a;border-radius:8px;justify-content:center;align-items:center;padding:9px 14px;font-size:12px;font-weight:800;display:inline-flex}.rs-color-check-button:hover:not(:disabled){background:#15803d}.rs-color-check-button:disabled{cursor:not-allowed;opacity:.45}.rs-order-feedback{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:700}.rs-order-feedback.success{color:#86efac;background:#22c55e1f;border:1px solid #4ade8059}.rs-order-feedback.error{color:#fca5a5;background:#ef44441a;border:1px solid #f8717159}.coordinate-page{min-height:100vh}.coordinate-start-page,.coordinate-brief-page,.coordinate-game-page{font-family:Inter,Noto Sans Thai,sans-serif!important}.coordinate-game-page{overflow-y:auto}.coordinate-timer,.coordinate-score{min-height:46px}.coordinate-timer span{letter-spacing:.02em;font-size:19px!important;font-weight:800!important}.coordinate-score span{font-size:17px!important;font-weight:800!important}.coordinate-timer{box-shadow:0 0 0 3px #ffffff08}.coordinate-leaderboard-button{white-space:nowrap}@media (width<=980px){.hub-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-hero{grid-template-columns:1fr 220px;padding:34px}.hub-hero-orbit{transform:scale(.82)}.rs-band-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.hub-nav,.hub-content,.hub-footer,.raster-main,.rs-main{width:min(100% - 28px,560px)}.hub-nav{flex-direction:column;align-items:flex-start}.hub-db-status{justify-content:center;align-self:stretch}.hub-hero{grid-template-columns:1fr;min-height:0;margin-top:12px;padding:28px 22px}.hub-hero h1{font-size:36px}.hub-hero-orbit{display:none}.hub-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.hub-stage-grid{grid-template-columns:1fr}.hub-progress-card{align-items:flex-start}.hub-progress-percent{min-width:58px;font-size:18px}.hub-player-input-row{flex-direction:column;align-items:stretch}.hub-player-status{text-align:center}.hub-stage-card{min-height:0}.vector-header{height:auto;min-height:72px;padding-block:10px}.vector-header-left,.vector-header-status{flex-wrap:wrap}.vector-header-status{justify-content:flex-end}.vector-timer,.vector-score{min-height:40px}.vector-task-panel{width:calc(100vw - 24px);padding:15px;top:12px;left:12px}.vector-feedback-toast{top:12px}.ui-title{font-size:17px}.raster-main,.rs-main{padding-top:26px}.raster-page section.block{margin-bottom:44px}.raster-panel,.legend{flex-basis:100%}.raster-page .raster-grid{height:300px!important}.color-lab,.score-save{grid-template-columns:1fr}.rs-spectrum-axis{font-size:9px}.rs-band-reference-grid{grid-template-columns:1fr}.rs-order-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.raster-header>div:last-child{gap:6px!important}.raster-leaderboard-button span,.rs-leaderboard-button span,.coordinate-leaderboard-button span{display:none}.modal-box{padding:22px 18px}.record-preview{grid-template-columns:1fr auto}.record-preview-label{grid-column:1/-1}.leaderboard-podium{gap:6px}.podium-card{min-height:94px;padding-inline:5px}.podium-card.gold{min-height:108px}.podium-card strong{font-size:11px}.raster-mission-nav{padding-inline:14px}}.hub-shell{color:#122033;background:#f3f7fb}.hub-shell:before{opacity:.52;background-image:linear-gradient(#1e405c0e 1px,#0000 1px),linear-gradient(90deg,#1e405c0e 1px,#0000 1px);-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.hub-nav,.hub-content,.hub-footer{width:min(1240px,100% - 48px)}.hub-nav{padding-top:20px}.hub-brand-name{color:#13243a}.hub-brand-sub{color:#6d8297}.hub-db-status{color:#466176;background:#ffffffd1;border-color:#d5e0e9}.hub-db-status.connected{color:#087f78;background:#effcf9;border-color:#9ddbd3}.hub-db-status.offline{color:#a15d00;background:#fffaf0;border-color:#f2d49b}.hub-hero{background:linear-gradient(120deg,#fff 0%,#edf6fb 100%);border-color:#d8e5ef;box-shadow:0 22px 50px #32526d1f,inset 0 1px #fff}.hub-hero:after{border-color:#0d948829;box-shadow:0 0 0 24px #0d94880b,0 0 0 60px #0d948806}.hub-kicker,.hub-section-kicker{color:#0d8077}.hub-hero h1{color:#102a43}.hub-hero p{color:#5e7387}.hub-hero-hint{color:#4f687d}.hub-hero-hint svg{color:#c27b08}.hub-player-card{background:#ffffffd6;border-color:#c9e6e2}.hub-player-card label{color:#315369}.hub-player-input-row input{color:#19324a;background:#fff;border-color:#c8d9e5}.hub-player-input-row input::placeholder{color:#9aabba}.hub-player-input-row input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881f}.hub-player-status{color:#087f78;background:#e8f8f5}.hub-form-error{color:#b42318}.hub-section-heading h2{color:#17334d}.hub-mission-count{color:#6c8297}.hub-progress-card{background:#fff;border-color:#d6e4ee;box-shadow:0 10px 25px #25445e12}.hub-progress-title{color:#425d73}.hub-progress-title strong{color:#0b8178}.hub-progress-track{background:#e5edf3}.hub-progress-note{color:#7890a2}.hub-progress-percent{color:#193852}.hub-progress-percent small{color:#7990a3}.hub-picker-layout{grid-template-columns:minmax(250px,.78fr) minmax(0,1.5fr);align-items:stretch;gap:18px;display:grid}.hub-picker-column{background:#fff;border:1px solid #d6e3ed;border-radius:17px;padding:20px;box-shadow:0 10px 25px #25445e0f}.hub-picker-label{color:#17334d;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.hub-mission-select{color:#17334d;background:#f8fbfd;border:1px solid #b9cfdd;border-radius:10px;outline:none;width:100%;padding:12px 13px;font:14px Inter,Noto Sans Thai,sans-serif}.hub-mission-select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948821}.hub-mission-rail{gap:7px;margin-top:16px;display:grid}.hub-rail-item{color:#486278;text-align:left;background:#fbfdfe;border:1px solid #e0e9f0;border-radius:10px;grid-template-columns:28px 20px 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;font-size:12.5px;font-weight:700;display:grid}.hub-rail-item:hover,.hub-rail-item.selected{color:#0a716a;background:#effaf8;border-color:#9bcfc9}.hub-rail-item.accent-blue.selected{color:#1d5fa7;background:#eff6ff;border-color:#9fc5f0}.hub-rail-item.accent-amber.selected{color:#9a6505;background:#fff9e9;border-color:#f0d18b}.hub-rail-item.accent-violet.selected{color:#6544a4;background:#f7f3ff;border-color:#c9b9f0}.hub-rail-item.accent-gold.selected{color:#856a00;background:#fffced;border-color:#e5d083}.hub-rail-number{color:#7c93a6;font:800 11px monospace}.hub-detail-panel,.hub-detail-empty{background:#fff;border:1px solid #d6e3ed;border-left:5px solid #22a99d;border-radius:17px;min-height:100%;padding:24px;box-shadow:0 14px 30px #25445e14}.hub-detail-panel.accent-blue{border-left-color:#4285d4}.hub-detail-panel.accent-amber{border-left-color:#dfa32e}.hub-detail-panel.accent-violet{border-left-color:#8665d7}.hub-detail-panel.accent-gold{border-left-color:#c9972e}.hub-detail-top{align-items:center;gap:13px;display:flex}.hub-detail-icon{color:#087f78;background:#e6f8f5;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.accent-blue .hub-detail-icon{color:#2563a7;background:#eaf3ff}.accent-amber .hub-detail-icon{color:#9a6505;background:#fff5d9}.accent-violet .hub-detail-icon{color:#6946b4;background:#f2edff}.accent-gold .hub-detail-icon{color:#8a6a1f;background:#fff8dd}.hub-detail-eyebrow{color:#0d8077;letter-spacing:.12em;font:800 10px/1.2 monospace}.hub-detail-panel h3{color:#17334d;letter-spacing:-.025em;margin:6px 0 2px;font-size:25px}.hub-detail-panel .hub-detail-top p{color:#70869a;margin:0;font-size:13px}.hub-detail-description{color:#486278;margin:20px 0 16px;font-size:14px;line-height:1.75}.hub-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.hub-detail-grid>div{background:#f8fbfd;border:1px solid #e2ebf1;border-radius:10px;min-height:74px;padding:11px 12px}.hub-detail-grid span{color:#7a91a2;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.hub-detail-grid strong{color:#284760;font-size:12.5px;line-height:1.5}.hub-detail-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:17px 0 15px;display:flex}.hub-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.hub-detail-tags span{color:#587083;background:#f8fbfd;border:1px solid #d9e5ec;border-radius:7px;padding:5px 8px;font-size:11px}.hub-detail-score{color:#0a8178;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.hub-detail-button{color:#fff;background:#0d9488;border:1px solid #0b8178;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:13px;font-weight:800;display:inline-flex}.hub-detail-button:hover{background:#087f78}.hub-detail-empty{text-align:center;color:#a1b3c1;background:linear-gradient(145deg,#fff,#f8fbfd);align-content:center;place-items:center;display:grid}.hub-detail-empty svg{color:#8abdb8}.hub-detail-empty h3{color:#36546b;margin:12px 0 6px;font-size:19px}.hub-detail-empty p{color:#7a91a2;max-width:360px;margin:0;font-size:13px;line-height:1.7}.hub-footer{color:#71879a}.hub-footer svg{color:#0d9488}@media (width<=820px){.hub-picker-layout{grid-template-columns:1fr}.hub-detail-empty{min-height:260px}}@media (width<=700px){.hub-nav,.hub-content,.hub-footer{width:min(100% - 28px,560px)}.hub-hero{padding:28px 22px}.hub-detail-grid{grid-template-columns:1fr}.hub-picker-column{padding:15px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome-screen{isolation:isolate;color:#3c3b35;background:#e7ece7;min-height:100dvh;position:relative;overflow:hidden}.welcome-background,.welcome-overlay{pointer-events:none;position:absolute;inset:0}.welcome-background{z-index:-2;filter:saturate(.88)contrast(.98);background:url(/images/index/index.png) 50%/cover no-repeat;transform:scale(1.035)}.welcome-overlay{z-index:-1;background:linear-gradient(#ffffff47 0%,#ffffff1a 47%,#ebf1f280 100%),linear-gradient(90deg,#ffffff3d,#ffffff0d 48%,#ffffff2e)}.welcome-content{width:min(100%,1180px);min-height:100dvh;padding:clamp(16px, 2.1vh, 24px) 20px max(20px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;align-items:center;margin:0 auto;display:flex}.welcome-brand{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 12px #4d4b3a2e);flex-direction:column;align-items:center;display:flex;position:relative}.welcome-logo-image{object-fit:contain;width:min(39vw,760px);height:auto;max-height:38vh;display:block}.welcome-interaction{place-items:center;width:min(40vw,780px);min-height:clamp(118px,16.5vh,178px);margin-top:clamp(8px,1.4vh,16px);display:grid}.welcome-name-block{width:100%}.welcome-name-input-wrap{box-sizing:border-box;color:#77746e;background:#fffffff2;border:clamp(5px,.36vw,7px) solid #111;border-radius:999px;align-items:center;width:100%;min-height:clamp(118px,16.5vh,178px);padding:0 clamp(22px,2.5vw,40px);transition:box-shadow .16s,transform .16s;display:flex;box-shadow:inset 0 0 0 4px #d6c7bb38,0 7px #ffffff6b,0 16px 24px #4c483d1f}.welcome-name-input-wrap:focus-within{transform:translateY(-2px);box-shadow:inset 0 0 0 4px #f6c85f5c,0 7px #ffffff6b,0 19px 28px #4c483d29}.welcome-name-input-wrap input{color:#575650;text-align:center;background:0 0;border:0;outline:0;width:100%;min-width:0;font:700 clamp(22px,2.75vw,37px)/1.2 Noto Sans Thai,Tahoma,sans-serif}.welcome-name-input-wrap input::placeholder{color:#70706d;opacity:1}.welcome-error{color:#a32424;text-align:center;text-shadow:0 1px 2px #fff;margin:10px 0 0;font-size:14px;font-weight:800}.welcome-actions{flex-direction:column;align-items:center;width:100%;margin-top:auto;display:flex}.welcome-main-button{box-sizing:border-box;letter-spacing:.08em;border:clamp(5px,.36vw,7px) solid #111;border-radius:999px;justify-content:center;align-items:center;width:min(26.3vw,520px);min-width:270px;min-height:clamp(74px,10.2vh,110px);padding:13px 30px;font:900 clamp(25px,3.2vw,42px)/1 Georgia,Times New Roman,serif;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 7px #ffffff85,0 18px 26px #4c483d29}.welcome-main-button:hover{filter:brightness(1.045)saturate(1.05);transform:translateY(-2px);box-shadow:0 9px #ffffff85,0 20px 29px #4c483d2e}.welcome-main-button:active{transform:translateY(3px);box-shadow:0 3px #ffffff7a,0 10px 18px #4c483d24}.welcome-screen-start .welcome-logo-image{width:min(90vw,1760px);max-height:95vh}.welcome-screen-start .welcome-content{width:100%;padding:0;display:block;position:relative}.welcome-screen-start .welcome-brand{z-index:1;position:absolute;top:clamp(12px,2vh,24px);left:0;right:0}.welcome-screen-start .welcome-actions{right:20px;bottom:max(20px, env(safe-area-inset-bottom));z-index:2;width:auto;position:absolute;left:20px}.welcome-screen-name .welcome-content{padding-top:clamp(16px,3vh,32px)}@media (width<=640px){.welcome-content{padding-left:14px;padding-right:14px}.welcome-logo-image{width:min(90vw,520px);max-height:39vh}.welcome-interaction{width:min(92vw,560px);min-height:118px;margin-top:10px}.welcome-name-input-wrap{border-width:5px;min-height:118px;padding-left:17px;padding-right:17px}.welcome-main-button{border-width:5px;width:min(74vw,390px);min-width:230px;min-height:74px}.welcome-screen-start .welcome-logo-image{width:min(95vw,720px);max-height:none}.welcome-screen-start .welcome-actions{left:14px;right:14px}}@media (width<=640px) and (orientation:landscape){.welcome-content{padding-top:10px}.welcome-screen-start .welcome-logo-image{width:min(58vw,520px)}.welcome-screen-name .welcome-logo-image{width:min(42vw,420px);max-height:42vh}.welcome-interaction{min-height:22vh;margin-top:4px}.welcome-name-input-wrap{min-height:22vh}.welcome-main-button{min-height:17vh}}@media (width>=641px) and (width<=1100px){.welcome-screen-name .welcome-logo-image{width:min(52vw,680px)}.welcome-interaction{width:min(64vw,760px)}.welcome-main-button{width:min(33vw,420px)}}@media (prefers-reduced-motion:reduce){.welcome-name-input-wrap,.welcome-main-button{transition:none}}.mission-select-screen{isolation:isolate;box-sizing:border-box;background:#dce5e8;place-items:center;min-height:100dvh;padding:12px;display:grid;position:relative;overflow:auto}.mission-select-background,.mission-select-overlay{pointer-events:none;position:fixed;inset:0}.mission-select-background{z-index:-2;filter:blur(1.5px)saturate(.82)contrast(.98);background:url(/images/index/index.png) 50%/cover no-repeat;transform:scale(1.04)}.mission-select-overlay{z-index:-1;background:#edf2f37a}.mission-select-card{box-sizing:border-box;background:#fff1dc;border-radius:40px;flex-direction:column;width:min(970px,100%);height:min(90dvh,900px);min-height:520px;padding:clamp(28px,4.1vh,45px) clamp(22px,4.5vw,58px) clamp(25px,3.6vh,38px);display:flex;overflow:hidden;box-shadow:0 24px 45px #3843442e,inset 0 1px #ffffffe0}.mission-select-card h1{color:#3c302a;text-align:center;flex:none;margin:0;font-size:clamp(27px,3vw,40px);font-weight:900;line-height:1.25}.mission-select-picker-wrap{width:min(330px,100%);margin:clamp(25px,3.4vh,37px) auto 0;position:relative}.mission-select-dropdown{appearance:none;color:#fff;cursor:pointer;text-align:center;text-align-last:center;background:#7da33e;border:0;border-radius:999px;outline:0;width:100%;height:54px;padding:0 42px 0 18px;font:700 16px Noto Sans Thai,Tahoma,sans-serif;display:block;box-shadow:0 5px #4c671e26}.mission-select-chevron{pointer-events:none;border-bottom:2px solid #ffffffeb;border-right:2px solid #ffffffeb;width:9px;height:9px;position:absolute;top:50%;right:19px;transform:translateY(-65%)rotate(45deg)}.mission-detail-area{text-align:center;flex:auto;place-items:center;min-height:0;padding:24px 0;display:grid}.mission-detail-placeholder{color:#161514;margin:0;font-size:clamp(24px,3vw,36px);font-weight:400}.mission-detail-card{box-sizing:border-box;text-align:left;background:#ffffffa8;border:2px solid #43432d29;border-top:7px solid #729c3a;border-radius:22px;width:min(720px,100%);max-height:100%;padding:clamp(19px,3vw,29px);overflow:auto;box-shadow:0 10px 22px #53483414}.mission-detail-card.accent-blue{border-top-color:#4285d4}.mission-detail-card.accent-amber{border-top-color:#dfa32e}.mission-detail-card.accent-violet{border-top-color:#8665d7}.mission-detail-card.accent-gold{border-top-color:#c9972e}.mission-detail-heading{align-items:center;gap:14px;display:flex}.mission-detail-icon{color:#5a7f27;background:#e8f2d8;border-radius:15px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.mission-detail-card.accent-blue .mission-detail-icon{color:#2563a7;background:#eaf3ff}.mission-detail-card.accent-amber .mission-detail-icon{color:#9a6505;background:#fff5d9}.mission-detail-card.accent-violet .mission-detail-icon{color:#6946b4;background:#f2edff}.mission-detail-card.accent-gold .mission-detail-icon{color:#8a6a1f;background:#fff8dd}.mission-detail-heading span{color:#75944a;font-size:12px;font-weight:800}.mission-detail-heading h2{color:#332d28;margin:3px 0 1px;font-size:clamp(22px,2.2vw,29px);line-height:1.2}.mission-detail-heading p{color:#6f6c64;margin:0;font-size:13px}.mission-detail-description{color:#514a43;margin:20px 0 15px;font-size:14px;line-height:1.7}.mission-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mission-detail-grid>div{background:#faf8efd1;border-radius:10px;min-height:60px;padding:10px 11px}.mission-detail-grid span{color:#8a887f;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.mission-detail-grid strong{color:#4e473e;font-size:12px;line-height:1.45}.mission-detail-complete{color:#5d852c;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:800;display:inline-flex}.mission-select-actions{flex-direction:column;flex:none;align-items:center;min-height:88px;display:flex}.mission-select-next{color:#ffdf83;cursor:pointer;letter-spacing:.04em;background:#6e866f;border:clamp(4px,.35vw,6px) solid #111;border-radius:999px;width:min(26.3vw,310px);min-width:220px;height:clamp(68px,9.8vh,90px);padding:8px 28px;font:900 clamp(24px,2.9vw,36px) Georgia,Times New Roman,serif;transition:transform .15s,filter .15s;box-shadow:0 5px #ffffffb8,0 12px 18px #4448391f}.mission-select-next:hover{filter:brightness(1.05)saturate(1.04);transform:translateY(-2px)}.mission-select-next:active{transform:translateY(2px)}.mission-select-error{color:#a32424;text-align:center;min-height:18px;margin:0 0 6px;font-size:13px;font-weight:800}@media (width<=680px){.mission-select-screen{padding:10px}.mission-select-card{border-radius:29px;width:100%;height:calc(100dvh - 20px);min-height:500px;padding:30px 16px 22px}.mission-select-picker-wrap{width:min(330px,88vw);margin-top:25px}.mission-detail-area{padding:18px 0}.mission-detail-placeholder{font-size:clamp(22px,7vw,30px)}.mission-detail-card{border-top-width:5px;padding:17px}.mission-detail-grid{grid-template-columns:1fr}.mission-select-actions{min-height:78px}.mission-select-next{width:min(74vw,330px);min-width:210px;height:72px}}@media (width<=680px) and (orientation:landscape){.mission-select-card{height:calc(100dvh - 20px);min-height:0;padding-top:20px;padding-bottom:16px}.mission-select-card h1{font-size:25px}.mission-select-picker-wrap{height:44px;margin-top:14px}.mission-select-dropdown{height:44px;font-size:14px}.mission-detail-area{padding:10px 0}.mission-detail-card{padding:12px 15px}.mission-detail-description{margin:10px 0}.mission-detail-grid>div{min-height:46px;padding:7px 9px}.mission-select-actions{min-height:58px}.mission-select-next{width:min(32vw,300px);min-width:190px;height:55px;font-size:25px}}.mission-select-screen{--mission-green:#7da33e;--mission-green-dark:#668d30;--mission-green-soft:#e8f1d9;--mission-cream:#fff1dc;--mission-ink:#3c302a;--mission-muted:#66645d}.mission-select-overlay{background:#edf2f359}.mission-select-card{background:var(--mission-cream);border:1px solid #6c5b3c1f}.mission-select-card h1{color:var(--mission-ink)}.mission-select-dropdown{color:#fff;background:var(--mission-green);box-shadow:0 5px #4f701f2e}.mission-select-dropdown:focus{box-shadow:0 0 0 4px #7da33e40,0 5px #4f701f2e}.mission-select-progress{width:min(330px,100%);margin:12px auto 0}.mission-select-progress-top{color:var(--mission-muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.mission-select-progress-top strong{color:var(--mission-green-dark);white-space:nowrap;font-size:12px;font-weight:900}.mission-select-progress-top span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mission-select-progress-track{background:#7da33e2b;border-radius:999px;height:6px;margin-top:7px;overflow:hidden}.mission-select-progress-track span{border-radius:inherit;background:var(--mission-green);height:100%;transition:width .18s;display:block}.mission-detail-card,.mission-detail-card.accent-blue,.mission-detail-card.accent-amber,.mission-detail-card.accent-violet,.mission-detail-card.accent-gold{border-top-color:var(--mission-green)}.mission-detail-icon,.mission-detail-card.accent-blue .mission-detail-icon,.mission-detail-card.accent-amber .mission-detail-icon,.mission-detail-card.accent-violet .mission-detail-icon,.mission-detail-card.accent-gold .mission-detail-icon{color:var(--mission-green-dark);background:var(--mission-green-soft)}.mission-detail-heading span,.mission-detail-complete{color:var(--mission-green-dark)}.mission-detail-description{color:#57534b;margin-top:25px;margin-bottom:21px}.mission-detail-grid{gap:12px}.mission-detail-grid>div{background:#fffaf0cc;border:0;border-radius:13px;align-items:flex-start;gap:11px;min-height:82px;padding:15px 16px;display:flex}.mission-detail-grid>div:nth-child(2n){background:#f7f0e1b8}.mission-detail-grid>div>svg{color:var(--mission-green-dark);flex:none;margin-top:2px}.mission-detail-grid>div>div{gap:4px;min-width:0;display:grid}.mission-detail-grid span{color:var(--mission-green-dark);margin-bottom:0;font-size:12px;font-weight:900}.mission-detail-grid strong{color:#5f5d56;font-size:13px;font-weight:700;line-height:1.55}.mission-select-next{color:#fff;background:var(--mission-green);box-shadow:0 5px #4f701f2e,0 12px 18px #4448391f}.mission-select-next:hover{background:var(--mission-green-dark);filter:none;box-shadow:0 7px #4f701f2e,0 15px 22px #44483929}.mission-select-next:focus-visible{outline-offset:4px;outline:3px solid #7da33e5c}@media (width<=680px){.mission-select-progress{width:min(330px,88vw)}.mission-detail-grid>div{min-height:70px;padding:13px 14px}}:root{--mission-ui-green:#6f9636;--mission-ui-green-dark:#4d712d;--mission-ui-green-soft:#e8f1dc;--mission-ui-cream:#fff8e9;--mission-ui-surface:#fff;--mission-ui-ink:#29382e;--mission-ui-muted:#68766d;--mission-ui-line:#d7e3d5}.attribute-header{box-shadow:0 4px 18px #39533114;border-bottom:1px solid var(--mission-ui-line)!important;color:var(--mission-ui-ink)!important;background:linear-gradient(#fffdf7 0%,#f6f9f0 100%)!important}.attribute-header .logo-icon{background:linear-gradient(145deg, var(--mission-ui-green), var(--mission-ui-green-dark));box-shadow:0 7px 18px #6f963640}.attribute-header .title-box h1{color:var(--mission-ui-ink)!important}.attribute-header .title-box p{color:var(--mission-ui-muted)!important}.attribute-header .btn[style]{margin-right:4px;color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border:1px solid #c6dcb5!important}.attribute-header .btn[style]:hover{background:#dcebcf!important}.attribute-header .btn-header{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.attribute-header .btn-header:hover{background:#dcebcf!important}.attribute-header .live-score-badge{background:#eef6e8;border-color:#c7dfb9}.attribute-header .live-score-badge span{color:var(--mission-ui-muted)!important}.attribute-header .score-num{color:var(--mission-ui-green-dark)}.app-container:not(.vector-mission-shell) .stats-floating-bar .stat-chip,.app-container:not(.vector-mission-shell) .help-card,.app-container:not(.vector-mission-shell) .panel-table{border-color:var(--mission-ui-line);box-shadow:0 12px 28px #324d311f}.app-container:not(.vector-mission-shell) .help-card h4,.app-container:not(.vector-mission-shell) .stat-val.highlight{color:var(--mission-ui-green-dark)}.app-container:not(.vector-mission-shell) table.attribute-table th{color:var(--mission-ui-green-dark);background:#eff5ea}.app-container:not(.vector-mission-shell) table.attribute-table tr:hover{background:#f5f9f1}.app-container:not(.vector-mission-shell) .category-tag{color:var(--mission-ui-green-dark);background:var(--mission-ui-green-soft);border-color:#c6dcb5}.app-container:not(.vector-mission-shell) .btn-primary{background:var(--mission-ui-green)}.app-container:not(.vector-mission-shell) .btn-primary:hover:not(:disabled){background:var(--mission-ui-green-dark)}.app-container:not(.vector-mission-shell) .btn-gold{color:#fff;background:var(--mission-ui-green-dark)}.app-container:not(.vector-mission-shell) .btn-gold:hover:not(:disabled){background:#3d5d25}.vector-mission-shell{color:var(--mission-ui-ink);background:#edf4ec}.vector-mission-shell .vector-header{box-shadow:0 4px 18px #3953311a;border-bottom:1px solid var(--mission-ui-line)!important;color:var(--mission-ui-ink)!important;background:linear-gradient(#fffdf8 0%,#f4f8ee 100%)!important}.vector-home-button{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.vector-home-button:hover{background:#dcebcf!important}.vector-stage-code{color:var(--mission-ui-green-dark)!important}.vector-stage-name{color:var(--mission-ui-ink)!important}.vector-timer,.vector-score{color:var(--mission-ui-green-dark)!important;background:#f4f8ee!important;border-color:#c6dcb5!important}.vector-timer small,.vector-score small{color:var(--mission-ui-muted)!important}.vector-score svg{fill:currentColor;color:var(--mission-ui-green)!important}.vector-timer.urgent{color:#b42318!important;background:#fff1ef!important;border-color:#e6aaa2!important}.vector-mission-shell .btn-header{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.vector-mission-shell .btn-header:hover{background:#dcebcf!important}.vector-task-panel{background:#fffdf7f5!important;border-color:#d4e2d2!important;box-shadow:0 18px 36px #324d312e!important}.vector-task-label{color:var(--mission-ui-green-dark)!important}.ui-title{color:var(--mission-ui-ink)!important}.ui-progress{color:var(--mission-ui-green-dark)!important;border-left-color:var(--mission-ui-green)!important;background:var(--mission-ui-green-soft)!important}.vector-howto-box{border-color:var(--mission-ui-line)!important;background:#f9fcf5!important}.vector-howto-label{color:var(--mission-ui-green-dark)!important}.ui-desc{color:#536158!important}.vector-mission-shell .btn-primary{background:var(--mission-ui-green)!important}.vector-mission-shell .btn-primary:hover:not(:disabled){background:var(--mission-ui-green-dark)!important}.vector-mission-shell .btn-danger-outline{color:#b42318;background:snow;border-color:#edc2bd}.vector-mission-shell .btn-danger-outline:hover:not(:disabled){background:#fff1ef}.info-btn{color:var(--mission-ui-green-dark)!important;background:#fff!important;border-color:#c8d9c4!important}.info-btn:hover{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#8fb578!important}.vector-briefing-page{color:var(--mission-ui-ink);background:linear-gradient(#f3f8ef 0%,#eef5ec 100%)!important}.vector-briefing-banner{background:var(--mission-ui-cream)!important;border-bottom-color:var(--mission-ui-line)!important}.vector-briefing-banner h1{color:var(--mission-ui-ink)!important}.vector-briefing-banner p{color:var(--mission-ui-muted)!important}.vector-briefing-content{color:#536158}.vector-briefing-content>p{color:#536158!important}.vector-briefing-content>div>div,.vector-briefing-content>div[style*=background]{border-color:var(--mission-ui-line)!important;box-shadow:0 8px 18px #324d3112!important}.vector-briefing-content b{color:var(--mission-ui-green-dark)}.vector-briefing-footer{background:var(--mission-ui-cream)!important;border-top-color:var(--mission-ui-line)!important}.vector-briefing-footer .btn{color:var(--mission-ui-green-dark);background:#eef5e8;border:1px solid #c6dcb5}.vector-briefing-footer .btn:hover{background:#dcebcf}.vector-briefing-footer .btn-primary{color:#fff;background:var(--mission-ui-green);border-color:var(--mission-ui-green)}.vector-briefing-footer .btn-primary:hover{background:var(--mission-ui-green-dark)}.raster-page{color:var(--mission-ui-ink)!important;background:linear-gradient(#f3f8ef 0%,#edf4ec 100%)!important}.raster-header{box-shadow:0 4px 18px #3953311a;border-bottom:1px solid var(--mission-ui-line)!important;color:var(--mission-ui-ink)!important;background:linear-gradient(#fffdf8 0%,#f4f8ee 100%)!important}.raster-header-left .btn{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.raster-header-left .btn:hover{background:#dcebcf!important}.raster-header-mark{background:var(--mission-ui-green)!important}.raster-header-mark svg{color:#fff!important}.raster-header-kicker{color:var(--mission-ui-green-dark)!important}.raster-header-title{color:var(--mission-ui-ink)!important}.raster-score-badge{background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.raster-score-badge svg,.raster-score-badge>span:last-child{color:var(--mission-ui-green-dark)!important}.raster-score-badge>span:nth-child(2){color:var(--mission-ui-muted)!important}.raster-mission-nav{box-shadow:0 5px 16px #39533112;border-bottom-color:var(--mission-ui-line)!important;background:#fffdf7f5!important}.raster-nav-label{color:var(--mission-ui-green-dark)!important}.raster-nav-item{color:#536158!important;background:#f7fbf4!important;border-color:#d3e1d0!important}.raster-nav-item:hover,.raster-nav-item.done{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#9fc18e!important}.raster-nav-item>span,.raster-nav-item.done>span{color:var(--mission-ui-green-dark)!important}.raster-page section.block{margin-bottom:54px}.raster-page section.block>.eyebrow{color:var(--mission-ui-green-dark)!important}.raster-page section.block h2.display{color:var(--mission-ui-ink)!important}.raster-page section.block>p{color:#59685f!important}.raster-panel,.legend,.color-card,.res-item,.quiz-card,.leaderboard,.result-box{border-color:var(--mission-ui-line)!important;background:var(--mission-ui-surface)!important;color:var(--mission-ui-ink)!important;box-shadow:0 12px 28px #324d311a!important}.raster-page .toolbar{border-bottom-color:var(--mission-ui-line)!important}.raster-page .toolbar .mono,.raster-page .legend>.mono,.raster-page .color-card>.mono{color:var(--mission-ui-green-dark)!important}.raster-page .cell-readout{color:#536158!important;background:#f3f8ef!important}.raster-page .cell-readout b{color:var(--mission-ui-green-dark)!important}.raster-page .escape-hud{background:#f3f8ef!important}.raster-page .escape-hud .hud-item b{color:var(--mission-ui-green-dark)!important}.raster-page .escape-hud .hud-item span{color:var(--mission-ui-muted)!important}.raster-page .escape-hud .hud-item.timer b{color:#b42318!important}.raster-page .btn:not(.ghost){color:#fff!important;background:var(--mission-ui-green)!important}.raster-page .btn:not(.ghost):hover:not(:disabled){background:var(--mission-ui-green-dark)!important}.raster-page .btn.teal{color:#fff!important;background:var(--mission-ui-green)!important}.raster-page .btn.teal:hover{background:var(--mission-ui-green-dark)!important}.raster-page .btn.ghost{color:var(--mission-ui-green-dark)!important;background:#f2f7ed!important;border-color:#c6dcb5!important}.raster-page .btn.ghost:hover:not(:disabled){background:var(--mission-ui-green-soft)!important}.raster-page .legend{color:#536158!important}.raster-page .legend .divider{background:var(--mission-ui-line)!important}.raster-page .legend p,.raster-page .color-card p,.raster-page .color-card ol:not(.reclassify-steps-list){color:#637169!important}.raster-page .legend .ramp-labels{color:var(--mission-ui-muted)!important}.raster-page .reclassify-steps-label{color:var(--mission-ui-green-dark)!important}.raster-page .reclassify-steps-list{font-size:14px;color:#334e43!important}.raster-page .reclassify-steps-list b{color:var(--mission-ui-ink)!important}.raster-page .task-status.done{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green)!important}.raster-page .task-status{color:var(--mission-ui-muted)!important;background:#f6faf3!important;border-color:#cbdcc8!important}.raster-page .task-status.lost{color:#fff!important;background:#c25b4a!important;border-color:#c25b4a!important}.raster-page .escape-msg{color:#536158!important}.raster-page .escape-msg.win,.raster-page .quiz-card .qn{color:var(--mission-ui-green-dark)!important}.raster-page .quiz-card .qtext{color:var(--mission-ui-ink)!important}.raster-page .qopt{color:#536158!important;background:#f7fbf4!important;border-color:#d3e1d0!important}.raster-page .qopt:hover:not(:disabled){color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important}.raster-page .qopt.correct{color:#35682e!important;background:#e8f5e3!important;border-color:#8fbe83!important}.raster-page .qopt.wrong{background:#fff1ef!important}.raster-page .qexplain.show{color:#536158!important;border-left-color:var(--mission-ui-green)!important;background:#f3f8ef!important}.raster-page .result-box .bignum{color:var(--mission-ui-green-dark)!important}.raster-page .result-box .outof,.raster-page .result-box .breakdown,.raster-page .leaderboard-sub{color:var(--mission-ui-muted)!important}.raster-page .result-box .breakdown b,.raster-page .leaderboard-title{color:var(--mission-ui-ink)!important}.raster-page .leaderboard-row{border-top-color:var(--mission-ui-line)!important}.raster-page .leaderboard-rank,.raster-page .leaderboard-score{color:var(--mission-ui-green-dark)!important}.raster-page .leaderboard-name{color:#536158!important}.raster-page .score-save input{color:var(--mission-ui-ink)!important;background:#fff!important;border-color:#cbdcc8!important}.raster-page .score-save .btn{background:var(--mission-ui-green)!important}.raster-page .mission-reward-card strong{color:var(--mission-ui-ink)}.rs-page{color:var(--mission-ui-ink)!important;background:linear-gradient(#f3f8ef 0%,#edf4ec 100%)!important}.rs-header{box-shadow:0 4px 18px #3953311a;border-bottom-color:var(--mission-ui-line)!important;background:linear-gradient(#fffdf8 0%,#f4f8ee 100%)!important}.rs-header-title{color:var(--mission-ui-ink)!important}.rs-header-subtitle{color:var(--mission-ui-muted)!important}.rs-hub-button{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.rs-hub-button:hover{background:#dcebcf!important}.rs-mission-badge,.rs-sound-toggle{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.rs-sound-toggle:hover{background:#dcebcf!important}.rs-leaderboard-button{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.rs-leaderboard-button:hover{background:#dcebcf!important}.rs-campaign-hud{border-color:var(--mission-ui-line)!important;background:#f7fbf4!important}.rs-progress-label{color:var(--mission-ui-green-dark)!important}.rs-progress-steps>span{color:var(--mission-ui-green-dark)!important;background:#eef5e8!important;border-color:#c6dcb5!important}.rs-score-chip{color:#536158!important;border-color:var(--mission-ui-line)!important;background:#f8fbf6!important}.rs-score-chip b{color:var(--mission-ui-green-dark)!important}.rs-total-chip{color:var(--mission-ui-ink)!important;background:var(--mission-ui-green-soft)!important;border-color:#b9d29f!important}.rs-total-chip b{color:var(--mission-ui-green-dark)!important}.rs-tab-nav{border-bottom-color:var(--mission-ui-line)!important}.rs-tab-button{color:var(--mission-ui-muted)!important}.rs-tab-button:hover,.rs-tab-button.active{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#b9d29f!important}.rs-main{padding-top:34px}.rs-process-stage,.rs-mixer-stage,.rs-theory-stage{color:#536158}.rs-process-stage h2,.rs-mixer-stage h2,.rs-theory-stage h2,.rs-process-stage h3,.rs-mixer-stage h3,.rs-theory-stage h3,.rs-process-stage h4,.rs-mixer-stage h4{color:var(--mission-ui-ink)!important}.rs-process-stage p,.rs-mixer-stage p,.rs-theory-stage p{color:#637169!important}.rs-process-notice,.rs-quiz-section{border-color:var(--mission-ui-line)!important;background:#f7fbf4!important}.rs-theory-stage>section{color:#536158!important;border-color:var(--mission-ui-line)!important;background:#fff!important;box-shadow:0 12px 28px #324d311a!important}.rs-theory-stage>section h3{color:var(--mission-ui-ink)!important}.rs-theory-stage>section p,.rs-theory-stage>section li{color:#637169!important}.rs-theory-stage canvas{border-color:var(--mission-ui-line)!important;background:#f7fbf4!important}.rs-knowledge-card{border-color:var(--mission-ui-line)!important;background:#fff!important}.rs-knowledge-card h3{color:var(--mission-ui-ink)!important}.rs-card-lead{color:#637169!important}.rs-band-reference{border-color:var(--mission-ui-line)!important;background:#f7fbf4!important}.rs-band-reference strong{color:var(--mission-ui-ink)!important}.rs-band-reference div span{color:var(--mission-ui-muted)!important}.rs-order-game{background:#f7fbf4!important;border-color:#c9dfbd!important}.rs-order-game-heading h4{color:var(--mission-ui-ink)!important}.rs-order-game p{color:#637169!important}.rs-reset-button{color:var(--mission-ui-green-dark)!important;background:#fff!important;border-color:#cbdcc8!important}.rs-reset-button:hover{background:var(--mission-ui-green-soft)!important}.rs-order-slot{color:var(--mission-ui-muted)!important;background:#fff!important;border-color:#bdd1b6!important}.rs-order-slot.filled{background:var(--mission-ui-green-soft)!important;border-color:#9fc18e!important}.rs-color-order-slots .rs-order-slot.drag-over{background:#dbeafe!important;border-color:#2563eb!important}.rs-order-slot small{color:var(--mission-ui-muted)!important}.rs-band-button{color:var(--mission-ui-green-dark)!important;background:#fff!important;border-color:#cbdcc8!important}.rs-band-button:hover:not(:disabled){background:var(--mission-ui-green-soft)!important;border-color:#9fc18e!important}.rs-order-feedback.success{color:#35682e!important;background:#e8f5e3!important;border-color:#9fc18e!important}.rs-order-feedback.error{color:#a33b31!important;background:#fff1ef!important}.rs-theory-actions button{color:var(--mission-ui-green-dark)!important;background:#f7fbf4!important;border:1px solid #c6dcb5!important}.rs-theory-actions button:first-child{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green)!important}.rs-theory-actions button:hover{background:var(--mission-ui-green-soft)!important}.rs-theory-actions button:first-child:hover{background:var(--mission-ui-green-dark)!important}.rs-theory-stage .rs-spectrum-summary{color:#e2e8f0!important;background:#0f172a!important;border-color:#334155!important}.rs-theory-stage .rs-spectrum-summary strong{color:#f8fafc!important}.rs-theory-stage .rs-spectrum-summary p{color:#cbd5e1!important}.rs-theory-stage .rs-spectrum-summary b{color:#fff!important}.rs-theory-stage .rs-briefing-methods{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}.rs-theory-stage .rs-briefing-methods strong{color:#f8fafc!important}.rs-theory-stage .rs-briefing-methods ol,.rs-theory-stage .rs-briefing-methods li{color:#cbd5e1!important}.rs-main table th{color:var(--mission-ui-green-dark)!important;border-bottom-color:var(--mission-ui-line)!important}.rs-main table td{color:#536158!important;border-bottom-color:var(--mission-ui-line)!important}.coordinate-start-page,.coordinate-brief-page,.coordinate-game-page{color:var(--mission-ui-ink)!important;background:linear-gradient(#f3f8ef 0%,#edf4ec 100%)!important}.coordinate-start-card{background:var(--mission-ui-cream)!important;border-color:var(--mission-ui-line)!important;box-shadow:0 18px 38px #324d3124!important}.coordinate-start-frame{border-color:#b9d29f!important}.coordinate-start-kicker,.coordinate-brief-kicker{color:var(--mission-ui-green-dark)!important}.coordinate-start-title,.coordinate-brief-title{color:var(--mission-ui-ink)!important}.coordinate-start-description,.coordinate-brief-content{color:#637169!important}.coordinate-start-description b,.coordinate-brief-content b{color:var(--mission-ui-green-dark)}.coordinate-compass circle{stroke:var(--mission-ui-green-dark)}.coordinate-compass line{stroke:var(--mission-ui-green)}.coordinate-secondary-action{color:var(--mission-ui-green-dark)!important;background:#f2f7ed!important;border-color:#c6dcb5!important}.coordinate-secondary-action:hover{background:var(--mission-ui-green-soft)!important}.coordinate-primary-action{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green-dark)!important;box-shadow:0 5px 14px #4f712d33!important}.coordinate-primary-action:hover{background:var(--mission-ui-green-dark)!important}.coordinate-brief-banner{background:var(--mission-ui-cream)!important;color:var(--mission-ui-ink)!important;border-bottom-color:var(--mission-ui-line)!important}.coordinate-brief-content{color:#536158!important}.coordinate-brief-content h3{color:var(--mission-ui-green-dark)!important}.coordinate-brief-content p,.coordinate-brief-content ul{color:#637169!important}.coordinate-brief-footer{border-top-color:var(--mission-ui-line)!important;background:#f7fbf4!important}.coordinate-header{border-bottom:1px solid var(--mission-ui-line)!important;background:linear-gradient(#fffdf8 0%,#f4f8ee 100%)!important;box-shadow:0 4px 18px #3953311a!important}.coordinate-hub-button{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.coordinate-hub-button:hover{background:#dcebcf!important}.coordinate-phase-badge{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#b9d29f!important}.coordinate-round-label{color:var(--mission-ui-muted)!important}.coordinate-timer,.coordinate-score{color:var(--mission-ui-green-dark)!important;background:#f4f8ee!important;border-color:#c6dcb5!important}.coordinate-timer[style*="220"]{color:#b42318!important;background:#fff1ef!important;border-color:#e6aaa2!important}.coordinate-score svg{color:var(--mission-ui-green)!important}.coordinate-timer-track{background:#dce8d8!important}.coordinate-timer-track>div{background:var(--mission-ui-green)!important}.coordinate-leaderboard-button{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#c6dcb5!important}.coordinate-leaderboard-button:hover{background:#dcebcf!important}.coordinate-game-main{color:var(--mission-ui-ink)}#coordinate-leaderboard{background:var(--mission-ui-cream)!important;border-color:var(--mission-ui-line)!important;border-top-color:var(--mission-ui-green)!important;box-shadow:0 16px 34px #324d3124!important}#coordinate-leaderboard h3{color:var(--mission-ui-ink)!important}#coordinate-leaderboard input{border-color:#cbdcc8!important}#coordinate-leaderboard button{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green-dark)!important}#coordinate-leaderboard button:hover{background:var(--mission-ui-green-dark)!important}@media (width<=700px){.attribute-header,.vector-header,.raster-header{gap:10px;height:auto;min-height:64px;padding-block:10px}.raster-header{flex-wrap:wrap}.raster-header-left{flex:240px}.raster-header-right{flex:none}.attribute-header .header-actions,.raster-header-right,.vector-header-status{flex-wrap:wrap;justify-content:flex-end}.raster-header-left,.raster-header-brand{min-width:0}.raster-header-title{white-space:normal}.rs-header-top{align-items:flex-start!important}.rs-header-brand{min-width:0}.rs-header-actions{flex-wrap:wrap;justify-content:flex-end}.rs-progress-group,.rs-score-summary{align-items:flex-start!important}.rs-progress-steps{flex-wrap:wrap}.rs-tab-nav{overflow-x:auto}.rs-tab-button{white-space:nowrap;flex:none}.rs-theory-actions button{flex:230px;justify-content:center}.coordinate-header-inner{padding-inline:14px!important}.coordinate-header-left,.coordinate-header-status{flex-wrap:wrap}.coordinate-header-status{justify-content:flex-end}.coordinate-start-card{padding:2rem 1.3rem!important}.coordinate-start-actions,.coordinate-brief-footer{flex-wrap:wrap}.coordinate-start-actions button,.coordinate-brief-footer button{flex:180px;justify-content:center}.coordinate-brief-content{padding-inline:1.25rem!important}.coordinate-game-main{padding-inline:10px!important}}@media (width<=520px){.attribute-header .title-box p{display:none}.attribute-header .header-actions{gap:6px}.attribute-header .live-score-badge{padding-inline:9px}.vector-stage-name{font-size:13px}.vector-header-status{justify-content:flex-start;width:100%}.raster-header-right{justify-content:space-between;width:100%}.raster-header-left{flex-basis:100%}.raster-main,.rs-main{width:min(100% - 20px,560px)}.raster-page section.block h2.display{font-size:23px}.raster-page section.block>p{font-size:14px}.rs-header-inner{padding-inline:12px!important}.rs-header-title{font-size:15px!important}.rs-header-subtitle{line-height:1.45}.rs-progress-steps{grid-template-columns:1fr;display:grid!important}.rs-score-summary{grid-template-columns:1fr 1fr;display:grid!important}.rs-total-chip{grid-column:1/-1}.rs-order-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.coordinate-hub-button span{display:none}.coordinate-phase-copy{flex-direction:column;align-items:flex-start;gap:4px!important}.coordinate-header-status{justify-content:flex-start;width:100%}}.rs-progress-step{color:var(--mission-ui-muted)!important;background:#f7fbf4!important;border-color:#cbdcc8!important}.rs-progress-step.active{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green)!important}.rs-progress-step.done:not(.active){color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#b9d29f!important}.rs-leaderboard-section{background:var(--mission-ui-cream)!important;border-color:var(--mission-ui-line)!important;color:var(--mission-ui-ink)!important;box-shadow:0 16px 34px #324d311f!important}.rs-leaderboard-section h3{color:var(--mission-ui-ink)!important}.rs-leaderboard-section .rs-leaderboard-score-box{background:#f3f8ef!important;border-color:#c6dcb5!important}.rs-leaderboard-section .rs-leaderboard-score-box>div>div:first-child{color:var(--mission-ui-muted)!important}.rs-leaderboard-section .rs-leaderboard-score-box>div>div:nth-child(2){color:var(--mission-ui-green-dark)!important}.rs-leaderboard-section .rs-leaderboard-score-box>div>div:nth-child(2) span{color:var(--mission-ui-muted)!important}.rs-leaderboard-section .rs-leaderboard-score-box>div:last-child>div{border-color:var(--mission-ui-line)!important;background:#fff!important}.rs-leaderboard-section .rs-leaderboard-score-box span{color:var(--mission-ui-muted)!important}.rs-leaderboard-section .rs-leaderboard-score-box b{color:var(--mission-ui-green-dark)!important}.rs-leaderboard-section input{color:var(--mission-ui-ink)!important;background:#fff!important;border-color:#cbdcc8!important}.rs-leaderboard-section>div>table th,.rs-leaderboard-section table th{color:var(--mission-ui-green-dark)!important;border-bottom-color:var(--mission-ui-line)!important}.rs-leaderboard-section table td{color:#536158!important;border-bottom-color:var(--mission-ui-line)!important}.rs-leaderboard-section table td:last-child{color:var(--mission-ui-green-dark)!important}.rs-leaderboard-section>div>button,.rs-leaderboard-section button{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green-dark)!important}.rs-leaderboard-section button:hover{background:var(--mission-ui-green-dark)!important}.coordinate-knowledge-backdrop{background:#37522f59!important}.coordinate-knowledge-card{background:var(--mission-ui-cream)!important;border-top-color:var(--mission-ui-green)!important;color:var(--mission-ui-ink)!important}.coordinate-knowledge-card>div:first-child{color:var(--mission-ui-ink)!important}.coordinate-knowledge-card>div:nth-child(2){color:#536158!important}.coordinate-knowledge-card button{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green-dark)!important}.coordinate-knowledge-card button:hover{background:var(--mission-ui-green-dark)!important}.coordinate-result-section{color:var(--mission-ui-ink)!important}.coordinate-result-section .coordinate-result-score-box{background:#f3f8ef!important;border-color:#c6dcb5!important}.coordinate-result-section .coordinate-result-score-box>div:first-child{color:var(--mission-ui-green-dark)!important}.coordinate-result-section .coordinate-result-score-box>div:first-child>div:nth-child(2){color:var(--mission-ui-ink)!important}.coordinate-result-section input{color:var(--mission-ui-ink)!important;background:#fff!important;border-color:#cbdcc8!important}.mission-completion-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.raster-completion-actions,.rs-completion-actions,.coordinate-completion-actions{justify-content:center}.mission-return-hub-button{color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border:1px solid #b9d29f!important}.mission-return-hub-button:hover{background:#dcebcf!important}@media (width<=520px){.mission-completion-actions{flex-direction:column;align-items:stretch}.mission-completion-actions .btn{width:100%}}.rs-inline-secondary-button{color:var(--mission-ui-green-dark)!important;background:#f7fbf4!important;border-color:#cbdcc8!important}.rs-inline-secondary-button:hover:not(:disabled){background:var(--mission-ui-green-soft)!important}.rs-inline-primary-button{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green)!important}.rs-inline-primary-button:hover:not(:disabled){background:var(--mission-ui-green-dark)!important}.rs-inline-primary-button:disabled{color:var(--mission-ui-muted)!important;background:#edf3e9!important;border-color:#d7e3d5!important}.rs-process-stage .rs-inline-secondary-button,.rs-mixer-stage .rs-inline-secondary-button{color:var(--mission-ui-green-dark)!important;background:#f7fbf4!important;border-color:#cbdcc8!important}.rs-process-stage .rs-inline-primary-button,.rs-mixer-stage .rs-inline-primary-button{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green)!important}.rs-process-stage .rs-inline-primary-button:disabled,.rs-mixer-stage .rs-inline-primary-button:disabled{color:var(--mission-ui-muted)!important;background:#edf3e9!important;border-color:#d7e3d5!important}.rs-quiz-answer{color:#536158!important;background:#f7fbf4!important;border-color:#cbdcc8!important}.rs-quiz-answer:hover:not(:disabled){color:var(--mission-ui-green-dark)!important;background:var(--mission-ui-green-soft)!important;border-color:#9fc18e!important}.rs-band-choice{color:var(--mission-ui-green-dark)!important;background:#f7fbf4!important;border-color:#cbdcc8!important}.rs-band-choice.active{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green-dark)!important}.rs-mixer-stage .rs-band-choice{color:var(--mission-ui-green-dark)!important;background:#f7fbf4!important;border-color:#cbdcc8!important}.rs-mixer-stage .rs-band-choice.active{color:#fff!important;background:var(--mission-ui-green)!important;border-color:var(--mission-ui-green-dark)!important}.rs-progress-step{font:inherit;align-items:center;gap:5px;line-height:1.2;display:inline-flex}.rs-progress-step:disabled{opacity:.55;cursor:not-allowed!important}.rs-progress-step:not(:disabled):hover{filter:brightness(.97);transform:translateY(-1px)}.rs-progress-step:focus-visible,.rs-tab-button:focus-visible,.rs-process-card:focus-visible{outline-offset:2px;outline:3px solid #6f963659}.rs-tab-button{min-height:40px}.rs-tab-button.active.process{color:#3e6125!important;background:#e8f1dc!important;border-color:#a9c889!important}.rs-tab-button.active.mixer{color:#805313!important;background:#fff2cf!important;border-color:#e3c779!important}.rs-tab-button:disabled{color:#9aa69d!important;background:#f4f7f2!important;border-color:#0000!important}.rs-process-card{color:var(--mission-ui-ink)!important;background:#fff!important;border:1px solid #d7e3d5!important;box-shadow:0 5px 14px #324d3112!important}.rs-process-card:hover:not(.selected):not([aria-disabled=true]){transform:translateY(-1px);background:#f8fcf5!important;border-color:#9fc18e!important}.rs-process-card.selected{background:#eaf2ff!important;border-color:#78a6e9!important;box-shadow:inset 0 0 0 2px #2563eb1f!important}.rs-process-card.selected .rs-process-card-number{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.rs-process-card-title{color:var(--mission-ui-ink)!important}.rs-process-card.selected .rs-process-card-title{color:#1d4c99!important}.rs-process-card-detail{color:#637169!important}.rs-process-notice>div:first-child{color:var(--mission-ui-ink)!important}.rs-process-notice>div:last-child{color:#637169!important}.rs-quiz-section h3{color:var(--mission-ui-ink)!important}.rs-quiz-section>div>span{color:var(--mission-ui-muted)!important}.rs-quiz-section [style*="rgba(0,0,0,0.2)"]{color:#637169!important;background:#eef5e8!important}.rs-quiz-section [style*="font-size: 15px"]{color:var(--mission-ui-ink)!important}.rs-mixer-target-title{color:#805313!important}.rs-mixer-time{color:#68766d!important}.rs-mixer-hint{color:#6f5b2a!important}.rs-channel-card{box-shadow:0 5px 14px #324d3112;background:#fff!important}.rs-channel-red{border-color:#efb2ae!important}.rs-channel-green{border-color:#afd5b0!important}.rs-channel-blue{border-color:#b6cce9!important}.rs-channel-title{color:var(--mission-ui-ink)!important}.rs-channel-red .rs-channel-title{color:#b42318!important}.rs-channel-green .rs-channel-title{color:#26713a!important}.rs-channel-blue .rs-channel-title{color:#235a9f!important}.rs-channel-card .rs-band-choice.active{color:#fff!important}.rs-channel-red .rs-band-choice.active{background:#d94841!important;border-color:#b42318!important}.rs-channel-green .rs-band-choice.active{background:#2f8f4e!important;border-color:#26713a!important}.rs-channel-blue .rs-band-choice.active{background:#3478c4!important;border-color:#235a9f!important}.rs-mixer-verdict{color:var(--mission-ui-ink)}.rs-mixer-verdict[style*="rgba(34, 197, 94"]{background:#e8f5e3!important;border-color:#9fc18e!important}.rs-mixer-verdict[style*="rgba(245, 158, 11"]{background:#fff4d6!important;border-color:#ead39c!important}.rs-mixer-verdict[style*="rgba(239, 68, 68"]{background:#fff1ef!important;border-color:#e6aaa2!important}.rs-mixer-verdict>div:first-child>span:first-child{color:var(--mission-ui-green-dark)!important}.rs-mixer-verdict>div:last-child{color:#536158!important}.rs-mixer-viewfinder{background:#1e293b!important;border-color:#90a9c7!important}.mission-dashboard-screen{min-height:100vh;color:var(--mission-ui-ink);background:#edf4ec;position:relative;overflow-x:hidden}.mission-dashboard-background,.mission-dashboard-overlay{pointer-events:none;position:fixed;inset:0}.mission-dashboard-background{z-index:0;filter:blur(2px)saturate(.72)brightness(1.08);background:url(/images/index/index.png) 50%/cover no-repeat;transform:scale(1.04)}.mission-dashboard-overlay{z-index:1;background:#f2f7f0c2}.mission-dashboard{z-index:2;width:min(1240px,100% - 64px);min-height:100vh;margin:0 auto;padding:24px 0 42px;position:relative}.mission-dashboard-header,.mission-dashboard-brand,.mission-dashboard-player,.mission-dashboard-kicker,.mission-dashboard-card-top,.mission-dashboard-status,.mission-dashboard-card-footer,.mission-dashboard-detail-topline,.mission-dashboard-detail-complete,.mission-dashboard-detail-title,.mission-dashboard-progress-label{align-items:center;display:flex}.mission-dashboard-header{justify-content:space-between;gap:20px;margin-bottom:20px}.mission-dashboard-brand{gap:11px}.mission-dashboard-brand-icon{color:#1976b9;background:#fff;border:1px solid #d8e5ed;border-radius:14px;place-items:center;width:45px;height:45px;display:grid;overflow:hidden;box-shadow:0 10px 20px #1976b929}.mission-dashboard-brand-icon img{object-fit:contain;width:42px;height:42px;display:block}.mission-dashboard-brand strong{color:var(--mission-ui-ink);letter-spacing:.05em;font:900 17px/1 Inter,Noto Sans Thai,sans-serif;display:block}.mission-dashboard-brand span{color:var(--mission-ui-muted);letter-spacing:.12em;margin-top:5px;font:800 9px/1 monospace;display:block}.mission-dashboard-player{color:var(--mission-ui-green-dark);cursor:pointer;text-align:left;background:#fffdf7e6;border:1px solid #cbdcc8;border-radius:999px;gap:8px;padding:9px 13px;font-size:12px;box-shadow:0 5px 14px #324d3112}.mission-dashboard-player:hover{background:#fff;border-color:#9fbe91;box-shadow:0 8px 18px #324d311f}.mission-dashboard-player span{color:var(--mission-ui-muted)}.mission-dashboard-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.mission-dashboard-hero{background:linear-gradient(125deg,#fffdf7f5,#eff7eaf0);border:1px solid #bed3b5eb;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:28px;padding:28px 32px;display:grid;box-shadow:0 18px 36px #324d311a,inset 0 1px #ffffffe6}.mission-dashboard-kicker{color:var(--mission-ui-green-dark);letter-spacing:.14em;gap:7px;font:900 10px/1 monospace}.mission-dashboard-hero h1{color:var(--mission-ui-ink);letter-spacing:-.035em;margin:10px 0 8px;font-size:clamp(29px,4vw,46px);font-weight:900;line-height:1.16}.mission-dashboard-hero-copy p{color:#617067;max-width:610px;margin:0;font-size:14px;line-height:1.75}.mission-dashboard-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.mission-dashboard-summary-card{background:#ffffffc7;border:1px solid #d4e3d0;border-radius:14px;align-items:flex-start;gap:9px;min-width:0;padding:13px 11px;display:flex}.mission-dashboard-summary-icon{width:31px;height:31px;color:var(--mission-ui-green-dark);background:var(--mission-ui-green-soft);border-radius:10px;flex:0 0 31px;place-items:center;display:grid}.mission-dashboard-summary-card span{color:var(--mission-ui-muted);font-size:10px;line-height:1.35;display:block}.mission-dashboard-summary-card strong{color:var(--mission-ui-ink);margin-top:3px;font:900 23px/1 monospace;display:block}.mission-dashboard-summary-card strong small{color:var(--mission-ui-muted);font-size:12px}.mission-dashboard-progress{background:#fffdf7e0;border:1px solid #bed3b5d1;border-radius:14px;margin:16px 0 22px;padding:12px 15px}.mission-dashboard-progress-label{color:var(--mission-ui-muted);justify-content:space-between;gap:12px;font-size:11px}.mission-dashboard-progress-label strong{color:var(--mission-ui-green-dark);font-size:12px}.mission-dashboard-progress-track{background:#dfebda;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.mission-dashboard-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--mission-ui-green), #94b95a);height:100%;transition:width .22s;display:block}.mission-dashboard-workspace{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:start;gap:18px;display:grid}.mission-dashboard-list-panel,.mission-dashboard-detail-panel{background:#fffdf7f0;border:1px solid #bed3b5eb;border-radius:20px;box-shadow:0 15px 32px #324d311a}.mission-dashboard-list-panel{padding:20px}.mission-dashboard-section-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;display:flex}.mission-dashboard-section-heading span{color:var(--mission-ui-green-dark);letter-spacing:.12em;font:900 10px/1 monospace}.mission-dashboard-section-heading h2{color:var(--mission-ui-ink);margin:5px 0 0;font-size:22px;font-weight:900}.mission-dashboard-section-heading p{color:var(--mission-ui-muted);font-size:11px}.mission-dashboard-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mission-dashboard-card{min-width:0;color:var(--mission-ui-ink);text-align:left;box-shadow:none;background:#f9fcf7;border:1px solid #d8e5d4;border-top:4px solid #bfd3b6;border-radius:15px;padding:15px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;position:relative}.mission-dashboard-card:hover{background:#fff;border-color:#a9c694;transform:translateY(-2px);box-shadow:0 10px 20px #324d311a}.mission-dashboard-card.selected{border-color:var(--mission-ui-green);background:#fff;box-shadow:0 0 0 3px #6f963621,0 10px 20px #324d311a}.mission-dashboard-card.completed{background:#f2f8ed}.mission-dashboard-card-top{justify-content:space-between;gap:8px}.mission-dashboard-number{color:var(--mission-ui-green-dark);letter-spacing:.1em;font:900 11px/1 monospace}.mission-dashboard-status{color:var(--mission-ui-muted);gap:4px;font-size:10px;font-weight:800}.mission-dashboard-status.done{color:var(--mission-ui-green-dark)}.mission-dashboard-status-dot{background:#b5c8ae;border-radius:50%;width:6px;height:6px}.mission-dashboard-card-icon{width:42px;height:42px;color:var(--mission-ui-green-dark);background:var(--mission-ui-green-soft);border-radius:12px;place-items:center;margin:13px 0 10px;display:grid}.mission-dashboard-card h3{color:var(--mission-ui-ink);margin:0;font-size:16px;font-weight:900}.mission-dashboard-card-subtitle{color:var(--mission-ui-green-dark);margin-top:2px;font-size:10px;font-weight:800;display:block}.mission-dashboard-card p{color:#65726a;min-height:42px;margin:10px 0 13px;font-size:11.5px;line-height:1.55}.mission-dashboard-card-footer{color:var(--mission-ui-green-dark);border-top:1px solid #e0eadd;justify-content:space-between;gap:8px;padding-top:10px;font-size:10.5px;font-weight:800}.mission-dashboard-card-footer span{align-items:center;gap:5px;min-width:0;display:inline-flex}.mission-dashboard-card-footer svg{flex:none}.mission-dashboard-detail-panel{background:linear-gradient(155deg,#fffdf7,#f3f8ef);min-height:100%;padding:22px;position:sticky;top:20px}.mission-dashboard-detail-topline{color:var(--mission-ui-green-dark);justify-content:space-between;gap:10px;font:900 11px/1 monospace}.mission-dashboard-detail-complete{color:#4f812f;gap:4px;font:800 10px/1 Inter,Noto Sans Thai,sans-serif}.mission-dashboard-detail-title{gap:12px;margin-top:18px}.mission-dashboard-detail-icon{width:56px;height:56px;color:var(--mission-ui-green-dark);background:var(--mission-ui-green-soft);border-radius:16px;flex:0 0 56px;place-items:center;display:grid}.mission-dashboard-detail-title h2{color:var(--mission-ui-ink);margin:0;font-size:23px;font-weight:900;line-height:1.2}.mission-dashboard-detail-title p{color:var(--mission-ui-muted);margin:4px 0 0;font-size:11px}.mission-dashboard-detail-description{color:#59675e;margin:19px 0 15px;font-size:13px;line-height:1.7}.mission-dashboard-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mission-dashboard-detail-grid>div{background:#ffffffb8;border-radius:11px;min-width:0;padding:11px 10px}.mission-dashboard-detail-grid>div:nth-child(2n){background:#e8f1dcb8}.mission-dashboard-detail-grid svg{color:var(--mission-ui-green-dark)}.mission-dashboard-detail-grid span{color:var(--mission-ui-green-dark);margin-top:7px;font-size:10px;font-weight:900;display:block}.mission-dashboard-detail-grid strong{color:#5b665e;margin-top:3px;font-size:11px;line-height:1.45;display:block}.mission-dashboard-detail-action{margin-top:17px}.mission-dashboard-error{color:#a33b31;margin:0 0 8px;font-size:11px;font-weight:800}.mission-dashboard-start-button{color:#fff;background:var(--mission-ui-green);border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:10px 18px;font-size:14px;font-weight:900;display:flex;box-shadow:0 8px 16px #4f712d33}.mission-dashboard-start-button:hover{background:var(--mission-ui-green-dark);transform:translateY(-1px)}.mission-dashboard-empty-detail{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:26px;display:flex}.mission-dashboard-empty-icon{width:64px;height:64px;color:var(--mission-ui-green-dark);background:var(--mission-ui-green-soft);border-radius:20px;place-items:center;margin-bottom:16px;display:grid}.mission-dashboard-empty-detail h2{color:var(--mission-ui-ink);font-size:20px;font-weight:900}.mission-dashboard-empty-detail p{max-width:250px;color:var(--mission-ui-muted);margin:8px 0 14px;font-size:12px;line-height:1.65}.mission-dashboard-empty-detail span{color:var(--mission-ui-green-dark);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.mission-dashboard-leaderboard-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);background:#2334277a;place-items:center;padding:22px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.mission-dashboard-leaderboard-modal{width:min(760px,100%);max-height:min(720px,100vh - 44px);color:var(--mission-ui-ink);background:#fffdf7;border:1px solid #c5d9bc;border-radius:22px;padding:25px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow:auto;box-shadow:0 24px 60px #1e372347}.mission-dashboard-leaderboard-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mission-dashboard-leaderboard-eyebrow{color:var(--mission-ui-green-dark);letter-spacing:.12em;align-items:center;gap:6px;font:900 10px/1 monospace;display:inline-flex}.mission-dashboard-leaderboard-header h2{color:var(--mission-ui-ink);margin:9px 0 4px;font-size:25px;font-weight:900}.mission-dashboard-leaderboard-header p{color:var(--mission-ui-muted);font-size:12px}.mission-dashboard-leaderboard-icon-button{width:34px;height:34px;color:var(--mission-ui-muted);background:#f4f8f0;border:1px solid #d4e3d0;border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.mission-dashboard-leaderboard-icon-button:hover{color:var(--mission-ui-ink);background:#e9f2e4}.mission-dashboard-leaderboard-toolbar{color:var(--mission-ui-muted);justify-content:space-between;align-items:center;gap:12px;margin:20px 0 11px;font-size:11px;display:flex}.mission-dashboard-leaderboard-toolbar button{color:var(--mission-ui-green-dark);background:#f4f8f0;border:1px solid #cbdcc8;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.mission-dashboard-leaderboard-toolbar button:hover{background:#e9f2e4}.mission-dashboard-leaderboard-toolbar button:disabled{cursor:wait;opacity:.65}.mission-dashboard-leaderboard-table-wrap{border:1px solid #d8e5d4;border-radius:13px;overflow:auto}.mission-dashboard-leaderboard-table{border-collapse:collapse;text-align:left;width:100%;min-width:550px}.mission-dashboard-leaderboard-table th{color:var(--mission-ui-green-dark);background:#eff6eb;border-bottom:1px solid #d8e5d4;padding:11px 13px;font-size:10px;font-weight:900}.mission-dashboard-leaderboard-table td{color:#5a695f;vertical-align:middle;border-bottom:1px solid #e6eee2;padding:11px 13px;font-size:12px}.mission-dashboard-leaderboard-table tbody tr:last-child td{border-bottom:0}.mission-dashboard-leaderboard-table tbody tr:hover,.mission-dashboard-leaderboard-table tbody tr.current-player{background:#f5faef}.mission-dashboard-leaderboard-table td strong{color:var(--mission-ui-ink);font-size:12px;font-weight:900;display:block}.mission-dashboard-leaderboard-table td small{color:var(--mission-ui-muted);margin-top:3px;font-size:10px;display:block}.mission-dashboard-leaderboard-rank{width:70px;font:900 12px/1 monospace;color:var(--mission-ui-green-dark)!important}.mission-dashboard-leaderboard-empty{text-align:center;color:var(--mission-ui-muted)!important;padding:28px 15px!important}.mission-dashboard-leaderboard-footer{color:var(--mission-ui-muted);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;font-size:11px;display:flex}.mission-dashboard-leaderboard-footer .mission-dashboard-start-button{width:auto;min-height:36px;box-shadow:none;padding:7px 14px;font-size:12px}.spin{animation:.9s linear infinite mission-dashboard-spin}@keyframes mission-dashboard-spin{to{transform:rotate(360deg)}}@media (width<=1060px){.mission-dashboard{width:min(100% - 36px,900px)}.mission-dashboard-hero{grid-template-columns:1fr}.mission-dashboard-summary{max-width:610px}.mission-dashboard-workspace{grid-template-columns:1fr}.mission-dashboard-detail-panel{min-height:0;position:static}}@media (width<=680px){.mission-dashboard{width:min(100% - 22px,560px);padding-top:14px}.mission-dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.mission-dashboard-player{justify-content:center;align-self:stretch}.mission-dashboard-hero{border-radius:19px;padding:22px 18px}.mission-dashboard-hero h1{font-size:34px}.mission-dashboard-summary{grid-template-columns:1fr;max-width:none}.mission-dashboard-summary-card{align-items:center}.mission-dashboard-summary-card strong{font-size:20px}.mission-dashboard-progress{margin-bottom:15px}.mission-dashboard-list-panel,.mission-dashboard-detail-panel{border-radius:17px;padding:15px}.mission-dashboard-section-heading{flex-direction:column;align-items:flex-start;gap:5px}.mission-dashboard-list{grid-template-columns:1fr}.mission-dashboard-card p{min-height:0}.mission-dashboard-detail-title h2{font-size:21px}.mission-dashboard-leaderboard-modal{border-radius:17px;padding:19px 15px}.mission-dashboard-leaderboard-header h2{font-size:21px}.mission-dashboard-leaderboard-footer{flex-direction:column;align-items:flex-start}.mission-dashboard-leaderboard-footer .mission-dashboard-start-button{width:100%}}@media (width<=430px){.mission-dashboard-brand strong{font-size:15px}.mission-dashboard-brand span{font-size:8px}.mission-dashboard-hero h1{font-size:29px}.mission-dashboard-hero-copy p{font-size:13px}.mission-dashboard-detail-grid{grid-template-columns:1fr}}.rs-band-choice:hover:not(:disabled):not(.active){background:var(--mission-ui-green-soft)!important}.raster-resolution .resolution-challenge-card{max-width:900px}.raster-resolution .resolution-question{border:2px solid #b9d2aa;border-left:6px solid var(--mission-ui-green);background:#f7fbf4;border-radius:14px;margin:16px 0 18px;padding:17px 20px}.raster-resolution .resolution-question-label{color:var(--mission-ui-green-dark);letter-spacing:.04em;font-size:13px;font-weight:900}.raster-resolution .resolution-question-text{color:var(--mission-ui-ink);margin-top:6px;font-size:clamp(19px,2.2vw,25px);font-weight:850;line-height:1.55}.raster-resolution .resolution-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.raster-resolution .resolution-option{text-align:center;border-radius:12px;min-height:68px;padding:14px 18px;font-weight:850;line-height:1.4;color:var(--mission-ui-green-dark)!important;border-width:2px!important;font-size:clamp(17px,2vw,21px)!important}.raster-resolution .resolution-option span{white-space:nowrap;font-weight:700}.raster-result-modal .result-box{max-width:none;margin:0 0 16px}.raster-result-modal .leaderboard{max-width:none;margin-top:0}.raster-leaderboard-button:disabled,.raster-nav-item:disabled{cursor:not-allowed;opacity:.5}@media (width<=600px){.raster-resolution .resolution-question{padding:15px 16px}.raster-resolution .resolution-options{grid-template-columns:1fr}.raster-resolution .resolution-option{min-height:62px}}.coordinate-utm-layout{align-items:flex-start!important}.coordinate-utm-map-frame{min-width:0;width:min(720px,86vw,58vh)!important;max-width:720px!important}.coordinate-utm-map-frame .leaflet-container{cursor:default!important}.coordinate-utm-map-frame svg{-webkit-user-select:none;user-select:none}.coordinate-utm-map-surface{isolation:isolate;box-shadow:0 18px 38px #12375238,inset 0 0 0 1px #ffffff80}.coordinate-utm-map-surface .leaflet-container{filter:saturate(.92)contrast(1.03)}.coordinate-utm-map-surface:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0923381f,#0000 20% 78%,#0923382e);position:absolute;inset:0}.coordinate-map-badge{z-index:6;color:#f8fbff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;pointer-events:none;background:#092338c7;border:1px solid #ffffff8c;border-radius:10px;align-items:center;gap:8px;padding:8px 11px;font:700 10px/1.2 Inter,Noto Sans Thai,sans-serif;display:flex;position:absolute;box-shadow:0 8px 18px #09233838}.coordinate-map-badge-top{flex-direction:column;align-items:flex-start;gap:3px;top:12px;left:64px}.coordinate-map-badge-kicker{color:#facc15;letter-spacing:.16em;font:800 8px/1 monospace}.coordinate-map-badge-bottom{letter-spacing:.04em;bottom:12px;right:12px}.coordinate-map-badge-bottom strong{color:#facc15;font:800 10px/1 monospace}.coordinate-map-dot{background:#2563a8;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #facc15}.coordinate-reference-tooltip{color:#fff!important;background:#092338e6!important;border:1px solid #facc15!important;border-radius:7px!important;padding:5px 8px!important;font:700 10px/1.2 monospace!important;box-shadow:0 5px 14px #09233840!important}.coordinate-reference-tooltip:before{border-top-color:#facc15!important}.coordinate-utm-form{align-self:center}@media (width<=780px){.coordinate-utm-layout{align-items:stretch!important}.coordinate-utm-map-frame{flex-basis:100%!important;width:min(100%,100vw - 28px)!important;max-width:none!important}.coordinate-utm-form{align-self:center;flex-basis:100%!important;width:min(100%,420px)!important;max-width:none!important}}:root{--ink:#16324a;--ink-secondary:#31536f;--muted:#5e7890;--muted-light:#88a3b8;--bg:#eef7ff;--card:#fff;--line:#cfe2f2;--brand:#4b90dc;--brand-hover:#2563a8;--brand-soft:#eaf4ff;--brand-border:#a9cdeb;--surface-blur:#fffffff0;--mission-ui-green:#4b90dc;--mission-ui-green-dark:#2563a8;--mission-ui-green-soft:#eaf4ff;--mission-ui-cream:#f5fbff;--mission-ui-surface:#fff;--mission-ui-ink:#16324a;--mission-ui-muted:#5e7890;--mission-ui-line:#cfe2f2}html,body{color:#16324a!important;background:#eef7ff!important}html,*{scrollbar-color:#8bb7dd #e4f2fc}::-webkit-scrollbar-track{background:#e4f2fc}::-webkit-scrollbar-thumb{background:#8bb7dd;border-color:#e4f2fc}::-webkit-scrollbar-thumb:hover{background:#5e9acb}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline-color:#38bdf8!important}.welcome-screen{color:#16324a!important;background:#eef7ff!important}.welcome-background{filter:saturate(.7)hue-rotate(8deg)contrast(.98)}.welcome-overlay{background:linear-gradient(#eef7ff94 0%,#eff8ff57 48%,#d9edfcdb 100%),linear-gradient(90deg,#ffffff7a,#e0f1ff1f 48%,#c4e2f866)}.welcome-brand{filter:drop-shadow(0 12px 12px #2563a829)}.welcome-name-input-wrap{color:#5e7890!important;background:#fffffff5!important;border-color:#31536f!important;box-shadow:inset 0 0 0 4px #a9cdeb57,0 7px #ffffff85,0 16px 24px #31649124!important}.welcome-name-input-wrap:focus-within{box-shadow:inset 0 0 0 4px #38bdf852,0 7px #ffffff85,0 19px 28px #3164912e!important}.welcome-name-input-wrap input{color:#16324a!important}.welcome-name-input-wrap input::placeholder{color:#6e8aa0!important}.welcome-main-button{border-color:#31536f!important;box-shadow:0 7px #ffffff94,0 18px 26px #3164912e!important}.welcome-main-button.is-next{color:#fff!important;background:#4b90dc!important}.welcome-main-button.is-start{color:#16324a!important;background:#a9d7f5!important}.hub-shell,.mission-dashboard-screen,.app-container,.vector-mission-shell,.raster-page,.rs-page,.coordinate-start-page,.coordinate-brief-page,.coordinate-game-page{color:#16324a!important;background:linear-gradient(#eef7ff 0%,#e7f3ff 100%)!important}.mission-dashboard-background{filter:saturate(.45)hue-rotate(12deg)brightness(1.06)}.mission-dashboard-overlay{background:linear-gradient(#eef7ffc7,#e7f3ffeb)!important}.attribute-header,.vector-mission-shell .vector-header,.raster-header,.rs-header,.coordinate-header{color:#16324a!important;background:linear-gradient(#fff 0%,#f4faff 100%)!important;border-bottom-color:#cfe2f2!important;box-shadow:0 4px 18px #3164911a!important}.attribute-header .title-box h1,.attribute-header .title-box p,.vector-stage-name,.raster-header-title,.raster-header-kicker,.rs-header h1,.coordinate-header h1,.coordinate-header h2{color:#16324a!important}.attribute-header .title-box p,.raster-header-kicker,.rs-header p,.coordinate-header p{color:#5e7890!important}.hub-hero,.hub-progress-card,.hub-picker-column,.hub-detail-panel,.hub-detail-empty,.mission-dashboard-hero,.mission-dashboard-list-panel,.mission-dashboard-detail-panel,.raster-panel,.legend,.color-card,.res-item,.quiz-card,.leaderboard,.result-box,.vector-task-panel,.vector-howto-box,.rs-campaign-hud,.rs-process-card,.rs-process-notice,.rs-quiz-section,.rs-channel-card,.rs-knowledge-card,.rs-band-reference,.coordinate-start-card,.coordinate-knowledge-card,.coordinate-result-section,#coordinate-leaderboard{color:#16324a!important;background:#fff!important;border-color:#cfe2f2!important;box-shadow:0 12px 28px #3164911a!important}.vector-main-view{background:#dff0fc!important}.vector-briefing-page{background:linear-gradient(#eef7ff 0%,#e7f3ff 100%)!important}.vector-briefing-banner,.vector-briefing-footer,.coordinate-brief-banner,.coordinate-brief-footer{background:#f5fbff!important;border-color:#cfe2f2!important}.vector-briefing-content,.coordinate-brief-content,.rs-process-stage,.rs-mixer-stage,.rs-theory-stage,.coordinate-game-main{color:#31536f!important}.vector-briefing-content>p,.vector-briefing-content>div>div,.vector-briefing-content>div[style*=background],.coordinate-brief-content p,.coordinate-brief-content ul,.rs-process-stage p,.rs-mixer-stage p,.rs-theory-stage p{color:#4f6d85!important}.btn-primary,.btn-gold,.mission-select-next,.vector-mission-shell .btn-primary,.raster-page .btn:not(.ghost),.raster-page .btn.teal,.rs-theory-actions button:first-child,.rs-process-stage .rs-inline-primary-button,.rs-mixer-stage .rs-inline-primary-button,.coordinate-knowledge-card button,.mission-dashboard-start-button,.mission-dashboard-detail-action button{color:#fff!important;background:#4b90dc!important;border-color:#4b90dc!important}.btn-primary:hover:not(:disabled),.btn-gold:hover:not(:disabled),.mission-select-next:hover,.vector-mission-shell .btn-primary:hover:not(:disabled),.raster-page .btn:not(.ghost):hover:not(:disabled),.raster-page .btn.teal:hover,.rs-theory-actions button:first-child:hover,.rs-process-stage .rs-inline-primary-button:hover:not(:disabled),.rs-mixer-stage .rs-inline-primary-button:hover:not(:disabled),.coordinate-knowledge-card button:hover,.mission-dashboard-start-button:hover,.mission-dashboard-detail-action button:hover{background:#2563a8!important;border-color:#2563a8!important}.btn-header,.vector-home-button,.raster-header-left .btn,.raster-page .btn.ghost,.info-btn,.rs-theory-actions button,.rs-process-stage .rs-inline-secondary-button,.rs-mixer-stage .rs-inline-secondary-button,.rs-band-button,.rs-band-choice,.rs-quiz-answer,.mission-dashboard-player,.mission-dashboard-leaderboard-toolbar button{color:#2563a8!important;background:#eaf4ff!important;border-color:#a9cdeb!important}.btn-header:hover,.vector-home-button:hover,.raster-header-left .btn:hover,.raster-page .btn.ghost:hover:not(:disabled),.info-btn:hover,.rs-theory-actions button:hover,.rs-band-button:hover:not(:disabled),.rs-band-choice:hover:not(:disabled):not(.active),.rs-quiz-answer:hover:not(:disabled),.mission-dashboard-player:hover,.mission-dashboard-leaderboard-toolbar button:hover{background:#d8edff!important;border-color:#72addd!important}.raster-mission-nav,.rs-tab-nav,.rs-campaign-hud,.mission-dashboard-header{background:#fffffff0!important;border-color:#cfe2f2!important}.raster-nav-label,.raster-page section.block>.eyebrow,.rs-tab-button.active,.rs-progress-step.active,.mission-dashboard-kicker,.mission-dashboard-number,.mission-dashboard-detail-topline{color:#2563a8!important}.raster-nav-item,.rs-tab-button,.rs-progress-step{color:#4f6d85!important;background:#f4faff!important;border-color:#cfe2f2!important}.raster-nav-item:hover,.raster-nav-item.done,.rs-tab-button.active,.rs-progress-step.active{background:#eaf4ff!important;border-color:#72addd!important}.ui-progress,.rs-process-notice,.raster-page .cell-readout,.raster-page .escape-hud,.rs-quiz-section [style*="rgba(0,0,0,0.2)"]{color:#31536f!important;background:#eef7ff!important;border-color:#cfe2f2!important}.rs-mixer-stage>section,.rs-mixer-stage [style*="rgba(30, 41, 59"],.rs-mixer-stage [style*=\#0f172a],.rs-theory-stage .rs-spectrum-summary,.rs-theory-stage .rs-briefing-methods,.rs-mixer-viewfinder{color:#16324a!important;background:#f4faff!important;border-color:#cfe2f2!important}.rs-mixer-stage h2,.rs-mixer-stage h3,.rs-mixer-stage h4,.rs-mixer-stage table th,.rs-mixer-stage table td,.rs-theory-stage .rs-spectrum-summary strong,.rs-theory-stage .rs-briefing-methods strong{color:#16324a!important}.rs-theory-stage .rs-spectrum-summary p,.rs-theory-stage .rs-spectrum-summary b,.rs-theory-stage .rs-briefing-methods ol,.rs-theory-stage .rs-briefing-methods li{color:#4f6d85!important}.rs-process-card:hover:not(.selected):not([aria-disabled=true]){background:#f6fbff!important;border-color:#72addd!important}.rs-process-card.selected{background:#eaf4ff!important;border-color:#72addd!important}.rs-process-card-number{color:#2563a8!important;background:#eef7ff!important;border-color:#a9cdeb!important}.rs-process-card.selected .rs-process-card-number{background:#2563eb!important;border-color:#2563eb!important}.rs-mixer-notice{background:#fff8e8!important;border-color:#ead9a5!important}.rs-mixer-viewfinder{box-shadow:inset 0 0 0 1px #a9cdeb,0 12px 24px #3164911f!important}.hub-brand-mark{background:linear-gradient(145deg,#4b90dc,#2563a8)!important}.mission-dashboard-brand-icon{background:#fff!important}.hub-detail-button,.hub-start-button{color:#fff!important;background:#4b90dc!important;border-color:#4b90dc!important}.hub-detail-button:hover,.hub-start-button:hover{background:#2563a8!important}.mission-dashboard-summary-card,.mission-dashboard-detail-grid>div{background:#f4faff!important;border-color:#cfe2f2!important}.mission-dashboard-detail-grid>div:nth-child(2n),.mission-dashboard-card.completed{background:#eaf4ff!important}.mission-dashboard-card{background:#fff!important;border-color:#cfe2f2!important}.mission-dashboard-card:hover,.mission-dashboard-card.selected{background:#eef7ff!important;border-color:#72addd!important}.mission-dashboard-card p,.mission-dashboard-detail-description{color:#4f6d85!important}.mission-dashboard-progress-track{background:#d9ebfa!important}.mission-dashboard-progress-track span{background:#4b90dc!important}.mission-dashboard-leaderboard-modal{background:#fff!important;border-color:#cfe2f2!important}.mission-dashboard-leaderboard-toolbar button:hover,.mission-dashboard-leaderboard-table tbody tr:hover,.mission-dashboard-leaderboard-table tbody tr.current-player{background:#eef7ff!important}.coordinate-utm-layout>div:first-child>div:first-child,.coordinate-utm-form{color:#16324a!important;background:#f5fbff!important;border-color:#a9cdeb!important;box-shadow:0 14px 30px #3164911f!important}.coordinate-utm-layout>div:first-child>div:first-child>div:first-child,.coordinate-utm-form>div:first-child{color:#2563a8!important;background:#eaf4ff!important;border-color:#72addd!important}.coordinate-utm-form label,.coordinate-utm-form input,.coordinate-utm-form span,.coordinate-utm-layout>div:first-child>div:first-child>div:not(:first-child){color:#31536f!important}.coordinate-utm-form input{background:#fff!important;border-color:#72addd!important}.coordinate-utm-form button{color:#fff!important;background:#4b90dc!important;border-color:#2563a8!important}.coordinate-utm-form button:hover:not(:disabled){background:#2563a8!important}.coordinate-utm-map-frame>div[style*="border: 3px"]{background:#dff0fc!important;border-color:#31536f!important}.coordinate-utm-map-frame>div>div[style*=background]{background:#dff0fc!important}.coordinate-game-main>div>div:first-child{color:#16324a!important;background:linear-gradient(#fff 0%,#f5fbff 100%)!important;border-color:#a9cdeb #a9cdeb #a9cdeb #4b90dc!important;box-shadow:0 12px 26px #3164911f!important}.coordinate-game-main>div>div:first-child>div:first-child{color:#fff!important;background:#2563a8!important;border-color:#72addd!important}.coordinate-game-main>div>div:first-child>div:nth-child(2){color:#16324a!important}.coordinate-game-main>div>div:first-child>div:nth-child(3){color:#4f6d85!important}.coordinate-utm-map-frame button{color:#fff!important;background:#2563a8e0!important;border-color:#a9cdeb!important}.coordinate-utm-map-frame button:hover{background:#4b90dc!important}.coordinate-start-actions button:first-child,.coordinate-brief-footer button:first-child{color:#2563a8!important;background:#eaf4ff!important;border-color:#a9cdeb!important}.coordinate-start-actions button:last-child,.coordinate-brief-footer button:last-child{color:#fff!important;background:#4b90dc!important;border-color:#4b90dc!important}.coordinate-globe-reveal{color:#16324a;background:#fff8e8;border:1px solid #f0c36a;border-left:5px solid #f59e0b;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;width:min(780px,100%);padding:10px 16px;display:flex;box-shadow:0 8px 18px #3164911a}.coordinate-globe-reveal strong{color:#9a5b00}.coordinate-globe-reveal span{color:#2563a8;font:800 13px/1.4 monospace}.coordinate-globe-reveal small{color:#5e7890}.raster-page section.block h2.display,.raster-page .color-card h3,.raster-page .color-card p,.raster-page .legend p,.raster-page .color-card ol,.coordinate-start-title,.coordinate-brief-title,.coordinate-result-section h2,.hub-detail-title,.hub-hero h1,.mission-dashboard-hero h1,.mission-dashboard-section-heading h2,.mission-dashboard-detail-title h2{color:#16324a!important}.raster-page .color-card p,.raster-page .color-card ol,.raster-page .legend p,.coordinate-start-description,.coordinate-brief-content,.hub-detail-description,.mission-dashboard-section-heading p,.mission-dashboard-detail-title p{color:#4f6d85!important}@media (prefers-reduced-motion:reduce){.welcome-name-input-wrap,.welcome-main-button,.mission-dashboard-card,.rs-process-card{transition:none!important}}