@font-face{font-family:Pixelify Sans;src:url(/assets/fonts/PixelifySans-Variable.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}:root{color-scheme:dark;font-family:Pixelify Sans,monospace;--night: #18120e;--room: #2b2119;--wood: #5b3b28;--wood-dark: #332217;--tan: #e5c99b;--tan-light: #f4e3bf;--tan-shadow: #b88d59;--ink: #2a1b13;--green: #345b42;--red: #8d3e35}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--night)}button,input{font:inherit}button{border:0}.app{min-height:100%}.app--loading{display:grid;place-items:center;background:var(--room)}.loading-card{border:4px solid var(--wood);padding:20px 26px;color:var(--ink);background:var(--tan);box-shadow:inset 0 0 0 3px var(--tan-light),6px 6px #00000059;letter-spacing:.08em}.loading-card--error{max-width:480px;text-align:center;color:#6f261f}.auth-screen{--page-accent: #ee3c22;--page-pop: #f0c527;--page-cool: #8bcbd3;--page-paper: #d8d3c9;position:relative;display:grid;place-items:center;min-height:100%;padding:8px;overflow:auto;background:radial-gradient(circle,rgb(255 255 255 / 9%) 0 1px,transparent 1.5px) 0 0 / 7px 7px,#171513}.auth-screen--register{--page-accent: #d92f79;--page-pop: #ef7c24;--page-cool: #74cdd2;--page-paper: #c9d9d9}.auth-cover{position:relative;isolation:isolate;width:min(1120px,calc(100vw - 44px),calc((100vh - 44px) * 16 / 9));aspect-ratio:16 / 9;min-height:520px;overflow:hidden;border:10px solid #e9e1d2;color:#171513;background:linear-gradient(90deg,transparent 49.7%,rgb(23 21 19 / 16%) 50%,transparent 50.3%),radial-gradient(circle at 18% 30%,rgb(23 21 19 / 12%) 0 1px,transparent 1.6px) 0 0 / 6px 6px,linear-gradient(105deg,var(--page-paper) 0 56%,var(--page-cool) 56% 100%);box-shadow:0 18px 60px #0009;transform:rotate(-.7deg)}.auth-cover:before{position:absolute;z-index:-1;top:-30%;right:51%;bottom:40%;left:-17%;content:"";border:5px solid #171513;background:var(--page-pop);transform:rotate(-10deg)}.auth-cover:after{position:absolute;z-index:4;right:-30px;bottom:96px;width:430px;height:66px;content:"";border-block:5px solid #171513;background:repeating-conic-gradient(#171513 0,#171513 25%,#f4ead7 0,#f4ead7 50%) 0 / 28px 28px;transform:rotate(-2deg)}.auth-cover__masthead{position:absolute;z-index:4;top:25px;left:27px;width:390px;color:#f7edde;font-size:clamp(2.7rem,6.8vw,4.65rem);font-weight:700;line-height:.72;letter-spacing:-.09em;text-transform:uppercase;text-shadow:4px 4px 0 #171513;transform:rotate(-3deg) skew(-5deg)}.auth-cover__masthead span,.auth-cover__masthead strong{display:block}.auth-cover__masthead strong{width:max-content;margin-left:92px;color:var(--page-accent);-webkit-text-stroke:2px #171513;text-shadow:5px 5px 0 #171513}.auth-cover__kicker{position:absolute;z-index:4;top:126px;left:28px;margin:0;color:#f7edde;font-size:1.12rem;font-weight:700;line-height:.85;text-shadow:2px 2px 0 #171513;transform:rotate(-3deg)}.auth-cover__scribble{position:absolute;z-index:5;left:47px;bottom:83px;margin:0;color:var(--page-accent);font-size:2rem;font-weight:700;letter-spacing:-.06em;-webkit-text-stroke:1px #171513;text-shadow:2px 2px 0 #f7edde;transform:rotate(-11deg)}.auth-cover__arrow{position:absolute;z-index:5;left:181px;bottom:43px;color:var(--page-accent);font-size:4rem;line-height:1;-webkit-text-stroke:2px #171513;transform:rotate(-20deg)}.auth-cover__hero-placeholder{position:absolute;z-index:3;top:20px;left:123px;display:grid;place-content:center;width:var(--hero-width);height:var(--hero-height);overflow:hidden;border:6px solid #171513;color:#f4ead7;background:radial-gradient(circle,rgb(255 255 255 / 14%) 0 2px,transparent 2.5px) 0 0 / 11px 11px,repeating-linear-gradient(-45deg,#171119 0,#171119 18px,#59246f 18px,#59246f 36px);box-shadow:9px 9px #17151375;text-align:center;transform:rotate(1deg);pointer-events:none}.auth-cover__hero-placeholder:before,.auth-cover__hero-placeholder:after{position:absolute;content:"";pointer-events:none}.auth-cover__hero-placeholder:before{top:14px;right:14px;bottom:14px;left:14px;border:3px dashed #cf71ed}.auth-cover__hero-placeholder:after{top:50%;left:-10%;width:120%;height:72px;border-block:4px solid #171513;background:#672282;transform:translateY(-50%) rotate(-5deg)}.auth-cover__hero-placeholder span,.auth-cover__hero-placeholder strong,.auth-cover__hero-placeholder small{position:relative;z-index:1}.auth-cover__hero-placeholder span{margin-bottom:12px;font-size:.75rem;letter-spacing:.18em}.auth-cover__hero-placeholder strong{font-size:2.75rem;line-height:.78;letter-spacing:-.05em;text-shadow:4px 4px 0 #171513}.auth-cover__hero-placeholder small{margin-top:14px;color:#f0c527;font-size:.7rem;letter-spacing:.08em}.auth-screen--register .auth-cover__hero-placeholder{transform:rotate(-1deg)}.auth-cover__burst{position:absolute;z-index:6;top:105px;left:426px;display:grid;place-items:center;width:106px;aspect-ratio:1;padding:12px;color:#f7edde;background:#171513;clip-path:polygon(50% 0,60% 23%,79% 7%,79% 31%,100% 27%,84% 49%,100% 63%,76% 67%,83% 92%,59% 78%,48% 100%,39% 76%,15% 94%,22% 68%,0 65%,17% 48%,0 30%,24% 30%,21% 7%,41% 24%);font-size:.79rem;font-weight:700;line-height:.9;text-align:center;transform:rotate(9deg)}.auth-panel{position:absolute;z-index:5;top:47px;right:35px;width:356px;padding:25px 28px 22px;border:5px solid #171513;color:#171513;background:radial-gradient(circle,rgb(23 21 19 / 8%) 0 1px,transparent 1.5px) 0 0 / 5px 5px,#f4ead7;box-shadow:9px 9px #171513,15px 15px 0 var(--page-accent);transform:rotate(1.25deg)}.auth-screen--register .auth-panel{transform:rotate(-1deg)}.auth-panel:before{position:absolute;top:9px;right:9px;bottom:9px;left:9px;content:"";border:2px solid #171513;pointer-events:none}.auth-panel__tape{position:absolute;top:-16px;left:34px;width:100px;height:28px;background:#f0c527d1;clip-path:polygon(4% 8%,100% 0,94% 93%,0 100%);transform:rotate(-5deg)}.auth-panel__eyebrow{position:relative;display:inline-block;margin-bottom:13px;padding:4px 7px;color:#f7edde;background:#171513;font-size:.6rem;font-weight:700;letter-spacing:.1em;transform:rotate(-1deg)}.auth-panel__title{position:relative;width:max-content;max-width:100%;margin:0;padding:5px 9px 4px;color:#f7edde;background:var(--page-accent);font-size:1.25rem;letter-spacing:.07em;text-shadow:2px 2px 0 #171513;transform:rotate(-1deg)}.auth-panel__lede{position:relative;margin:12px 0 15px;font-size:.88rem;font-weight:600;line-height:1.15}.auth-form{position:relative;display:grid;gap:12px}.game-field{display:grid;gap:5px;font-size:.67rem;font-weight:700;letter-spacing:.1em}.game-field input{width:100%;border:4px solid #171513;border-radius:0;padding:9px 10px;outline:0;color:#171513;background:#fffdf0;box-shadow:4px 4px 0 var(--page-cool)}.game-field input:focus{border-color:var(--page-accent);box-shadow:5px 5px #171513}.auth-form__error{min-height:1.05em;margin:-3px 0;color:#8a211b;font-size:.76rem}.game-button{cursor:pointer;padding:10px 16px;font-weight:900;letter-spacing:.1em}.game-button--primary{border:4px solid #171513;color:#171513;background:var(--page-pop);box-shadow:6px 6px #171513;transform:rotate(-.5deg)}.game-button:hover:not(:disabled),.game-button:focus-visible{transform:translate(-2px,-2px) rotate(-.5deg)}.game-button:disabled{cursor:wait;opacity:.65}.auth-panel__switch{position:relative;cursor:pointer;margin-top:16px;padding:0;color:#171513;background:transparent;font-size:.78rem;text-decoration:underline;text-underline-offset:3px}.auth-panel__switch:hover{color:var(--page-accent)}.auth-panel__footer{position:relative;margin:15px -28px -22px;border-top:4px solid #171513;padding:7px 24px 8px;color:#f7edde;background:#171513;font-size:.56rem;letter-spacing:.1em;text-align:center}.auth-cover__info{position:absolute;z-index:6;right:34px;bottom:18px;display:flex;gap:7px;transform:rotate(-1deg)}.auth-cover__info span{border:2px solid #171513;padding:3px 6px;color:#171513;background:#f4ead7;font-size:.52rem;font-weight:700;box-shadow:2px 2px #171513}.auth-cover__fineprint{position:absolute;z-index:5;left:27px;bottom:17px;width:430px;margin:0;color:#f4ead7;font-size:.52rem;letter-spacing:.07em}.game-page{display:grid;place-items:center;width:100%;height:100%;padding:16px;background:var(--night)}.game-page__frame{width:min(calc(100vw - 32px),calc((100vh - 32px) * 16 / 9),960px);aspect-ratio:16 / 9;border:4px solid var(--wood);background:var(--night);box-shadow:0 14px 42px #0000008c}#game,#game canvas{width:100%;height:100%}#game{display:grid;place-items:center}#game canvas{image-rendering:pixelated}@media(max-width:800px){.auth-screen{min-height:100vh;padding:16px}.auth-cover{width:min(100%,470px);min-height:650px;aspect-ratio:auto;background:radial-gradient(circle at 18% 30%,rgb(23 21 19 / 12%) 0 1px,transparent 1.6px) 0 0 / 6px 6px,var(--page-cool);transform:none}.auth-cover:before{top:-22%;right:25%;bottom:72%;left:-25%}.auth-cover:after{right:-90px;bottom:42px}.auth-cover__masthead{top:24px;left:20px;font-size:clamp(2.5rem,14vw,4rem)}.auth-cover__masthead strong{margin-left:68px}.auth-cover__hero-placeholder{z-index:1;top:60px;left:-82px;width:390px;height:500px;opacity:.34}.auth-cover__kicker,.auth-cover__scribble,.auth-cover__arrow,.auth-cover__burst,.auth-cover__fineprint{display:none}.auth-panel{top:175px;right:50%;width:min(calc(100% - 42px),360px);padding:25px 26px 22px;transform:none;translate:50% 0}.auth-screen--register .auth-panel{transform:none}.auth-panel__footer{margin:15px -26px -22px;padding-inline:20px}.auth-cover__info{right:50%;bottom:15px;translate:50% 0;white-space:nowrap}}