:root{--obsidian-950:#232527;--obsidian-900:#2b2d30;--obsidian-800:#35373a;--obsidian-700:#414346;--obsidian-600:#505255;--emerald-500:#1f8a56;--emerald-400:#3aa873;--emerald-300:#6fc79a;--emerald-glow:#1f8a5659;--diamond-400:#5ce1e6;--diamond-300:#9df3f6;--diamond-glow:#5ce1e673;--stone-100:#f4f5f7;--stone-200:#e3e5eb;--stone-300:#c7cbd6;--stone-500:#8892a6;--bg:var(--obsidian-950);--surface:var(--obsidian-800);--surface-alt:var(--obsidian-700);--text:var(--stone-100);--text-muted:var(--stone-300);--topbar:var(--obsidian-900);--topbar-active:var(--obsidian-700);--heading:var(--emerald-400);--heading-shadow:var(--emerald-glow);--link:var(--diamond-400);--link-hover:var(--diamond-300);--card-border:var(--obsidian-600);--card-alt-row:var(--obsidian-700);--accent:var(--emerald-500);--accent-2:var(--diamond-400);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.6 Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 15% 0,#1f8a560f,#0000 40%),radial-gradient(circle at 85% 20%,#5ce1e60f,#0000 40%);background-attachment:fixed;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1 0 auto;width:100%}a{color:var(--link);text-decoration:underline;transition:color .15s}a:hover{color:var(--link-hover)}h1{color:var(--heading);text-shadow:0 0 12px var(--heading-shadow);letter-spacing:.5px}h2{text-align:center;color:var(--stone-100)}h3{color:var(--stone-200)}.container{max-width:1200px;margin:0 auto;padding:15px}.row{flex-wrap:wrap;display:flex}.row:after{content:"";clear:both;display:table}.gem-divider{background:linear-gradient(90deg, var(--emerald-500), var(--diamond-400));border-radius:2px;width:80px;height:3px;margin:12px auto 24px}.wall-list{padding:0;list-style:none}.wall-list li{background-color:var(--surface);border:1px solid var(--card-border);border-radius:8px;margin-bottom:10px;padding:12px 16px}@media only screen and (width>=768px){a{text-decoration:none}h2{text-align:left}}.navbar{background-color:var(--topbar);border-bottom:1px solid var(--card-border);flex-wrap:wrap;align-items:center;width:100%;display:flex;overflow:auto}.navbar-heart{width:30px;height:22px;filter:drop-shadow(0 0 4px var(--emerald-glow));margin:4px 0;padding-left:4px;padding-right:4px}.navbar a{text-align:center;color:var(--stone-200);padding:12px 16px;font-size:18px;line-height:22px;text-decoration:none;transition:color .15s,background-color .15s;display:inline-block;position:relative}.navbar a:after{content:"";background:linear-gradient(90deg, var(--emerald-500), var(--diamond-400));transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:6px;left:16px;right:16px;transform:scaleX(0)}.navbar a.active{color:var(--stone-100);background-color:var(--topbar-active)}.navbar a.active:after,.navbar a:hover:after{transform:scaleX(1)}.navbar a:hover{color:var(--stone-100);background-color:var(--topbar-active)}@media screen and (width>=768px){.navbar a{padding:20px;font-size:20px}}footer{text-align:center;width:100%;color:var(--text-muted);background-color:var(--topbar);border-top:1px solid var(--card-border);flex-shrink:0;padding:24px 0;font-size:.9em}footer p{margin:4px 0}footer a{color:var(--link)}.btn{text-align:center;cursor:pointer;border:2px solid #0000;border-radius:6px;padding:12px 28px;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s,color .15s;display:inline-block;text-decoration:none!important}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--emerald-500), var(--emerald-400));color:var(--obsidian-950);box-shadow:0 0 #0000}.btn-primary:hover{box-shadow:0 4px 18px var(--emerald-glow);color:var(--obsidian-950)}.btn-secondary{color:var(--diamond-400);border-color:var(--diamond-400);background:0 0}.btn-secondary:hover{box-shadow:0 4px 18px var(--diamond-glow);color:var(--diamond-300);border-color:var(--diamond-300);background:#5ce1e61a}.card{background-color:var(--surface);border:1px solid var(--card-border);border-radius:10px;margin-bottom:24px;padding:24px;box-shadow:0 2px 12px #00000059}.card-title{text-align:left;margin-top:0}.card-body p:last-child{margin-bottom:0}.hero{background-image:linear-gradient(180deg, #2325278c 0%, #232527d9 70%, var(--obsidian-950) 100%), url(/images/background_opt.jpg);text-align:center;background-position:50%;background-size:cover;padding:64px 0 72px;position:relative;overflow:hidden}.hero-content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.hero-brand{justify-content:center;align-items:center;gap:20px;margin-bottom:16px;display:flex}.hero-logo{width:60px;height:auto;filter:drop-shadow(0 0 14px var(--emerald-glow));flex-shrink:0}.hero-title{margin:0;font-size:clamp(1.6rem,4.5vw,2.5rem)}.hero-tag{color:var(--diamond-400);letter-spacing:1px;margin:0 0 152px;font-weight:700}.hero-lede{max-width:640px;color:var(--text-muted);margin-top:20px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.home-sections{gap:24px;margin-top:40px}.home-card{flex:320px}.quote{border-left:4px solid var(--emerald-500);background:var(--surface);color:var(--stone-100);border-radius:0 10px 10px 0;margin:40px 0;padding:24px 32px;font-size:1.25rem;font-style:italic}.quote cite{color:var(--text-muted);margin-top:8px;font-size:.95rem;font-style:normal;display:block}.game-setup-img{border:1px solid var(--card-border);border-radius:8px;width:100%;max-width:300px;height:auto;margin:16px auto 32px;display:block}.category-block{margin-bottom:40px}.category-title{text-align:left;color:var(--diamond-400);margin-bottom:4px}table{border-collapse:collapse;background-color:var(--surface);border-radius:8px;width:100%;margin:0 0 8px;overflow:hidden}td,th{border:solid 1px var(--card-border);text-align:left;padding:10px 12px}th{background-color:var(--topbar);color:var(--diamond-300);font-weight:600}tr:nth-child(2n){background-color:var(--card-alt-row)}.credit-link{align-items:center;gap:12px;display:flex}.credit-avatar{border:2px solid var(--card-border);border-radius:50%;flex-shrink:0;width:40px;height:40px}