@font-face{font-family:Contra;src:url('Red_October_Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:GameTahoma;src:url('tahoma.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:GameTahoma;src:url('tahomabd.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--orange:#f4a411;--gold:#ffd33d;--green:#a5ca13;--ink:#151713;--text:#f3f1df;--muted:#babcae;--line:#57594c;--panel:#25271f;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;background:#161813}
body{margin:0;min-width:280px;min-height:100vh;color:var(--text);font:16px/1.6 GameTahoma,Tahoma,Arial,sans-serif;background:#161813}
::selection{background:#d4a324;color:#141610}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
img,svg{max-width:100%}
button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
button:focus-visible{filter:brightness(1.17)}
input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
[hidden]{display:none!important}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);background:var(--gold);padding:10px 18px;color:var(--ink);z-index:100}
.skip-link:focus{transform:translateY(0)}
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.scene-art{position:absolute;inset:-24px;background:url('game-bg.png') center center/cover no-repeat;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.4s var(--ease);will-change:transform}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,7,.59),rgba(12,13,10,.2) 45%,rgba(8,9,7,.49)),linear-gradient(0deg,rgba(11,13,9,.87),transparent 70%)}
.scene-shade:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.045) 0 1px,transparent 1px 4px);opacity:.65}
.shell{position:relative;z-index:1;width:min(1120px,calc(100% - 64px));margin:0 auto}
.topbar{min-height:104px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #a1a28c42;box-shadow:0 1px #0008;position:relative}
.brand{width:158px;flex-shrink:0;line-height:0;filter:drop-shadow(0 4px 2px #0007);transition:filter .25s,transform .25s}
.brand img{width:100%;height:auto}
.brand:hover{filter:drop-shadow(0 3px 10px #e0a62960);transform:translateY(-2px)}
.main-nav{display:flex;align-self:stretch;align-items:center;gap:6px;margin-left:auto}
.nav-link{display:flex;align-items:center;padding:12px 18px;font-size:.875rem;line-height:1.4;color:#d0d0bc;position:relative;transition:color .2s,background .2s;border:1px solid transparent;border-radius:3px}
.nav-link:hover{color:#ffda64;background:#a6a58310}
.nav-link.active{color:#ffcf43;border-color:#a6a3794f;background:linear-gradient(#54553e6b,#22231b99);box-shadow:inset 0 1px #ddd3931c,0 3px 9px #0003}
.nav-link.active:after{content:"";height:2px;position:absolute;left:18px;right:18px;bottom:-1px;background:#e7af2b;box-shadow:0 0 10px #f0b3237a}
.contact-link{font-size:.875rem;color:#c3c4b4;white-space:nowrap;transition:color .2s}
.contact-link span{margin-left:6px;color:#d6b657}
.contact-link:hover{color:#ffdb75}
.entry{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,1fr);gap:58px;align-items:center;padding:76px 0 78px;min-height:634px}
.intro{padding-bottom:10px}
.eyebrow{display:flex;align-items:center;gap:12px;color:#e6bd5e;font-size:.875rem;font-weight:700;letter-spacing:.16em;line-height:1.5}
.eyebrow>span{display:block;width:28px;height:2px;background:#d8a227;box-shadow:0 0 10px #d8a22750}
h1,h2{font-family:Contra,'Arial Narrow',Arial,sans-serif;font-weight:400;line-height:1.16;text-transform:uppercase}
h1{overflow-wrap:anywhere;margin:20px 0 23px;font-size:clamp(2.2rem,4.25vw,3.6rem);letter-spacing:.012em;line-height:1.24;text-shadow:0 3px 0 #14170e,0 6px 20px #0009}
h1 span{color:#ffd046}
.intro-copy{color:#dedecd;font-size:1.125rem;line-height:1.8;margin:0 0 30px;text-shadow:0 2px 4px #000b}
.game-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:13px 22px;max-width:100%;border:1px solid #151705;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font-size:1rem;font-weight:700;line-height:1.5;color:#172000;text-align:center;background:linear-gradient(#ffffff3d,transparent 48%),repeating-linear-gradient(135deg,#ffffff0c 0 2px,transparent 2px 5px),#a7c817;box-shadow:inset 0 0 0 2px #d0e746;transition:transform .2s var(--ease),filter .2s,background .2s;text-shadow:0 1px #ffffff25;isolation:isolate}
.game-button:after{content:"";position:absolute;top:-20%;bottom:-20%;width:26%;left:-40%;background:linear-gradient(90deg,transparent,#ffffff4f,transparent);transform:skewX(-22deg);pointer-events:none;transition:left .55s var(--ease);z-index:-1}
.game-button:hover{filter:brightness(1.13);transform:translateY(-2px)}
.game-button:hover:after{left:120%}
.game-button:active{transform:translateY(2px);filter:brightness(.98)}
.game-button:disabled{cursor:wait;transform:none;filter:saturate(.7)}
.game-button svg{flex-shrink:0}
.download-button{min-width:268px;color:#27210b;background:linear-gradient(#ffffff35,transparent 52%),repeating-linear-gradient(135deg,#ffffff0c 0 2px,transparent 2px 5px),#eab82d;box-shadow:inset 0 0 0 2px #ffdc74}
.download-caption{display:block;font-size:.75rem;letter-spacing:.04em;color:#c6c6b4;margin-top:12px}
.download-caption span{padding:0 6px;color:#e8c264}
.intro-help{display:block;font-size:.875rem;color:#bfc0ac;margin-top:24px;max-width:max-content}
.intro-help span{color:#e2d49b;border-bottom:1px solid #d7c78d55;margin-left:5px}
.intro-help:hover span{color:#ffd663;border-color:#ffd663}
.game-panel{position:relative;border:1px solid #10130c;border-radius:14px;background:linear-gradient(130deg,#35372dee,#23251efc 80%);box-shadow:inset 0 0 0 1px #646657,0 18px 50px #0009,0 2px 3px #0008;min-width:0}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:59px;padding:0 24px;border-radius:13px 13px 0 0;background:linear-gradient(95deg,#f4a41116,transparent 60%),linear-gradient(#494b40,#30322a);border-bottom:1px solid #14170f;box-shadow:inset 0 1px #a5a68d4d,0 1px #ffffff0a}
.panel-tab{font-weight:700;letter-spacing:.07em;color:#f6ce64;font-size:.875rem;line-height:1.4}
.panel-code{font-size:.75rem;color:#c1c3af;letter-spacing:.07em;white-space:nowrap}
.panel-content{padding:28px 30px 25px}
.panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:21px}
.panel-heading h2{font-size:1.8rem;line-height:1.3;margin:0;text-shadow:0 2px #0007}
.crosshair{width:24px;height:24px;border:2px solid #dab645;position:relative;border-radius:50%;flex-shrink:0}
.crosshair:before,.crosshair:after{content:"";position:absolute;background:#dab645;left:50%;top:50%;transform:translate(-50%,-50%)}
.crosshair:before{width:30px;height:2px}
.crosshair:after{width:2px;height:30px}
.panel-intro{margin:0 0 22px;color:#c7c9b7;font-size:1rem;line-height:1.65}
.field-label{display:block;font-size:.875rem;font-weight:700;line-height:1.5;color:#dedecb;letter-spacing:.035em;margin-bottom:9px}
.game-input{width:100%;min-width:0;height:53px;border:1px solid #0c0e08;border-radius:4px;padding:13px 15px;color:#fff6d2;background:linear-gradient(#181b14,#20231a);box-shadow:inset 0 2px 5px #0006,0 1px #9b9c7355;font-size:1rem;transition:border .2s,box-shadow .2s}
.game-input:hover{border-color:#82826b}
.game-input:focus{border-color:#dab545;box-shadow:inset 0 2px 5px #0006,0 0 0 3px #d9aa2620}
.game-input::placeholder{color:#a0a28b}
.input-caption{display:flex;justify-content:space-between;gap:12px;color:#b9bba7;font-size:.75rem;margin:8px 0 23px;line-height:1.5}
.button-icon{font-size:1.5rem;font-weight:400;line-height:1}
.full{width:100%}
.remember-note{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:#b8bba6}
.remember-note p{margin:0;font-size:.875rem;line-height:1.6}
.note-icon{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #9b9a6b;border-radius:50%;flex-shrink:0;color:#dbcd8b;font:700 12px/1 Georgia,serif;margin-top:3px}
.panel-bottom{min-height:38px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 23px;font-size:.75rem;line-height:1.4;letter-spacing:.04em;color:#b5b79f;background:#191d145e;border-radius:0 0 13px 13px;border-top:1px solid #4c4e3b6b}
.small-cross{color:#c3a646;font-size:16px;line-height:1}
.panel-bottom-right{margin-left:auto;font-size:.75rem;letter-spacing:0;color:#babca6}
.success-line{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid #8aad284f;background:#9ab9220d;color:#d3e983;border-radius:4px;font-size:.875rem;line-height:1.5;margin-bottom:19px}
.success-check{font-size:1.2rem;color:#c5e556}
.player-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #65674a5e}
.player-row .field-label{font-size:.75rem;color:#b4b89f;margin:0 0 4px}
.player-row strong{display:block;font-size:1.1rem;color:#ffe393;overflow-wrap:anywhere}
.player-id{flex-shrink:0;color:#d4d9be;font-size:.875rem;border:1px solid #787b5b70;border-radius:3px;padding:4px 9px;background:#161a1063}
.link-input{font-family:ui-monospace,Consolas,monospace;font-size:.875rem;color:#d9e5ad;margin-bottom:16px}
.field-help{font-size:.875rem;line-height:1.65;color:#bfc3ac;margin:14px 0}
.ready-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:17px}
.text-action{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#f0cf70;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.text-action:hover{color:#ffe59b;border-color:#d2b7558f}
.muted-action{color:#c5c8b2}
.notice{color:#ffe0b3;border:1px solid #c4925970;border-left:3px solid #eeaa4b;background:#8a3d1429;border-radius:3px;padding:12px 14px;font-size:.875rem;margin:0 0 20px}
.section-heading{display:flex;align-items:center;gap:17px;margin-bottom:25px}
.section-heading h2{font-size:1.45rem;line-height:1.45;margin:0;text-shadow:0 2px 4px #0008}
.section-number{display:grid;place-items:center;width:37px;height:31px;flex-shrink:0;font-size:.875rem;color:#e5c367;border:1px solid #c0b4714f;background:linear-gradient(#60604a40,#20231b8f);box-shadow:inset 0 1px #a7a38412}
.section-rule{flex:1;height:1px;background:linear-gradient(90deg,#a7a88966,transparent)}
.how-section{padding:0 0 52px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step{position:relative;display:flex;gap:17px;padding:24px 20px;min-width:0;border:1px solid #777b5d5e;background:linear-gradient(135deg,#36382cd9,#20241bdb);box-shadow:inset 0 1px #c5c99f0f,0 7px 18px #0003;border-radius:4px;transition:transform .3s var(--ease),border-color .3s,background .3s}
.step:hover{transform:translateY(-4px);border-color:#cfb05d8a;background:linear-gradient(135deg,#3f4131ee,#26291fee)}
.step-index{font-family:Contra,Arial,sans-serif;font-size:1.55rem;line-height:1.35;color:#c1ac64;text-shadow:0 2px #0007;flex-shrink:0}
.step h3{font-size:1rem;line-height:1.5;margin:0 0 9px;color:#edecd6}
.step p{font-size:1rem;line-height:1.65;color:#bdc2ac;margin:0 0 15px}
.step-finish{font-size:.875rem;color:#c5d98e}
.community{display:flex;align-items:center;gap:25px;padding:30px 32px;margin:0 0 50px;background:linear-gradient(110deg,#354137f5,#252d24f5 65%);border-radius:8px}
.telegram-mark{width:75px;height:75px;display:grid;place-items:center;flex-shrink:0;color:#bccdaf;border:1px solid #93a4824f;box-shadow:inset 0 1px #c4d5b224;background:linear-gradient(135deg,#65765b55,#20291e77);border-radius:5px;transform:rotate(-4deg)}
.telegram-mark svg{transform:rotate(4deg);transition:transform .35s var(--ease)}
.community:hover .telegram-mark svg{transform:rotate(4deg) translate(2px,-2px)}
.community-copy{flex:1;min-width:0}
.community .eyebrow{font-size:.75rem;letter-spacing:.1em;margin:0 0 7px;color:#bdd299}
.community h2{font-size:1.6rem;line-height:1.4;margin:0 0 5px;color:#f3e9bb}
.community p{font-size:1rem;line-height:1.6;margin:0;color:#c4cdb8}
.telegram-button{flex-shrink:0;color:#e8f1ce;background:linear-gradient(#dce6c320,transparent 55%),repeating-linear-gradient(135deg,#ffffff05 0 2px,transparent 2px 5px),#4c5e36;box-shadow:inset 0 0 0 1px #9da57b;padding-inline:24px}
.faq-section{padding-bottom:44px}
.faq-list{border-top:1px solid #a3a58548}
.faq-list details{border-bottom:1px solid #a3a58548;background:#1c21196b;transition:background .25s}
.faq-list details[open]{background:#303628c4}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:65px;list-style:none;padding:19px 21px;cursor:pointer;font-size:1rem;line-height:1.6;color:#e3e7d3;transition:color .2s,background .2s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:#ffda79;background:#565d3c1a}
.faq-plus{position:relative;display:block;width:14px;height:14px;flex-shrink:0}
.faq-plus:before,.faq-plus:after{content:"";position:absolute;inset:6px 0 auto;height:2px;background:#d9bf6a;transition:transform .25s}
.faq-plus:after{transform:rotate(90deg)}
details[open] .faq-plus:after{transform:rotate(0)}
.faq-answer{padding:0 50px 22px 21px;animation:answer-in .25s var(--ease)}
.faq-answer p{font-size:1rem;color:#c8ceb9;line-height:1.8;margin:0;max-width:820px}
.faq-answer a{color:#e9cd7a;text-decoration:underline;text-underline-offset:3px}
.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:24px 0 30px;border-top:1px solid #7a806343;color:#b8bea8;font-size:.75rem;line-height:1.8}
.footer>div{display:flex;gap:23px;flex-wrap:wrap}
.footer a{color:#d6d5b8;font-size:.875rem}
.footer a:hover{color:#ffcf43}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px);max-width:calc(100% - 32px);width:max-content;padding:13px 20px;border:1px solid #a9ba62;background:#282f1bf5;box-shadow:0 10px 32px #0009,inset 0 1px #d6dc9840;color:#e9f4be;border-radius:5px;font-size:.875rem;line-height:1.6;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .3s var(--ease)}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.spinner{display:none;width:18px;height:18px;border:2px solid #19210040;border-top-color:#192100;border-radius:50%;animation:spin .8s linear infinite}
.is-loading .spinner{display:block}
.is-loading .button-icon{display:none}
.enter-left{animation:enter-left .85s .05s var(--ease) backwards}
.enter-right{animation:enter-right .85s .18s var(--ease) backwards}
.topbar{animation:answer-in .6s var(--ease) backwards}
.reveal-ready{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal-ready.reveal-waiting{opacity:0;transform:translateY(20px)}
@keyframes enter-left{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
@keyframes enter-right{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes answer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1440px){.entry{padding-block:86px;min-height:680px}}
@media(max-width:1000px){.shell{width:calc(100% - 40px)}.topbar{gap:20px}.contact-link{display:none}.entry{gap:30px;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);padding:56px 0;min-height:0}h1{font-size:clamp(2rem,4.1vw,3.2rem)}.panel-content{padding:25px}.panel-top{padding-inline:22px}.panel-bottom-right{display:none}.step{padding:21px 17px;gap:12px}.community{gap:22px;padding:26px}.telegram-mark{display:none}.community h2{font-size:1.45rem}}
@media(max-width:760px){html{scroll-padding-top:16px}.shell{width:calc(100% - 32px)}.topbar{flex-wrap:wrap;justify-content:center;gap:0;padding:18px 0 15px;min-height:0}.brand{width:163px}.main-nav{width:100%;margin:15px 0 0;justify-content:center;gap:5px}.nav-link{padding:10px 12px;font-size:.875rem}.entry{grid-template-columns:1fr;gap:34px;padding:42px 0 40px}.intro{text-align:center;padding:0}.eyebrow{justify-content:center;font-size:.75rem}.intro .eyebrow>span{display:none}h1{font-size:clamp(2rem,6.5vw,3.1rem);line-height:1.2;margin:14px 0 16px}h1 br{display:none}h1 span:before{content:' '}.intro-copy{font-size:1rem;margin:0 0 22px;line-height:1.7}.intro-copy br{display:none}.intro-copy br:after{content:' '}.intro-help{margin:19px auto 0}.download-caption{font-size:.75rem}.download-button{min-height:50px}.access-panel{width:min(100%,520px);justify-self:center}.panel-content{padding:24px}.panel-bottom-right{display:block}.section-heading{gap:12px;margin-bottom:20px}.section-heading h2{font-size:1.15rem;line-height:1.5}.steps{grid-template-columns:1fr;gap:12px}.step{padding:22px;gap:19px}.step p{margin-bottom:10px}.step-index{font-size:1.75rem}.how-section{padding-bottom:34px}.community{flex-direction:column;align-items:flex-start;gap:21px;padding:26px;margin-bottom:35px}.community .eyebrow{justify-content:flex-start}.community h2{font-size:1.4rem}.telegram-button{width:100%;min-height:50px}.faq-section{padding-bottom:32px}.faq-list summary{padding:18px 15px}.faq-answer{padding:0 20px 21px 15px}.footer{padding:23px 0 27px;gap:12px}.footer>div{gap:16px}.scene-art{inset:0;background-position:42% center;transform:none;will-change:auto}.scene-shade{background:linear-gradient(0deg,#11170df2,rgba(13,16,10,.45) 85%)}.enter-left,.enter-right{animation-name:enter-right}.panel-heading h2{font-size:1.65rem}}
@media(max-width:380px){.shell{width:calc(100% - 24px)}.nav-link{padding:9px;font-size:.875rem}.main-nav{gap:0}.panel-content{padding:22px 18px}.panel-top{padding:0 18px;gap:10px}.panel-code{display:none}.panel-bottom{padding-inline:18px}.panel-bottom-right{display:none}.download-caption{max-width:240px;margin-inline:auto;line-height:1.7}.section-rule{display:none}.section-heading h2{font-size:1.08rem}.community{padding:23px 19px}.game-button{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-art{transform:none!important;will-change:auto}.reveal-ready.reveal-waiting{opacity:1;transform:none}.game-button:hover,.step:hover,.brand:hover{transform:none}}

@media(max-width:760px){.main-nav{flex-wrap:wrap}}
@media(max-width:380px){h1{font-size:clamp(1.7rem,8.8vw,2rem)}}