@font-face{font-family:WildOnes;src:url('/theme/wildones.ttf') format('truetype');font-display:swap}
:root{--ink:#17182b;--night:#11152a;--paper:#fff6d6;--gold:#ffc536;--gold-deep:#e98a17;--rose:#e84c64;--sky:#4cc9ed;--line:#2b2945;--body:ui-rounded,'Trebuchet MS',system-ui,sans-serif}
*{box-sizing:border-box}
html{min-height:100%;background:#12162b}
body{min-height:100vh;margin:0;color:var(--ink);font-family:var(--body)}
button,input{font:inherit}
.auth-page{min-height:100dvh;display:grid;place-items:center;padding:28px 16px;background:#101425 url('/theme/carnival-turkiye.webp') center/cover fixed}
.auth-scene{position:relative;width:min(100%,900px);min-height:min(780px,calc(100dvh - 56px));display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(310px,.95fr);align-items:center;overflow:hidden;border:5px solid #f9cf62;border-radius:28px 28px 44px 44px;background:linear-gradient(104deg,rgba(9,19,46,.91),rgba(16,26,58,.54) 52%,rgba(255,241,189,.83));box-shadow:0 28px 90px #050817bf,0 0 0 5px #482d51,0 0 0 8px #f7eaad;isolation:isolate}
.auth-scene:before,.auth-scene:after{content:"";position:absolute;inset:auto -15% -90px;width:130%;height:180px;background:repeating-conic-gradient(from 8deg,#f9d65c 0 14deg,#d84c54 14deg 28deg);opacity:.9;transform:rotate(-4deg);z-index:-1;filter:drop-shadow(0 -10px 0 #603851)}
.auth-scene:after{inset:-102px -15% auto;transform:rotate(4deg)}
.brand-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:78px 42px 64px;color:#fff5ce;text-shadow:0 3px 0 #482d51,0 5px 20px #000}
.brand-mark{width:min(100%,370px);filter:drop-shadow(0 8px 0 #351b42) drop-shadow(0 13px 16px #0009)}
.brand-kicker{margin:0;font:20px/1 WildOnes,var(--body);letter-spacing:2px;color:#ffe177}
.brand-title{max-width:410px;margin:0;font:42px/.95 WildOnes,var(--body);letter-spacing:.5px}.brand-title span{color:#ffca37}
.brand-copy{max-width:380px;margin:0;color:#f5e5bb;font-size:16px;line-height:1.5}
.status-line{display:flex;align-items:center;gap:9px;margin-top:4px;color:#d1eafb;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.status-dot{width:10px;height:10px;border-radius:50%;background:#84e55b;box-shadow:0 0 14px #84e55b}
.ticket{position:relative;margin:38px 30px 38px 8px;padding:30px 28px 26px;border:2px solid #694960;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 5px #f3d991,inset 0 0 0 7px #fffaf0,0 12px 22px #090b1c6b}.ticket:before,.ticket:after{content:"";position:absolute;left:-8px;right:-8px;height:10px;background:radial-gradient(circle at 5px,transparent 5px,#f7e5ab 5.5px) 0 0/10px 10px}.ticket:before{top:-7px}.ticket:after{bottom:-7px;transform:rotate(180deg)}
.ticket h1{margin:0;color:#3b2840;font:35px/1 WildOnes,var(--body);letter-spacing:.6px}.ticket>p{margin:8px 0 22px;color:#705c59;font-size:14px;line-height:1.45}.auth-forms{display:grid;gap:16px}.auth-card{padding-top:17px;border-top:2px dashed #c59a76}.auth-card:first-child{padding-top:0;border:0}.auth-card h2{margin:0 0 11px;color:#a33e4c;font:23px/1 WildOnes,var(--body)}
.field{display:grid;gap:6px;margin:10px 0}.field label{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#61485a}.field input{width:100%;height:43px;padding:0 12px;border:2px solid #b98e71;border-radius:7px;background:#fffdf4;color:#302436;box-shadow:inset 0 2px 0 #ebd9b6}.field input:focus{outline:3px solid #67cfe6;border-color:#378fab}.field input::placeholder{color:#a88d87}
.action{width:100%;min-height:44px;border:2px solid #7e312f;border-radius:8px;color:#fff9d7;background:linear-gradient(#ef6b59,#c83744);box-shadow:0 4px 0 #7e312f,0 7px 12px #71415140;font:20px/1 WildOnes,var(--body);letter-spacing:.5px;cursor:pointer;transition:transform .15s,box-shadow .15s}.action:hover{transform:translateY(-1px);box-shadow:0 5px 0 #7e312f,0 9px 14px #71415140}.action:active{transform:translateY(3px);box-shadow:0 1px 0 #7e312f}.action.alt{background:linear-gradient(#52cbe6,#218faf);border-color:#236d87;box-shadow:0 4px 0 #236d87,0 7px 12px #71415140}
.form-note{min-height:18px;margin:14px 0 0;color:#79575b;font-size:12px;line-height:1.35}.form-note[data-kind=error]{color:#a12537;font-weight:700}.form-note[data-kind=success]{color:#2b7755;font-weight:700}
.game-page{min-height:100dvh;padding:18px;display:grid;place-items:center;overflow:auto;background:#111527 url('/theme/space-turkiye.webp') center/cover fixed;color:#fff}.game-shell{width:min(96vw,calc((100dvh - 70px)*760/740),1200px);position:relative;padding:12px;border:2px solid #6c83b9;border-radius:19px;background:linear-gradient(135deg,#3c4c79,#121a39 45%,#48296d);box-shadow:0 26px 75px #01030acc,0 0 0 5px #10162f,0 0 0 7px #92b9e7}.game-topbar{height:34px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 5px 9px;color:#eaf4ff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.game-topbar img{width:155px;max-height:34px;object-fit:contain;object-position:left center}.game-status{display:flex;align-items:center;gap:7px;white-space:nowrap}.game-status .status-dot{width:8px;height:8px}.logout{border:0;border-radius:5px;padding:5px 8px;background:#ffffff1a;color:#fff;cursor:pointer;font-weight:800}.logout:hover,.logout:focus-visible{background:#ffffff36}.game-frame{aspect-ratio:760/740;overflow:hidden;border:3px solid #0b1025;border-radius:8px;background:#0b1025;box-shadow:inset 0 0 0 1px #ffffff25}#game,#game ruffle-player{display:block;width:100%;height:100%}
@media (max-width:720px){.auth-page{padding:14px 10px;background-attachment:scroll}.auth-scene{min-height:auto;grid-template-columns:1fr;border-radius:22px}.brand-panel{padding:52px 28px 28px}.brand-mark{width:min(300px,100%)}.brand-title{font-size:35px}.ticket{margin:8px 18px 38px}.game-page{padding:0;place-items:start center;background-attachment:scroll}.game-shell{width:100vw;padding:5px;border-radius:0;border-width:0;box-shadow:none}.game-topbar{height:38px;padding:0 5px 4px}.game-topbar img{width:112px}.game-status span{display:none}.game-frame{border-radius:0;border-width:2px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}