mirror of
https://github.com/Such-Software/wownerogue.git
synced 2026-10-18 14:51:26 +02:00
jwinterm
fad2a695bd
A browser-based roguelike synchronized with crypto block timing. A run is a race against the next block: reach the exit before the block lands, or the house wins. The same codebase runs the solo dungeon, the social Tavern, and operator-selected PvP and race rulesets, with separate free and paid leaderboards. Self-hostable under the MIT License. See README.md to run it, docs/ARCHITECTURE.md for the design, and docs/DEPLOY.md to operate an instance.
20 lines
1.4 KiB
CSS
20 lines
1.4 KiB
CSS
:root { color-scheme: dark; --bg:#090b0f; --panel:#14191f; --line:#303944; --text:#d7dbe0; --muted:#96a0ad; --accent:#64db79; --gold:#efb64b; }
|
|
* { box-sizing: border-box; }
|
|
body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% -15%,#25352a 0,transparent 38%),var(--bg); color:var(--text); font:16px/1.55 system-ui,-apple-system,sans-serif; }
|
|
main { width:min(860px,calc(100% - 28px)); margin:0 auto; padding:24px 0 48px; }
|
|
nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
|
|
nav a,a { color:#9eeaac; }
|
|
nav a { padding:6px 10px; border:1px solid var(--line); border-radius:6px; text-decoration:none; }
|
|
nav a:hover,nav a:focus-visible { border-color:var(--accent); }
|
|
header { margin-bottom:20px; }
|
|
h1 { margin:.15em 0; color:#fff; font-size:clamp(2rem,6vw,3.4rem); line-height:1; }
|
|
h2 { color:#fff; font-size:1.15rem; }
|
|
.eyebrow { margin:0; color:var(--accent); font-size:.75rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
|
|
header>p:last-child,footer { color:var(--muted); }
|
|
section { margin:12px 0; padding:18px clamp(16px,4vw,24px); border:1px solid var(--line); border-radius:10px; background:rgba(20,25,31,.96); }
|
|
.notice { border-color:#7a5c28; background:rgba(78,55,16,.24); }
|
|
.no-real-value { padding:12px 14px; border:2px solid var(--gold); border-radius:7px; background:#2e2009; color:#ffe2a4; letter-spacing:.015em; }
|
|
li+li { margin-top:.45rem; }
|
|
footer { padding:12px 4px; }
|
|
strong { color:#fff; }
|