:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,sans-serif; color:#f3f3f3; background:#2e0d08; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; background:#2e0d08 url('/wp-content/uploads/2026/02/section1_bg-2.webp') top center/cover fixed no-repeat; }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:rgba(46,13,8,.30); }
button,input { font:inherit; }
button { cursor:pointer; }
.page-head { min-height:70px; display:flex; align-items:center; padding:0 12px; background:#0f0400; }
.page-head a { display:inline-flex; align-items:center; gap:14px; color:#fff; font-size:27px; font-weight:900; text-decoration:none; text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 20px rgba(255,0,0,.35),0 0 20px rgba(255,0,0,.2); }
.page-head a:hover { color:#fff; }
.page-head span { font-size:30px; line-height:1; }
.auth-stage { min-height:605px; display:grid; place-items:center; padding:90px 15px 100px; }
body[data-default-tab="register"] .auth-stage { min-height:760px; }
.sgc-auth { display:flex; flex-wrap:wrap; justify-content:center; padding:0 12px; }
.sgc-auth > section { width:100%; }
.sgc-auth__card { width:100%; max-width:520px; margin:0 auto; padding:36px 40px 28px; border:3px solid #971913; border-radius:16px; color:#f3f3f3; background:rgba(10,10,10,.70); box-shadow:0 26px 65px rgba(0,0,0,.45); font-size:18px; }
.sgc-auth__field { margin-bottom:22px; }
.sgc-auth__field--float { position:relative; padding-top:12px; }
.sgc-auth__field--float label { position:absolute; top:22px; left:15px; color:rgba(255,255,255,.78); font-size:18px; pointer-events:none; transform-origin:left top; transition:transform 160ms ease,top 160ms ease,color 160ms ease; }
.sgc-auth__field input[type="email"],.sgc-auth__field input[type="text"],.sgc-auth__field input[type="password"] { width:100%; padding:22px 44px 10px 15px; border:0; border-bottom:1px solid rgba(255,255,255,.5); border-radius:0; outline:none; box-shadow:none; color:#f3f3f3; background:transparent; }
.sgc-auth__field--float input::placeholder { color:transparent; }
.sgc-auth__field--float input:focus + label,.sgc-auth__field--float input:not(:placeholder-shown) + label { top:6px; color:#34e000; transform:scale(.85); }
.sgc-auth__field input:focus { border-bottom-color:rgba(255,255,255,.85); }
.sgc-auth__field--password { position:relative; }
.sgc-auth__toggle { position:absolute; top:34px; right:0; padding:6px 0; border:0; color:rgba(255,255,255,.75); background:transparent; }
.sgc-auth__toggle:hover { color:#fff; }
.sgc-auth__hint { margin-top:6px; color:rgba(255,255,255,.65); font-size:16px; }
.sgc-auth__check { display:flex; align-items:flex-start; gap:10px; margin:14px 0; color:#f3f3f3; font-size:18px; line-height:1.45; }
.sgc-auth__check input[type="checkbox"] { appearance:none; display:inline-grid; flex:0 0 24px; width:24px; height:24px; margin:2px 0 0; place-content:center; border:2px solid rgba(52,224,0,.85); border-radius:6px; background:rgba(10,10,10,.45); cursor:pointer; }
.sgc-auth__check input[type="checkbox"]::before { content:""; width:12px; height:12px; background:#0c1700; clip-path:polygon(14% 44%,0 62%,38% 100%,100% 24%,82% 8%,36% 62%); transform:scale(0); transition:transform 120ms ease-in-out; }
.sgc-auth__check input[type="checkbox"]:checked { background:linear-gradient(180deg,#7bff2a,#34e000); box-shadow:0 10px 24px rgba(36,255,0,.10),0 0 18px rgba(36,255,0,.18); }
.sgc-auth__check input[type="checkbox"]:checked::before { transform:scale(1); }
.sgc-auth__check input[type="checkbox"]:focus-visible { outline:3px solid rgba(52,224,0,.35); outline-offset:2px; }
.sgc-auth__check a { color:#f3f3f3; text-decoration:underline; }
.captcha { min-height:78px; margin:20px 0; overflow:hidden; }
.sgc-auth__submit { position:relative; z-index:0; display:inline-flex; width:100%; align-items:center; justify-content:center; gap:10px; padding:14px 16px; overflow:visible; border:0; border-radius:10px; color:#000; background:linear-gradient(180deg,#7bff2a,#34e000); box-shadow:0 0 0 1px rgba(10,30,0,.35) inset,0 10px 30px rgba(36,255,0,.18),0 0 26px rgba(36,255,0,.22); font-size:26px; font-weight:900; letter-spacing:.02em; text-transform:uppercase; }
.sgc-auth__submit:hover { filter:brightness(1.04); }
.sgc-auth__submit:active { transform:translateY(1px); }
.sgc-auth__submit:disabled { cursor:wait; opacity:.7; }
.sgc-auth__submitIcon { display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; }
.sgc-auth__submitIcon img { display:block; width:100%; height:100%; object-fit:contain; }
.auth-switch { margin:14px 0 0; color:#fff; font-size:14px; text-align:center; }
.auth-switch button { padding:0; border:0; color:#7bff2a; background:transparent; text-decoration:underline; }
.auth-disclaimer { margin:20px 0 0; color:rgba(255,255,255,.78); font-size:14px; line-height:1.45; text-align:center; }
.status { flex-basis:100%; min-height:1.5em; margin:18px auto 0; color:#ffb4b4; text-align:center; }
.status.ok { color:#b9ffb9; }
.site-footer { padding:130px 20px 20px; background:#090000 url('/wp-content/uploads/2026/02/safe_bg.webp') center/cover no-repeat; color:#fff; }
.footer-grid { width:min(100%,1150px); margin:0 auto 45px; display:grid; grid-template-columns:1.2fr .7fr 1.2fr; gap:70px; align-items:start; }
.footer-about img { display:block; width:200px; height:auto; margin-bottom:22px; }
.footer-about p,.footer-notice { margin:0; font-size:14px; font-weight:600; line-height:1.45; }
.footer-nav { display:grid; gap:9px; padding-top:12px; }
.footer-nav a,.footer-bottom a { color:#fff; text-decoration:none; }
.footer-nav a:hover,.footer-bottom a:hover { color:#34e000; }
.footer-notice { padding:30px; border:1px solid #a05050; background:#180300; }
.footer-bottom { width:min(100%,1150px); margin:0 auto; padding:14px 5px 0; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #333; font-size:14px; }
.footer-bottom p { margin:0; }
.footer-bottom nav { display:flex; align-items:center; gap:14px; }
.shell { width:min(100% - 30px,920px); margin:48px auto; padding:40px; border:3px solid #971913; border-radius:16px; background:rgba(10,10,10,.76); }
.shell.wide { width:min(100% - 30px,1300px); }
.shell h1 { margin-top:0; color:#fff; font-size:clamp(34px,6vw,54px); }
.eyebrow { color:#7bff2a; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.lede { color:rgba(255,255,255,.8); }
.lobby-head { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.primary,.quiet { padding:12px 18px; border:0; border-radius:10px; font-weight:800; }
.primary { display:inline-block; color:#000; background:linear-gradient(180deg,#7bff2a,#34e000); text-decoration:none; }
.quiet { border:1px solid #7bff2a; color:#7bff2a; background:transparent; }
.games { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:14px; margin-top:26px; }
.game { padding:20px; border:1px solid #971913; border-radius:12px; background:rgba(10,10,10,.7); }
.game h2 { margin-top:0; font-size:1.1rem; }
.game a { color:#7bff2a; font-weight:750; }
.game-category { margin-top:36px; }
.game-category__title { display:flex; align-items:center; gap:10px; margin:0 0 16px; color:#fff; font-size:1.4rem; }
.game-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:16px; }
.game-tile { position:relative; }
.game-tile__link { display:block; border-radius:12px; overflow:hidden; border:1px solid #971913; box-shadow:0 10px 24px rgba(0,0,0,.35); text-decoration:none; }
.game-tile__art { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; background:#150402; }
.game-tile__badge { position:absolute; top:10px; left:10px; padding:4px 10px; border-radius:999px; background:rgba(0,0,0,.72); color:#fff; font-size:11px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.game-tile.is-hidden { display:none; }
.game-category.is-hidden { display:none; }
.safe-gaming { padding:80px 20px; background:#090000 url('/wp-content/uploads/2026/02/safe_bg.webp') center/cover no-repeat; }
.safe-gaming__card { width:min(100%,760px); margin:0 auto; padding:40px; border:2px solid #34e000; border-radius:16px; background:rgba(10,10,10,.55); color:#fff; text-align:center; }
.safe-gaming__card h2 { margin-top:0; font-size:clamp(24px,4vw,34px); }
.safe-gaming__card p { color:rgba(255,255,255,.85); }
.safe-gaming__notice { margin-top:16px; font-size:13px; color:rgba(255,255,255,.6); }
.gate-panel { width:min(100%,720px); margin:0 auto; padding:48px 40px; border:3px solid #971913; border-radius:16px; background:rgba(10,10,10,.76); text-align:center; }
.gate-panel img { display:block; width:220px; height:auto; margin:0 auto 24px; border-radius:12px; }
.gate-panel h1 { margin-top:0; color:#fff; }
.gate-panel__actions { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:24px; }
@media (max-width:767px) { .game-grid { grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:10px; } .safe-gaming { padding:45px 20px; } .safe-gaming__card { padding:26px; } }
@media (max-width:767px) { .page-head { min-height:64px; } .page-head a { font-size:22px; } .auth-stage,body[data-default-tab="register"] .auth-stage { min-height:0; padding:35px 0; } .sgc-auth { padding:0 15px; } .sgc-auth__card { padding:28px 20px 22px; font-size:16px; } .sgc-auth__field--float label,.sgc-auth__check { font-size:16px; } .sgc-auth__submit { font-size:21px; } .sgc-auth__submitIcon { width:32px; height:32px; } .site-footer { padding:55px 20px 20px; } .footer-grid { grid-template-columns:1fr; gap:35px; margin-bottom:35px; } .footer-about { text-align:center; } .footer-about img { margin:0 auto 20px; } .footer-nav { text-align:center; } .footer-bottom { display:grid; justify-content:center; text-align:center; } .lobby-head { display:grid; } }