.room-scene{isolation:isolate;background:radial-gradient(circle at 38% 20%,#ffffff0b,#0000 34%),radial-gradient(circle at 14% 78%,#ffffff05,#0000 26%),linear-gradient(160deg,#101109,#080906 68%);position:relative}.room-lobby-scene{background-image:linear-gradient(#0809061a,#08090652),url(../media/room-background.0.uu5nsfi3-fi.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;container-type:inline-size}.room-hand-carousel{width:100%;max-width:420px;margin-inline:auto}.room-hand-carousel__stage{margin-inline:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;height:min(52vw,270px);min-height:220px;max-height:280px;margin-bottom:.5rem;position:relative;overflow:visible}.room-hand-carousel__stage--dragging{cursor:grabbing}.room-hand-carousel__stage--dragging .room-hand-carousel__card{transition:none!important}.room-hand-carousel__card{aspect-ratio:.66;appearance:none;color:#17170f;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none;background-color:#0000;background-image:url(../media/w-card-background.17wxfbiucsyy0.webp);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:.55rem;outline:none;justify-content:center;align-items:center;width:min(42vw,168px);padding:clamp(10px,9cqw,16px) clamp(8px,7cqw,14px);transition:none;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 12px 20px #0000006b;container-type:inline-size;-webkit-filter:none!important}.room-hand-carousel__stage--pose .room-hand-carousel__card{transition:transform .32s cubic-bezier(.22,.8,.28,1),box-shadow .28s}.room-hand-carousel__card:focus,.room-hand-carousel__card:focus-visible{outline:none}.room-hand-carousel__card--selected{outline:none;box-shadow:0 18px 28px #00000080}.room-hand-carousel__veil{z-index:0;pointer-events:none;opacity:0;background:#0a0b087a;transition:opacity .28s;position:absolute;inset:0}.room-hand-carousel__card--dimmed .room-hand-carousel__veil{opacity:1}.room-hand-carousel__stage--dragging .room-hand-carousel__veil{transition:none}.room-hand-carousel__text{text-align:center;pointer-events:none;z-index:1;width:100%;font-size:clamp(12px,10cqw,17px);font-weight:700;line-height:1.25;display:block;position:relative}.room-hand-carousel__card--thrown{pointer-events:none;box-shadow:none;transition:transform .48s cubic-bezier(.3,.6,.3,1),opacity .32s .12s}.room-hand-carousel__card:disabled{cursor:not-allowed}.room-hand-carousel__card--disabled:not(.room-hand-carousel__card--selected){opacity:.55}.room-hand-carousel__nav{z-index:1;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.75rem;padding-inline:.25rem;display:flex;position:relative}.room-hand-carousel__hint{text-align:center;flex:1}.room-hand-carousel__chevron{width:2.75rem;height:2.75rem;color:var(--foreground);background:#00000059;border:1px solid #ffffff26;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,opacity .15s;display:flex}.room-hand-carousel__chevron:hover:not(:disabled){color:var(--accent);border-color:#ffffff59}.room-hand-carousel__chevron:disabled{opacity:.35;cursor:not-allowed}.room-hand{justify-content:center;align-items:flex-end;width:min(1024px,90cqw);padding:36px 0 16px;list-style:none;display:flex;position:relative;left:50%;transform:translate(-50%)}.room-hand-slot{min-width:0;max-width:148px;z-index:var(--z,1);flex:1 1 0;justify-content:center;display:flex;position:relative}.room-hand-slot:hover,.room-hand-slot:focus-within{z-index:60}.room-hand-slot--raised{z-index:70}.room-white-card{aspect-ratio:.66;text-align:center;color:#17170f;appearance:none;width:176px;transform:rotate(var(--rot,0deg)) translateY(var(--drop,0px));transform-origin:50% 100%;filter:drop-shadow(0 10px 16px #00000073);backface-visibility:hidden;background-color:#0000;background-image:url(../media/w-card-background.17wxfbiucsyy0.webp);background-repeat:no-repeat;background-size:100% 100%;border:none;flex:none;justify-content:center;align-items:center;padding:clamp(10px,9cqw,18px) clamp(9px,8cqw,16px);transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .2s;display:flex;overflow:visible;container-type:inline-size}.room-card-text,.room-white-card,.room-table-card{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.room-hand-slot:hover .room-white-card:not(:disabled):not(.room-white-card--selected),.room-hand-slot:focus-within .room-white-card:not(:disabled):not(.room-white-card--selected),.room-white-card:focus-visible:not(.room-white-card--selected){transform:rotate(0deg) translateY(calc(var(--drop,0px) - 36px)) scale(1.05);filter:drop-shadow(0 18px 26px #0000008c)}.room-hand-slot:active .room-white-card:not(:disabled):not(.room-white-card--selected){transform:rotate(0deg) translateY(calc(var(--drop,0px) - 30px)) scale(1.02)}.room-white-card:disabled{cursor:not-allowed;opacity:.85;filter:grayscale(.35)brightness(.9)drop-shadow(0 8px 12px #0006)}.room-white-card--selected,.room-white-card--selected:disabled{transform:translateX(var(--shift,0px)) rotate(0deg) translateY(calc(var(--drop,0px) - 44px)) scale(1.08);opacity:1;filter:drop-shadow(0 20px 30px #0000008c)}.room-white-card--folded,.room-white-card--folded:disabled{transform:rotate(var(--rot,0deg)) translateY(130%) scale(.9);opacity:0;pointer-events:none;transition:transform .26s cubic-bezier(.55,0,.55,1),opacity .2s}.room-white-card--thrown,.room-white-card--thrown:disabled{transform:translateX(var(--shift,0px)) rotate(14deg) translateY(calc(var(--drop,0px) - 300px)) scale(.6);opacity:0;pointer-events:none;transition:transform .48s cubic-bezier(.3,.6,.3,1),opacity .32s .2s}.room-table-card{aspect-ratio:.66;text-align:left;color:#17170f;width:100%;max-width:176px;transform:rotate(var(--rot,0deg));filter:drop-shadow(0 10px 16px #00000073);background-image:url(../media/w-card-background.17wxfbiucsyy0.webp);background-repeat:no-repeat;background-size:100% 100%;padding:clamp(10px,9cqw,18px) clamp(9px,8cqw,16px);overflow:hidden;container-type:inline-size}.room-table-card--btn{transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s}.room-table-card--btn:hover:not(:disabled):not(.room-table-card--selected){filter:drop-shadow(0 16px 22px #00000080);transform:rotate(0)translateY(-6px)scale(1.03)}.room-table-card--btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.5)drop-shadow(0 8px 12px #00000059)}.room-table-card--selected{filter:drop-shadow(0 0 10px #f0c83ca6)drop-shadow(0 14px 20px #00000080);transform:rotate(0)translateY(-8px)scale(1.06)}.room-table-card--winner{filter:drop-shadow(0 0 12px #f0c83c8c)drop-shadow(0 14px 20px #00000080);max-width:220px;animation:.48s cubic-bezier(.2,.8,.2,1) backwards room-winner-enter;transform:rotate(0)}@keyframes room-winner-enter{0%{opacity:0;transform:translateY(-70px)rotate(-8deg)scale(1.2)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.room-winner-congrats{animation:.42s cubic-bezier(.34,1.56,.64,1) .38s backwards room-congrats-pop}@keyframes room-congrats-pop{0%{opacity:0;transform:rotate(-2deg)scale(.6)}to{opacity:1;transform:rotate(-2deg)scale(1)}}.room-pile{width:min(100%,460px);height:240px;margin:12px auto 0;position:relative}.room-pile-card{aspect-ratio:.66;color:#17170f;width:136px;transform:translate(-50%, -50%) translate(var(--px,0px), var(--py,0px)) rotate(var(--prot,0deg));filter:drop-shadow(0 10px 14px #0006);background-image:url(../media/w-card-background.17wxfbiucsyy0.webp);background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.42s cubic-bezier(.2,.8,.2,1) backwards room-pile-enter;display:flex;position:absolute;top:50%;left:50%}@keyframes room-pile-enter{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--px,0px), var(--py,0px)) translateY(-90px) rotate(calc(var(--prot,0deg) - 14deg)) scale(1.3)}to{opacity:1;transform:translate(-50%, -50%) translate(var(--px,0px), var(--py,0px)) rotate(var(--prot,0deg)) scale(1)}}.room-scene:before{content:"";z-index:-1;pointer-events:none;opacity:.16;background-image:repeating-radial-gradient(circle at 20% 30%,#ffffff05 0 1px,#0000 1px 4px);position:absolute;inset:0}.room-scribble{height:8px;position:relative;overflow:hidden}.room-scribble:before,.room-scribble:after{content:"";background:var(--accent);clip-path:polygon(0 42%,12% 22%,28% 48%,44% 28%,61% 55%,78% 32%,100% 48%,98% 78%,73% 65%,52% 82%,31% 63%,10% 76%);height:3px;position:absolute;left:1%;right:1%;transform:rotate(-1.2deg)}.room-scribble:after{opacity:.55;transform:translateY(3px)rotate(.7deg)}.room-scribble-alt{background:linear-gradient(90deg, transparent 0%, var(--accent) 12%, var(--accent) 88%, transparent 100%);opacity:.85;border-radius:999px;height:7px;transform:rotate(-1.5deg)skew(-8deg)}.room-player-card{transform:translate(var(--offset-x,0px), var(--offset-y,0px)) rotate(var(--tilt,-2deg));background-image:url(../media/card-background.16w6bv15yn3ug.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1);box-shadow:0 14px 30px #0006,inset 0 0 34px #ffffff05;container-type:inline-size}.room-player-card:hover{transform:translateY(-6px)rotate(0);box-shadow:0 20px 38px #0000007a,inset 0 0 34px #ffffff05}.room-empty-slot{transition:color .18s,border-color .18s,background .18s,transform .22s cubic-bezier(.2,.8,.2,1);transform:rotate(1.6deg);container-type:inline-size}.room-empty-slot:hover{transform:translateY(-4px)rotate(.4deg)}.room-stamp{border:2px solid;border-radius:3px;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-4deg);box-shadow:inset 0 0 0 1px}.room-stamp--tilt-alt{transform:rotate(3deg)}.room-stamp--fluid{box-shadow:none;border-width:clamp(1px,.8cqw,2px);padding:clamp(2px,1.6cqw,8px) clamp(4px,3.2cqw,14px);font-size:clamp(9px,5cqw,16px)}.room-stamp--compact{letter-spacing:.06em;box-shadow:none;border-width:1px;padding:2px 6px;font-size:9px}.room-paper-button{isolation:isolate;transform:rotate(var(--btn-tilt,0deg));background-color:#eeeae0;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1),background-color .15s;position:relative;box-shadow:0 10px 20px #0000004d}.room-paper-button:before{content:"";z-index:0;border-radius:inherit;border:2px solid var(--paper-2);pointer-events:none;transition:transform .15s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(10px,10px)}.room-paper-button__label{z-index:1;position:relative}.room-paper-button:hover:not(:disabled){background-color:#f4f0e6;transform:rotate(0);box-shadow:0 6px 14px #00000057}.room-paper-button:hover:not(:disabled):before{transform:translate(0)}.room-paper-button:active:not(:disabled){transform:rotate(0)scale(.98);box-shadow:0 4px 10px #00000052}.room-paper-button:active:not(:disabled):before{transform:translate(0)}.room-paper-button:hover:not(:disabled) .room-btn-arrow{animation:.7s ease-in-out infinite room-arrow-nudge}@keyframes room-arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.room-paper-button:disabled{cursor:not-allowed;background-color:#cfcabe}.room-paper-button:disabled:before{opacity:.7}.room-tape:before{content:"";background:#eeeae029;border:1px solid #eeeae014;width:56px;height:16px;margin-left:-28px;position:absolute;top:-8px;left:50%;transform:rotate(-3deg)}@keyframes room-card-enter{0%{opacity:0;transform:translateY(60px)rotate(-8deg)scale(.94)}70%{opacity:1;transform:translateY(-4px)rotate(2deg)scale(1.01)}to{opacity:1;transform:translate(var(--offset-x,0px), var(--offset-y,0px)) rotate(var(--tilt,-1deg)) scale(1)}}.room-card-enter{animation:.48s cubic-bezier(.2,.8,.2,1) both room-card-enter}@keyframes room-stamp-in{0%{opacity:0;transform:scale(1.5)rotate(-10deg)}70%{opacity:1;transform:scale(.96)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.room-stamp-enter{animation:.32s cubic-bezier(.2,.8,.2,1) both room-stamp-in}@keyframes room-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.room-message-enter{animation:.18s both room-message-in}@media (prefers-reduced-motion:reduce){.room-scene *,.room-scene :before,.room-scene :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.room-chat-scroll{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.room-chat-scroll::-webkit-scrollbar{width:8px}.room-chat-scroll::-webkit-scrollbar-track{background:0 0}.room-chat-scroll::-webkit-scrollbar-thumb{background:#ffffff26 padding-box padding-box;border:2px solid #0000;border-radius:999px}@media (max-width:1023.98px){.room-chat-drawer{transition:transform .22s cubic-bezier(.2,.8,.2,1);transform:translate(100%)}.room-chat-drawer[data-open=true]{transform:translate(0)}}@media (max-width:640px){.room-chat-drawer{-webkit-backdrop-filter:none;backdrop-filter:none}}