.login-page{overflow-x:hidden;width:100%;display:flex;flex-direction:column;align-items:center}.login-logo img,.reg-logo img{display:block;margin:0 auto;width:calc(17 * var(--s-base));max-width:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.login-form,.register-form{width:calc(11.875 * var(--s-base));max-width:calc(11.875 * var(--s-base));display:flex;flex-direction:column;align-items:center}.register-form form{width:100%}.login-form input,.register-form input{width:100%;padding:calc(.4 * var(--s-base))calc(.6 * var(--s-base));color:#e0e0e0;background-color:#333;border:1px solid #555;border-radius:calc(.25 * var(--s-base));margin-bottom:calc(.55 * var(--s-base));font-size:calc(.9 * var(--s-base))}.login-form input::placeholder,.register-form input::placeholder{color:#a7a7a7;font-size:calc(.9 * var(--s-base))}.btn-login{cursor:pointer;padding:calc(.4 * var(--s-base))calc(.8 * var(--s-base));border-radius:calc(.25 * var(--s-base));user-select:none;color:#fff;background-color:#007bff;border-color:#007bff;width:100%;font-size:calc(.9 * var(--s-base))}.btn-login:hover{background-color:#0069d9;border-color:#0062cc}.login-text{margin-top:calc(1.1 * var(--s-base));font-size:calc(.93 * var(--s-base))}a{color:#4b8bff;text-decoration:none;font-weight:700;transition:color .3s ease,text-shadow .3s ease,transform .3s ease}a:hover{color:gold;text-shadow:0 0 calc(.625 * var(--s-base))gold;transform:scale(1.05)}#register-now a{color:#ffd100;font-weight:700;text-decoration:none;text-shadow:0 0 calc(.375 * var(--s-base))rgba(255,209,0,.6),0 0 calc(.75 * var(--s-base))rgba(255,165,0,.35);transition:color .2s ease,text-shadow .2s ease}#register-now a:hover{color:#ffe86a;text-shadow:0 0 calc(.625 * var(--s-base))rgba(255,220,0,.85),0 0 calc(1.125 * var(--s-base))rgba(255,170,0,.6)}#forgot-password{margin-top:calc(.3 * var(--s-base));font-size:calc(.58 * var(--s-base))}.login-text #discord{margin-top:calc(.5 * var(--s-base));font-size:calc(.8 * var(--s-base));background-color:rgba(0,0,0,.7);text-align:center;padding:calc(.8 * var(--s-base));z-index:1000}.alert{padding:calc(.4 * var(--s-base))calc(.8 * var(--s-base));margin-bottom:calc(.5 * var(--s-base));border:1px solid #7c5858;color:#f8d7da;background-color:#603232;font-size:calc(.93 * var(--s-base));width:100%}.success{padding:calc(.4 * var(--s-base))calc(.8 * var(--s-base));margin-bottom:calc(.5 * var(--s-base));border:1px solid #386641;color:#daf7dc;background-color:#2f5d34;font-size:calc(.93 * var(--s-base));width:100%}.register-form{width:calc(11.875 * var(--s-base));max-width:calc(11.875 * var(--s-base));display:flex;flex-direction:column;align-items:center}#disclaimer{margin-bottom:calc(.51 * var(--s-base));font-size:calc(.6 * var(--s-base))}#already-got-acc{color:#9a9080;margin-top:calc(1 * var(--s-base));font-size:calc(.84 * var(--s-base))}.text-page{font-family:Arial,sans-serif;font-size:var(--s-base);padding:calc(2 * var(--s-base))}.text-page h1{font-size:calc(1.5 * var(--s-base));margin-bottom:calc(1 * var(--s-base))}.text-page ul{list-style-type:disc;padding-left:calc(2 * var(--s-base))}.text-page ul li,.text-page ol li{line-height:1.3}.text-page p{line-height:1.3;margin:calc(1 * var(--s-base))0}.login-footer{margin-top:calc(1.5 * var(--s-base));margin-bottom:calc(2 * var(--s-base));text-align:center;width:calc(25 * var(--s-base));max-width:100%;display:flex;flex-direction:column;gap:calc(.75 * var(--s-base))}.login-footer-main{font-size:calc(1.05 * var(--s-base));font-weight:700;letter-spacing:.06em;line-height:1.3;text-align:center;margin:calc(.6 * var(--s-base))0 calc(.8 * var(--s-base));padding-bottom:calc(.4 * var(--s-base));background:linear-gradient(90deg,#9e9480,#e6dcc5,#9e9480);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(230,220,197,.18);border-bottom:1px solid rgba(180,160,120,.25)}.login-footer-features{list-style:disc;padding-left:calc(1.2 * var(--s-base));margin:0 auto calc(.9 * var(--s-base));display:flex;flex-direction:column;align-items:flex-start;width:fit-content}.login-footer-features li{font-size:calc(.95 * var(--s-base));color:#c8c8c8;line-height:1.5;white-space:normal;border:none;background:0 0;padding:0;display:list-item}.login-footer-description{font-size:calc(.875 * var(--s-base));color:#c8c8c8;text-align:left;line-height:1.75;border:1px solid #3a3a3a;border-radius:calc(.375 * var(--s-base));background:linear-gradient(to bottom,#222,#1a1a1a);padding:calc(1.25 * var(--s-base));overflow:hidden}.login-illustr{margin:calc(1.25 * var(--s-base))0 calc(1.1 * var(--s-base));border:1px solid #3a3a3a;border-radius:calc(.375 * var(--s-base));overflow:hidden;background:#111}.login-illustr img{display:block;width:100%;max-width:100%;border-radius:0;border:none}.login-illustr-img{position:relative}.login-illustr-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.65));pointer-events:none}.login-illustr figcaption{font-size:calc(.8125 * var(--s-base));color:#a89a72;font-style:italic;line-height:1.5;text-align:center;padding:calc(.55 * var(--s-base))calc(.9 * var(--s-base));background:#181610;border-top:1px solid #2e2a1e}.login-footer-description p{font-family:Georgia,times new roman,Times,serif;margin:0 0 calc(1.15 * var(--s-base));text-indent:calc(1.25 * var(--s-base));line-height:1.7}.login-footer-description p:last-of-type{margin-bottom:0}.login-footer-welcome{text-align:center;display:flex;justify-content:center;align-items:center;gap:calc(.3 * var(--s-base));font-size:calc(1 * var(--s-base));color:#fc0;text-shadow:0 0 8px rgba(255,204,0,.4);font-weight:700;letter-spacing:.05em;margin-bottom:calc(1.5 * var(--s-base));margin-top:calc(2.5 * var(--s-base));text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.login-footer-welcome:hover{color:#ffe86a!important;text-shadow:0 0 12px rgba(255,220,0,.85),0 0 24px rgba(255,170,0,.5)!important;transform:none}.scroll-top-arrow{font-size:calc(1.6 * var(--s-base));line-height:1;color:#fc0;animation:arrowBounce 1.8s ease-in-out infinite}@keyframes arrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-.3 * var(--s-base)))}}.login-footer-quotes{list-style:none;padding:0;margin:0 0 calc(.25 * var(--s-base));display:flex;flex-direction:column;gap:calc(.55 * var(--s-base))}.login-footer-quotes li{position:relative;padding:calc(.7 * var(--s-base))calc(.9 * var(--s-base))calc(.7 * var(--s-base))calc(1.3 * var(--s-base));background:linear-gradient(135deg,rgba(40,35,28,.85),rgba(28,24,18,.9));border:1px solid #3a3228;border-left:3px solid #7a6a4a;border-radius:calc(.25 * var(--s-base));font-size:0;transition:border-left-color .2s ease,background .2s ease}.login-footer-quotes li::before{content:"\201C";position:absolute;top:calc(.1 * var(--s-base));left:calc(.35 * var(--s-base));font-size:calc(1.6 * var(--s-base));color:#7a6a4a;line-height:1;font-family:Georgia,serif;opacity:.7}.login-footer-quotes li:hover{border-left-color:#c8a84a;background:linear-gradient(135deg,rgba(50,43,32,.9),rgba(35,30,20,.95))}.friend-quote{font-family:Georgia,times new roman,Times,serif;font-size:calc(.845 * var(--s-base));color:#c4b99a;line-height:1.55;font-style:italic}#indexHeader{text-align:center;padding:calc(.5 * var(--s-base))0 calc(.25 * var(--s-base));display:flex;justify-content:center;gap:calc(.5 * var(--s-base))}#indexHeader a{color:#e2d9c4d4;background:linear-gradient(135deg,#2a2520 0%,#1a1510 100%);border:1px solid #4a3f35;border-radius:calc(.25 * var(--s-base));cursor:pointer;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,5%);font-size:calc(.8 * var(--s-base));padding:calc(.25 * var(--s-base))calc(.5 * var(--s-base));text-decoration:none;font-weight:400}#indexHeader a:hover{background:linear-gradient(135deg,#3a3028 0%,#2a2018 100%);border-color:#6a5545;color:#f5e6d3;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.1)}#indexHeader a:active{box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.3);transform:translateY(0)}#indexHeader a.nav-active{background:linear-gradient(135deg,#3a3010 0%,#2a2208 100%);border-color:#8a7030;color:#fc0;box-shadow:0 0 6px rgba(255,204,0,.2),inset 0 1px rgba(255,204,0,.1);cursor:default;pointer-events:none}.guest-lobby{width:100%;display:flex;flex-direction:column;gap:calc(.85 * var(--s-base));padding-top:calc(.5 * var(--s-base))}.guest-status-bar{display:flex;align-items:center;gap:calc(.35 * var(--s-base));font-size:calc(.7 * var(--s-base));color:#6fcf6f;letter-spacing:.04em;text-transform:uppercase}.guest-status-dot{width:calc(.45 * var(--s-base));height:calc(.45 * var(--s-base));border-radius:50%;background:#6fcf6f;box-shadow:0 0 calc(.4 * var(--s-base))#6fcf6faa;animation:statusPulse 2.4s ease-in-out infinite;flex-shrink:0}@keyframes statusPulse{0%,100%{opacity:1;box-shadow:0 0 calc(.4 * var(--s-base))#6fcf6faa}50%{opacity:.6;box-shadow:0 0 calc(.2 * var(--s-base))#6fcf6f55}}.guest-welcome-block{border:1px solid #2e2a1e;border-left:3px solid #c8a84a;border-radius:calc(.25 * var(--s-base));background:linear-gradient(135deg,rgba(40,35,22,.9),rgba(24,22,14,.95));padding:calc(.9 * var(--s-base))calc(1.1 * var(--s-base))}.guest-welcome-label{font-size:calc(.72 * var(--s-base));color:#8a7a5a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:calc(.15 * var(--s-base))}.guest-welcome-name{font-size:calc(1 * var(--s-base));font-weight:700;color:#f5e6d3;letter-spacing:.04em;margin-bottom:calc(.25 * var(--s-base));word-break:break-all}.guest-welcome-sub{font-size:calc(.75 * var(--s-base));line-height:1.4;color:#8a8070}.btn-continue{margin-top:calc(.2 * var(--s-base));background-color:#1a6b2a;border-color:#1a6b2a;letter-spacing:.05em}.btn-continue:hover{background-color:#22882f;border-color:#22882f}.guest-divider{display:flex;align-items:center;gap:calc(.5 * var(--s-base));margin:calc(.3 * var(--s-base))0 calc(.1 * var(--s-base))}.guest-divider::before,.guest-divider::after{content:"";flex:1;height:1px;background:#2e2a1e}.guest-divider span{font-size:calc(.62 * var(--s-base));color:#6a5a3a;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.guest-limits-box{background:linear-gradient(to bottom,#1c1a14,#161410);border:1px solid #2e2a1e;border-radius:calc(.25 * var(--s-base));padding:calc(.85 * var(--s-base))calc(1 * var(--s-base))}.guest-limits-intro{font-size:calc(.75 * var(--s-base));color:#9a9080;margin-bottom:calc(.6 * var(--s-base));line-height:1.5}.guest-limits-intro strong{color:#c8b87a}.guest-id-section,.guest-load-section{display:flex;flex-direction:column;gap:calc(.4 * var(--s-base))}.guest-id-label{font-size:calc(.72 * var(--s-base));color:#7a7060}.guest-id-row{display:flex;gap:calc(.4 * var(--s-base));align-items:center}.guest-id-code{flex:1;background:#111;border:1px solid #2e2a1e;border-radius:calc(.2 * var(--s-base));padding:calc(.35 * var(--s-base))calc(.6 * var(--s-base));font-size:calc(.78 * var(--s-base));color:#d4c49a;font-family:courier new,Courier,monospace;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:all}.btn-copy{cursor:pointer;padding:calc(.35 * var(--s-base))calc(.7 * var(--s-base));border-radius:calc(.2 * var(--s-base));border:1px solid #4a3f25;background:linear-gradient(135deg,#2e2810,#1e1a0c);color:#c8a84a;font-size:calc(.75 * var(--s-base));white-space:nowrap;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.btn-copy:hover{background:linear-gradient(135deg,#3e3618,#2a2210);border-color:#7a6030;color:#ffe86a}.btn-copy--done{color:#6fcf6f!important;border-color:#2a5a2a!important}.guest-load-row{display:flex;gap:calc(.4 * var(--s-base));align-items:center}.guest-load-input{flex:1;padding:calc(.35 * var(--s-base))calc(.6 * var(--s-base));background:#1a1610;border:1px solid #2e2a1e;border-radius:calc(.2 * var(--s-base));color:#d4c49a;font-size:calc(.8 * var(--s-base));font-family:courier new,Courier,monospace;transition:border-color .15s;width:auto;margin-bottom:0}.guest-load-input:focus{outline:none;border-color:#5a4a2a}.guest-load-input::placeholder{color:#4a4030;font-size:calc(.75 * var(--s-base))}.btn-load{cursor:pointer;padding:calc(.35 * var(--s-base))calc(.7 * var(--s-base));border-radius:calc(.2 * var(--s-base));border:1px solid #3a3028;background:linear-gradient(135deg,#28201a,#1a1410);color:#c0a888;font-size:calc(.75 * var(--s-base));white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.btn-load:hover{background:linear-gradient(135deg,#382c22,#241c14);color:#f0d0a0;border-color:#6a5040}.guest-load-warning{font-size:calc(.62 * var(--s-base));color:#6a5040;line-height:1.4}#play-as-guest{width:100%;margin-top:calc(1 * var(--s-base))}#play-as-guest a{display:block;text-align:center;font-weight:400;text-shadow:none;letter-spacing:.05em}#play-as-guest a:hover{color:#fff;text-shadow:none;transform:none}.divider{margin:calc(.2 * var(--s))0;height:0;border:none;border-top:1px solid #2e2a1e;border-bottom:1px solid rgba(200,184,122,.15)}#langSelect{border-radius:calc(.25 * var(--s-base));font-size:calc(.8 * var(--s-base));padding:0 calc(.5 * var(--s-base));padding-left:calc(.25 * var(--s-base));padding-right:0;cursor:pointer;outline:none;appearance:auto;-webkit-appearance:auto;background:linear-gradient(135deg,#0f2a2a 0%,#0a1a1a 100%);border:1px solid #2fd1c6;color:#bffcf7;text-shadow:0 0 4px rgba(47,209,198,.4);box-shadow:0 0 4px rgba(47,209,198,.25);background-color:#1a1510;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px rgba(47,209,198,.4);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,5%),0 0 4px rgba(47,209,198,.25)}#langSelect:hover{border-color:#5ff5ea;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.1),0 0 8px rgba(47,209,198,.5)}#langSelect:active{box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 3px rgba(0,0,0,.3)}#langSelect option{background-color:#1e1a14;color:#e2d9c4}#fullscreenBtn{cursor:pointer;background:0 0;border:none;color:#e0e0e0;font-size:calc(1.1 * var(--s-base));line-height:1;padding:calc(.2 * var(--s-base))calc(.4 * var(--s-base));display:inline-flex;align-items:center;justify-content:center}#fullscreenBtn:hover{color:gold}@media(max-width:768px){#indexHeader{gap:0;flex-wrap:nowrap;justify-content:space-between;padding-left:calc(1 * var(--s-base));padding-right:calc(1 * var(--s-base))}#indexHeader a{padding:calc(.2 * var(--s-base))clamp(4px,2vw,calc(.5 * var(--s-base)));font-size:clamp(11px,3.4vw,calc(.8 * var(--s-base)));flex-shrink:1;white-space:nowrap}#langSelect{font-size:clamp(11px,3.4vw,calc(.8 * var(--s-base)));padding-left:clamp(2px,1vw,calc(.5 * var(--s-base)));padding-right:0;flex-shrink:1}#fullscreenBtn{padding:calc(.2 * var(--s-base));font-size:clamp(14px,4vw,calc(1.1 * var(--s-base)));flex-shrink:0}}