.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--bg-card-solid);z-index:10;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:sticky;top:0}.app-header__brand{color:var(--accent);align-items:center;gap:14px;display:flex}.app-header__logo{filter:drop-shadow(0 1px 2px #0006);width:auto;height:36px;display:block}.app-header__title{letter-spacing:.02em;color:var(--accent);font-family:Arial MT,Arial,Helvetica Neue,sans-serif;font-size:26px;font-weight:700;line-height:1}.app-header__stats{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.app-header__chip{border:1px solid var(--border);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:999px;padding:6px 12px}.app-header__chip strong{color:var(--text);font-weight:600}.link-btn{color:var(--accent);background:0 0;border:0;padding:0;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.link-btn:hover{color:var(--accent-hover);text-decoration:underline}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:40px 32px}.app-footer{border-top:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-subtle);text-align:center;padding:20px 32px;font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.game-card{background:var(--bg-card-solid);border:4px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;isolation:isolate;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.game-card:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent) 0%, transparent 50%, #ef444499 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;padding:4px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.game-card:hover{cursor:pointer;box-shadow:var(--shadow-md), var(--shadow-glow);background:#141414;border-color:#0000;transform:translateY(-4px)}.game-card:hover:after{opacity:1}.game-card__photo{aspect-ratio:3/2;background:linear-gradient(135deg, #dc262633, #ef444414), var(--bg-input);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.game-card__photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#07080f59 100%);position:absolute;inset:0}.game-card__img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block}.game-card:hover .game-card__img{transform:scale(1.04)}.game-card__body{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.game-card__title{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600;line-height:1.25}.game-card__description{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.game-card__meta{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--border);color:var(--text-muted);backdrop-filter:blur(8px);letter-spacing:.01em;background:#ffffff08;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.pill--players{color:var(--text);background:var(--accent-soft);border-color:#dc26264d}@media (width<=800px){.app-main{padding:24px 16px}.app-header{padding:14px 16px}.grid{grid-template-columns:1fr;gap:16px}}.play-page{z-index:50;background:var(--bg-base);flex-direction:column;display:flex;position:fixed;inset:0}.play-page__bar{background:var(--bg-card-solid);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.play-page__title{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.play-page__title strong{color:var(--text);letter-spacing:-.01em;font-weight:600}.play-page__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:10px;font-weight:600}.play-page__close{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.play-page__close:hover{color:var(--text);border-color:var(--border-hover);background:#ffffff0a}.play-page__iframe{background:var(--bg-base);border:0;flex:auto;width:100%;display:block}:root{--auth-bg-base:#050000;--auth-bg-card:#1a0808;--auth-bg-input:#0f0303;--auth-border:#dc26262e;--auth-border-focus:#dc2626;--auth-accent:#dc2626;--auth-accent-hover:#ef4444;--auth-text:#f1f5f9;--auth-text-muted:#94a3b8;--auth-text-subtle:#64748b;--auth-error-bg:#2a0f14;--auth-error-border:#5f1d28;--auth-error-text:#fca5a5;--auth-radius:4px}.auth-screen{background:var(--auth-bg-base);width:100%;min-height:100vh;color:var(--auth-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 10%,#dc26264d 0,#0000 50%),radial-gradient(at 85% 0,#ef44442e 0,#0000 50%),radial-gradient(at 50% 100%,#b91c1c2e 0,#0000 50%);justify-content:center;align-items:center;margin:0;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;display:flex}.auth-card{background:var(--auth-bg-card);border-radius:var(--auth-radius);border:1px solid var(--auth-border);width:400px;max-width:100%;padding:36px 32px 26px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 12px 40px #0009,0 2px 8px #0006}.auth-card--compact{padding:36px 32px 26px}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--auth-accent), transparent);height:2px;position:absolute;top:0;left:0;right:0}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:4px;display:flex}.auth-brand svg{color:var(--auth-accent);flex-shrink:0}.auth-brand h1{color:var(--auth-text);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.auth-subtitle{color:var(--auth-text-muted);text-align:center;min-height:20px;margin:0 0 24px;font-size:13px;line-height:1.5}.auth-subtitle--compact{margin-bottom:18px}.auth-tabs{border-bottom:1px solid var(--auth-border);gap:0;margin-bottom:20px;display:flex}.auth-tab{font:inherit;letter-spacing:.01em;color:var(--auth-text-subtle);cursor:pointer;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;margin:0 0 -1px;padding:10px 12px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.auth-tab:hover{color:var(--auth-text-muted)}.auth-tab.active{color:var(--auth-accent);border-bottom-color:var(--auth-accent)}.auth-tab:focus-visible{color:var(--auth-text);border-bottom-color:var(--auth-accent);outline:none}.auth-section-title{color:var(--auth-text-subtle);text-transform:uppercase;letter-spacing:.08em;margin:12px 0 8px;font-size:11px;font-weight:600}.auth-section-title:first-of-type{margin-top:0}.auth-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-row>.auth-field{min-width:0}.auth-field{flex-direction:column;margin-bottom:14px;display:flex}.auth-field--tight{margin-bottom:12px}.auth-label{color:var(--auth-text-muted);letter-spacing:.01em;margin-bottom:6px;font-size:12px;font-weight:500}.auth-input,.auth-textarea{border:1px solid var(--auth-border);border-radius:var(--auth-radius);background:var(--auth-bg-input);width:100%;color:var(--auth-text);outline:none;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-textarea{resize:vertical;min-height:64px;max-height:160px;line-height:1.4}.auth-input::placeholder,.auth-textarea::placeholder{color:var(--auth-text-subtle)}.auth-input:hover,.auth-textarea:hover{border-color:#2f3358}.auth-input:focus,.auth-textarea:focus{border-color:var(--auth-border-focus);background:#0d0e22;box-shadow:0 0 0 3px #6a5ce82e}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--auth-text);-webkit-box-shadow:0 0 0 1000px var(--auth-bg-input) inset;caret-color:var(--auth-text)}.auth-submit{background:var(--auth-accent);color:#fff;letter-spacing:.01em;border-radius:var(--auth-radius);cursor:pointer;border:0;width:100%;margin-top:6px;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform 50ms,box-shadow .15s;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0006}.auth-submit--spaced{margin-top:14px}.auth-submit:hover{background:var(--auth-accent-hover);box-shadow:inset 0 1px #ffffff1a,0 2px 6px #6a5ce859}.auth-submit:active{transform:translateY(1px)}.auth-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #6a5ce859,0 1px 2px #0006}.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-error{background:var(--auth-error-bg);color:var(--auth-error-text);border-radius:var(--auth-radius);border:1px solid var(--auth-error-border);margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.4;display:none}.auth-error.visible{display:block}.auth-footer{border-top:1px solid var(--auth-border);text-align:center;color:var(--auth-text-subtle);margin-top:22px;padding-top:16px;font-size:12px}.auth-footer--tight{margin-top:18px;padding-top:14px}.auth-footer a{color:var(--auth-accent);font-weight:500;text-decoration:none;transition:color .15s}.auth-footer a:hover{color:var(--auth-accent-hover);text-decoration:underline}.auth-brand-mark{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--auth-text-subtle);opacity:.7;margin-top:14px;font-size:11px;font-weight:600}:root{--bg-base:#000;--bg-card:#ffffff0a;--bg-card-solid:#0d0d0d;--bg-card-hover:#ffffff14;--bg-input:#0a0a0a;--border:#ffffff12;--border-hover:#ffffff1f;--border-focus:#dc262699;--accent:#dc2626;--accent-hover:#ef4444;--accent-glow:#dc262673;--accent-soft:#dc26261f;--text:#f1f5f9;--text-muted:#94a3b8;--text-subtle:#64748b;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #0006, 0 2px 8px #0000004d;--shadow-lg:0 24px 48px #00000080, 0 4px 16px #00000059;--shadow-glow:0 0 0 1px #dc262633, 0 12px 32px #dc26262e;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:var(--bg-base);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;background-image:radial-gradient(at 20% 10%,#dc262638 0,#0000 50%),radial-gradient(at 85% 0,#ef444424 0,#0000 50%),radial-gradient(at 50% 100%,#b91c1c1f 0,#0000 50%);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;mask-image:radial-gradient(80% 60%,#000 40%,#0000 100%)}#root{z-index:1;position:relative}button{font:inherit;cursor:pointer}code{color:var(--text-muted);background:#ffffff0d;border-radius:4px;padding:1px 6px;font-family:ui-monospace,JetBrains Mono,Menlo,Consolas,monospace;font-size:.85em}