*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#d6e4f7;background:#07090e;min-height:100%;font-family:Courier New,monospace;overflow-x:hidden}#game-hero{-webkit-user-select:none;user-select:none;direction:ltr;height:100vh;position:relative;overflow:hidden}canvas{cursor:crosshair;display:block;position:absolute;inset:0}#hud{pointer-events:none;letter-spacing:1px;text-shadow:0 0 5px #000;background:linear-gradient(#000b,#0000);flex-wrap:wrap;align-items:center;gap:4px 20px;padding:9px 14px;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.s{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.s b{font-size:17px}.s span{color:#7186a4;font-size:11px}.blue{color:#5fb0ff}.red{color:#ff5f6e}.gold{color:#ffc94a}.grey{color:#7186a4}#spacer{flex:1}#inc{color:#7fd08a!important}#shop{gap:10px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.card{font:inherit;text-align:left;cursor:pointer;background:#0c111beb;border:1px solid #2b3a54;grid-template-columns:auto 1fr;align-items:center;gap:0 11px;padding:9px 14px 8px;transition:border-color .12s,background .12s;display:grid}.card:hover{background:#161f30f2}.card .key{color:#9db2d1;border:1px solid #3b4d6d;grid-row:1/3;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.card .nm{letter-spacing:2px;color:#d6e4f7;font-size:13px}.card .pr{letter-spacing:1px;font-size:16px;font-weight:700}.card .sub{color:#6b7d99;letter-spacing:.5px;grid-column:2;font-size:10px}.card.afford{border-color:#5a4a1e}.card.afford .pr{color:#ffc94a}.card.afford .key{color:#ffc94a;border-color:#7a6427}.card.poor{opacity:.65;cursor:not-allowed;border-color:#3a2229}.card.poor .pr{color:#ff5f6e}.card.active{background:#30260ceb;border-color:#ffc94a;box-shadow:0 0 0 1px #ffc94a55,0 0 18px #ffc94a33}#help{color:#5d6d87;pointer-events:none;text-shadow:0 0 5px #000;font-size:11px;line-height:1.6;position:absolute;bottom:24px;left:14px}#help k{color:#9db2d1}#toast{letter-spacing:2px;color:#ffc94a;opacity:0;pointer-events:none;text-shadow:0 0 6px #000;font-size:13px;transition:opacity .25s;position:absolute;top:52px;left:50%;transform:translate(-50%)}#toast.on{opacity:1}.ov{text-align:center;background:#05070ce6;place-items:center;display:none;position:absolute;inset:0}.ov.show{display:grid}.ov h1,.ov h2,.brand{letter-spacing:9px;margin-bottom:4px;font-size:50px}.ov .cn{color:#4a5a74;letter-spacing:14px;margin-bottom:20px;font-size:24px}.ov p{color:#7d90ad;margin-bottom:22px;font-size:12px;line-height:1.7}.btn{font:inherit;letter-spacing:3px;color:#d6e4f7;cursor:pointer;background:#131e33;border:1px solid #2e4670;padding:11px 26px;font-size:14px}.btn:hover{background:#1c2b48}#diffs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:8px;display:flex}.d{cursor:pointer;width:150px;color:inherit;background:#0d131f;border:1px solid #253550;padding:16px 12px;font-family:inherit;transition:all .12s}.d:hover{background:#162033;transform:translateY(-3px)}.d .cn2{margin-bottom:6px;font-size:30px}.d .t{letter-spacing:2px;margin-bottom:8px;font-size:13px}.d .x{color:#6b7d99;letter-spacing:.5px;font-size:10px;line-height:1.6}.d1{border-color:#2b5a3a}.d1 .cn2,.d1 .t{color:#7fd08a}.d2{border-color:#2b4a6a}.d2 .cn2,.d2 .t{color:#5fb0ff}.d3{border-color:#6a5320}.d3 .cn2,.d3 .t{color:#ffc94a}.d4{border-color:#6a2530}.d4 .cn2,.d4 .t{color:#ff5f6e}.seclbl{letter-spacing:5px;color:#54637d;margin:2px 0 10px;font-size:11px}#mapsel{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px;display:flex}.m{cursor:pointer;letter-spacing:1px;color:#8ea3c2;background:#0d131f;border:1px solid #243450;padding:9px 18px;font-family:inherit;font-size:12px;transition:all .12s}.m:hover{background:#162033;transform:translateY(-2px)}.m b{color:#6f86a8;margin-right:5px;font-size:14px}.m.sel{color:#dbe9ff;background:#12233c;border-color:#5fb0ff}.m.sel b{color:#5fb0ff}#seo-h1{z-index:2;text-align:center;letter-spacing:1px;color:#5d6d87;text-shadow:0 0 6px #000;pointer-events:none;margin:0;padding:0 220px;font-size:12px;font-weight:400;position:absolute;bottom:6px;left:0;right:0}#seo-landing{-webkit-user-select:text;user-select:text;color:#c2d2ea;max-width:900px;margin:0 auto;padding:56px 22px 44px;font-size:15px;line-height:1.65}#seo-landing h2{letter-spacing:2px;color:#7fa8dd;margin:34px 0 14px;font-size:20px}#seo-landing .lead{color:#d6e4f7;margin-bottom:8px;font-size:17px}#seo-landing ul.features,#seo-landing ol.howto{padding-left:22px}#seo-landing li{margin:7px 0}.faq details{border-top:1px solid #1c2740;padding:12px 0}.faq summary{cursor:pointer;color:#9fb8dd;font-size:15px}.faq p{color:#aebfd8;margin-top:8px}#langbar{z-index:30;font-size:12px;position:fixed;top:8px;right:10px}#langbar .ll-btn{font:inherit;letter-spacing:1px;cursor:pointer;color:#9fb8dd;background:#080b12d1;border:1px solid #2b3a54;border-radius:3px;padding:5px 10px;font-size:12px}#langbar .ll-btn:hover{color:#d6e4f7;border-color:#3b5580}#langbar .ll-drop{background:#080b12f7;border:1px solid #2b3a54;border-radius:3px;min-width:130px;max-height:64vh;margin-top:4px;padding:6px;display:none;position:absolute;top:100%;right:0;overflow:auto}#langbar:hover .ll-drop,#langbar:focus-within .ll-drop{display:block}#langbar .ll-drop a{color:#9fb8dd;white-space:nowrap;border-radius:2px;padding:5px 9px;text-decoration:none;display:block}#langbar .ll-drop a:hover{color:#d6e4f7;background:#16223a}#langbar .ll-drop a.cur{color:#5fb0ff;font-weight:700}[dir=rtl] #seo-landing{text-align:right;direction:rtl}[dir=rtl] #seo-landing ul.features,[dir=rtl] #seo-landing ol.howto{padding-left:0;padding-right:22px}@media (max-width:700px){#seo-h1{padding:0 12px}#help{display:none}#hud{gap:3px 12px;padding:7px 10px;font-size:11px}#hud .s b{font-size:15px}#toast{top:62px}#shop{bottom:52px}.ov{place-items:start center;padding:20px 12px;overflow-y:auto}.ov>div{width:100%;max-width:420px}.ov h1,.ov h2,.brand{letter-spacing:4px;font-size:30px}.ov .cn{letter-spacing:8px;margin-bottom:14px;font-size:18px}#diffs,#mapsel{width:100%}.d{width:calc(50% - 6px);padding:12px 8px}.d .cn2{font-size:24px}}#seo-landing ul.maps,#seo-landing ul.tips{padding-left:22px}#seo-landing ul.maps li,#seo-landing ul.tips li{margin:8px 0}#seo-landing .blog-cta{margin-top:34px}#seo-landing .blog-cta a{color:#8fc0ff;font-size:16px;text-decoration:none}#seo-landing .blog-cta a:hover{color:#d6e4f7}[dir=rtl] #seo-landing ul.maps,[dir=rtl] #seo-landing ul.tips{padding-left:0;padding-right:22px}.doc{color:#c2d2ea;max-width:820px;margin:0 auto;padding:64px 22px 60px;font-size:16px;line-height:1.7}.doc h1{letter-spacing:1px;color:#e6eefb;margin:6px 0 14px;font-size:30px;line-height:1.25}.doc .lead{color:#d6e4f7;margin-bottom:24px;font-size:18px}.doc .crumb{color:#5d6d87;margin-bottom:18px;font-size:13px}.doc .crumb a{color:#7fa8dd;text-decoration:none}.doc .crumb a:hover{color:#d6e4f7}.article-list{margin:0;padding:0;list-style:none}.article-list li{border-top:1px solid #1c2740;padding:18px 0}.article-list li a{color:#8fc0ff;font-size:19px;text-decoration:none}.article-list li a:hover{color:#d6e4f7}.article-list .date{color:#5d6d87;margin:4px 0;font-size:12px;display:block}.article-list p{color:#aebfd8;margin:0}.article article p{margin:0 0 16px}.article .meta{color:#5d6d87;margin-bottom:22px;font-size:13px}.doc .cta{margin:34px 0 12px}.doc .btn{color:#d6e4f7;letter-spacing:2px;background:#14203a;border:1px solid #2e4670;padding:11px 26px;text-decoration:none;display:inline-block}.doc .btn:hover{background:#1c2b48}.doc .backlink a{color:#7fa8dd;font-size:14px;text-decoration:none}.doc .backlink a:hover{color:#d6e4f7}[dir=rtl] .doc{text-align:right}#site-header{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07090ef0;border-bottom:1px solid #1c2740;align-items:center;gap:12px;padding:9px 22px;display:flex;position:sticky;top:0}.hdr-brand{color:#d6e4f7;letter-spacing:3px;font-size:15px;text-decoration:none}.hdr-brand:hover{color:#8fc0ff}.hdr-spacer{flex:1}.hdr-play{font:inherit;letter-spacing:2px;cursor:pointer;white-space:nowrap;color:#ffd98a;background:#2a2110;border:1px solid #6a5320;border-radius:3px;padding:7px 15px;font-size:12px}.hdr-play:hover{color:#ffc94a;background:#3a2d14;border-color:#8a6d28}#site-header #langbar{position:relative;top:auto;right:auto}#site-header~.doc{padding-top:32px}[dir=rtl] #site-header #langbar .ll-drop{left:0;right:auto}.ge{background:#080b12;border:1px solid #2b3a54;flex-direction:column;height:230px;margin:30px 0;transition:height .28s;display:flex;position:relative;overflow:hidden}.ge.is-playing{height:min(72vh,560px)}.ge.is-hidden{display:none}.ge.is-overlay{z-index:100;border:0;height:100vh;margin:0;position:fixed;inset:0}.ge-frame{border:0;flex:1;width:100%;min-height:0;display:block}.ge-bar{background:#0d131f;border-bottom:1px solid #1c2740;align-items:center;gap:8px;padding:6px 8px;display:flex}.ge-bar .ge-name{letter-spacing:3px;color:#7186a4;flex:1;font-size:11px}.ge-bar button{font:inherit;letter-spacing:1px;cursor:pointer;white-space:nowrap;color:#9fb8dd;background:#131e33;border:1px solid #2e4670;border-radius:3px;padding:4px 10px;font-size:11px}.ge-bar button:hover{color:#d6e4f7;background:#1c2b48}.ge-cover{text-align:center;background:radial-gradient(120% 120% at 50% 30%,#16233c 0%,#080b12 70%);place-content:center;justify-items:center;gap:12px;padding:22px;display:grid;position:absolute;inset:0}.ge-cover-name{letter-spacing:7px;color:#d6e4f7;font-size:24px}.ge-cover-sub{color:#8ea3c2;max-width:54ch;margin:0;font-size:13px;line-height:1.6}.ge-cta,.play-cta{font:inherit;letter-spacing:3px;cursor:pointer;color:#0a0d14;background:#ffc94a;border:1px solid #ffc94a;padding:11px 28px;font-size:14px}.ge-cta:hover,.play-cta:hover{background:#ffd98a;border-color:#ffd98a}@media (max-width:700px){#site-header{gap:8px;padding:8px 12px}.hdr-brand{letter-spacing:2px;font-size:13px}.hdr-play{letter-spacing:1px;padding:6px 10px}#site-header~.doc{padding-top:26px}.ge{height:200px}.ge.is-playing{height:min(70vh,420px)}.ge-cover-name{letter-spacing:4px;font-size:19px}.ge-cover-sub{font-size:12px}}