:root{--bg: #06060e;--surface: #0c0c1a;--surface-2: #111120;--border: rgba(200, 160, 80, .12);--border-strong: rgba(200, 160, 80, .38);--text: #ddd8c8;--muted: #665f52;--accent: #c8a050;--accent-dim: rgba(200, 160, 80, .1);--teal: #5ba8c4;--live: #6ecf89;--live-bg: rgba(110, 207, 137, .08);--done-bg: rgba(102, 95, 82, .1);--danger: #e05a50;--radius: 0px;--font-display: "Cinzel", Georgia, serif;--font-data: "Fira Code", "Courier New", monospace;--font-body: "Crimson Pro", Georgia, serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(200,160,80,.06) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 80% at 50% 40%,transparent 40%,rgba(6,6,14,.75) 100%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-data);font-size:.84em;background:#c8a0500f;border:1px solid var(--border);padding:1px 6px;color:#c8a050d9}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:0 28px;height:54px;background:#06060eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.navbar-brand{font-family:var(--font-display);font-weight:600;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.app{max-width:920px;margin:0 auto;padding:0 28px 100px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.45}}.hero{padding:80px 0 72px;text-align:center;animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both}.hero-eyebrow{font-family:var(--font-data);font-size:.67rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin:0 0 24px;opacity:.85}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:700;line-height:1.05;letter-spacing:.02em;color:var(--text);margin:0 0 24px}.hero-subtitle{font-family:var(--font-body);font-size:1.1rem;line-height:1.75;color:var(--muted);max-width:500px;margin:0 auto 40px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.section{margin-bottom:64px;animation:fadeUp .65s cubic-bezier(.16,1,.3,1) both}.main>.section:nth-child(1){animation-delay:.08s}.main>.section:nth-child(2){animation-delay:.18s}.main>.section:nth-child(3){animation-delay:.28s}.section-header{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}.section-title{font-family:var(--font-display);font-size:.68rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--border);position:relative}.section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:28px;height:1px;background:var(--accent)}.section-header .section-title{margin:0}.section-subtitle{font-family:var(--font-data);font-size:.67rem;color:var(--muted);letter-spacing:.06em}.page-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:.06em;color:var(--text);margin:0 0 36px}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(244px,1fr));gap:12px}.pillar{background:var(--surface);border:1px solid var(--border);padding:28px 24px;transition:border-color .2s}.pillar:hover{border-color:#c8a05042}.pillar-featured{border-color:#c8a05073;background:linear-gradient(160deg,rgba(200,160,80,.07) 0%,var(--surface) 60%);position:relative}.pillar-featured:hover{border-color:#c8a050b3}.pillar-featured-label{font-family:var(--font-data);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(200,160,80,.35);padding:2px 8px;display:inline-block;margin-bottom:18px}.pillar-icon{font-size:1rem;margin-bottom:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);flex-shrink:0}.pillar h3{font-family:var(--font-display);font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text);margin:0 0 10px}.pillar p{font-family:var(--font-body);font-size:.95rem;line-height:1.65;color:var(--muted);margin:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}.game-card{position:relative;background:var(--surface);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .22s,box-shadow .22s;overflow:hidden}.game-card:before,.game-card:after{content:"";position:absolute;width:12px;height:12px;transition:opacity .25s;opacity:0}.game-card:before{top:0;left:0;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.game-card:after{bottom:0;right:0;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}.game-card:hover{border-color:#c8a05047;box-shadow:0 0 24px #c8a0500a}.game-card:hover:before,.game-card:hover:after{opacity:1}.game-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-map{font-family:var(--font-display);font-weight:600;font-size:.84rem;letter-spacing:.06em;color:var(--text)}.game-name{font-family:var(--font-body);font-size:.9rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{font-family:var(--font-data);font-size:.67rem;color:var(--muted);letter-spacing:.04em;display:flex;align-items:center;gap:6px}.meta-sep{opacity:.4}.game-actions{display:flex;gap:8px;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 16px;font-family:var(--font-display);font-size:.64rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;background:transparent;border:1px solid var(--border-strong);color:var(--accent);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;text-decoration:none}.btn:hover{background:var(--accent);color:var(--bg);border-color:var(--accent);text-decoration:none}.btn-sm{padding:3px 10px;font-size:.6rem;letter-spacing:.13em}.btn-lg{padding:9px 28px;font-size:.68rem;gap:8px}.btn-ghost{border-color:var(--border);color:var(--muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-filled{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-filled:hover{background:transparent;color:var(--accent)}.btn-danger{border-color:#e05a504d;color:var(--danger)}.btn-danger:hover{background:#e05a5014;color:var(--danger);border-color:#e05a5080}.btn:disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.badge{font-family:var(--font-data);font-size:.58rem;font-weight:400;padding:2px 8px;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;border:1px solid}.badge-live{background:var(--live-bg);color:var(--live);border-color:#6ecf8940;animation:pulse-live 2.5s ease infinite}.badge-done{background:var(--done-bg);color:var(--muted);border-color:#665f5238}.status-empty,.status-error{font-family:var(--font-data);font-size:.8rem;color:var(--muted);padding:26px 22px;background:var(--surface);border:1px solid var(--border);margin:0;letter-spacing:.04em}.status-error{color:var(--danger);border-color:#e05a5033;background:#e05a500a}.token-input{flex:1;max-width:260px;background:var(--surface);border:1px solid var(--border);padding:6px 12px;color:var(--text);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .15s}.token-input:focus{border-color:var(--border-strong)}.token-input::placeholder{color:var(--muted)}.token-reveal{background:#c8a0500a;border:1px solid rgba(200,160,80,.2);padding:16px 18px;margin-bottom:22px}.token-reveal-label{font-family:var(--font-data);font-size:.72rem;color:var(--live);letter-spacing:.04em;margin-bottom:10px}.token-table{background:var(--surface);border:1px solid var(--border);overflow:hidden}.token-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border)}.token-row:last-child{border-bottom:none}.code-block{margin:8px 0 0;font-family:var(--font-data);font-size:.78rem;background:var(--surface-2);border:1px solid var(--border);padding:10px 14px;overflow-x:auto;color:#c8a050b3;line-height:1.6}