.JoinRoomComponent-module__-Cpc2q__page{--ink:#121210;--paper:#f2eee5;--red:#c92822;min-height:100dvh;color:var(--ink);background:linear-gradient(#e8e4da99,#e8e4da99),url(/rebrand/dirty-paper.webp) 50%/cover;padding:14px;font-family:Arial,Helvetica,sans-serif}.JoinRoomComponent-module__-Cpc2q__frame{border:3px solid var(--ink);background:var(--paper);border-radius:14px;max-width:1280px;min-height:calc(100dvh - 28px);margin:0 auto;overflow:hidden;box-shadow:0 9px 23px #1e181047}.JoinRoomComponent-module__-Cpc2q__header{color:#fff9ee;background-color:#101010;background-image:radial-gradient(circle at 30% 20%,#ffffff0d 0 1px,#0000 1.2px);background-size:10px 10px;grid-template-columns:220px 1fr 220px;align-items:center;min-height:126px;padding:14px 42px;display:grid;position:relative}.JoinRoomComponent-module__-Cpc2q__header:after{content:"";background:var(--paper);clip-path:polygon(0 45%,6% 61%,14% 34%,23% 56%,32% 31%,43% 58%,53% 34%,65% 58%,76% 31%,86% 56%,94% 36%,100% 53%,100% 100%,0 100%);height:17px;position:absolute;bottom:-10px;left:0;right:0}.JoinRoomComponent-module__-Cpc2q__logoLink{filter:drop-shadow(2px 4px 2px #0006);width:172px;display:block;transform:rotate(-3deg)}.JoinRoomComponent-module__-Cpc2q__logoLink img{width:100%;height:auto;display:block}.JoinRoomComponent-module__-Cpc2q__header h1{font-family:var(--game-label-font);letter-spacing:1px;text-align:center;text-transform:uppercase;margin:0;font-size:38px;font-weight:800}.JoinRoomComponent-module__-Cpc2q__paper{background:radial-gradient(at 4% 85%,#5c43221a,#0000 27%),linear-gradient(96deg,#4f391a0a,#0000 22% 80%,#4832160f),url(/rebrand/dirty-paper.webp) 50%/cover;min-height:calc(100dvh - 154px);padding:32px clamp(24px,6vw,82px) 52px;box-shadow:inset 0 0 85px #523a1c1a}.JoinRoomComponent-module__-Cpc2q__joinLayout{grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);align-items:center;gap:clamp(42px,7vw,86px);max-width:1040px;margin:0 auto;display:grid}.JoinRoomComponent-module__-Cpc2q__codePanel{min-width:0}.JoinRoomComponent-module__-Cpc2q__eyebrow,.JoinRoomComponent-module__-Cpc2q__foundLabel{color:#fff8ed;background:var(--ink);width:fit-content;font-family:var(--game-label-font);letter-spacing:1px;text-transform:uppercase;margin:0 0 9px;padding:5px 11px;font-size:12px;transform:rotate(-1deg)}.JoinRoomComponent-module__-Cpc2q__joinIntro{font-family:var(--game-label-font);letter-spacing:.8px;text-transform:uppercase;margin:0 0 44px;font-size:clamp(48px,5.8vw,74px);font-weight:800;line-height:.95}.JoinRoomComponent-module__-Cpc2q__joinIntro span{white-space:nowrap;position:relative}.JoinRoomComponent-module__-Cpc2q__joinIntro span:after{content:"";background:url(/rebrand/red-underline-bold.svg) 50%/100% 100% no-repeat;height:19px;position:absolute;bottom:-15px;left:-5px;right:-6px}.JoinRoomComponent-module__-Cpc2q__lede{max-width:510px;margin:0 0 31px;font-size:16px;line-height:1.5}.JoinRoomComponent-module__-Cpc2q__codeEntry{cursor:text;max-width:540px;position:relative}.JoinRoomComponent-module__-Cpc2q__codeHeading{font-family:var(--game-label-font);letter-spacing:.6px;text-transform:uppercase;margin:0 0 12px;font-size:22px;font-weight:800}.JoinRoomComponent-module__-Cpc2q__hiddenCodeInput{z-index:3;opacity:0;cursor:text;border:0;outline:0;width:100%;height:calc(100% - 35px);font-size:16px;position:absolute;inset:35px 0 0}.JoinRoomComponent-module__-Cpc2q__codeCells{grid-template-columns:repeat(5,1fr);gap:clamp(7px,1.2vw,13px);display:grid}.JoinRoomComponent-module__-Cpc2q__codeCell{aspect-ratio:1;color:var(--red);font-family:var(--game-label-font);background:#f7f2e78f;border:1.5px solid #2a241c8c;border-radius:2px;place-items:center;font-size:clamp(33px,4.5vw,52px);display:grid;transform:rotate(-.4deg);box-shadow:inset 0 0 17px #5540240d,2px 3px #352a1b1a}.JoinRoomComponent-module__-Cpc2q__codeCell:nth-child(2n){transform:rotate(.5deg)}.JoinRoomComponent-module__-Cpc2q__codeCellError{border-color:var(--red);animation:.3s linear JoinRoomComponent-module__-Cpc2q__shake}.JoinRoomComponent-module__-Cpc2q__fieldError{color:var(--red);margin:9px 0 0;font-size:13px;font-weight:700}.JoinRoomComponent-module__-Cpc2q__pasteButton{min-height:44px;color:var(--ink);font-family:var(--game-label-font);letter-spacing:.4px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin:17px 0 0;padding:0;font-size:15px;display:inline-flex}.JoinRoomComponent-module__-Cpc2q__pasteButton svg{width:20px;height:20px}.JoinRoomComponent-module__-Cpc2q__codeAside{width:fit-content;margin:21px 0 0 18px;font-family:Arial,Helvetica,sans-serif;font-size:13px;transform:rotate(-1deg)}.JoinRoomComponent-module__-Cpc2q__statusPanel{align-items:center;min-height:390px;display:grid}.JoinRoomComponent-module__-Cpc2q__roomCard,.JoinRoomComponent-module__-Cpc2q__errorCard,.JoinRoomComponent-module__-Cpc2q__checkingCard,.JoinRoomComponent-module__-Cpc2q__waitingNote{clip-path:polygon(2% 1%,28% 0,53% 2%,78% 0,99% 2%,98% 27%,100% 52%,98% 77%,100% 99%,73% 98%,48% 100%,24% 98%,1% 100%,2% 73%,0 49%);text-align:center;background-color:#eee7d9;background-image:linear-gradient(105deg,#533a1d12,#0000 28% 73%,#533a1d0f),url(/rebrand/dirty-paper.webp);background-size:cover;width:100%;padding:38px 32px 30px;position:relative;box-shadow:7px 10px #221b1230}.JoinRoomComponent-module__-Cpc2q__cardTape{opacity:.64;background:url(/rebrand/masking-tape.png) 50%/100% 100% no-repeat;width:112px;height:32px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(2deg)}.JoinRoomComponent-module__-Cpc2q__foundLabel{margin:0 auto 13px}.JoinRoomComponent-module__-Cpc2q__roomIcon,.JoinRoomComponent-module__-Cpc2q__errorCard>svg,.JoinRoomComponent-module__-Cpc2q__waitingNote>svg{width:58px;height:58px;margin:0 auto 9px}.JoinRoomComponent-module__-Cpc2q__roomCard h3,.JoinRoomComponent-module__-Cpc2q__errorCard h3,.JoinRoomComponent-module__-Cpc2q__checkingCard h3{width:fit-content;font-family:var(--game-label-font);letter-spacing:.7px;text-transform:uppercase;margin:0 auto 18px;font-size:34px;font-weight:800;position:relative}.JoinRoomComponent-module__-Cpc2q__roomCard h3:after,.JoinRoomComponent-module__-Cpc2q__errorCard h3:after{content:"";background:url(/rebrand/red-underline-bold.svg) 50%/100% 100% no-repeat;height:8px;position:absolute;bottom:-9px;left:1%;right:1%}.JoinRoomComponent-module__-Cpc2q__modeLine{justify-content:center;align-items:center;gap:7px;margin:0 0 24px;font-family:Arial,Helvetica,sans-serif;font-size:12px;display:flex}.JoinRoomComponent-module__-Cpc2q__nameField{text-align:left;display:block}.JoinRoomComponent-module__-Cpc2q__nameField>span{font-family:var(--game-label-font);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:7px;font-size:15px;display:flex}.JoinRoomComponent-module__-Cpc2q__nameInputRow{align-items:end;gap:14px;display:flex}.JoinRoomComponent-module__-Cpc2q__nameInputRow input{flex:1;min-width:0}.JoinRoomComponent-module__-Cpc2q__nameField input{width:100%;min-height:52px;color:var(--ink);background:#f9f5ec7a;border:1.5px solid #221d1799;border-radius:2px;outline:none;padding:0 14px;font-size:16px}.JoinRoomComponent-module__-Cpc2q__nameField input:focus{border-color:var(--red);box-shadow:0 0 0 2px #c9282229}.JoinRoomComponent-module__-Cpc2q__randomNameButton{border:1.5px solid var(--ink);min-height:44px;color:var(--ink);font-family:var(--game-label-font);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background-color:#eee7da;background-image:linear-gradient(#eee7da94,#eee7da94),url(/rebrand/dirty-paper.webp);background-size:auto,280px;border-radius:3px 4px 2px 3px;align-items:center;gap:7px;margin-bottom:2px;padding:9px 13px;font-size:14px;transition:transform .14s,box-shadow .14s,background-color .14s,color .14s;display:inline-flex;transform:rotate(1deg);box-shadow:2px 3px #121210d1}.JoinRoomComponent-module__-Cpc2q__randomNameButton:hover{color:#fff9ee;background-color:var(--ink);transform:translate(-1px,-1px)rotate(1deg);box-shadow:3px 4px #1212104d}.JoinRoomComponent-module__-Cpc2q__randomNameButton:active{transform:translate(1px,1px)rotate(1deg);box-shadow:1px 1px #12121080}.JoinRoomComponent-module__-Cpc2q__randomNameButton:focus-visible{outline:2px solid var(--red);outline-offset:2px}.JoinRoomComponent-module__-Cpc2q__randomNameButton svg{width:15px;height:15px}.JoinRoomComponent-module__-Cpc2q__joinButton{color:#fff8ed;background:var(--red);width:100%;min-height:57px;font-family:var(--game-label-font);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;gap:28px;margin-top:19px;padding:0 22px;font-size:20px;display:flex;box-shadow:inset 0 0 17px #55000042}.JoinRoomComponent-module__-Cpc2q__joinButton svg{width:24px;height:24px}.JoinRoomComponent-module__-Cpc2q__joinButton:disabled{opacity:.6;cursor:wait}.JoinRoomComponent-module__-Cpc2q__checkingCard p,.JoinRoomComponent-module__-Cpc2q__errorCard p,.JoinRoomComponent-module__-Cpc2q__waitingNote p{margin:0;line-height:1.45}.JoinRoomComponent-module__-Cpc2q__errorCard small{margin-top:18px;font-family:Arial,Helvetica,sans-serif;display:block}.JoinRoomComponent-module__-Cpc2q__loader{border:5px solid #1e1b162e;border-top-color:var(--red);border-radius:50%;width:52px;height:52px;margin:0 auto 18px;animation:.8s linear infinite JoinRoomComponent-module__-Cpc2q__spin;display:block}.JoinRoomComponent-module__-Cpc2q__waitingNote{padding-block:54px;font-family:Arial,Helvetica,sans-serif;transform:rotate(1deg)}@keyframes JoinRoomComponent-module__-Cpc2q__spin{to{transform:rotate(360deg)}}@keyframes JoinRoomComponent-module__-Cpc2q__shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (max-width:800px){.JoinRoomComponent-module__-Cpc2q__page{padding:0}.JoinRoomComponent-module__-Cpc2q__frame{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.JoinRoomComponent-module__-Cpc2q__header{grid-template-columns:54px 1fr 54px;min-height:118px;padding:14px 19px}.JoinRoomComponent-module__-Cpc2q__logoLink{width:126px;position:absolute;left:50%;transform:translate(-50%)rotate(-3deg)}.JoinRoomComponent-module__-Cpc2q__header h1{display:none}.JoinRoomComponent-module__-Cpc2q__paper{min-height:calc(100dvh - 118px);padding:27px 22px 42px}.JoinRoomComponent-module__-Cpc2q__joinLayout{display:block}.JoinRoomComponent-module__-Cpc2q__joinIntro{font-size:clamp(43px,12vw,58px)}.JoinRoomComponent-module__-Cpc2q__lede{margin-bottom:23px;font-size:14px}.JoinRoomComponent-module__-Cpc2q__codeCell{font-size:clamp(30px,10vw,44px)}.JoinRoomComponent-module__-Cpc2q__codeAside{margin-top:12px;font-size:11px}.JoinRoomComponent-module__-Cpc2q__statusPanel{min-height:0;margin-top:33px}.JoinRoomComponent-module__-Cpc2q__waitingNote{display:none}.JoinRoomComponent-module__-Cpc2q__roomCard,.JoinRoomComponent-module__-Cpc2q__errorCard,.JoinRoomComponent-module__-Cpc2q__checkingCard{padding:35px 23px 27px}.JoinRoomComponent-module__-Cpc2q__roomCard h3,.JoinRoomComponent-module__-Cpc2q__errorCard h3,.JoinRoomComponent-module__-Cpc2q__checkingCard h3{font-size:30px}.JoinRoomComponent-module__-Cpc2q__joinButton{min-height:54px;font-size:18px}}@media (prefers-reduced-motion:reduce){.JoinRoomComponent-module__-Cpc2q__loader{animation-duration:1.8s}.JoinRoomComponent-module__-Cpc2q__codeCellError{animation:none}}