@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf) format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-bold.ttf) format("truetype");font-weight:600 900;font-display:swap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#070d08bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:24px;overflow:auto}.modal{width:420px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;background:#1b2119;border:1px solid #586b43;border-radius:14px;padding:32px;position:relative;box-shadow:0 30px 100px #0009;animation:modal-in .2s ease-out;scrollbar-width:thin;scrollbar-color:#5c7148 transparent}.help-modal{width:500px}.close-modal{position:absolute;top:15px;right:15px}.modal-icon{width:47px;height:47px;background:#c4ee8810;border:1px solid #c4ee8825;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--lime);margin-bottom:24px}.modal .eyebrow{font-size:7px;color:#8f9d80}.modal h2{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.1;margin:13px 0 14px}.modal>p{font-size:12px;color:#98a48a;line-height:1.8;margin:0 0 20px}.primary-button{width:100%;min-height:46px;background:var(--lime);border:1px solid var(--lime);border-radius:5px;color:#202b16;display:flex;align-items:center;justify-content:center;gap:9px;font:9px var(--mono);letter-spacing:.7px;margin-top:20px}.primary-button:hover:not(:disabled){background:#d5ffa4;transform:translateY(-1px)}.primary-button:disabled{opacity:.4}.secondary-button{width:100%;min-height:44px;background:transparent;border:1px solid #51673c;border-radius:5px;color:#bdcfa8;display:flex;align-items:center;justify-content:center;gap:8px;font:8px var(--mono);letter-spacing:.5px}.secondary-button:hover:not(:disabled){background:#c4ee8810}.input-label{display:block;font:7px var(--mono);letter-spacing:1px;color:#a1b28f;margin:22px 0 9px}.modal input:not([type=checkbox]){background:#11180f;color:#dbe8cd;border:1px solid #526441;border-radius:5px;padding:12px 14px;width:100%;font-size:14px}.modal input.code-input{font:25px var(--mono);text-align:center;letter-spacing:9px;padding-left:23px}.modal input::placeholder{color:#546544}.form-divider{text-align:center;color:#798969;font-size:9px;position:relative;margin:22px 0}.form-divider:before,.form-divider:after{position:absolute;content:"";width:20%;height:1px;top:50%;background:#3e4d30}.form-divider:before{left:0}.form-divider:after{right:0}.form-error{font-size:11px;line-height:1.6;color:#f1b08d}.rules-table{border-top:1px solid #3d4a31}.rules-table>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #333e29}.rules-table>div>span{display:flex;flex-direction:column;gap:4px}.rules-table strong{font-size:11px;font-weight:400;color:#d1ddc3}.rules-table small{font-size:9px;color:#849674}.rules-table b{font:15px var(--mono);font-weight:400;color:var(--lime)}.rule-example{background:#c4ee8808;border:1px solid #c4ee8825;border-radius:5px;padding:13px;margin:18px 0;display:flex;align-items:center;gap:12px;color:var(--lime)}.rule-example svg{flex-shrink:0}.rule-example span{font-size:10px;line-height:1.7;color:#9fb78b}.rule-example strong{color:#d1e2c1;font-weight:400}.modal p.rules-fine-print{font-size:9px;line-height:1.7;color:#7c906b;margin:17px 0 0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid #3b4b2d;cursor:pointer}.setting-row>span{display:flex;flex-direction:column;gap:5px}.setting-row strong{font-weight:400;font-size:12px;color:#c9d8b9}.setting-row small{font-size:10px;color:#839774}.setting-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#39472e;border:1px solid #546a3f;border-radius:20px;width:34px;height:19px;cursor:pointer;position:relative;flex-shrink:0}.setting-row input:after{content:"";height:11px;width:11px;position:absolute;left:3px;top:3px;border-radius:50%;background:#91a77e;transition:transform .15s}.setting-row input:checked{background:#c4ee8830;border-color:#92b36d}.setting-row input:checked:after{transform:translate(14px);background:var(--lime)}.invite-code{font:32px var(--mono);color:var(--lime);letter-spacing:10px;text-align:center;padding:20px 10px 20px 20px;background:#10180d;border:1px dashed #597442;border-radius:5px}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;background:#2d3a23;border:1px solid #6d8a4e;box-shadow:0 8px 30px #0006;border-radius:7px;padding:14px 20px;font-size:12px;max-width:calc(100% - 32px);width:max-content;color:#d7e9c6;animation:toast-in .2s ease-out}@font-face{font-family:Lilita One;src:url(/fonts/lilita-one.ttf) format("truetype");font-weight:400;font-display:swap}:root{font-family:DM Sans,sans-serif;color:#392a50;background:#baa5e6;font-synthesis:none;--ink: #392a50;--paper: #fff8e9;--display: "Lilita One", "DM Sans", sans-serif;--bg: #392a50;--lime: #d8eca9;--cream: #fff8e9;--mono: "DM Sans", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .15s,box-shadow .15s}button svg{flex-shrink:0}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #d96892;outline-offset:4px}::selection{background:#f8b3c8;color:var(--ink)}.app{height:100dvh;min-height:540px;position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#d0bcf0,transparent 65%),#baa5e6;padding:0 32px 27px}.party-doodles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background-image:radial-gradient(#9071b327 1.5px,transparent 1.5px);background-size:32px 32px}.party-doodles>span{position:absolute;color:#9474b43b;font:105px var(--display);transform:rotate(-15deg)}.party-doodles>span:nth-child(1){left:6%;top:35%}.party-doodles>span:nth-child(2){right:4%;top:18%;font-size:140px}.party-doodles>span:nth-child(3){right:11%;bottom:12%;font-size:70px}.party-doodles>span:nth-child(4){left:16%;bottom:7%;font-size:90px}.party-header{height:84px;flex-shrink:0;max-width:1450px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.party-logo{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;transform:rotate(-4deg)}.party-logo>svg{width:37px;height:37px;fill:#ffd58a;stroke-width:2.7;transform:rotate(-10deg)}.party-logo>span{font:38px/.9 var(--display);letter-spacing:.5px;color:#fff8e9;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px var(--ink)}.party-logo>span>span{color:#ffd58a}.party-room{display:flex;align-items:center;gap:9px;border:3px solid var(--ink);border-radius:13px;background:#ede0fa;min-height:41px;padding:0 12px;box-shadow:0 3px #70518f44}.party-room>svg{color:#806298}.lobby-code{font-size:12px;font-weight:800;letter-spacing:1.5px}.party-tools{display:flex;align-items:center;gap:8px}.party-tools button{width:37px;height:37px;background:#fff6e3;border:2.5px solid var(--ink);border-radius:11px;box-shadow:0 3px #77568f66;display:flex;align-items:center;justify-content:center;padding:7px}.party-tools svg{width:18px;height:18px;stroke-width:2.2}.party-tools button:hover{transform:translateY(-2px)}.party-tools button:active{transform:translateY(2px);box-shadow:none}.party-tools button:first-child{background:#d9edb8}.party-playground{max-width:1200px;width:100%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 0}.party-players{display:flex;align-items:flex-start;justify-content:center;gap:12px;width:100%;flex-shrink:0}.player-cards{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0;max-width:100%;padding:8px 8px 9px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:#9878b9 transparent}.party-player{background:#f5eafa;border:3px solid var(--ink);box-shadow:0 4px #8e6aa9;border-radius:16px;display:flex;align-items:center;gap:10px;min-width:156px;max-width:175px;min-height:92px;padding:13px 12px;position:relative;text-align:left;flex-shrink:0}.party-player.selected-player{background:#fff4d6;transform:translateY(-4px);box-shadow:0 7px #8e6aa9}.party-player.selected-player:after{content:"";position:absolute;left:50%;bottom:-12px;border-width:7px 7px 0;border-style:solid;border-color:var(--ink) transparent transparent;transform:translate(-50%)}.party-player.round-winner{background:#fce6a7;box-shadow:0 5px #b9934f}.party-player.player-offline{opacity:.5}.pixel-face{width:43px;height:45px;border:2px solid var(--ink);border-radius:14px;background:#9fc587;color:#d4e9b0;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);flex-shrink:0;overflow:hidden}.pixel-face svg{height:39px;width:39px}.pixel-face.pink{color:#ffb5be;background:#dc8aab}.pixel-face.yellow{color:#ffe4a1;background:#deb263}.pixel-face.blue{color:#beddfb;background:#87b0d1}.pixel-face.purple{color:#e1c1f3;background:#b38dce}.party-player-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.party-player-info>span:first-child{font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;max-width:97px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-player-info>span:first-child small{font-size:5px;font-weight:800;background:#d9c9e9;border-radius:3px;padding:2px 3px;color:#8c71a3;letter-spacing:.3px}.party-player-info>strong{font-family:var(--display);font-size:21px;font-weight:400;line-height:1;letter-spacing:.7px;color:#785b90}.party-player-info>.player-live-score{display:flex;align-items:center;gap:5px;min-height:14px;font-size:8px;color:#aa8fbd;font-weight:700}.player-live-score>b{position:absolute;right:9px;bottom:7px;font-size:17px;animation:badge-pop .35s ease-out}.player-crown{position:absolute;top:-13px;left:15px;fill:#ffd467;stroke-width:2.5;transform:rotate(-15deg)}.party-open-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2.5px dashed #9d7cba;border-radius:17px;width:66px;height:88px;background:#d5c0ed55;color:#8d6ea4;flex-shrink:0;font-size:10px;font-weight:700}.party-open-seat svg{width:22px}.party-open-seat:hover{background:#e1d0f4}.party-leader-toggle{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;color:#8b6ba6;background:transparent;border:0;padding:10px 0;flex-shrink:0;align-self:center}.party-stage-wrap{display:flex;align-items:center;flex-direction:column;width:100%;flex:1;justify-content:center;padding:3px 0 6px;min-height:0}.round-banner{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px;font-size:12px;color:#8f6fa7;font-weight:600}.round-pill{background:#bca1da;border:2px solid #9d7cba;border-radius:7px;padding:5px 7px;color:#775592;font-size:7px;font-weight:800;letter-spacing:1px;transform:rotate(-4deg)}.winner-banner{font:25px var(--display);font-weight:400;color:#684580;gap:8px;animation:winner-pop .5s ease-out}.winner-banner>svg{fill:#ffdb83;stroke:var(--ink);stroke-width:2.2;transform:rotate(-10deg)}.banner-confetti{color:#fff2b5;-webkit-text-stroke:1px #b4975c;font-size:24px;margin-left:6px}.party-stage{width:650px;max-width:100%;background:#fff8e9;border:4px solid var(--ink);border-radius:28px;box-shadow:0 9px #9774b2,0 12px 0 var(--ink),9px 16px #8764a21c;padding:20px 27px 24px;position:relative}.watching-label{display:flex;align-items:center;gap:7px;min-height:23px}.watching-label>.pixel-face{height:24px;width:24px;border-radius:8px;border-width:1.5px}.watching-label>.pixel-face>svg{width:22px;height:22px}.watching-label>strong{font-size:10px;font-weight:800;color:#ae90bd}.watching-label>span{font-size:8px;font-weight:700;color:#c2a7ce;margin-left:auto}.watching-label>button{font-size:8px;color:#a084b3;background:#f0e5f7;border:1px solid #d2badf;border-radius:5px;padding:2px 5px}.party-number{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 4px;margin:25px 0 19px}.party-number>span{font:79px/1 var(--display);font-weight:400;display:flex;align-items:center;justify-content:center;width:calc((100% - 45px) / 6);min-height:103px;border:2.5px solid #d9c4e5;border-radius:12px;background:#f0e6f6;color:#c6aad9;box-shadow:0 4px #e1ceec;transition:background .18s,transform .2s,color .2s,border-color .2s;position:relative}.party-number>span.digit-revealed{color:#6b4c85;background:#ece0f4;border-color:#c2a4d6;animation:digit-pop .28s ease-out}.party-number>span.digit-spinning{color:#9c77b3;background:#f6edd7;border-color:#e1c99b;transform:translateY(-4px)}.party-number>span.digit-matched{color:#52723d;background:#d9ecb9;border-color:#a0bd7e;transform:translateY(-5px);box-shadow:0 5px #bfd59f}.party-score{display:flex;align-items:center;justify-content:center;gap:6px;min-height:51px}.party-score>strong{font:45px/1 var(--display);font-weight:400;color:#836197;min-width:22px}.party-score>small{font-size:10px;font-weight:700;color:#baa0c8;align-self:flex-end;margin-bottom:9px}.party-score>b{font:23px var(--display);font-weight:400;background:#ffe4a1;color:#a3753c;border:2px solid #d6b074;border-radius:9px;padding:3px 9px;margin-left:12px;transform:rotate(-6deg);animation:mult-pop .4s ease-out}.single-badge-area{height:74px;display:flex;align-items:flex-end;justify-content:center;padding-top:13px}.single-badge{display:flex;align-items:center;gap:9px;position:relative;background:#eee2f4;border:2px solid #c6a8d6;min-width:247px;max-width:100%;border-radius:13px;min-height:53px;padding:9px 11px;box-shadow:0 3px #e0caeb;animation:badge-pop .35s cubic-bezier(.2,1.5,.5,1);text-align:left;color:#8d68a2}.badge-emoji{font-size:25px;line-height:1}.single-badge>div{display:flex;flex-direction:column;gap:4px}.single-badge strong{font-size:12px;font-weight:800}.single-badge small{font-size:6px;text-transform:uppercase;font-weight:800;letter-spacing:.7px;color:#b192c2}.single-badge>b{font:25px var(--display);font-weight:400;margin-left:auto;color:#8d62a5}.badge-counter{position:absolute;right:-7px;top:-8px;background:#fff8e9;border:1.5px solid #c9afdb;border-radius:6px;font-size:6px;font-weight:800;padding:3px 4px;color:#a388b7;transform:rotate(6deg)}.single-badge.uncommon{background:#e5f0cf;border-color:#b6cc92;box-shadow:0 3px #d1dfb5;color:#7d955a}.single-badge.uncommon>b{color:#6c8848}.single-badge.uncommon small{color:#a3b67f}.single-badge.rare{background:#ddeefb;border-color:#a6c8e3;box-shadow:0 3px #c5ddec;color:#6a92b2}.single-badge.rare>b{color:#6089a7}.single-badge.epic{background:#ebd9fa;border-color:#b58bcd;color:#a46cbb;box-shadow:0 3px #d9bde9}.single-badge.legendary{background:#fff0bb;border-color:#d9b35c;color:#b18c38;box-shadow:0 3px #f0d794}.single-badge.legendary>b{color:#aa7b2b}.badge-placeholder{display:flex;align-items:center;justify-content:center;color:#ddc7e8;width:247px;height:53px;border:2px dashed #eadcf1;border-radius:13px}.badge-placeholder>span{font:21px var(--display);letter-spacing:2px}.badge-placeholder>span:not(:only-child){font-size:10px}.badge-recap{position:absolute;z-index:10;bottom:17px;left:50%;transform:translate(-50%,calc(100% + 16px));width:290px;max-height:220px;overflow:auto;background:#fff8e9;border:3px solid var(--ink);border-radius:14px;box-shadow:0 5px #392a5055;padding:10px;display:flex;flex-direction:column;gap:5px}.badge-recap>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#9a7bab;background:#f1e6f7;border-radius:6px;padding:7px}.badge-recap b{margin-left:auto;font-size:11px;color:#9c704c}.party-bottom{display:grid;grid-template-columns:1fr 290px 1fr;gap:30px;align-items:center;justify-content:center;width:100%;max-width:950px;flex-shrink:0;padding:15px 0 3px}.party-roll{min-height:67px;display:flex;align-items:center;justify-content:center;gap:11px;background:#f8a4b9;border:3px solid var(--ink);border-radius:17px;box-shadow:0 6px #c06f94,0 9px 0 var(--ink);position:relative;transform:rotate(-2deg)}.party-roll>span{font:29px var(--display);font-weight:400;letter-spacing:.5px}.party-roll>small{font-size:6px;font-weight:800;letter-spacing:.5px;background:#e591ac;border:1.5px solid #b86f92;border-radius:4px;padding:3px 4px;color:#ad5e85;margin-left:3px}.party-roll:hover:not(:disabled){background:#ffb4c5;transform:rotate(0) translateY(-3px);box-shadow:0 9px #c06f94,0 12px 0 var(--ink)}.party-roll:active:not(:disabled){transform:rotate(0) translateY(5px);box-shadow:0 1px #c06f94,0 4px 0 var(--ink)}.party-roll:disabled{background:#d8c3e5;box-shadow:0 6px #aa8ac0,0 9px 0 var(--ink);color:#ac8dc0;transform:rotate(0)}.party-roll:disabled>svg{animation:spin 1.8s linear infinite}.party-roll:disabled>span{font-size:24px}.party-emotes{display:flex;align-items:center;gap:7px;justify-content:flex-end}.party-emotes>button{width:40px;height:40px;border:2px solid #9876b1;border-radius:12px;background:#e1cef0;box-shadow:0 3px #9e7fba;font-size:21px;padding:0}.party-emotes>button:hover{transform:translateY(-5px) rotate(-7deg);background:#f8eccd}.party-emotes>button:active{transform:scale(.9)}.party-personal{display:flex;align-items:center;gap:6px;color:#9471ab;flex-wrap:wrap;align-content:center;max-width:150px}.party-personal>svg{color:#9776af;width:14px}.party-personal>strong{font:24px var(--display);font-weight:400}.party-personal>small{display:block;width:100%;padding-left:21px;font-size:8px;color:#a78abd;margin-top:-3px}.player-reactions{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.player-reactions>span{position:absolute;left:50%;bottom:20px;font-size:36px;animation:reaction-float 2.2s ease-out forwards}.party-error{position:absolute;z-index:20;left:50%;top:73px;transform:translate(-50%);border:2px solid var(--ink);border-radius:12px;background:#ffe1b8;padding:10px 14px;max-width:90%;font-size:11px;display:flex;align-items:center;gap:12px;box-shadow:0 3px #392a5044}.party-error>button{background:transparent;border:0;font-weight:800;font-size:14px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:5px;color:#a18bb2;border-radius:7px}.club-mark{width:24px;height:24px;color:#c3a5d9}.club-mark.small{width:13px;height:13px}.eyebrow{font-size:8px;font-weight:800;letter-spacing:1px;color:#baa2cb}.modal-backdrop{background:#392a5077;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#fff8e9;color:var(--ink);border:3px solid var(--ink);box-shadow:0 7px #281d3c66;border-radius:22px}.modal h2{font-family:var(--display);font-weight:400;font-size:32px;letter-spacing:0;color:var(--ink)}.modal>p{color:#a185b3}.modal-icon{background:#ead8f5;border:2.5px solid var(--ink);color:#8e66a9;box-shadow:0 3px #c5aed5;border-radius:13px;width:43px;height:43px;margin-bottom:20px}.modal .eyebrow{color:#ac8cc0}.primary-button{background:#f5a6b8;color:var(--ink);border:2.5px solid var(--ink);border-radius:12px;box-shadow:0 4px #be7293;font-family:var(--display);font-size:18px;font-weight:400;letter-spacing:.4px}.primary-button:hover:not(:disabled){background:#ffb9c8}.secondary-button{background:#e8d7f4;color:#80618e;border:2.5px solid #ab8ebf;border-radius:12px;font-weight:800;font-size:10px}.input-label{color:#a184b2;font-weight:800;font-size:9px}.modal input:not([type=checkbox]){background:#f2e9f7;color:#765187;border:2.5px solid #b49bc5;border-radius:11px;font-size:15px}.modal input::placeholder{color:#c6aed6}.modal input.code-input{font-family:DM Sans,sans-serif;font-weight:800}.modal p.rules-fine-print{color:#b29cc0;font-size:9px}.setting-row{border-color:#e5d5ec}.setting-row strong{color:#8b689c;font-weight:700}.setting-row small{color:#bca4c9}.setting-row input{background:#e7d5ef;border-color:#be9fd0;border-width:2px;height:21px;width:36px}.setting-row input:after{background:#bea0d0;top:3px;left:3px}.setting-row input:checked{background:#c8e5a7;border-color:#87a861}.setting-row input:checked:after{background:#7d9e57;transform:translate(14px)}.form-divider{color:#b19ac0}.form-divider:before,.form-divider:after{background:#e4d4eb}.form-error{color:#c97086}.invite-code{color:#9360b3;background:#eeddf7;border-color:#bc9ed0;font-family:DM Sans,sans-serif;font-weight:800}.short-rules{display:flex;flex-direction:column;gap:13px;margin:24px 0 20px}.short-rules>p{font-size:13px;font-weight:600;color:#9d7eae;margin:0;line-height:1.5}.toast{background:#fff2ca;color:#9a7645;border:2.5px solid var(--ink);border-radius:13px;box-shadow:0 4px #392a5066;font-weight:700;font-size:11px}.still *{animation:none!important;transition:none!important}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes digit-pop{0%{transform:translateY(-9px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes mult-pop{0%{transform:rotate(-6deg) scale(1.3)}to{transform:rotate(-6deg) scale(1)}}@keyframes badge-pop{0%{transform:translateY(8px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes winner-pop{0%{transform:scale(.8) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes reaction-float{0%{transform:translate(-50%) scale(.6);opacity:0}15%{opacity:1;transform:translate(-50%,-30px) scale(1.3)}80%{opacity:1}to{transform:translate(-50%,-160px) rotate(15deg) scale(.9);opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;bottom:18px}to{opacity:1;bottom:27px}}@media(min-height:1000px)and (min-width:901px){.party-playground{padding-top:35px;padding-bottom:27px}.party-stage{width:720px;padding:25px 35px 30px}.party-number{margin:32px 0 25px;gap:12px}.party-number>span{min-height:118px;font-size:88px}.party-score>strong{font-size:51px}.single-badge-area{height:86px}.party-bottom{padding-top:30px;padding-bottom:10px}.round-banner{margin-bottom:20px}}@media(max-width:1100px){.app{padding-left:23px;padding-right:23px}.party-player{min-width:142px;max-width:150px;gap:8px;padding:11px 9px;min-height:84px}.party-player-info>span:first-child{font-size:9px}.party-player-info>strong{font-size:19px}.pixel-face{width:37px;height:40px;border-radius:12px}.pixel-face svg{width:34px;height:34px}.player-cards{gap:11px}.party-bottom{gap:24px;grid-template-columns:1fr 270px 1fr}.party-roll>span{font-size:27px}.party-roll>small{font-size:5px}.party-emotes{gap:6px}.party-emotes>button{width:36px;height:36px;font-size:20px}.party-players{gap:6px}.party-leader-toggle{font-size:7px}.party-stage{width:620px}}@media(max-height:760px)and (min-width:601px){.app{padding-bottom:20px}.party-header{height:68px}.party-playground{padding-top:7px;gap:12px}.party-player{min-height:78px;padding-top:10px;padding-bottom:10px}.party-player-info>strong{font-size:19px}.party-stage{width:590px;padding:16px 24px 20px}.party-number{margin:17px 0 13px;gap:7px}.party-number>span{font-size:65px;min-height:82px;width:calc((100% - 35px) / 6)}.party-score{min-height:43px}.party-score>strong{font-size:39px}.single-badge-area{height:66px;padding-top:10px}.single-badge{min-height:48px;padding-top:7px;padding-bottom:7px}.round-banner{height:26px;margin-bottom:10px;font-size:10px}.winner-banner{font-size:23px}.party-bottom{padding-top:9px}.party-roll{min-height:56px}.party-roll>span{font-size:26px}.party-player-info>.player-live-score{font-size:7px}.party-open-seat{height:75px}.party-personal>strong{font-size:22px}.party-emotes>button{height:34px;width:34px;font-size:19px}}@media(max-width:800px){.app{padding:0 18px 23px}.party-header{height:72px;gap:14px}.party-logo>span{font-size:33px}.party-logo>svg{height:32px;width:32px}.party-room{min-height:36px;border-width:2.5px;padding:0 9px;gap:7px}.lobby-code{font-size:10px;letter-spacing:1px}.party-tools{gap:6px}.party-tools button{height:32px;width:32px;border-width:2px;border-radius:10px;padding:6px}.party-tools svg{height:16px;width:16px}.party-tools button:nth-child(3){display:none}.party-playground{gap:13px;padding-top:10px}.party-player{min-width:137px;max-width:143px;min-height:83px}.party-stage{width:580px;padding:19px 23px 22px}.party-number{gap:7px;margin-top:21px;margin-bottom:17px}.party-number>span{font-size:67px;min-height:91px;width:calc((100% - 35px) / 6)}.party-bottom{grid-template-columns:1fr 245px 1fr;gap:16px}.party-emotes{gap:5px;flex-wrap:wrap;max-width:80px;margin-left:auto}.party-emotes>button{height:32px;width:32px;font-size:19px;border-radius:10px}.party-personal{max-width:100px}.party-personal>strong{font-size:22px}.party-personal>small{font-size:7px}.party-roll{min-height:63px}.party-roll>span{font-size:25px}.party-roll>small{font-size:5px;padding:3px}.party-roll svg{width:22px}.party-leader-toggle{display:none}.player-cards{justify-content:flex-start;max-width:100%}.party-players{justify-content:center}.round-banner{font-size:11px}.winner-banner{font-size:24px}}@media(max-width:550px){.app{padding:0 13px 21px;min-height:610px}.party-header{height:64px;gap:8px}.party-logo{gap:5px}.party-logo>span{font-size:29px;-webkit-text-stroke:1.1px;text-shadow:0 2px var(--ink)}.party-logo>svg{height:27px;width:27px}.party-room{margin-left:auto;min-height:31px;padding:0 6px;border-width:2px;border-radius:9px;gap:5px}.party-room>svg:first-child{display:none}.party-room>svg:last-child{width:11px}.lobby-code{font-size:9px;letter-spacing:.7px}.party-tools{gap:5px}.party-tools button{height:29px;width:29px;border-radius:9px;padding:6px}.party-tools button:nth-child(2),.party-tools button:nth-child(3){display:none}.party-tools svg{height:14px;width:14px}.party-playground{gap:10px;padding-top:10px}.player-cards{gap:9px;padding-top:7px;padding-bottom:9px}.party-player{min-width:137px;max-width:137px;min-height:81px;padding:10px 9px;gap:8px;border-width:2.5px;border-radius:13px}.party-player-info>span:first-child{font-size:9px}.party-player-info>strong{font-size:20px;letter-spacing:.6px}.party-player-info>.player-live-score{font-size:7px}.party-player-info>span:first-child small{font-size:4px;padding:2px}.party-player .pixel-face{width:33px;height:36px;border-radius:11px;border-width:1.5px}.party-player .pixel-face svg{width:32px;height:32px}.party-player.selected-player:after{border-width:6px 6px 0;bottom:-10px}.party-open-seat{height:77px;width:51px;min-width:51px;border-width:2px;border-radius:13px;font-size:8px;gap:4px}.party-open-seat svg{width:18px}.party-stage-wrap{padding:0 0 7px}.round-banner{font-size:10px;gap:7px;min-height:27px;margin-bottom:13px;height:29px}.round-pill{font-size:6px;padding:4px 6px;border-radius:6px;border-width:1.5px;letter-spacing:.7px}.winner-banner{font-size:25px}.party-stage{width:100%;border-width:3px;border-radius:22px;padding:16px 15px 22px;box-shadow:0 6px #9774b2,0 9px 0 var(--ink),6px 12px #8764a21c}.watching-label{min-height:22px;gap:5px}.watching-label>.pixel-face{height:23px;width:23px}.watching-label>strong{font-size:9px}.watching-label>span{font-size:7px}.watching-label>button{font-size:7px}.party-number{gap:4px;padding:0;margin:25px 0 20px}.party-number>span{font-size:49px;min-height:77px;width:calc((100% - 20px) / 6);border-width:2px;border-radius:9px;box-shadow:0 3px #e1ceec}.party-score{min-height:47px;gap:5px}.party-score>strong{font-size:42px}.party-score>small{font-size:8px;margin-bottom:8px}.party-score>b{font-size:21px;border-radius:8px;margin-left:8px;padding:3px 7px;border-width:1.5px}.single-badge-area{height:78px;padding-top:16px}.single-badge{min-width:235px;min-height:53px;border-width:1.5px;border-radius:11px;padding:9px 10px;gap:8px}.single-badge strong{font-size:11px}.single-badge small{font-size:5px;letter-spacing:.6px}.single-badge>b{font-size:24px}.badge-emoji{font-size:23px}.badge-counter{font-size:5px;right:-5px;top:-7px;border-radius:5px}.badge-placeholder{width:235px;height:53px;border-width:1.5px;border-radius:11px}.party-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 9px;padding:7px 3px 0;max-width:400px}.party-roll{order:0;width:100%;flex:1 0 100%;min-height:64px;gap:10px;border-width:3px;border-radius:15px;transform:rotate(-1deg)}.party-roll>span{font-size:30px}.party-roll>small{position:absolute;right:13px;font-size:5px;padding:3px 4px}.party-roll>svg{width:23px;height:23px}.party-roll:disabled>span{font-size:25px}.party-emotes{order:1;flex-wrap:nowrap;max-width:none;margin:0;gap:7px}.party-emotes>button{width:34px;height:34px;font-size:20px;border-width:1.5px;box-shadow:0 2px #9e7fba;border-radius:10px}.party-personal{order:2;max-width:120px;display:grid;grid-template-columns:12px auto;column-gap:5px;row-gap:0}.party-personal>svg{width:11px;grid-row:1}.party-personal>strong{font-size:20px;grid-column:2;grid-row:1}.party-personal>small{font-size:6px;grid-row:2;grid-column:2;margin-top:1px;padding:0}.party-doodles>span:nth-child(1){top:20%;left:-20px;font-size:80px}.party-doodles>span:nth-child(2){top:60%;right:-30px;font-size:110px}.party-doodles>span:nth-child(3){display:none}.party-doodles>span:nth-child(4){bottom:7%;left:30%}.party-error{top:59px;padding:8px 10px;font-size:10px}.badge-recap{bottom:12px;max-height:180px;width:270px}.modal-backdrop{padding:16px}.modal{padding:25px;max-height:calc(100dvh - 32px)}.modal h2{font-size:30px}.modal .eyebrow{font-size:7px}.modal>p{font-size:11px}.short-rules>p{font-size:12px}.toast{font-size:10px;padding:11px 14px;max-width:calc(100% - 24px)}}@media(max-width:390px){.party-logo>span{font-size:27px}.party-logo>svg{width:25px;height:25px}.party-header{gap:7px}.party-room{padding:0 5px;gap:4px}.lobby-code{font-size:8px}.party-number>span{font-size:44px;min-height:73px}.party-stage{padding-left:13px;padding-right:13px}.party-score>strong{font-size:40px}}@media(max-height:700px)and (max-width:550px){.app{padding-bottom:15px}.party-playground{padding-top:4px;gap:7px}.party-player{min-height:73px;padding-top:8px;padding-bottom:8px}.party-open-seat{height:69px}.round-banner{margin-bottom:9px}.party-stage{padding-top:12px;padding-bottom:17px}.party-number{margin-top:18px;margin-bottom:13px}.party-number>span{min-height:65px;font-size:44px}.party-score>strong{font-size:35px}.party-score{min-height:39px}.single-badge-area{height:65px;padding-top:10px}.single-badge{min-height:49px}.party-bottom{row-gap:15px}.party-roll{min-height:55px}.party-roll>span{font-size:27px}.party-emotes>button{height:30px;width:30px;font-size:18px}.party-header{height:57px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.watching-label>.pixel-face{margin-left:0}.watching-label>span:last-child{margin-left:auto}.twemoji{display:inline-block;width:1em;height:1em;vertical-align:-.12em;-webkit-user-select:none;user-select:none;object-fit:contain}.party-emotes>button{display:flex;align-items:center;justify-content:center}.party-emotes .twemoji{width:23px;height:23px}.badge-emoji .twemoji{width:27px;height:27px}.player-reactions .twemoji{width:1em;height:1em}.badge-recap .twemoji{width:16px;height:16px;flex-shrink:0}.party-number>.digit-vanishing{animation:zero-poof .16s ease-in forwards}.watching-label>.whole-rarity{font:13px var(--display);font-weight:400;border:2px solid #b49dc2;border-radius:8px;padding:5px 9px;background:#eadff1;color:#967aa8;animation:badge-pop .4s ease-out;letter-spacing:.5px}.watching-label>.rarity-trash{background:#e6e1e7;border-color:#b7aabb;color:#95879e}.watching-label>.rarity-uncommon{background:#e1efc5;border-color:#adca86;color:#78994d}.watching-label>.rarity-rare{background:#dfedfa;border-color:#99bcda;color:#6b95b7}.watching-label>.rarity-epic{background:#e9d5f9;border-color:#b48ccc;color:#9a65b6}.watching-label>.rarity-anomaly{background:#fbe0ef;border-color:#df99c0;color:#c0729d}.watching-label>.rarity-mythic{background:#ffedb1;border-color:#d3a847;color:#b48329}.whole-mythic{background:#fff8df;box-shadow:0 9px #d2ad66,0 12px 0 var(--ink),0 0 50px #f8d77535}.whole-anomaly{background:#fff4f9}.single-badge.anomaly{background:#fbe0ef;border-color:#df99c0;color:#c0729d;box-shadow:0 3px #edbdd7}.single-badge.mythic{background:#ffedb1;border-color:#d3a847;color:#b48329;box-shadow:0 3px #e8ca83}.single-badge.anomaly>b{color:#be6b99}.single-badge.mythic>b{color:#af7d24}.mini-rarity{font-size:6px;font-weight:800;color:#a17ab6;position:absolute;right:8px;bottom:7px;text-transform:uppercase;letter-spacing:.3px}.mini-rarity.rarity-mythic{color:#bb8d29}.mini-rarity.rarity-anomaly{color:#be7eaa}@keyframes zero-poof{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}to{transform:scale(.1) translateY(-20px);opacity:0}}.party-players:has(.party-player:nth-child(5)) .party-player{min-width:120px;max-width:125px;padding-left:9px;padding-right:9px}.party-players:has(.party-player:nth-child(5)) .party-player>.pixel-face{display:none}.party-players:has(.party-player:nth-child(5)) .party-player-info{align-items:center}@media(max-width:1100px){.party-players:has(.party-player:nth-child(5)) .party-player{min-width:100px;max-width:105px}}.combo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#392a5077;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.combo-sheet{width:470px;max-width:100%;max-height:calc(100dvh - 40px);display:flex;flex-direction:column;position:relative;background:#fff8e9;border:3px solid var(--ink);border-radius:22px;box-shadow:0 7px #392a5066;padding:24px;animation:modal-in .2s ease-out}.combo-sheet h2{font:30px var(--display);font-weight:400;margin:0 0 4px;color:#79538d}.combo-subtitle{font-size:10px;font-weight:700;letter-spacing:.4px;color:#b194c1}.combo-close{position:absolute;right:16px;top:16px;display:flex;align-items:center;justify-content:center;background:#eadbf3;border:2px solid #ab8dbd;border-radius:9px;padding:5px;color:#9975ae}.combo-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;padding:4px 5px 5px 0;margin-top:20px;scrollbar-width:thin;scrollbar-color:#d5bfe3 transparent}.combo-item{display:flex;align-items:flex-start;gap:11px;background:#f1e7f7;border:2px solid #d8c0e5;border-radius:13px;padding:13px;flex-shrink:0}.combo-item>.twemoji{width:27px;height:27px;flex-shrink:0;margin-top:2px}.combo-item>div{flex:1;min-width:0}.combo-item-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.combo-item-title strong{font-size:12px;font-weight:800;color:#9470a7}.combo-item-title b{font:21px var(--display);font-weight:400;color:#a27ab3;flex-shrink:0}.combo-item p{font-size:11px;line-height:1.6;color:#ad91bc;margin:6px 0 10px}.combo-digits{display:flex;gap:4px}.combo-digits>span{height:23px;width:23px;display:flex;align-items:center;justify-content:center;background:#e7d8ee;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:800;color:#c4acd2}.combo-digits>span.matched{background:#d9ecb9;border-color:#adc98d;color:#7d9a58}.combo-item small{display:block;font-size:8px;color:#b49bbf;margin-top:9px}.combo-item.uncommon{background:#edf2df;border-color:#c8d6ad}.combo-item.rare{background:#e8f0fa;border-color:#bed4e7}.combo-item.epic{background:#eddef7;border-color:#cba4df}.combo-item.anomaly{background:#fbe5f0;border-color:#e2bad1}.combo-item.mythic{background:#fff0c5;border-color:#e3c886}@media(max-width:550px){.combo-backdrop{padding:15px}.combo-sheet{padding:21px;max-height:calc(100dvh - 30px);border-radius:19px}.combo-item{padding:11px;gap:9px}.combo-item p{font-size:10px}.combo-item-title strong{font-size:11px}.combo-item-title b{font-size:19px}.combo-item>.twemoji{width:23px;height:23px}.combo-digits>span{width:21px;height:21px;font-size:9px}}.policy-links{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:22px;font-size:9px;font-weight:600;color:#c2a9ce}.policy-links a{color:#ab8cba;text-decoration:underline;text-underline-offset:3px}.policy-links a:hover{color:#78518f}
