@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f9f6ff;background:#110d20;font-synthesis:none;--violet:#7957ff;--coral:#ff5f57;--lime:#dfff67;--ink:#171225;--muted:#a89fb9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 15%,#2d185a 0,transparent 30%),radial-gradient(circle at 85% 35%,#452030 0,transparent 27%),#110d20}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;overflow:hidden}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);border-bottom:1px solid #ffffff12;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#fff;font-family:Space Grotesk;font-size:20px;font-weight:700}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--lime);color:var(--ink);transform:rotate(-6deg);box-shadow:4px 4px 0 var(--violet)}.nav-actions{display:flex;align-items:center;gap:12px}.live-pill{display:flex;gap:8px;align-items:center;background:#ffffff0d;border:1px solid #ffffff13;border-radius:999px;padding:9px 14px;font-size:13px;color:#d9d1e5}.live-pill i{width:7px;height:7px;background:#5af08b;border-radius:50%;box-shadow:0 0 10px #5af08b}.icon-button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff1c;background:#ffffff0d;color:#fff}.icon-button svg{width:18px}.page{max-width:1440px;margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:8vw;padding:70px max(32px,7vw);position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:18px}.hero h1,.setup h1,.lobby h1{font-family:Space Grotesk;font-size:clamp(54px,6.4vw,100px);line-height:.93;letter-spacing:-5px;margin:0}.hero h1 em{font-style:normal;color:var(--coral);text-shadow:4px 4px 0 #7b2737}.hero-copy>p{font-size:19px;color:#c4bbd1;line-height:1.6;max-width:590px;margin:28px 0}.trust-row{display:flex;gap:18px;color:#d4ccdf;font-size:13px}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{width:16px;color:var(--lime)}.play-card{background:#fbf8ff;color:var(--ink);border-radius:28px;padding:28px;box-shadow:0 28px 80px #0008,8px 8px 0 var(--violet);position:relative;z-index:3}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:12px;font-weight:800;letter-spacing:1.3px}.card-top span{display:flex;align-items:center;gap:7px}.card-top svg{width:17px}.secure{color:#6d647a;font-weight:600;letter-spacing:0}.play-card label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.input-wrap{display:flex;background:#ece8f2;border:2px solid transparent;border-radius:14px;margin-bottom:13px}.input-wrap:focus-within{border-color:var(--violet)}.input-wrap input,.join-row input{flex:1;min-width:0;padding:16px;border:0;background:transparent;outline:0;color:var(--ink);font-weight:600}.input-wrap button{border:0;background:transparent;padding:0 15px;color:var(--violet)}.primary,.secondary{display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:14px;padding:16px 20px;font-weight:800;transition:.2s transform,.2s box-shadow}.primary{background:var(--violet);color:#fff;box-shadow:0 6px #4a2fbb}.primary:hover{transform:translateY(-2px);box-shadow:0 8px #4a2fbb}.primary:active{transform:translateY(4px);box-shadow:0 2px #4a2fbb}.primary:disabled{opacity:.45;cursor:not-allowed}.play-card>.primary{width:100%}.primary svg,.secondary svg{width:18px}.or{display:flex;align-items:center;gap:12px;color:#8d8498;font-size:12px;margin:22px 0}.or span{height:1px;background:#ddd7e6;flex:1}.join-row{display:grid;grid-template-columns:110px 1fr;gap:10px}.join-row input{background:#ece8f2;border:0;border-radius:12px;text-transform:uppercase;letter-spacing:4px;text-align:center;font-family:Space Grotesk;font-size:18px}.join-row button{border:2px solid #d8d1e0;background:#fff;border-radius:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.join-row svg{width:18px}.error{color:#d9364f!important;font-size:13px!important;margin:12px 0 0!important}.float-card{position:absolute;padding:14px 17px;background:#251b3e;border:1px solid #ffffff18;border-radius:14px;box-shadow:0 12px 35px #0005;z-index:4;font-size:11px}.float-card span,.float-card b{display:block}.float-card span{color:var(--muted);margin-bottom:3px}.float-card b{font-size:13px}.c1{right:2vw;top:135px;transform:rotate(6deg)}.c2{right:41%;bottom:70px;transform:rotate(-5deg)}.c2 span{color:var(--lime);font-size:18px;font-weight:800}.how{padding:80px max(32px,7vw) 110px;border-top:1px solid #ffffff0f}.section-title span{color:var(--coral);font-size:12px;font-weight:800;letter-spacing:2px}.section-title h2{font-family:Space Grotesk;font-size:clamp(32px,4vw,54px);letter-spacing:-2px;margin:10px 0 40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:28px;position:relative;transition:.2s transform}.steps article:hover{transform:translateY(-5px)}.steps strong{position:absolute;right:20px;top:18px;color:#ffffff15;font-family:Space Grotesk;font-size:45px}.step-icon{width:48px;height:48px;border-radius:14px;background:var(--lime);color:var(--ink);display:grid;place-items:center}.steps article:nth-child(2) .step-icon{background:var(--coral)}.steps article:nth-child(3) .step-icon{background:var(--violet);color:#fff}.steps h3{font-family:Space Grotesk;font-size:22px;margin:22px 0 8px}.steps p{color:var(--muted);line-height:1.55;margin:0}footer{display:flex;justify-content:space-between;padding:25px max(24px,7vw);border-top:1px solid #ffffff0f;color:#847b93;font-size:12px}footer div{display:flex;gap:22px}footer a{color:inherit;text-decoration:none}.page-narrow{max-width:1040px;margin:auto;padding:60px 24px 100px}.back{background:transparent;border:0;color:#bcb3c9;margin-bottom:35px}.setup>h1{font-size:64px}.setup>p,.lobby-head p{color:var(--muted);font-size:18px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px 0 25px}.setting,.toggle{background:#ffffff09;border:1px solid #ffffff11;border-radius:18px;padding:20px}.setting>div{display:flex;justify-content:space-between;margin-bottom:18px}.setting span{color:var(--lime)}input[type=range]{width:100%;accent-color:var(--coral)}select{width:100%;background:#211a34;color:#fff;border:1px solid #ffffff20;border-radius:10px;padding:12px}.toggle{display:flex;justify-content:space-between;align-items:center;font-weight:600}.toggle input{position:absolute;opacity:0}.toggle i{width:44px;height:25px;border-radius:20px;background:#3b334c;position:relative}.toggle i:after{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+i{background:var(--violet)}.toggle input:checked+i:after{left:22px}.wide{width:100%;margin-top:15px}.lobby-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.lobby h1{font-size:58px}.lobby h1 span{color:var(--coral)}.room-code{background:var(--lime);color:var(--ink);border-radius:20px;padding:18px 24px;min-width:230px;box-shadow:6px 6px 0 var(--violet)}.room-code small{font-weight:800;letter-spacing:2px}.room-code strong{font-family:Space Grotesk;font-size:38px;letter-spacing:8px;display:block;margin:4px 0}.room-code button{border:0;background:transparent;font-weight:700;padding:0;display:flex;gap:7px;align-items:center}.room-code svg{width:15px}.lobby-grid{display:grid;grid-template-columns:1fr 260px;gap:20px;margin-top:40px}.players-panel,.lobby-grid aside{background:#ffffff08;border:1px solid #ffffff10;border-radius:22px;padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-family:Space Grotesk;margin:0}.panel-title span{background:#ffffff10;padding:6px 11px;border-radius:20px}.player-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.player{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:14px}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--coral);font-weight:800}.a1{background:var(--violet)}.a2{background:#40c7c1;color:var(--ink)}.a3{background:var(--lime);color:var(--ink)}.a4{background:#ff9e50;color:var(--ink)}.player b{flex:1}.player small{color:var(--lime);font-size:9px}.status{font-size:11px;color:var(--muted)}.status.ready{color:#74ec96}.qr{background:#fff;border-radius:16px;padding:15px;text-align:center;color:var(--ink)}.qr p{margin:7px 0 0;font-weight:700;font-size:13px}.secondary{background:#ffffff0d;color:#fff;border:1px solid #ffffff1c}.lobby-grid aside>.secondary{width:100%;margin-top:12px}.lobby-settings{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.lobby-settings span{background:#ffffff0b;border-radius:20px;padding:7px 9px;color:#bdb4ca;font-size:11px}.lobby-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}@media(max-width:800px){.nav{height:68px}.live-pill{display:none}.hero{grid-template-columns:1fr;padding:55px 20px 75px;gap:45px}.hero h1{font-size:56px;letter-spacing:-3px}.hero-copy>p{font-size:16px}.trust-row{flex-wrap:wrap}.float-card{display:none}.play-card{padding:20px;box-shadow:5px 5px 0 var(--violet)}.steps{grid-template-columns:1fr}.how{padding:60px 20px}.setting-grid{grid-template-columns:1fr}.setup>h1{font-size:47px}.lobby-head{display:block}.room-code{margin-top:28px}.lobby-grid,.player-list{grid-template-columns:1fr}.lobby-actions{position:sticky;bottom:0;background:#110d20e8;padding:15px 0 calc(15px + env(safe-area-inset-bottom));z-index:5}.lobby-actions button{flex:1}footer{padding-bottom:calc(25px + env(safe-area-inset-bottom))}}@media(max-width:380px){.brand span:last-child{display:none}.hero h1{font-size:48px}.join-row{grid-template-columns:95px 1fr}.join-row button{font-size:13px}.page-narrow{padding-left:16px;padding-right:16px}.lobby h1{font-size:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.admin-login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#302060,transparent 45%),#110d20}.admin-login form{width:min(430px,100%);background:#fbf9ff;color:var(--ink);border-radius:26px;padding:36px;box-shadow:8px 8px 0 var(--violet),0 30px 80px #0008}.admin-login small{display:block;color:var(--violet);font-weight:800;letter-spacing:2px;margin:24px 0 8px}.admin-login h1{font-family:Space Grotesk;font-size:42px;letter-spacing:-2px;margin:0}.admin-login p{color:#71697d}.admin-login label,.properties>label,.category-form>label{display:block;font-size:12px;font-weight:800;margin:18px 0 7px}.admin-login input,.properties input,.category-form input,.category-form textarea{width:100%;border:1px solid #dcd6e4;background:#eeeaf3;border-radius:11px;padding:13px;outline:none}.admin-login .primary{width:100%;margin-top:16px}.admin-shell{min-height:100vh;background:#f3f1f7;color:#201a2b;display:grid;grid-template-columns:250px 1fr}.admin-shell>aside{background:#171225;color:#fff;padding:25px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.admin-brand .brand-mark{width:36px;height:36px;font-size:15px}.admin-shell nav{display:grid;gap:7px}.admin-shell nav button,.logout{border:0;background:transparent;color:#a9a0b7;border-radius:11px;padding:12px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:700}.admin-shell nav button.active{background:#7957ff;color:#fff}.admin-shell nav svg,.logout svg{width:18px}.logout{margin-top:auto}.admin-content{padding:42px clamp(25px,4vw,70px)}.admin-content>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-content>header small{color:#7957ff;letter-spacing:2px;font-weight:800}.admin-content>header h1{font-family:Space Grotesk;font-size:44px;letter-spacing:-2px;margin:5px 0}.admin-ok{display:flex;align-items:center;gap:7px;color:#25854c;background:#dff7e8;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700}.admin-ok svg{width:15px}.admin-card{background:#fff;border:1px solid #e5e0eb;border-radius:20px;padding:24px;box-shadow:0 8px 25px #2b19320a}.admin-card h2{font-family:Space Grotesk;margin:0 0 20px}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:20px}.category-form textarea{min-height:100px;resize:vertical}.category-form .primary{width:100%;margin-top:18px}.category-list>div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eeeaf2}.category-list span,.category-list small{display:block}.category-list small{color:#8b8494;margin-top:4px}.switch{border:0;background:#ccc6d2;width:44px;height:25px;border-radius:20px;position:relative}.switch i{position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#7957ff}.switch.on i{left:22px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.upload-head{display:flex;justify-content:space-between;align-items:flex-start}.upload-head p{color:#81798b;margin:-10px 0 20px}.dropzone{min-height:480px;border:2px dashed #cfc6da;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf8fc;cursor:pointer}.dropzone svg{width:50px;height:50px;color:#7957ff;margin-bottom:15px}.dropzone b{font-size:19px}.dropzone span{color:#928a9d;font-size:13px;margin-top:7px}.dropzone input{position:absolute;opacity:0}.zone-stage{position:relative;display:inline-block;max-width:100%;background:#171225;border-radius:14px;overflow:hidden;line-height:0}.zone-stage>img{display:block;max-width:100%;max-height:650px}.zone-box{position:absolute;border:2px dashed #dfff67;background:#7957ff2a;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Impact,sans-serif;font-weight:900;line-height:1.05;overflow:hidden;cursor:move}.zone-box.active{border-style:solid;box-shadow:0 0 0 3px #7957ff}.zone-box span{position:absolute;right:3px;top:3px;background:#dfff67;color:#171225;-webkit-text-stroke:0;padding:5px;font:700 10px DM Sans;line-height:1;border-radius:4px}.properties{align-self:start;position:sticky;top:20px}.properties hr{border:0;border-top:1px solid #eee9f1;margin:23px 0}.check-grid{display:grid;gap:8px;max-height:140px;overflow:auto}.check-grid label{display:flex;align-items:center;gap:8px;background:#f4f1f7;border-radius:9px;padding:9px;font-size:13px}.check-grid input{width:auto}.zone-title{display:flex;justify-content:space-between}.zone-title button{border:0;background:#fee9eb;color:#cf3348;border-radius:7px}.zone-title svg{width:16px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two label{font-size:11px;font-weight:700}.two input{margin-top:5px}.two input[type=color]{height:43px;padding:4px}.save-template{width:100%;margin-top:24px}.admin-message{font-size:13px;color:#5f4a80;text-align:center}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.template-card{background:#fff;border:1px solid #e4deea;border-radius:18px;overflow:hidden}.template-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#171225}.template-card>div{padding:15px}.template-card b,.template-card small{display:block}.template-card small{color:#867d90;margin:5px 0 13px}.template-card button{border:0;background:#fdecef;color:#c73248;border-radius:8px;padding:7px 9px;display:flex;align-items:center;gap:6px}.template-card button svg{width:14px}.admin-empty{padding:70px;text-align:center;color:#8e8797}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-shell>aside{height:auto;position:static;display:block}.admin-brand{padding-bottom:15px}.admin-shell nav{display:flex;overflow:auto}.admin-shell nav button{white-space:nowrap}.logout{position:absolute;right:15px;top:22px}.admin-grid,.editor-layout{grid-template-columns:1fr}.properties{position:static}.admin-content{padding:28px 16px}.admin-content>header h1{font-size:34px}.admin-ok{display:none}.dropzone{min-height:320px}}.zone-stage{touch-action:none;-webkit-user-select:none;user-select:none}.zone-stage>img{pointer-events:none}.zone-box{cursor:grab;touch-action:none;will-change:left,top}.zone-box:active{cursor:grabbing}.admin-back{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#716780;padding:0 0 12px}.admin-back svg{width:17px}.category-toolbar,.category-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.category-toolbar h2{font-family:Space Grotesk;font-size:26px;margin:0}.category-toolbar p,.category-detail-head p{color:#7e7588;margin:6px 0}.quick-category{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:end;gap:14px;margin-bottom:22px}.quick-category label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.quick-category input{width:100%;border:1px solid #dcd6e4;background:#f2eff5;border-radius:11px;padding:13px}.category-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.category-card{border:1px solid #e3ddea;background:#fff;border-radius:20px;padding:22px;text-align:left;position:relative;transition:.2s transform,.2s box-shadow;color:#211a2c}.category-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #321a4414}.folder-icon{width:52px;height:52px;border-radius:15px;background:#dfff67;color:#171225;display:grid;place-items:center}.folder-icon.f1{background:#ff8f88}.folder-icon.f2{background:#9c85ff;color:#fff}.folder-icon.f3{background:#72d8d1}.folder-icon.f4{background:#ffc56b}.cat-state{position:absolute;right:17px;top:17px;background:#eeeaf2;color:#7c7485;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:800}.cat-state.active{background:#dcf7e5;color:#26834b}.category-card h3{font-family:Space Grotesk;font-size:21px;margin:20px 0 7px}.category-card p{color:#857c8f;min-height:40px}.category-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeaf2;padding-top:14px;color:#7957ff}.category-card footer svg{width:18px}.category-detail-head>div:first-child span{display:inline-block;background:#e9e4f0;color:#645a70;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:700}.category-detail-head>div:last-child{display:flex;gap:10px}.deactivate,.activate{border:1px solid #ddd5e5;background:#fff;border-radius:13px;padding:12px 16px;font-weight:800}.deactivate{color:#c13a4d}.activate{color:#25834b}.category-uploader{margin-bottom:25px}.category-memes{margin-top:10px}.template-actions{display:flex;gap:8px;margin-top:12px}.template-card .edit-template{background:#eee9ff;color:#6743de}.batch-queue{display:grid;gap:4px;background:#f0ecff;border:1px solid #d9cfff;border-radius:12px;padding:12px;margin-bottom:14px}.batch-queue b{color:#5f3cd1}.batch-queue span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-queue small{color:#7d7195}.zone-box .zone-resize{position:absolute;right:-1px;bottom:-1px;top:auto;width:22px;height:22px;padding:0;background:#dfff67;border:3px solid #171225;border-radius:7px 0 0;cursor:nwse-resize;-webkit-text-stroke:0;touch-action:none}.zone-box .zone-resize:after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid #171225;border-bottom:2px solid #171225}.zone-title{align-items:center;gap:10px}.zone-title .delete-zone{border:0;background:#fee9eb;color:#cf3348;border-radius:8px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-weight:700;white-space:nowrap}.zone-title .delete-zone:disabled{opacity:.4;cursor:not-allowed}.resize-tip{font-size:11px;line-height:1.4;color:#746a80;background:#f4f1f7;border-radius:8px;padding:9px;margin:10px 0 14px}.add-zone-wide{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #7957ff;background:#f0ecff;color:#6240d2;border-radius:10px;padding:11px;font-weight:800;margin-bottom:16px}.add-zone-wide svg{width:17px}.skip-template{width:100%;border:1px solid #d8d0df;background:#fff;color:#6d6377;border-radius:11px;padding:11px;font-weight:800;margin-top:9px}.skip-template:hover{background:#f3eff6}.background-toggle{display:flex;align-items:center;gap:9px;background:#f0ecff;border-radius:10px;padding:11px;margin:14px 0;font-size:12px;font-weight:800}.background-toggle input{width:auto;margin:0}.opacity-control{display:block;font-size:11px;font-weight:700;margin:12px 0}.opacity-control b{float:right;color:#6643d4}.opacity-control input{display:block;width:100%;margin-top:7px}.caption-overlay{box-sizing:border-box;padding:6px}.color-palette{margin:13px 0;background:#f6f3f8;border-radius:11px;padding:11px}.color-palette>span,.color-palette>label{display:block;font-size:11px;font-weight:800}.color-palette>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:9px 0 12px}.color-palette>div button{height:30px;border:2px solid #ded7e5;border-radius:8px;box-shadow:inset 0 0 0 1px #fff5}.color-palette>div button.selected{outline:3px solid #7957ff;outline-offset:1px}.color-palette>label input{margin-top:6px;text-transform:uppercase;font-family:monospace;font-weight:800}.invite-banner{display:grid;grid-template-columns:1fr auto;align-items:center;background:#e8ff9d;border:1px solid #c9e86a;border-radius:14px;padding:13px 15px;margin:-8px 0 18px}.invite-banner span{font-size:11px;font-weight:800;color:#625d47;text-transform:uppercase;letter-spacing:1px}.invite-banner strong{grid-row:1/3;grid-column:2;font-family:Space Grotesk;font-size:25px;letter-spacing:4px;color:#171225}.invite-banner small{color:#5e5949;margin-top:3px}.properties select{width:100%;margin-top:5px;background:#eeeaf3;color:#211a2c;border:1px solid #dcd6e4;border-radius:11px;padding:13px}.sound-upload{position:relative}.sound-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.sound-table-wrap{overflow:auto;background:#fff;border:1px solid #e4deea;border-radius:18px}.sound-table{width:100%;border-collapse:collapse;min-width:780px}.sound-table th,.sound-table td{padding:14px 12px;border-bottom:1px solid #eee9f2;text-align:center}.sound-table th:first-child,.sound-table td:first-child{text-align:left}.sound-table th{font-size:11px;color:#73697e;background:#f7f4f9}.sound-table input[type=checkbox]{width:20px;height:20px;accent-color:#7957ff}.sound-play{display:inline-flex;align-items:center;gap:6px;border:0;background:#eee9ff;color:#6040c9;border-radius:9px;padding:8px 10px;font-weight:800}.sound-play svg,.sound-delete svg{width:15px}.sound-delete{border:0;background:#fee9eb;color:#c73248;border-radius:8px;padding:8px}.sound-toolbar-actions{display:flex;gap:10px;align-items:center}.sound-toolbar-actions button{display:flex;align-items:center;gap:7px}.sound-toolbar-actions svg{width:17px}@media(max-width:700px){.category-toolbar,.category-detail-head{align-items:flex-start;gap:15px}.category-detail-head{display:block}.category-detail-head>div:last-child{margin-top:15px}.quick-category,.category-cards{grid-template-columns:1fr}}.game-stage{max-width:1180px;margin:auto;padding:55px 25px 100px;min-height:calc(100vh - 84px)}.game-stage>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.game-stage h1{font-family:Space Grotesk;font-size:clamp(38px,5vw,68px);letter-spacing:-3px;margin:0}.countdown-screen{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-screen>strong{font-family:Space Grotesk;font-size:clamp(130px,24vw,260px);line-height:.8;color:var(--lime);text-shadow:8px 8px 0 var(--violet)}.countdown-screen p,.result-screen>p{color:var(--muted)}.game-timer{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 9px;background:var(--lime);color:var(--ink);border-radius:18px;padding:12px 18px}.game-timer svg{grid-row:1/3}.game-timer strong{font-size:28px;line-height:1}.game-timer span{font-size:10px;font-weight:800}.caption-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.meme-canvas{position:relative;display:inline-block;align-self:start;background:#050407;border-radius:20px;overflow:hidden;line-height:0;text-align:center}.meme-canvas img{max-width:100%;max-height:650px}.caption-overlay{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Impact,sans-serif;font-weight:900;line-height:1.02;overflow:hidden}.caption-layout aside{background:#fbf9ff;color:var(--ink);border-radius:20px;padding:22px;align-self:start}.caption-layout aside label{display:block;margin-bottom:18px}.caption-layout aside label span{display:block;font-weight:800;font-size:12px;margin-bottom:7px}.caption-layout textarea{width:100%;min-height:90px;resize:vertical;border:1px solid #dcd5e5;background:#eeeaf3;border-radius:11px;padding:12px}.caption-layout label small{display:block;text-align:right;color:#857b91}.caption-layout .primary{width:100%}.submitted-note{text-align:center;color:#685d75;font-size:13px}.game-empty{text-align:center;background:#ffffff09;border-radius:20px;padding:80px}.game-empty svg{width:60px;height:60px;color:var(--coral)}.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.vote-grid article{background:#ffffff0b;border:1px solid #ffffff14;border-radius:20px;padding:24px}.vote-grid article h2{font-family:Space Grotesk}.vote-grid article>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vote-grid button{border:1px solid #ffffff1a;background:#ffffff0b;color:#fff;border-radius:11px;padding:12px}.vote-grid button:hover{background:var(--violet)}.vote-grid button:disabled{opacity:.45}.result-screen{text-align:center}.scoreboard{max-width:680px;margin:35px auto;display:grid;gap:10px}.scoreboard>div{display:flex;align-items:center;gap:13px;background:#ffffff0c;border:1px solid #ffffff12;border-radius:15px;padding:13px 18px;text-align:left}.scoreboard>div>strong{font-size:22px;color:var(--lime)}.scoreboard>div>b{flex:1}.scoreboard em{font-style:normal;color:var(--lime);font-weight:800}.result-screen>.primary{margin:auto}@media(max-width:760px){.game-stage{padding:35px 16px 100px}.game-stage>header{align-items:flex-start}.caption-layout{grid-template-columns:1fr}.caption-layout aside{position:sticky;bottom:0}.game-timer{padding:9px 12px}.game-stage h1{letter-spacing:-2px}.vote-grid{grid-template-columns:1fr}}.meme-canvas{display:block;width:fit-content;max-width:100%;justify-self:center;text-align:left}.meme-canvas img{display:block;width:auto;height:auto;max-width:100%;pointer-events:none}.caption-overlay{z-index:2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;pointer-events:none;box-sizing:border-box}.caption-screen .meme-canvas{max-width:100%;margin-inline:auto}.caption-screen .meme-canvas img{max-height:min(58vh,650px)}.meme-choice-area{min-width:0;display:grid;align-content:start;justify-items:center;gap:10px}.meme-choice-nav{width:min(100%,620px);display:grid;grid-template-columns:44px auto 1fr 44px;align-items:center;gap:9px;background:#ffffff0d;border:1px solid #ffffff18;border-radius:14px;padding:8px}.meme-choice-nav button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:var(--violet);color:#fff}.meme-choice-nav button:disabled{opacity:.45}.meme-choice-nav svg{width:20px}.meme-choice-nav strong{color:var(--lime);font-size:15px}.meme-choice-nav span{color:#c9c0d5;font-size:12px;font-weight:700}.done-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:16px;background:var(--lime);color:var(--ink);font-weight:900;box-shadow:0 5px #9bad39}.done-button:disabled{opacity:.7}.done-button svg{width:19px}.single-vote{text-align:center}.single-vote>.meme-canvas{margin:auto}.single-vote>p{color:var(--muted);font-weight:700}.vote-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:25px auto}.vote-actions button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;border-radius:17px;padding:17px 10px;color:#fff;font-weight:900;transition:.2s transform}.vote-actions button:hover{transform:translateY(-4px)}.vote-actions svg{width:25px}.vote-actions small{font-weight:700;opacity:.7}.vote-dislike{background:#d74458}.vote-meh{background:#7d718b}.vote-like{background:#6547df}@media(max-width:560px){.vote-actions{grid-template-columns:1fr}.vote-actions button{flex-direction:row;justify-content:center}.vote-actions small{margin-left:auto}}.vote-emoji{font-size:34px;line-height:1}.showcase-screen{display:grid;justify-items:center;align-content:start}.showcase-top{width:min(100%,900px);display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.showcase-top .eyebrow{margin:0;font-size:15px}.mute-showcase{display:flex;align-items:center;gap:7px;border:1px solid #ffffff24;background:#ffffff10;color:#fff;border-radius:12px;padding:10px 13px;font-weight:800}.mute-showcase svg{width:17px}.showcase-screen>.meme-canvas{margin:auto;max-height:70vh}.showcase-screen>h2{font-family:Space Grotesk;font-size:28px;margin:16px 0 8px}.showcase-dots{display:flex;gap:7px}.showcase-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff2c}.showcase-dots i.active{background:var(--lime);transform:scale(1.3)}.round-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:30px 0}.round-results article{background:#ffffff0b;border:1px solid #ffffff16;border-radius:20px;padding:14px}.round-results article>.meme-canvas{margin:auto}.round-results article>div:last-child{display:flex;align-items:center;gap:10px;padding:12px 5px 2px}.round-results h2{margin:0 auto 0 0;font-family:Space Grotesk}.round-results strong{color:var(--lime)}.round-winner{box-shadow:0 0 0 2px var(--lime)}@media(max-width:760px){.caption-screen.game-stage{padding:18px 10px 80px}.caption-screen.game-stage>header{margin-bottom:14px}.caption-screen.game-stage h1{font-size:30px}.caption-screen .eyebrow{margin-bottom:7px}.caption-layout{gap:12px}.caption-layout aside{position:static;padding:15px;border-radius:16px}.caption-layout textarea{min-height:66px}.caption-screen .meme-canvas img{max-height:42svh}.caption-overlay{padding:4px}.game-timer strong{font-size:22px}.meme-choice-nav{grid-template-columns:40px auto 1fr 40px;padding:6px}.meme-choice-nav button{width:36px;height:36px}}@media(min-width:761px)and (max-width:1050px){.caption-layout{grid-template-columns:minmax(0,1fr) 300px}.caption-screen .meme-canvas img{max-height:55vh}}.public-lobbies{padding:75px max(32px,7vw);border-top:1px solid #ffffff0f}.public-lobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.public-lobby-grid article{background:#ffffff09;border:1px solid #ffffff13;border-radius:20px;padding:20px}.public-lobby-grid article>div{display:flex;justify-content:space-between;gap:15px}.public-lobby-grid strong{font-family:Space Grotesk;font-size:25px;letter-spacing:3px;color:var(--lime)}.public-lobby-grid article>div span{color:#c3b9cf;text-align:right}.public-lobby-grid p{display:flex;align-items:center;gap:7px;color:var(--muted)}.public-lobby-grid p svg{width:17px}.public-lobby-grid .primary{width:100%;padding:12px}.public-empty{grid-column:1/-1;padding:35px;border:1px dashed #ffffff24;border-radius:18px;text-align:center;color:var(--muted)}.nav-lobbies{display:flex;align-items:center;gap:7px;border:1px solid #ffffff1c;background:#ffffff0d;color:#fff;border-radius:999px;padding:10px 15px;font-weight:800}.nav-lobbies.active{background:var(--violet);border-color:var(--violet)}.nav-lobbies svg{width:17px}.lobby-browser{max-width:1180px}.lobby-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.lobby-browser-head h1{font-family:Space Grotesk;font-size:clamp(44px,6vw,72px);letter-spacing:-4px;margin:0}.lobby-browser-head p{color:var(--muted);font-size:17px}.browser-name{max-width:460px;margin-bottom:25px}.browser-name label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.browser-name input{width:100%;background:#ffffff0d;border:1px solid #ffffff1c;color:#fff;border-radius:13px;padding:14px;outline:none}.lobby-browser .public-lobby-grid{margin-top:25px}.lobby-list{display:grid;gap:8px;margin-top:28px}.lobby-list-head,.lobby-list article{display:grid;grid-template-columns:130px minmax(190px,1fr) 150px 170px;align-items:center;gap:18px}.lobby-list-head{padding:0 18px 5px;color:#8f859d;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.lobby-list article{background:#ffffff09;border:1px solid #ffffff13;border-radius:15px;padding:13px 18px}.lobby-count{display:flex;align-items:center;gap:8px;font-size:18px;color:var(--lime)}.lobby-count svg{width:19px}.lobby-category{color:#ddd5e7;font-weight:700}.lobby-list code{font-family:Space Grotesk;font-size:20px;letter-spacing:3px;color:#fff}.lobby-list .primary{padding:11px 14px;box-shadow:0 4px #4a2fbb}.lobby-list .public-empty{padding:35px;border:1px dashed #ffffff24;border-radius:15px;text-align:center;color:var(--muted)}.lobby-social{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px}.lobby-chat,.voice-panel{background:#ffffff08;border:1px solid #ffffff10;border-radius:22px;padding:20px}.lobby-chat .panel-title h2{display:flex;align-items:center;gap:8px}.lobby-chat .panel-title svg{width:20px}.chat-messages{height:190px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 0}.chat-messages>small{color:var(--muted);margin:auto}.chat-messages p{margin:0;background:#ffffff0b;border-radius:12px;padding:9px 12px;max-width:85%;align-self:flex-start}.chat-messages p.mine{align-self:flex-end;background:#7957ff55}.chat-messages b,.chat-messages span{display:block}.chat-messages b{font-size:10px;color:var(--lime);margin-bottom:3px}.chat-messages span{overflow-wrap:anywhere}.lobby-chat form{display:grid;grid-template-columns:1fr 46px;gap:8px}.lobby-chat input{min-width:0;border:1px solid #ffffff18;background:#ffffff0c;color:#fff;border-radius:12px;padding:12px;outline:none}.lobby-chat form button{border:0;border-radius:12px;background:var(--violet);color:#fff;display:grid;place-items:center}.lobby-chat form svg{width:18px}.voice-panel{text-align:center}.voice-panel>svg{width:34px;height:34px;color:var(--lime)}.voice-panel h2{font-family:Space Grotesk;margin:8px 0}.voice-panel p{font-size:13px;color:var(--muted)}.talk-button{width:100%;border:0;border-radius:14px;padding:14px;background:#ffffff10;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;touch-action:none}.talk-button.active{background:var(--coral);box-shadow:0 0 25px #ff5f5777}.talk-button svg{width:20px}.mobile-lobby-tools,.mobile-chat{display:none}.qr small{display:block;color:#6f6678;font-size:10px;line-height:1.35;margin-top:5px}.invite-help{color:var(--muted);font-size:11px;line-height:1.4;margin:9px 2px 0}.head-players{flex:1;min-width:0}.lobby-head .head-players{padding:20px}.lobby-head .player-list{margin-top:14px}.room-code{display:flex;align-items:center;justify-content:space-between;gap:18px}.room-code>div{min-width:0}.room-qr-button{width:68px!important;height:68px;border-radius:15px!important;background:#171225!important;color:#fff!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0!important}.room-qr-button svg{width:30px;height:30px}.room-qr-button span{font-size:10px;font-weight:900}.lobby-grid{grid-template-columns:1fr}.lobby-grid aside{display:grid;grid-template-columns:minmax(200px,320px) 1fr;align-items:center;gap:12px}.lobby-grid aside>.secondary{margin:0}.lobby-settings{margin:0}.invite-help{grid-column:1/-1}.qr-modal{position:fixed;inset:0;background:#080611d9;z-index:100;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qr-modal>div{position:relative;background:#fff;color:var(--ink);border-radius:24px;padding:30px;text-align:center;box-shadow:0 25px 90px #000}.qr-modal svg{display:block;max-width:70vw;height:auto}.qr-modal h2{font-family:Space Grotesk;margin:18px 0 5px}.qr-modal p{color:#6f6678;margin:0;max-width:270px}.qr-close{position:absolute;right:10px;top:8px;width:34px;height:34px;border:0;border-radius:50%;background:#eee9f2;color:#171225;font-size:24px}.close-lobby-button{position:fixed;right:22px;bottom:22px;z-index:40;border:1px solid #ff8b98;background:#c92e43;color:#fff;border-radius:14px;padding:13px 18px;font-weight:900;box-shadow:0 8px 28px #0008}.close-lobby-button:hover{background:#e13950}.confirm-overlay{position:fixed;inset:0;z-index:200;background:#080611dc;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-card{width:min(440px,100%);background:#fbf9ff;color:var(--ink);border-radius:26px;padding:30px;box-shadow:8px 8px 0 var(--violet),0 30px 90px #000b;text-align:center}.confirm-icon{width:56px;height:56px;border-radius:18px;background:var(--lime);display:grid;place-items:center;margin:0 auto 18px;font-family:Space Grotesk;font-size:28px;font-weight:900;transform:rotate(-5deg)}.confirm-icon.danger{background:var(--coral);color:#fff}.confirm-card>small{color:#7957ff;font-weight:900;letter-spacing:2px}.confirm-card h2{font-family:Space Grotesk;font-size:31px;letter-spacing:-1px;margin:8px 0}.confirm-card p{color:#71697d;line-height:1.5;margin:0 auto 24px}.confirm-card>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-card button{border:0;border-radius:13px;padding:14px;font-weight:900}.confirm-cancel{background:#ece8f2;color:#5f566a}.confirm-accept{background:var(--violet);color:#fff}.confirm-accept.danger{background:#c92e43}@media(max-width:800px){.public-lobbies{padding:55px 20px}.desktop-lobby-social{display:none}.lobby-browser-head{display:block}.lobby-browser-head>.primary{width:100%;margin-top:20px}.nav-lobbies{padding:9px 11px}.nav-lobbies svg{display:none}.lobby-list-head{display:none}.lobby-list article{grid-template-columns:auto 1fr;gap:9px 14px}.lobby-category{text-align:right}.lobby-list code{font-size:17px}.lobby-list .primary{grid-column:2;grid-row:2}.mobile-lobby-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;position:sticky;top:8px;z-index:8;background:#110d20e8;padding:8px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-lobby-tools button{min-width:0;border:1px solid #ffffff1c;background:#ffffff0d;color:#fff;border-radius:13px;padding:11px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:800;touch-action:none}.mobile-lobby-tools button svg{width:20px}.mobile-lobby-tools button.active{background:var(--violet);border-color:var(--violet)}.mobile-lobby-tools button:first-child.active{background:var(--coral);border-color:var(--coral)}.mobile-lobby-tools button.ready{background:#27814a;border-color:#27814a}.mobile-chat{display:block;margin-top:10px;padding:13px}.mobile-chat .chat-messages{height:180px}.lobby-grid{margin-top:12px}.desktop-ready{display:none}.lobby-actions{justify-content:stretch}.lobby-actions .primary{width:100%}.lobby-head .head-players{padding:14px}.lobby-head .player-list{grid-template-columns:1fr}.room-code{margin-top:12px}.room-code strong{font-size:32px}.room-qr-button{width:62px!important;height:62px}.lobby-grid aside{grid-template-columns:1fr}.invite-help{grid-column:auto}.lobby-settings{margin-top:2px}.close-lobby-button{position:static;width:calc(100% - 32px);margin:10px 16px calc(20px + env(safe-area-inset-bottom));display:block}.confirm-overlay{align-items:end;padding:12px}.confirm-card{border-radius:24px 24px 18px 18px;padding:25px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 60px #000a}.confirm-card h2{font-size:27px}.confirm-card>div{grid-template-columns:1fr}.confirm-cancel{order:2}}