.lg{--bg: var(--brand-cream);--surface: var(--brand-paper);--surface-2: 240 235 224;--line: 231 225 207;--line-2: var(--brand-sand-2);--ink: var(--brand-ink);--ink-2: var(--brand-ink-2);--ink-3: var(--brand-ink-3);--ink-4: var(--brand-ink-4);--accent: var(--brand-ink);--accent-2: 60 58 50;--accent-contrast: var(--brand-paper);--accent-soft: 240 235 224;--accent-line: var(--brand-sand-2);--r-sm: 11px;--r: 13px;--r-lg: 20px;--r-xl: 26px;--elev: 0 1px 2px rgb(43 36 24 / .05), 0 14px 34px -20px rgb(43 36 24 / .25);--elev-sm: 0 1px 2px rgb(43 36 24 / .06), 0 6px 16px -12px rgb(43 36 24 / .22);--elev-lg: 0 2px 4px rgb(43 36 24 / .06), 0 30px 70px -28px rgb(43 36 24 / .38);font-family:var(--brand-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:rgb(var(--ink));position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}[x-cloak]{display:none!important}.lg *{box-sizing:border-box}.lg ::-moz-selection{background:rgb(var(--brand-gold) / .4)}.lg ::selection{background:rgb(var(--brand-gold) / .4)}.lg .mono{font-family:var(--brand-font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.lg .serif{font-family:var(--brand-font-serif);font-weight:400;font-style:italic}.lg .brand{display:flex;align-items:center;gap:11px;position:relative}.lg .brand .mark-svg{width:34px;height:34px;flex:0 0 34px;display:block;color:rgb(var(--ink))}.lg .brand .nm{font-weight:700;font-size:19px;letter-spacing:-.035em;line-height:1}.lg .brand .nm small{display:block;font-weight:500;font-size:10.5px;color:rgb(var(--ink-3));letter-spacing:.1em;margin-top:4px;text-transform:uppercase}.lg .snip{position:absolute;top:-7px;right:-7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;z-index:4;padding:0;background:rgb(var(--surface));color:rgb(var(--ink-2));box-shadow:var(--elev-sm);border:1px solid rgb(var(--line-2));opacity:0;transform:scale(.6) rotate(-18deg);transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.25,1.4)}.lg .brand:hover .snip,.lg .snip:focus-visible{opacity:1;transform:scale(1) rotate(0)}.lg .snip:hover{background:rgb(var(--ink));border-color:rgb(var(--ink));color:rgb(var(--brand-paper))}.lg .snip svg{width:12px;height:12px;display:block}.lg .snip:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:10px;border:1.5px solid rgb(var(--brand-amber) / .55);opacity:0;animation:snipHint 2.6s ease-out 1.2s 3}@keyframes snipHint{0%{opacity:0;transform:scale(.7)}30%{opacity:.7}to{opacity:0;transform:scale(1.6)}}.lg .brand.cutting .snip{opacity:0}.lg .brand .cutline{position:absolute;left:-6px;right:-6px;top:50%;height:0;border-top:1.5px dashed rgb(var(--brand-amber));transform:scaleX(0);transform-origin:left center;opacity:0;z-index:5;pointer-events:none}.lg .brand.cutting .cutline{animation:cutSweep .42s ease-out forwards}@keyframes cutSweep{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}.lg .brand .cutblade{position:absolute;left:-6px;top:50%;margin-top:-9px;width:18px;height:18px;color:rgb(var(--brand-amber));z-index:6;opacity:0;pointer-events:none}.lg .brand.cutting .cutblade{animation:cutBlade .42s ease-out forwards}@keyframes cutBlade{0%{opacity:1;left:-6px;transform:rotate(0)}to{opacity:0;left:calc(100% + 6px);transform:rotate(0)}}.lg .brand.cutting .brand-real{opacity:0;transition:opacity .08s .3s}.lg .brand .brand-ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:11px;pointer-events:none;opacity:0}.lg .brand.cutting .brand-ghost.top{opacity:1;clip-path:inset(0 0 52% 0);animation:flyTop .6s .3s cubic-bezier(.3,0,.2,1) forwards}.lg .brand.cutting .brand-ghost.bot{opacity:1;clip-path:inset(48% 0 0 0);animation:flyBot .6s .3s cubic-bezier(.3,0,.2,1) forwards}@keyframes flyTop{to{transform:translate(-10px,-34px) rotate(-13deg);opacity:0}}@keyframes flyBot{to{transform:translate(8px,40px) rotate(10deg);opacity:0}}.lg .field{position:relative;display:flex;flex-direction:column;gap:7px}.lg .field>label{font-size:12.5px;font-weight:500;color:rgb(var(--ink-2));letter-spacing:-.01em}.lg .input-wrap{position:relative;display:flex;align-items:center}.lg input.inp{width:100%;height:46px;padding:0 14px;border-radius:var(--r);border:1px solid rgb(var(--line-2));background:#fff;font:inherit;font-size:14.5px;color:rgb(var(--ink));transition:border-color .16s,box-shadow .16s,background .16s,transform .18s}.lg .input-wrap.has-icon input.inp{padding-right:44px}.lg input.inp{caret-color:rgb(var(--brand-amber))}.lg input.inp::-moz-placeholder{color:rgb(var(--ink-4))}.lg input.inp::placeholder{color:rgb(var(--ink-4))}.lg input.inp:hover{border-color:rgb(var(--ink-4))}.lg input.inp:focus{outline:none;border-color:rgb(var(--ink));box-shadow:0 0 0 4px rgb(var(--brand-gold) / .3);transform:translateY(-1px)}.lg .field:focus-within>label{color:rgb(var(--ink))}.lg .eye{position:absolute;right:8px;width:30px;height:30px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--ink-3));border-radius:8px;transition:color .14s,background .14s}.lg .eye:hover{color:rgb(var(--ink));background:rgb(var(--surface-2))}.lg .eye svg{width:18px;height:18px}.lg .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:14.5px;font-weight:600;letter-spacing:-.01em;line-height:1;cursor:pointer;transition:transform .12s,background .16s,box-shadow .16s,border-color .16s}.lg .btn:active{transform:translateY(1px)}.lg .btn:disabled{cursor:default}.lg .btn-primary{width:100%;color:rgb(var(--accent-contrast));background:rgb(var(--accent));box-shadow:var(--elev);position:relative;overflow:hidden}.lg .btn-primary:hover{background:rgb(var(--accent-2))}.lg .btn-primary:after{content:"";position:absolute;top:0;bottom:0;left:-65%;width:45%;background:linear-gradient(100deg,transparent,rgb(255 255 255 / .2),transparent);transform:skew(-18deg);transition:left .65s ease;pointer-events:none}.lg .btn-primary:hover:after{left:125%}.lg .btn-primary.is-busy{background:rgb(var(--accent-2))}.lg .btn-ghost{width:100%;color:rgb(var(--ink));background:#fff;border-color:rgb(var(--line-2));box-shadow:var(--elev-sm);text-decoration:none}.lg .btn-ghost:hover{border-color:rgb(var(--ink-4));background:#fff;transform:translateY(-1px);box-shadow:var(--elev)}.lg .btn-ghost:active{transform:translateY(0)}.lg .btn .gi{width:18px;height:18px;flex:0 0 18px;display:flex}.lg .btn .reel{width:15px;height:15px;border-radius:50%;flex:0 0 15px;border:2px solid rgb(255 255 255 / .35);border-top-color:#fff;animation:reelspin .65s linear infinite}@keyframes reelspin{to{transform:rotate(360deg)}}.lg .row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.lg .check{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13.5px;color:rgb(var(--ink-2));white-space:nowrap}.lg .check input{position:absolute;opacity:0;width:0;height:0}.lg .check .box{width:18px;height:18px;border-radius:6px;border:1.5px solid rgb(var(--line-2));background:#fff;display:flex;align-items:center;justify-content:center;transition:background .14s,border-color .14s;flex:0 0 18px}.lg .check .box svg{width:12px;height:12px;color:rgb(var(--brand-paper));opacity:0;transform:scale(.5);transition:opacity .14s,transform .16s}.lg .check input:checked+.box{background:rgb(var(--ink));border-color:rgb(var(--ink))}.lg .check input:checked+.box svg{opacity:1;transform:scale(1)}.lg .check input:focus-visible+.box{box-shadow:0 0 0 4px rgb(var(--brand-gold) / .3)}.lg .link{color:rgb(var(--ink-2));font-size:13.5px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .14s;white-space:nowrap}.lg .link:hover{color:rgb(var(--ink));text-decoration:underline;text-underline-offset:3px}.lg .divider{display:flex;align-items:center;gap:14px;color:rgb(var(--ink-3));font-size:12px}.lg .divider:before,.lg .divider:after{content:"";flex:1;height:1px;background:rgb(var(--line-2))}.lg h1.head{margin:0;font-size:28px;line-height:1.06;letter-spacing:-.035em;font-weight:600}.lg .wizard-progress{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}.lg .wizard-step{display:flex;align-items:center;gap:7px}.lg .wizard-step .dot{width:22px;height:22px;border-radius:50%;flex:0 0 22px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;font-family:var(--brand-font-sans);background:rgb(var(--surface-2));color:rgb(var(--ink-3));border:1px solid rgb(var(--line-2))}.lg .wizard-step.done .dot{background:rgb(var(--accent));color:rgb(var(--accent-contrast));border-color:rgb(var(--accent))}.lg .wizard-step.current .dot{background:rgb(var(--surface));color:rgb(var(--ink));border-color:rgb(var(--accent));box-shadow:0 0 0 3px rgb(var(--accent) / .14)}.lg .wizard-step .lbl{font-size:12px;color:rgb(var(--ink-3));white-space:nowrap}.lg .wizard-step.current .lbl{color:rgb(var(--ink));font-weight:600}.lg .wizard-step .lbl{display:none}.lg .wizard-step.current .lbl{display:inline}.lg .wizard-connector{width:20px;height:1px;background:rgb(var(--line-2));flex:0 0 20px}.lg .wizard-connector.done{background:rgb(var(--accent))}.lg .form-alert{font-size:13px;line-height:1.45;border-radius:var(--r-sm);padding:10px 12px}.lg .form-alert.error{color:#7d2d1e;background:#f9e9e2;border:1px solid #eccdbd}.lg .form-alert.ok{color:rgb(var(--ink-2));background:rgb(var(--accent-soft));border:1px solid rgb(var(--accent-line))}.lg .field-error{font-size:12px;color:#a63a26;margin-top:-2px}.lg .still{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;background:linear-gradient(180deg,rgb(var(--brand-sky) / .55),rgb(var(--brand-sky) / 0) 44%),rgb(var(--brand-cream))}.lg .still .brand-arc:after{display:none}.lg .still .grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.07;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.1s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(3%,1%)}}.lg .still-cap{position:absolute;right:18px;bottom:15px;z-index:3;max-width:62%;text-align:right;font-family:var(--brand-font-serif);font-style:italic;font-size:17px;line-height:1.3;color:rgb(var(--ink-3))}.lg .center-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgb(var(--brand-cream))}.lg .card{position:relative;z-index:3;width:430px;max-width:calc(100% - 48px);background:rgb(var(--surface));border-radius:var(--r-xl);box-shadow:var(--elev-lg),0 0 0 1px rgb(var(--line) / .85);padding:40px 40px 34px;display:flex;flex-direction:column;gap:22px;align-items:stretch;transition:width .55s cubic-bezier(.2,.8,.25,1),padding .45s ease}.lg .card .brand{justify-content:center}.lg .card .center-txt{text-align:center}.lg .card-login{display:flex;flex-direction:column;gap:22px;transition:opacity .22s}.lg .card-login form{display:flex;flex-direction:column;gap:14px}.lg .card.gamemode{width:640px;padding:0}.lg .card.gamemode .card-flow,.lg .card-game{display:none}.lg .card.gamemode .card-game{display:block}.lg .card-flow{position:relative;transition:height .42s cubic-bezier(.2,.8,.25,1)}.lg .card-flow>.step{display:flex;flex-direction:column;gap:22px;width:100%;transition:opacity .3s ease,transform .42s cubic-bezier(.2,.8,.25,1)}.lg .card-flow>.step.active{position:relative;opacity:1;transform:none}.lg .card-flow>.step.inactive{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.lg .card-flow>.step-login.inactive{transform:translate(-26px)}.lg .card-flow>.step-2fa.inactive{transform:translate(26px)}.lg .card-flow>.step-2fa form{display:flex;flex-direction:column;gap:14px}.lg .center-txt .sub{margin:10px 0 0;font-size:13px;line-height:1.5;color:rgb(var(--ink-3))}.lg input.inp.code-inp{text-align:center;font-family:var(--brand-font-sans);font-size:22px;letter-spacing:.42em;text-indent:.42em;font-variant-numeric:tabular-nums}.lg .recovery-toggle,.lg .back-link{background:none;border:none;cursor:pointer;padding:0;font:inherit;text-align:center;width:100%}.lg .recovery-toggle{font-size:13px;color:rgb(var(--ink-2));font-weight:500;transition:color .14s}.lg .recovery-toggle:hover{color:rgb(var(--ink));text-decoration:underline;text-underline-offset:3px}.lg .back-link{font-size:12.5px;color:rgb(var(--ink-3));transition:color .14s}.lg .back-link:hover{color:rgb(var(--ink-2))}.lg .card-game .game-card{box-shadow:none;border:none;width:100%;border-radius:var(--r-xl);transform:none;opacity:1;animation:gameIn .45s .12s cubic-bezier(.2,.8,.25,1.1) both}@keyframes gameIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.lg .enter{animation:enter .55s cubic-bezier(.2,.7,.3,1) both}@keyframes enter{0%{transform:translateY(12px)}to{transform:none}}.lg .stagger>*{animation:enterChild .5s cubic-bezier(.2,.7,.3,1) both}.lg .stagger>*:nth-child(2){animation-delay:.07s}.lg .stagger>*:nth-child(3){animation-delay:.14s}.lg .stagger>*:nth-child(4){animation-delay:.21s}.lg .stagger>*:nth-child(5){animation-delay:.28s}.lg .stagger>*:nth-child(6){animation-delay:.35s}.lg .stagger>*:nth-child(7){animation-delay:.42s}@keyframes enterChild{0%{transform:translateY(10px)}to{transform:none}}.lg .game-card{position:relative;width:100%;background:rgb(var(--surface));border-radius:var(--r-xl);overflow:hidden}.lg .game-head{display:flex;align-items:center;gap:11px;padding:16px 18px 13px;border-bottom:1px solid rgb(var(--line))}.lg .game-head .gm-mark{width:26px;height:26px;border-radius:8px;background:rgb(var(--ink));position:relative;flex:0 0 26px;box-shadow:var(--elev-sm)}.lg .game-head .gm-mark:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:2px;background:rgb(var(--brand-paper));clip-path:polygon(20% 12%,20% 88%,86% 50%)}.lg .game-head .gm-t{font-weight:600;font-size:15px;letter-spacing:-.02em}.lg .game-head .gm-s{font-size:11.5px;color:rgb(var(--ink-3));margin-top:1px}.lg .game-head .gm-tag{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--ink-2));background:rgb(var(--accent-soft));border:1px solid rgb(var(--accent-line));padding:4px 9px;border-radius:999px}.lg .game-head .gm-x{width:30px;height:30px;border:none;background:transparent;border-radius:9px;cursor:pointer;color:rgb(var(--ink-3));font-size:18px;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:background .14s,color .14s}.lg .game-head .gm-x:hover{background:rgb(var(--surface-2));color:rgb(var(--ink))}.lg .game-stage{position:relative}.lg .game-stage canvas{display:block;width:100%;height:auto;background:rgb(var(--surface));cursor:pointer}.lg .game-foot{display:flex;align-items:center;gap:10px;padding:11px 18px 14px;font-size:12px;color:rgb(var(--ink-3))}.lg .game-foot .kbd{font-size:11px;font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:6px;background:rgb(var(--surface-2));border:1px solid rgb(var(--line-2));color:rgb(var(--ink-2))}.lg .game-foot .dot{color:rgb(var(--ink-4));margin:0 2px}.lg .game-foot .hs{margin-left:auto;color:rgb(var(--ink-3));white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.lg .game-foot .hs b{color:rgb(var(--ink))}.lg .game-foot .lb-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgb(var(--ink-4))}.lg .game-foot .lb-row{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:rgb(var(--ink-2))}.lg .game-foot .lb-row .lb-rk{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:4px;background:rgb(var(--accent-soft));color:rgb(var(--ink-2));font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.lg .game-foot .lb-row .lb-sc{color:rgb(var(--ink));font-weight:600;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.lg .still .grain,.lg .snip:before,.lg .enter,.lg .stagger>*,.lg .btn-primary:after{animation:none!important}.lg .enter,.lg .stagger>*{opacity:1;transform:none}.lg .card-flow,.lg .card-flow>.step{transition:none!important}.lg .card-flow>.step.inactive{transform:none}}
