@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2) format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2) format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fff4dc;--bg-2: #ffe3a8;--ink: #17131f;--card: #ffffff;--field: #ffffff;--soft: #f3ecff;--muted: #6b6478;--line: #17131f;--shadow: #17131f;--primary: #7c3aed;--on-primary: #ffffff;--yellow: #ffd23f;--pink: #ff5d8f;--mint: #2ee6a6;--blue: #3d8bff;--red: #ff4d4d;--r: 18px;--b: 2.5px;--cap-h: 58vh;--vote-h: 52vh;color-scheme:light}:root[data-theme=dark]{--bg: #15111f;--bg-2: #24193f;--ink: #f6f0ff;--card: #231c36;--field: #18122a;--soft: #30264d;--muted: #a99fc2;--line: #07050c;--shadow: #07050c;--primary: #9466ff;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Bricolage Grotesque Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{margin:0;line-height:1.12;font-weight:800;letter-spacing:-.01em;text-wrap:balance}h1{font-size:clamp(1.6rem,4vw,2.3rem)}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0}small{font-size:.82rem}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 60vmax at 105% -10%,color-mix(in srgb,var(--pink) 34%,transparent),transparent 60%),radial-gradient(55vmax 55vmax at -15% 110%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 60%),radial-gradient(40vmax 40vmax at 90% 100%,color-mix(in srgb,var(--mint) 22%,transparent),transparent 60%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--ink) 13%,transparent) 1.2px,transparent 0) 0 0 / 22px 22px,var(--bg)}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--red);font-weight:700}.h-center{text-align:center}.stack{display:flex;flex-direction:column;gap:16px}.row-end{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}.count{font-variant-numeric:tabular-nums;font-size:.8em;font-weight:700;background:var(--soft);border-radius:99px;padding:1px 8px;margin-left:4px}.link{background:none;border:0;padding:0;color:var(--primary);font-weight:700;text-decoration:underline}.card{background:var(--card);border:var(--b) solid var(--line);border-radius:var(--r);box-shadow:5px 5px 0 var(--shadow);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:var(--b) solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-weight:800;padding:10px 16px;box-shadow:3px 3px 0 var(--shadow);transition:transform .08s,box-shadow .08s,filter .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow)}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--shadow)}.btn:disabled{opacity:.5}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-yellow{background:var(--yellow);color:#17131f}.btn-mint{background:var(--mint);color:#17131f}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;box-shadow:none}.btn-sm{padding:6px 11px;font-size:.86rem;border-radius:11px;box-shadow:2px 2px 0 var(--shadow)}.btn-lg{padding:14px 22px;font-size:1.12rem;border-radius:16px;box-shadow:4px 4px 0 var(--shadow)}.btn-block{width:100%}.icon-btn{position:relative;width:40px;height:40px;display:inline-grid;place-items:center;flex:none;border:var(--b) solid var(--line);border-radius:12px;background:var(--card);font-size:1.1rem;padding:0;box-shadow:2px 2px 0 var(--shadow);transition:transform .08s,box-shadow .08s}.icon-btn:active{transform:translate(2px,2px);box-shadow:none}.icon-btn.armed{background:var(--red)}.icon-btn.has-dot:after{content:"";position:absolute;top:-5px;right:-5px;width:13px;height:13px;border-radius:50%;background:var(--pink);border:2px solid var(--line)}.lang-btn{font-size:.78rem;font-weight:800}.input{width:100%;border:var(--b) solid var(--line);border-radius:12px;background:var(--field);padding:10px 13px;min-width:0}.input::placeholder{color:var(--muted);opacity:.75}.input:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 40%,transparent)}.input-lg{padding:13px 15px;font-size:1.1rem;font-weight:700;border-radius:14px}.pill{display:inline-flex;align-items:center;gap:6px;border:var(--b) solid var(--line);border-radius:99px;background:var(--card);padding:4px 12px;font-weight:800;font-size:.9rem;white-space:nowrap}.pill-code{background:var(--yellow);color:#17131f;letter-spacing:.18em;font-family:Anton,sans-serif;font-weight:400;font-size:1.05rem;padding:3px 12px 3px 15px}.pill-round{background:var(--soft)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:var(--b) solid var(--line);border-radius:99px;background:var(--card);padding:5px 13px;font-weight:700;font-size:.9rem;opacity:.55;transition:opacity .12s,background .12s}.chip.on{background:var(--mint);color:#17131f;opacity:1;box-shadow:2px 2px 0 var(--shadow)}.chip.on .count{background:#fff9}.chip-broonly.on{background:var(--yellow)}.chip:disabled{cursor:default}.segmented{display:inline-flex;border:var(--b) solid var(--line);border-radius:12px;overflow:hidden;background:var(--field);flex:none}.segmented button{border:0;background:transparent;padding:7px 12px;font-weight:700;font-size:.9rem;border-left:var(--b) solid var(--line)}.segmented button:first-child{border-left:0}.segmented button.on{background:var(--primary);color:var(--on-primary)}.segmented button:disabled:not(.on){opacity:.45}.stepper{display:inline-flex;align-items:center;border:var(--b) solid var(--line);border-radius:12px;overflow:hidden;background:var(--field);flex:none}.stepper button{width:36px;height:36px;border:0;background:var(--soft);font-weight:800;font-size:1.15rem}.stepper button:disabled{opacity:.35}.stepper span{min-width:58px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--primary)}.tag-broonly{display:inline-block;background:var(--yellow);color:#17131f;border:2px solid var(--line);border-radius:6px;font:400 .72rem Anton,sans-serif;letter-spacing:.08em;padding:0 6px;transform:rotate(-4deg);margin-right:6px;font-style:normal}.logo{display:inline-flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;font-family:Anton,Impact,sans-serif;line-height:.95;color:var(--ink);-webkit-user-select:none;user-select:none}.logo-make{font-size:clamp(2rem,7vw,3.4rem);letter-spacing:.04em}.logo-broonly{font-size:clamp(3.2rem,12vw,6rem);letter-spacing:.02em;color:#17131f;background:var(--yellow);border:4px solid var(--line);border-radius:18px;padding:4px 22px 8px;transform:rotate(-3deg);box-shadow:7px 7px 0 var(--shadow);margin-top:4px}.logo-small{flex-direction:row;align-items:center;gap:8px}.logo-small .logo-make{font-size:1.15rem}.logo-small .logo-broonly{font-size:1.15rem;border-width:2.5px;border-radius:9px;padding:2px 9px 4px;box-shadow:3px 3px 0 var(--shadow);margin:0}.avatar{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--soft);border:var(--b) solid var(--line);line-height:1;-webkit-user-select:none;user-select:none}.avatar-off{filter:grayscale(1);opacity:.5}.avatar-crown{position:absolute;top:-42%;left:50%;transform:translate(-50%) rotate(-8deg)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,4vw,32px);flex-wrap:wrap}.header-nav{display:flex;align-items:center;gap:8px}.header-nav>button:not(.icon-btn){border:var(--b) solid var(--line);border-radius:12px;background:var(--card);height:40px;padding:0 12px;font-weight:800;box-shadow:2px 2px 0 var(--shadow)}.page{max-width:1240px;margin:0 auto;padding:8px clamp(14px,4vw,32px) 80px;display:flex;flex-direction:column;gap:22px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.center-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:24px 16px}.corner-prefs{position:fixed;top:14px;right:14px;display:flex;gap:8px}.splash{min-height:50dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.spinner{width:46px;height:46px;border-radius:50%;border:5px solid var(--soft);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 26px;max-width:460px;margin:0 auto}.notice-icon{font-size:3rem;line-height:1}.banner{background:var(--red);color:#fff;text-align:center;font-weight:700;padding:6px 12px}.toasts{position:fixed;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:80;pointer-events:none}.toast{background:var(--ink);color:var(--bg);font-weight:700;border-radius:12px;padding:9px 16px;animation:pop .2s ease-out;max-width:90vw}@keyframes pop{0%{transform:translateY(10px) scale(.95);opacity:0}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c08169e;display:grid;place-items:center;z-index:60;padding:14px;overflow-y:auto}.modal{position:relative;width:min(100%,440px);max-height:calc(100dvh - 28px);overflow-y:auto;animation:pop .18s ease-out}.modal-wide{width:min(100%,980px)}.modal h2{margin-bottom:10px;padding-right:36px}.modal-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:var(--soft);border-radius:50%;font-size:1.3rem;line-height:1;z-index:2}.login-card{width:min(100%,400px);display:flex;flex-direction:column;gap:14px;text-align:center}.login-lock{font-size:2.6rem;line-height:1}.home{max-width:1040px;margin:0 auto;padding:8px 16px 80px;display:flex;flex-direction:column;align-items:center;gap:34px}.hero{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;padding-top:10px}.hero-sub{font-size:clamp(1rem,2.6vw,1.25rem);font-weight:600;max-width:30ch}.home-card{width:min(100%,460px);display:flex;flex-direction:column;gap:16px}.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.profile{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.profile-avatar{position:relative;background:none;border:0;padding:0}.profile-edit{position:absolute;right:-4px;bottom:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#17131f;border:var(--b) solid var(--line);font-size:.9rem}.profile-name label{display:block;font-weight:700;font-size:.85rem;margin-bottom:4px}.avatar-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.avatar-grid button{aspect-ratio:1;border:2px solid transparent;border-radius:12px;background:var(--soft);font-size:1.35rem;padding:0}.avatar-grid button.on{border-color:var(--line);background:var(--yellow)}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700;font-size:.85rem}.or:before,.or:after{content:"";flex:1;border-top:2px dashed color-mix(in srgb,var(--ink) 25%,transparent)}.join-row{display:flex;gap:10px}.code-input{text-align:center;letter-spacing:.35em;font-family:Anton,sans-serif;font-weight:400;font-size:1.4rem;text-transform:uppercase;padding-left:calc(15px + .35em)}.lobbies{width:min(100%,720px);display:flex;flex-direction:column;gap:12px;text-align:center}.lobby-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.lobby-item{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;transition:transform .1s;color:inherit}.lobby-item:hover{transform:translate(-2px,-2px)}.lobby-info{display:flex;flex-direction:column;flex:1;min-width:0}.lobby-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-info small{color:var(--muted)}.how{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.how-card{display:flex;flex-direction:column;gap:8px}.how-1{transform:rotate(-1.2deg)}.how-3{transform:rotate(1.2deg)}.how-icon{font-size:2rem;line-height:1}.room{min-height:100dvh;display:flex;flex-direction:column}.roombar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px clamp(10px,3vw,24px)}.roombar-mid{display:flex;align-items:center;gap:10px;justify-content:center}.roombar-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}.roombar .logo{justify-self:start}.stage{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:8px clamp(10px,3vw,24px) 90px}.timer{--frac: 1;position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(var(--mint) calc(var(--frac) * 360deg),var(--soft) 0);border:var(--b) solid var(--line);font-family:Anton,sans-serif;font-size:1.15rem;box-shadow:3px 3px 0 var(--shadow)}.timer:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:var(--card)}.timer span{position:relative}.timer-hot{background:conic-gradient(var(--red) calc(var(--frac) * 360deg),var(--soft) 0);animation:pulse 1s infinite}.timer-off{background:var(--soft);font-size:1.5rem}.timer-off:before{display:none}@keyframes pulse{50%{transform:scale(1.08)}}.lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:start}.lobby-left{display:flex;flex-direction:column;gap:20px;min-width:0}.invite{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--primary);color:var(--on-primary);flex-wrap:wrap}.invite small{opacity:.85}.invite .muted{color:inherit;opacity:.8}.invite-code{font-family:Anton,sans-serif;font-size:clamp(2.6rem,8vw,3.6rem);letter-spacing:.14em;line-height:1}.invite-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:230px;text-align:right}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px 8px}.player{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:14px;animation:pop .25s ease-out}.player-me{background:var(--soft)}.player-off .player-name{opacity:.5}.player-name{font-weight:700;font-size:.88rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kick{position:absolute;top:0;right:4px;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:var(--red);color:#fff;font-weight:800;line-height:1;padding:0;opacity:0;transition:opacity .12s}.player:hover .kick,.kick:focus-visible{opacity:1}@media (hover: none){.kick{opacity:1}}.settings{display:flex;flex-direction:column;gap:16px}.settings .card-head{margin-bottom:0}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;border:var(--b) solid var(--line);border-radius:14px;background:var(--field);padding:12px 8px;opacity:.6;transition:all .12s}.mode.on{background:var(--yellow);color:#17131f;opacity:1;box-shadow:3px 3px 0 var(--shadow);transform:translate(-1px,-1px)}.mode small{line-height:1.25}.mode-icon{font-size:1.6rem;line-height:1.1}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.set-row>div:first-child{display:flex;flex-direction:column;min-width:0}.set-row small{color:var(--muted)}.set-broonly{background:var(--soft);border-radius:14px;padding:10px 12px;flex-wrap:wrap}.set-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.set-cats .card-head{margin-bottom:8px}.start{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:4px}.waiting{font-weight:700;padding:12px;text-align:center;animation:breathe 1.6s infinite}@keyframes breathe{50%{opacity:.45}}.chat{display:flex;flex-direction:column;gap:10px}.chat-card h2{margin-bottom:10px}.chat-list{height:170px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px;overscroll-behavior:contain}.chat-tall .chat-list{height:min(50vh,380px)}.chat-msg{display:flex;gap:8px;align-items:flex-start;overflow-wrap:anywhere}.chat-msg.mine b{color:var(--primary)}.chat-av{flex:none}.chat-sys{font-size:.82rem;color:var(--muted);font-style:italic}.chat-form{display:flex;gap:8px}.strip{display:flex;flex-direction:column;gap:8px}.strip-label{font-weight:700;font-size:.88rem;color:var(--muted)}.strip-list{display:flex;flex-wrap:wrap;gap:8px}.strip-p{position:relative;opacity:.55;transition:opacity .2s,transform .2s}.strip-p.done{opacity:1;transform:translateY(-2px)}.strip-p i{position:absolute;right:-5px;bottom:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#17131f;border:2px solid var(--line);font-size:.68rem;font-style:normal;font-weight:800}.meme{width:100%;margin:0 auto;border:var(--b) solid var(--line);border-radius:14px;overflow:hidden;background:#2a2438;box-shadow:5px 5px 0 var(--shadow);line-height:0}.meme canvas{width:100%;height:100%;display:block}.meme-loading{animation:breathe 1.2s infinite}.caption{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:start}.caption-meme{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0}.caption-meme .meme canvas{cursor:pointer}.tpl-name{font-weight:700;color:var(--muted);font-size:.9rem;text-align:center}.caption-side{display:flex;flex-direction:column;gap:16px;min-width:0}.fields{display:flex;flex-direction:column;gap:10px}.field{display:flex;gap:10px;align-items:stretch}.field-n{width:34px;flex:none;display:grid;place-items:center;border:var(--b) solid var(--line);border-radius:10px;background:var(--soft);font-weight:800}.field.on .field-n{background:var(--yellow);color:#17131f}.field textarea{flex:1;min-width:0;resize:none;border:var(--b) solid var(--line);border-radius:12px;background:var(--field);padding:9px 12px;font-weight:600;line-height:1.3}.field textarea:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 60%,transparent)}.fields-actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:4px}.fields-actions .btn-primary{flex:1}.done-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--mint);color:#17131f}.done-card .muted{color:#17131f;opacity:.75}.host-next{align-self:center;border:2px dashed color-mix(in srgb,var(--ink) 40%,transparent);background:transparent;border-radius:99px;padding:6px 14px;font-weight:700;font-size:.85rem;color:var(--muted)}.host-next:hover{color:var(--ink);border-color:var(--ink)}.vote{display:flex;flex-direction:column;align-items:center;gap:16px}.vote-head{display:flex;align-items:center;gap:12px}.vote-meme{width:100%;animation:slide-in .35s cubic-bezier(.2,.9,.3,1.2)}@keyframes slide-in{0%{transform:translateY(26px) rotate(-2deg) scale(.94);opacity:0}}.vote-btns{display:flex;gap:clamp(10px,3vw,22px)}.vote-btn{width:clamp(92px,26vw,128px);display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border:var(--b) solid var(--line);border-radius:20px;background:var(--card);box-shadow:4px 4px 0 var(--shadow);font-weight:800;transition:transform .1s,box-shadow .1s,background .12s}.vote-btn span{font-size:clamp(2rem,7vw,2.7rem);line-height:1.1;transition:transform .15s}.vote-btn:hover span{transform:scale(1.15) rotate(-6deg)}.vote-btn:active{transform:translate(4px,4px);box-shadow:none}.vote-btn.on{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow);color:#17131f}.vote-up.on{background:var(--mint)}.vote-meh.on{background:var(--yellow)}.vote-down.on{background:var(--pink)}.own-meme{font-weight:800;font-size:1.1rem;padding:18px}.reveal{display:flex;flex-direction:column;align-items:center;gap:12px;animation:pop .3s ease-out}.reveal-author{display:flex;align-items:center;gap:12px;background:var(--card);border:var(--b) solid var(--line);border-radius:99px;padding:6px 8px;box-shadow:4px 4px 0 var(--shadow)}.reveal-author div{display:flex;flex-direction:column;line-height:1.15}.reveal-author small{color:var(--muted)}.reveal-author b{font-size:1.15rem}.reveal-points{background:var(--yellow);color:#17131f;border:var(--b) solid var(--line);border-radius:99px;padding:4px 14px;font-family:Anton,sans-serif;font-size:1.35rem;margin-left:6px}.tally{display:flex;gap:10px}.tally span{border:var(--b) solid var(--line);border-radius:12px;padding:4px 12px;font-weight:800;color:#17131f}.tally-up{background:var(--mint)}.tally-meh{background:var(--yellow)}.tally-down{background:var(--pink)}.reactions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.reactions button{border:0;background:var(--card);border-radius:12px;width:42px;height:42px;font-size:1.35rem;padding:0;transition:transform .1s;box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 16%,transparent)}.reactions button:active{transform:scale(1.35)}.fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.fx span{position:absolute;bottom:-50px;font-size:2.6rem;animation:rise 2.5s ease-out forwards}@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:1}to{transform:translateY(-75vh) scale(1.5) rotate(18deg);opacity:0}}.scores,.final-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:24px;align-items:start}.scores section,.final-cols section{display:flex;flex-direction:column;gap:16px;min-width:0}.scores aside,.final-cols aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}.meme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;align-items:start}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.meme-card{position:relative;margin:0;padding:12px;display:flex;flex-direction:column;gap:10px}.meme-card .meme{box-shadow:none}.meme-card-big{grid-column:1 / -1;background:var(--yellow);color:#17131f}.meme-card-big .meme-tally{color:#17131f;opacity:.7}.meme-card figcaption{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meme-author{display:inline-flex;align-items:center;gap:6px;font-weight:800}.meme-tally{color:var(--muted);font-size:.84rem;font-weight:600;flex:1}.meme-points{font-family:Anton,sans-serif;font-weight:400;font-size:1.3rem}.meme-card .icon-btn{width:34px;height:34px;font-size:.95rem;color:var(--ink)}.badge{position:absolute;top:-13px;left:14px;z-index:2;background:var(--pink);color:#17131f;border:var(--b) solid var(--line);border-radius:99px;padding:2px 12px;font-weight:800;font-size:.85rem;transform:rotate(-2deg)}.ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ranking li{display:grid;grid-template-columns:22px auto minmax(60px,1fr) minmax(30px,.7fr) auto;align-items:center;gap:9px;padding:5px 8px;border-radius:12px}.ranking li.me{background:var(--soft)}.ranking li.off{opacity:.55}.rank-n{font-family:Anton,sans-serif;font-size:1.1rem;text-align:center}.rank-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-bar{height:12px;border-radius:99px;background:var(--soft);overflow:hidden;border:2px solid var(--line)}.rank-bar i{display:block;height:100%;background:var(--primary);border-radius:99px;transition:width .8s cubic-bezier(.2,.8,.2,1)}.rank-score{font-family:Anton,sans-serif;font-weight:400;font-size:1.15rem;min-width:44px;text-align:right}.final{display:flex;flex-direction:column;gap:26px;align-items:center}.final-title{font-size:clamp(2rem,6vw,3rem)}.final-cols{width:100%}.final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.podium{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,2vw,18px);margin-top:26px}.podium-col{display:flex;flex-direction:column;align-items:center;gap:4px;width:clamp(96px,26vw,160px);animation:rise-in .6s cubic-bezier(.2,.9,.3,1.15) backwards}.podium-col b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem}.podium-score{font-family:Anton,sans-serif;font-size:1.2rem}.podium-step{width:100%;border:var(--b) solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;display:grid;place-items:center;font-family:Anton,sans-serif;font-size:2.4rem;color:#17131f;box-shadow:5px 0 0 var(--shadow)}.podium-1 .podium-step{height:150px;background:var(--yellow)}.podium-2 .podium-step{height:104px;background:#d9dbe6}.podium-3 .podium-step{height:72px;background:#f0a36b}.podium-1{animation-delay:.7s}.podium-2{animation-delay:.35s}@keyframes rise-in{0%{transform:translateY(60px);opacity:0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:40}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:fall linear 2 forwards}@keyframes fall{to{top:105vh;transform:rotate(720deg) translate(40px)}}.studio-filter{display:flex;flex-direction:column;gap:12px}.studio-filter .input{max-width:380px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;align-items:start}.tpl{display:flex;flex-direction:column;gap:0;padding:0;text-align:left;background:var(--card);border:var(--b) solid var(--line);border-radius:14px;overflow:hidden;box-shadow:3px 3px 0 var(--shadow);transition:transform .1s;color:inherit}.tpl:hover{transform:translate(-2px,-2px) rotate(-1deg)}.tpl img{width:100%;height:auto;display:block;background:var(--soft);max-height:260px;object-fit:cover}.tpl span{padding:6px 9px 8px;font-size:.8rem;font-weight:700;line-height:1.25;border-top:var(--b) solid var(--line)}.boxed{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:20px;align-items:start}.boxed-stage{min-width:0;display:flex;justify-content:center}.boxed-wrap{position:relative;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.boxed-wrap .meme{box-shadow:none;max-width:100%!important}.boxed-box{position:absolute;border:2px dashed rgba(255,255,255,.95);outline:1px solid rgba(0,0,0,.55);border-radius:6px;cursor:move;touch-action:none}.boxed-box.on{border:2.5px solid var(--yellow);background:#ffd23f1f;z-index:2}.boxed-n{position:absolute;top:-12px;left:-12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#17131f;border:2px solid #17131f;font-size:.75rem;font-weight:800}.boxed-box.on .boxed-n{background:var(--yellow)}.boxed-handle{position:absolute;right:-11px;bottom:-11px;width:24px;height:24px;border-radius:7px;background:var(--yellow);border:2px solid #17131f;cursor:nwse-resize;display:none;touch-action:none}.boxed-box.on .boxed-handle{display:block}.boxed-props{display:flex;flex-direction:column;gap:12px;min-width:0}.boxed-tabs{display:flex;flex-wrap:wrap;gap:6px}.prop{display:flex;align-items:center;justify-content:space-between;gap:10px}.prop>span{font-weight:700;font-size:.9rem}.prop input[type=range]{flex:1;max-width:170px;accent-color:var(--primary)}.swatches{display:flex;gap:6px}.swatches button{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);padding:0}.swatches button.on{outline:3px solid var(--primary);outline-offset:2px}.composer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.layouts{display:flex;gap:6px;flex-wrap:wrap}.layouts button{width:44px;height:44px;border:var(--b) solid var(--line);border-radius:12px;background:var(--field);font-size:1.4rem;line-height:1;padding:0}.layouts button.on{background:var(--yellow);color:#17131f;box-shadow:2px 2px 0 var(--shadow)}.composer-stage{display:flex;justify-content:center}.composer-canvas{width:100%;border:var(--b) solid var(--line);border-radius:12px;touch-action:none;cursor:grab;background:#fff}.composer-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.zoom{display:inline-flex;align-items:center;gap:8px}.zoom input{accent-color:var(--primary);width:150px}@media (max-width: 900px){:root{--cap-h: 40vh;--vote-h: 46vh}.lobby,.caption,.scores,.final-cols,.boxed{grid-template-columns:minmax(0,1fr)}.scores aside,.final-cols aside{position:static}.settings{order:-1}.lobby-left{display:contents}.lobby .invite{order:-3}.lobby-left>.card:nth-child(2){order:-2}.chat-card{order:5}.header-nav>button:not(.icon-btn) span{display:none}.roombar{grid-template-columns:auto 1fr auto}.roombar .logo-make,.roombar-right .pill-code{display:none}.stage-lobby .pill-code{display:inline-flex}}@media (max-width: 560px){.card{padding:14px}.set-grid,.modes{grid-template-columns:1fr}.mode{flex-direction:row;text-align:left;gap:10px;padding:9px 12px}.mode small{margin-left:auto;text-align:right;max-width:55%}.avatar-grid{grid-template-columns:repeat(6,1fr)}.invite-actions{align-items:stretch;text-align:left;max-width:none;width:100%}.meme-grid,.gallery-grid{grid-template-columns:minmax(0,1fr)}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.timer{width:50px;height:50px;font-size:1rem}.roombar{gap:6px;padding-inline:8px}.roombar-mid{gap:6px;min-width:0}.roombar-right{gap:6px}.roombar-right .icon-btn{width:36px;height:36px}.roombar .pref-theme,.roombar .pref-lang{display:none}.roombar .logo-small .logo-broonly{font-size:1rem;padding:1px 7px 3px}.pill-round{font-size:.8rem;padding:3px 9px}.reactions{gap:5px}.reactions button{width:36px;height:36px;font-size:1.15rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}