:root{color-scheme:dark;--bg:#111719;--panel:#1a2225;--ink:#f4f1e8;--muted:#aebdbb;--line:#344044;--accent:#f3cb80;--mint:#94dfc9;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;line-height:1.55}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%;height:auto}
.shell{width:min(70rem,calc(100% - 2.5rem));margin-inline:auto}.skip{position:absolute;top:.4rem;left:1rem;transform:translateY(-200%);background:var(--accent);color:#1c1913;padding:.6rem;z-index:3}.skip:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:5rem;border-bottom:1px solid var(--line)}.brand{flex-shrink:0}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem}.site-header nav a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .55rem;text-decoration:none;font-size:.92rem;font-weight:650}.site-header nav a:hover,.secondary:hover{color:var(--accent)}
.start{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding:clamp(2rem,6vw,5.1rem) 0 2.8rem}.eyebrow{color:var(--mint);font-size:.82rem;font-weight:720;margin:0 0 .8rem}.intro h1{margin:0;color:var(--ink);font-size:clamp(2.5rem,5vw,4.55rem);letter-spacing:-.065em;line-height:1.02;font-weight:760}.intro>p:not(.eyebrow){color:var(--muted);max-width:36ch;margin:1.05rem 0;font-size:clamp(1rem,2vw,1.15rem)}.intro>p.fine{font-size:.83rem;margin:.8rem 0 0}
.actions{display:flex;align-items:center;gap:.65rem 1.15rem;flex-wrap:wrap;margin-top:1.45rem}.button,.secondary{display:inline-flex;min-height:46px;align-items:center;gap:.7rem;font-weight:700;text-decoration:none}.button{border-radius:.55rem;padding:.55rem .9rem}.primary{background:var(--accent);color:#211b13}.primary:hover{background:#ffdd9e}.secondary{font-size:.9rem}
.sample{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:.85rem;overflow:hidden}.sample-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .8rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.sample-head span{font-size:.76rem;color:var(--muted)}.sample-chart{display:block;width:100%;padding:.8rem .75rem .4rem}.sample-chart text{font-family:ui-monospace,monospace;fill:var(--muted);font-size:12px}.sample-chart .price{fill:var(--accent);font-size:13px}.sample-chart .unknown{font-size:23px}.sample figcaption{padding:.65rem 1rem .9rem;font-size:.86rem;color:var(--muted)}
.ways{border-top:1px solid var(--line);padding:1.7rem 0 2.25rem}.ways h2{font-size:1.35rem;margin:0 0 .8rem;letter-spacing:-.02em}.route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.route-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.65rem;min-height:5.1rem;padding:.85rem;border:1px solid var(--line);border-radius:.65rem;text-decoration:none}.route-list a:hover{border-color:var(--mint);background:var(--panel)}.route-no,.route-list a>span:last-child{color:var(--mint);font:600 .82rem/1.8 ui-monospace,monospace}.route-list strong,.route-list small{display:block}.route-list small{color:var(--muted);margin-top:.15rem;line-height:1.35}
.resources{border-top:1px solid var(--line);padding-bottom:1.2rem}.resources details{border-bottom:1px solid var(--line);padding:0 0 .1rem}.resources details[open]{padding-bottom:.8rem}.resources summary{cursor:pointer;min-height:46px;padding:.6rem 0;font-weight:650}.resources p{color:var(--muted);max-width:70ch;margin:.3rem 0}.resources a{color:var(--mint)}.site-footer{color:var(--muted);font-size:.82rem;display:flex;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;padding:0 0 1.5rem}.site-footer nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
@media(max-width:760px){.start{grid-template-columns:1fr;gap:1.6rem}.sample{max-width:34rem}.route-list{grid-template-columns:1fr}.route-list a{min-height:0}.site-header{gap:.5rem}.brand img{width:130px}.site-header nav{gap:0}.site-header nav a{padding:.35rem .45rem}.site-header .account-link{display:none}.site-header nav .tq-settings-trigger{padding-inline:.45rem}}
@media(max-width:360px){.shell{width:calc(100% - 1.5rem)}.site-header nav a{padding-inline:.32rem}.brand img{width:104px}}
:root[data-theme=light]{--accent:#f3cb80;--ink:#17263c}
:root[data-theme=light] .sample-chart{background:#172023}
:root[data-theme=light] .sample-chart text{fill:#d2ddda}
:root[data-theme=light] .sample-chart .price{fill:#f3cb80}
:root[data-theme=light] .site-header nav a{color:var(--ink)}
:root[data-theme=light] a.primary{color:#211b13}
@media(max-width:760px){.site-header{min-height:4.25rem}.site-header nav{flex-wrap:nowrap;gap:0}.site-header nav a{padding-inline:.34rem;font-size:.84rem}.site-header nav .tq-settings-trigger{padding-inline:.4rem;min-height:44px}.brand img{width:118px}}
@media(max-width:360px){.brand img{width:95px}.site-header nav a{padding-inline:.28rem;font-size:.8rem}}

/* Keep the public site editorial, with a real path into the game. */
:root:not([data-theme=light]){--bg:#0d1519;--panel:#152126;--ink:#eff5f1;--muted:#b2c2bf;--line:#30434a;--accent:#a9ead6;--mint:#8adbc1}
:root[data-theme=light]{--accent:#b6ebd9}
body{background:var(--bg)}.shell{width:min(72rem,calc(100% - 3rem))}
.site-header{min-height:4.8rem}.brand{display:inline-flex;gap:.55rem;align-items:center;text-decoration:none;font-size:1.28rem;font-weight:780;letter-spacing:-.045em}.brand img{width:32px;height:32px;border-radius:.55rem;flex:none}.site-header nav{gap:.4rem}.site-header nav a[href$="bull-vs-bear"]{color:var(--mint)}.site-header .tq-settings-trigger{border-radius:.5rem}
.start{padding:clamp(2.1rem,6vw,5rem) 0 2.1rem;gap:clamp(1.6rem,5vw,4rem)}.intro h1{font-size:clamp(2.45rem,5.3vw,4.5rem);font-weight:770;letter-spacing:-.065em}.intro h1 em{color:var(--mint);font-style:normal}.intro>p:not(.eyebrow){max-width:42ch}.eyebrow{font:650 .76rem/1.4 ui-monospace,monospace;letter-spacing:.05em}.primary,.primary:hover{color:#102421}.primary:hover{background:#cef6e9}
.sample{background:#132127;border-radius:1rem;border-color:#30464e;box-shadow:0 1.15rem 2.5rem #0002}.sample-head{padding:1rem 1.2rem}.sample-head strong{display:block;font-size:1.14rem;color:#eff5f1;margin-top:.18rem}.sample-head .sample-label{color:#9bb7b5}.sample-head .sample-badge{border:1px solid #435b5f;border-radius:.4rem;padding:.18rem .45rem;color:#c7d8d5}.sample figcaption{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;padding:0 1.2rem .95rem;color:#c3d3d0}.sample figcaption a{color:#a9ead6;font-weight:700;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:.35rem}.sample-chart text{fill:#bacdc8}.sample-chart .price{fill:#f3cb80}
.arcade-feature{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem 1.2rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.2rem;text-decoration:none;margin:0 0 2.25rem}.arcade-feature:hover{border-color:var(--mint)}.arcade-feature .eyebrow{margin:0 0 .15rem}.arcade-feature h2{font-size:1.45rem;margin:0;line-height:1.25;letter-spacing:-.025em}.arcade-feature p:last-child{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.arcade-cta{display:inline-flex;gap:.45rem;align-items:center;font-size:.9rem;font-weight:730;color:var(--mint);min-height:44px}.arcade-board-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:64px}.arcade-board-preview i{display:grid;place-items:center;aspect-ratio:1;background:var(--bg);border:1px solid var(--line);border-radius:3px;color:var(--mint);font:700 .85rem/1 system-ui}.arcade-board-preview i:nth-child(2),.arcade-board-preview i:nth-child(6),.arcade-board-preview i:nth-child(7){color:#e59e94}
.ways h2{font-size:1.6rem}.route-list a{background:var(--panel);padding:1rem}.resources summary{font-size:.94rem}.site-footer{padding-top:.3rem}
@media(max-width:760px){.shell{width:calc(100% - 2rem)}.site-header{min-height:4rem}.site-header nav{gap:0}.site-header nav a{font-size:.8rem;padding-inline:.3rem}.brand{gap:.3rem;font-size:1.08rem}.brand img{width:27px;height:27px}.site-header .tq-settings-trigger{font-size:.65rem}.start{padding-top:2.15rem}.arcade-feature{margin-bottom:1.65rem;padding:.85rem;gap:.45rem .8rem;grid-template-columns:auto minmax(0,1fr)}.arcade-cta{grid-column:2;min-height:38px}.sample figcaption{padding-inline:.9rem}.sample-head{padding-inline:.9rem}}
@media(max-width:365px){.shell{width:calc(100% - 1.5rem)}.site-header{flex-wrap:wrap;gap:0}.site-header nav{margin-left:auto}.site-header nav a{padding-inline:.25rem}.brand img{width:24px;height:24px}}
