body{background:linear-gradient(135deg,#1b0a00 0,#3d120a 50%,#5a1d05 100%);color:#f5f5f5;font-family:Poppins,sans-serif;margin:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.skip-link{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;background:#ffb400;color:#000;padding:10px;z-index:9999;border-radius:5px;clip:auto;clip-path:none;font-weight:700;text-decoration:none}.site-header{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;padding:12px 40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;z-index:10;background:rgba(27,10,0,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:70px}.header-left{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.back-btn{color:#fff;font-size:1.2rem;text-decoration:none;transition:color .2s;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:4px;background:0 0;border:none;cursor:pointer}.back-btn:hover{color:#ffb400}.back-btn:focus-visible{outline:2px solid #ffb400;outline-offset:2px}.brand-logo{height:40px;width:auto;object-fit:contain;transition:transform .2s ease}.game-beta-badge{background:#ffb400;color:#000;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase}#headerActions{margin-left:auto}.auth-skeleton{width:90px;height:35px;background:#333;border-radius:50px;animation:pulseBg 1.5s infinite}@keyframes pulseBg{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}.container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 7.5%;max-width:1400px;margin:0 auto;gap:60px;box-sizing:border-box}.text-section{flex:1;max-width:50%}h1{font-size:2.8rem;color:#ffb400;background:linear-gradient(90deg,#ffb400,#ff5722);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}@media (forced-colors:active){h1{-webkit-text-fill-color:initial;color:CanvasText}}.text-section p{font-size:1rem;color:#ccc;margin-bottom:1rem;line-height:1.6}.game-metadata{font-size:.85rem;color:#ffb400;margin-top:.5rem;margin-bottom:2rem;font-weight:600;display:flex;flex-wrap:wrap;gap:15px;row-gap:8px}.buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:380px}.btn{padding:14px 22px;font-weight:600;color:#fff;background:linear-gradient(90deg,#ff7b00,#f30);border:none;border-radius:10px;cursor:pointer;text-align:center;transition:transform .2s ease,box-shadow .2s ease;font-size:1rem;font-family:inherit;width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.btn:focus-visible{outline:3px solid #ffb400;outline-offset:3px}.btn-secondary{background:#1c1c1c;border:1px solid #555}.btn-secondary:hover{background:#2a2a2a;border-color:#777}.rules-btn{background:0 0;color:#ffb400;border:2px solid #ffb400}.rules-btn:hover{background:rgba(255,180,0,.1);border-color:#f90;color:#f90}.lock-icon{opacity:.5;font-size:.8rem;flex-shrink:0}.image-section{flex:1;display:flex;justify-content:center;align-items:center}.image-section img{width:60%;max-width:500px;border-radius:20px;box-shadow:0 0 20px rgba(255,102,0,.3);transition:transform .3s ease,box-shadow .3s ease}@media (hover:hover) and (pointer:fine){.brand-logo:hover{transform:scale(1.05)}.image-section img:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(255,102,0,.5)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,78,0,.4)}}.btn:active{transform:scale(.97);filter:brightness(.95)}.rules-modal-overlay{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rules-modal-box{background:#1c1c1c;padding:2rem;border-radius:15px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;color:#fff;position:relative;text-align:left;box-sizing:border-box}.rules-modal-box.center-text{text-align:center}.rules-modal-box h2{color:#ffb400;margin-bottom:1rem;margin-top:0}.rules-modal-box p{margin-bottom:.8rem;line-height:1.5}.modal-subtitle{color:#ccc;font-size:.9rem;margin-bottom:20px}.rules-close-btn{position:absolute;top:10px;right:15px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#aaa;transition:color .2s;padding:5px}.rules-close-btn:hover{color:#ff7b00}.rules-close-btn:focus-visible{outline:2px solid #ffb400;outline-offset:2px;border-radius:3px}.join-input{width:100%;padding:15px;border-radius:10px;border:2px solid #444;background:#111;color:#fff;font-size:1.2rem;text-align:center;text-transform:uppercase;margin-bottom:20px;font-family:inherit;outline:0;transition:border-color .2s;box-sizing:border-box}.join-input:focus{border-color:#ffb400}.toast{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);background:#28a745;color:#fff;padding:12px 28px;border-radius:50px;font-weight:600;font-size:.95rem;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:bottom .5s cubic-bezier(.68,-.55,.265,1.55);z-index:9999;display:flex;align-items:center;gap:10px}.toast.show{bottom:40px}@media (prefers-reduced-motion:reduce){.brand-logo:hover,.btn:hover,.image-section img:hover{transform:none}.auth-skeleton{animation:none}}@media (max-width:1024px){.container{gap:30px}}@media (max-width:768px){.container{flex-direction:column;text-align:center;gap:2rem}.text-section{max-width:100%}.game-metadata{justify-content:center}.buttons{width:100%;align-items:center}.image-section img{width:80%;max-width:300px;margin-top:10px}}@media (max-width:480px){.rules-modal-box{padding:1.5rem}}@media (pointer:fine){.mobile-tilt-hint{display:none!important}}