@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.ttf)format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-400.ttf)format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-500.ttf)format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-600.ttf)format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-700.ttf)format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/outfit-800.ttf)format("truetype")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbf8f2;--white:#fff;--ink:#26362f;--muted:#778078;--subtle:#a1a79e;--line:#e4e5da;--line-strong:#cdd2c5;--orange:#ed7547;--orange-dark:#cf502c;--orange-light:#ffd5b7;--orange-pale:#fff0e6;--teal:#427f70;--teal-dark:#2c6154;--teal-light:#add3c1;--teal-pale:#eaf2e9;--yellow:#f6c961;--yellow-light:#f7e6b1;--yellow-pale:#f8f1dc;--purple:#b6a5d3;--purple-pale:#eee8f4;--pink:#e8acb2;--blue:#a8c9e0;--brown:#a76740;--skin:#f3c594;--cheek:#e5a180;--error:#b03f37;--error-pale:#fcebe8;--shadow-color:#26362f0a;--shadow-strong-color:#26362f12;--backdrop:#1d2b2870;--transparent:transparent;--font-body:"DM Sans", sans-serif;--font-display:"Outfit", sans-serif;--font-hand:"Comic Sans MS", "Bradley Hand", cursive;--font-serif:Georgia, serif;--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.125rem;--text-5xl:3rem;--text-hero:clamp(3.5rem, 5.7vw, 5.125rem);--text-hero-mobile:clamp(2.8rem, 10.8vw, 4rem);--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--leading-tight:1.07;--leading-heading:1.2;--leading-body:1.6;--tracking-tight:-.045em;--tracking-heading:-.03em;--tracking-wide:.09em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-40:10rem;--radius-xs:.375rem;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.125rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-pill:999px;--border:1px;--border-strong:2px;--border-accent:3px;--shadow-card:0 6px 0 var(--shadow-color), 0 16px 40px var(--shadow-color);--shadow-floating:0 10px 25px var(--shadow-strong-color);--shadow-button:0 3px 0 var(--orange-dark);--shadow-sticker:0 4px 0 var(--shadow-strong-color);--content-width:1200px;--room-width:1120px;--entry-width:430px;--modal-width:480px;--header-height:100px;--touch-size:44px;--button-height:52px;--input-height:50px;--icon-size:20px;--hero-art-height:205px;--dot-size:6px;--canvas-ratio:8 / 5;--duration-fast:.13s;--duration-normal:.24s;--duration-slow:.44s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--press-scale:.97;--motion-offset:8px;--focus-ring:0 0 0 3px var(--teal-light);--canvas-black:#26362f;--canvas-white:#fff;--canvas-red:#e75c55;--canvas-orange:#ed7547;--canvas-yellow:#f6c961;--canvas-green:#427f70;--canvas-blue:#5387bc;--canvas-purple:#a17ec2}.hero{align-items:center;gap:var(--space-12);padding:var(--space-14) 0 var(--space-9);grid-template-columns:1.2fr 1fr;display:grid}.hero-badge{align-items:center;gap:var(--space-2);color:var(--teal-dark);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);font-weight:var(--weight-bold);background:var(--teal-pale);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-5);display:inline-flex}.hero h1{font-size:var(--text-hero);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.hero-highlight{color:var(--orange);display:inline-block;position:relative}.hero-highlight svg{width:102%;height:var(--space-4);bottom:calc(-1 * var(--space-2));fill:none;stroke:var(--orange);stroke-width:3px;stroke-linecap:round;position:absolute;left:0}.hero-description{margin-top:var(--space-7);font-size:var(--text-md);color:var(--muted);line-height:1.8}.hero-benefits{gap:var(--space-5);margin-top:var(--space-5);font-size:var(--text-xs);font-weight:var(--weight-medium);display:flex}.hero-benefits>span{align-items:center;gap:var(--space-1);display:inline-flex}.hero-benefits .icon{color:var(--teal);width:var(--space-4);height:var(--space-4)}.hero-illustration{height:var(--hero-art-height);max-width:500px;margin-top:var(--space-5);position:relative}.illustration-scribble{top:var(--space-3);left:var(--space-2);font-family:var(--font-hand);font-size:var(--text-base);position:absolute;transform:rotate(-8deg)}.illustration-scribble span{top:var(--space-4);right:calc(-1 * var(--space-6));font-size:var(--text-3xl);position:absolute}.samosa-sticker{width:160px;left:var(--space-3);top:var(--space-8);position:absolute;transform:rotate(-9deg)}.chai-sticker{width:125px;left:170px;top:var(--space-8);position:absolute;transform:rotate(9deg)}.doodle{width:100%;height:100%;display:block}.guess-bubble{left:284px;top:var(--space-12);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--white);border:var(--border) solid var(--line);box-shadow:var(--shadow-sticker);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 0;font-family:var(--font-hand);font-size:var(--text-sm);display:flex;position:absolute;transform:rotate(-6deg)}.bubble-dot{width:var(--space-2);height:var(--space-2);background:var(--purple);border-radius:var(--radius-pill)}.bubble-cross{color:var(--error);font-family:var(--font-body);font-size:var(--text-xl);margin-left:var(--space-2)}.art-star{color:var(--teal);position:absolute}.star-one{font-size:var(--text-3xl);left:304px;top:var(--space-24)}.star-two{font-size:var(--text-4xl);color:var(--orange);top:0;left:405px}.mini-friends{bottom:0;left:var(--space-1);align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);display:flex;position:absolute}.mini-friends strong{font-weight:var(--weight-medium);color:var(--ink)}.avatar-stack{padding-left:var(--space-2);display:flex}.avatar-stack .avatar{width:var(--space-8);height:var(--space-8);margin-left:calc(-1 * var(--space-2));border:var(--border-strong) solid var(--paper)}.entry-column{padding-top:var(--space-5);max-width:var(--entry-width);justify-self:end;width:100%}.card-annotation{justify-content:center;align-items:center;gap:var(--space-3);color:var(--teal);font-family:var(--font-hand);font-size:var(--text-sm);padding-bottom:var(--space-4);display:flex;transform:rotate(-3deg)}.card-annotation span{font-size:var(--text-3xl);transform:rotate(-10deg)}.entry-card{background:var(--white);padding:var(--space-7) var(--space-7) 0;border:var(--border) solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.entry-card-heading{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.entry-stars{color:var(--orange);font-size:var(--text-2xl);line-height:1}.entry-card h2{font-size:var(--text-2xl);margin-top:var(--space-2);margin-bottom:var(--space-6);letter-spacing:var(--tracking-heading)}.mode-tabs{padding:var(--space-1);background:var(--paper);border:var(--border) solid var(--line);border-radius:var(--radius-sm);gap:var(--space-1);display:flex}.mode-tabs button{justify-content:center;align-items:center;gap:var(--space-2);width:50%;min-height:var(--touch-size);padding:var(--space-2);background:var(--transparent);border:var(--border) solid var(--transparent);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--muted);font-weight:var(--weight-medium);display:inline-flex}.mode-tabs button .icon{width:var(--space-4);height:var(--space-4)}.mode-tabs button.active{background:var(--white);color:var(--ink);border-color:var(--line);box-shadow:0 2px 3px var(--shadow-color)}.avatar-picker{margin:var(--space-6) auto var(--space-3);width:var(--space-40);justify-content:center;display:flex;position:relative}.shuffle-button{right:var(--space-5);width:var(--space-8);height:var(--space-8);border:var(--border) solid var(--line);background:var(--white);border-radius:var(--radius-pill);box-shadow:var(--shadow-sticker);place-items:center;display:grid;position:absolute;bottom:0}.shuffle-button .icon{width:var(--space-4);height:var(--space-4)}.avatar-spark{color:var(--yellow);position:absolute}.spark-one{left:0;top:var(--space-1);font-size:var(--text-3xl)}.spark-two{right:0;top:var(--space-10);font-size:var(--text-2xl);color:var(--teal)}.avatar-caption{text-align:center;font-size:var(--text-2xs);color:var(--muted);margin-bottom:var(--space-6)}.name-input{position:relative}.name-input input{padding-right:var(--space-10);font-size:var(--text-sm);background:var(--paper)}.name-input>.icon{right:var(--space-4);top:var(--space-4);width:var(--space-4);height:var(--space-4);color:var(--subtle);position:absolute}.entry-submit{margin-top:var(--space-5);justify-content:space-between;width:100%}.entry-footnote{justify-content:center;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-2xs);margin:var(--space-4) 0 var(--space-5);display:flex}.entry-footnote .icon{width:var(--space-3);height:var(--space-3)}.demo-note{justify-content:center;align-items:center;gap:var(--space-2);margin:0 calc(-1 * var(--space-7));padding:var(--space-3);background:var(--teal-pale);color:var(--teal-dark);font-size:var(--text-2xs);border-top:var(--border) solid var(--line);display:flex}.below-card{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-2xs);margin-top:var(--space-5);color:var(--muted);display:flex}.below-card .icon{width:var(--space-4);height:var(--space-4)}.join-field{margin-top:var(--space-4)}.code-input{letter-spacing:var(--tracking-wide);text-transform:uppercase}.how-strip{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--teal-pale);border:var(--border) solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);margin:var(--space-4) 0 var(--space-14);font-size:var(--text-xs);display:flex}.how-strip-title{align-items:center;gap:var(--space-3);display:flex}.small-spark{font-size:var(--text-3xl);color:var(--teal)}.how-strip b{color:var(--teal);margin-right:var(--space-2);font-size:var(--text-2xs)}.how-strip>.icon{width:var(--space-4);color:var(--subtle)}.section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.section-heading .eyebrow{color:var(--muted)}.section-heading h2{margin-top:var(--space-2);font-size:var(--text-4xl)}.serif-italic{font-family:var(--font-serif);color:var(--teal);font-style:italic;font-weight:400}.section-note{align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--text-xs);display:flex}.section-note>span{font-family:var(--font-hand);font-size:var(--text-3xl);color:var(--teal)}.pack-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.pack-card{border:var(--border) solid var(--line);background:var(--white);border-radius:var(--radius-lg);text-align:left;padding:0;position:relative;overflow:hidden}.pack-card:hover{transform:translateY(calc(-1 * var(--space-1)));border-color:var(--teal-light)}.pack-card.selected{border-color:var(--teal)}.pack-art{background:var(--yellow-pale);height:132px;padding:var(--space-2);position:relative}.pack-food .pack-art{background:var(--orange-pale)}.pack-play .pack-art{background:var(--teal-pale)}.pack-art .doodle{width:150px;margin:0 auto;transform:rotate(-4deg)}.pack-food .doodle{transform:rotate(7deg)}.pack-count{right:var(--space-3);top:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);border-radius:var(--radius-pill);border:var(--border) solid var(--line);background:var(--white);position:absolute}.pack-info{padding:var(--space-5)}.pack-info h3{margin-bottom:var(--space-2);font-size:var(--text-xl)}.pack-info p{font-size:var(--text-xs);color:var(--muted)}.pack-info>span{color:var(--muted);font-size:var(--text-2xs);margin-top:var(--space-3);display:block}.pack-select{bottom:var(--space-4);right:var(--space-4);width:var(--space-7);height:var(--space-7);border-radius:var(--radius-pill);background:var(--paper);place-items:center;display:grid;position:absolute}.pack-select .icon{width:var(--space-4);height:var(--space-4)}.selected .pack-select{background:var(--teal);color:var(--white)}.home-bottom-note{padding:var(--space-8) 0;justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);display:flex}.home-bottom-note>.icon{width:var(--space-4);color:var(--orange)}.bottom-doodle{font-size:var(--text-2xl);font-family:var(--font-hand);color:var(--teal);transform:rotate(15deg)}@media (width<=1000px){.hero{gap:var(--space-6)}.hero h1{font-size:var(--text-hero)}.hero-benefits{gap:var(--space-3);font-size:var(--text-2xs)}.hero-illustration{transform-origin:0 0}.guess-bubble{left:235px}.star-one{left:300px}.star-two{display:none}.how-strip{gap:var(--space-2);padding:var(--space-3) var(--space-4)}.how-strip-title{display:none}.pack-info{padding:var(--space-4)}.pack-info h3{font-size:var(--text-lg)}}@media (width<=760px){.hero{gap:var(--space-4);padding-top:var(--space-8);grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1{font-size:var(--text-hero-mobile)}.hero-description{margin-top:var(--space-6);font-size:var(--text-base)}.hero-benefits{font-size:var(--text-2xs);justify-content:center}.hero-illustration{max-width:350px;height:140px;margin:var(--space-5) auto 0}.samosa-sticker{width:125px;left:var(--space-4);top:var(--space-5)}.chai-sticker{width:100px;left:136px;top:var(--space-6)}.illustration-scribble{font-size:var(--text-xs);top:0}.guess-bubble{left:223px;top:var(--space-9);font-size:var(--text-2xs);padding:var(--space-1) var(--space-2)}.star-one,.mini-friends{display:none}.entry-column{justify-self:center;padding-top:0}.card-annotation{display:none}.entry-card{padding:var(--space-6) var(--space-6) 0}.demo-note{margin:0 calc(-1 * var(--space-6))}.name-input input{font-size:var(--text-lg)}.how-strip{margin:var(--space-5) 0 var(--space-10);gap:var(--space-3);padding:var(--space-5) var(--space-3);font-size:var(--text-2xs);flex-wrap:wrap;justify-content:center}.how-strip>.icon,.how-strip>.icon-button{display:none}.how-strip b{margin-right:var(--space-1)}.section-heading{align-items:flex-start}.section-heading h2{font-size:var(--text-3xl)}.section-note{display:none}.section-heading .eyebrow{font-size:var(--text-2xs)}.pack-grid{gap:var(--space-3);grid-template-columns:1fr}.pack-card{align-items:center;display:flex}.pack-art{flex-shrink:0;width:112px;height:130px}.pack-art .doodle{width:100%;padding-top:var(--space-5)}.pack-count{font-size:var(--text-2xs);top:var(--space-2);right:var(--space-2)}.pack-info{padding:var(--space-4);padding-right:var(--space-8)}.pack-info h3{font-size:var(--text-lg)}.pack-info p{font-size:var(--text-2xs)}.pack-info>span{font-size:var(--text-2xs);margin-top:var(--space-2)}.pack-select{width:var(--space-5);height:var(--space-5);right:var(--space-2);bottom:var(--space-3)}.home-bottom-note{text-align:center;font-size:var(--text-2xs);gap:var(--space-2)}.bottom-doodle{display:none}}.room-screen{max-width:var(--room-width);padding:var(--space-6) 0 var(--space-12);margin:0 auto}.back-button{color:var(--muted)}.back-button>.icon{width:var(--space-4);transform:rotate(180deg)}.room-heading{margin:var(--space-5) 0 var(--space-8);justify-content:space-between;align-items:center;display:flex}.room-heading .eyebrow{color:var(--teal)}.room-heading h1{font-size:var(--text-5xl);letter-spacing:var(--tracking-tight);margin:var(--space-3) 0;font-weight:var(--weight-semibold)}.room-heading h1>span{color:var(--orange)}.room-heading p{color:var(--muted)}.room-heading-art{width:130px;height:115px;margin-right:var(--space-6);display:block;transform:rotate(8deg)}.lobby-layout{gap:var(--space-6);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.panel{background:var(--white);border:var(--border) solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6)}.panel-title{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.panel-title h2{font-size:var(--text-xl);align-items:center;gap:var(--space-3);letter-spacing:var(--tracking-heading);display:flex}.panel-title>.icon{color:var(--orange)}.pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--paper);font-size:var(--text-xs);color:var(--muted)}.player-slots{gap:var(--space-3);flex-direction:column;display:flex}.lobby-player{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border) solid var(--line);border-radius:var(--radius-sm);display:flex}.lobby-player>div{flex:1;min-width:0}.lobby-player>div>strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);display:block;overflow:hidden}.lobby-player>div>span{font-size:var(--text-xs);color:var(--muted);display:block}.lobby-player .avatar{width:var(--space-10);height:var(--space-10)}.you-label{color:var(--muted);background:var(--paper);font-size:var(--text-2xs);margin-left:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-weight:400}.host-badge,.ready-badge{align-items:center;gap:var(--space-1);font-size:var(--text-2xs);color:var(--teal);display:flex}.host-badge{color:var(--brown);background:var(--yellow-pale);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs)}.host-badge .icon,.ready-badge .icon{width:var(--space-3);height:var(--space-3)}.empty-slot{align-items:center;gap:var(--space-3);color:var(--muted);padding:var(--space-4) var(--space-3);font-size:var(--text-xs);border:var(--border) dashed var(--line-strong);border-radius:var(--radius-sm);display:flex}.empty-avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-pill);background:var(--paper);font-size:var(--text-xl);place-items:center;display:grid}.invite-box{margin-top:var(--space-5);padding:var(--space-5);background:var(--teal-pale);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.invite-box .eyebrow{color:var(--teal);display:block}.invite-box strong{font-size:var(--text-3xl);font-family:var(--font-display);letter-spacing:var(--tracking-wide);display:block}.invite-box .button{padding:var(--space-2) var(--space-3);min-height:var(--touch-size);font-size:var(--text-sm)}.lobby-settings label{margin-top:var(--space-4)}.selected-pack-preview{padding:var(--space-3);background:var(--yellow-pale);border-radius:var(--radius-sm);margin:var(--space-4) 0;align-items:center;gap:var(--space-3);display:flex}.selected-pack-preview.pack-food{background:var(--orange-pale)}.selected-pack-preview.pack-play{background:var(--teal-pale)}.selected-pack-preview>.doodle{width:var(--space-20);height:var(--space-16);flex-shrink:0}.selected-pack-preview p{font-size:var(--text-sm)}.selected-pack-preview p>span{font-size:var(--text-2xs);color:var(--muted);margin-top:var(--space-2);display:block}.settings-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.hint-setting{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;margin:var(--space-3) 0 var(--space-2);border-bottom:var(--border) solid var(--line);display:flex}.hint-setting strong{font-size:var(--text-sm)}.hint-setting p{font-size:var(--text-2xs);color:var(--muted);margin-top:var(--space-1)}.toggle{width:var(--space-12);height:var(--space-7);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--line-strong);border:0;flex-shrink:0}.toggle>span{width:var(--space-5);height:var(--space-5);background:var(--white);border-radius:var(--radius-pill);transition:transform var(--duration-fast) var(--ease-spring);display:block}.toggle.on{background:var(--teal)}.toggle.on>span{transform:translateX(var(--space-5))}.lobby-settings>.button{margin-top:var(--space-4)}.settings-footnote{text-align:center;color:var(--muted);font-size:var(--text-2xs);padding-top:var(--space-4)}.room-demo{justify-content:center;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-7);display:flex}.results-screen{text-align:center;padding:var(--space-12) 0 var(--space-16);flex-direction:column;align-items:center;min-height:75dvh;display:flex}.results-crown{width:var(--space-20);height:var(--space-20);background:var(--yellow-light);border-radius:var(--radius-pill);border:var(--border-strong) solid var(--ink);box-shadow:var(--shadow-sticker);margin-bottom:var(--space-6);place-items:center;display:grid;transform:rotate(-8deg)}.results-crown .icon{width:var(--space-10);height:var(--space-10)}.results-screen>.eyebrow{color:var(--teal)}.results-screen h1{font-size:var(--text-5xl);letter-spacing:var(--tracking-tight);margin:var(--space-3) 0}.results-screen>p{color:var(--muted)}.results-card{width:100%;max-width:580px;margin:var(--space-8) 0;padding:var(--space-3)}.result-row{align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:left;border-radius:var(--radius-sm);display:flex}.winner-row{background:var(--yellow-pale)}.result-rank{width:var(--space-6);font-size:var(--text-lg);color:var(--muted)}.winner-row .result-rank{color:var(--brown)}.result-row>div{flex:1;min-width:0}.result-row>div>strong{text-overflow:ellipsis;display:block;overflow:hidden}.result-row>div>span{color:var(--muted);font-size:var(--text-xs);display:block}.result-points{font-size:var(--text-2xl);font-family:var(--font-display);text-align:right}.result-points small{font-size:var(--text-2xs);color:var(--muted);font-family:var(--font-body);font-weight:400;display:block}.results-actions{gap:var(--space-3);display:flex}@media (width<=760px){.room-heading{margin-top:var(--space-5)}.room-heading h1{font-size:var(--text-4xl)}.room-heading p{font-size:var(--text-sm)}.room-heading-art{display:none}.lobby-layout{gap:var(--space-4);grid-template-columns:1fr}.panel{padding:var(--space-5)}.lobby-player{padding:var(--space-2);gap:var(--space-2)}.invite-box{padding:var(--space-4)}.room-demo{text-align:center;font-size:var(--text-2xs)}.lobby-settings{order:-1}.selected-pack-preview{display:none}.settings-row{gap:var(--space-3)}.results-screen h1{font-size:var(--text-4xl)}.results-screen>p{font-size:var(--text-sm)}.result-row{padding:var(--space-3) var(--space-2);gap:var(--space-2)}.result-row .avatar{width:var(--space-10);height:var(--space-10)}.result-row>div>span{font-size:var(--text-2xs)}.result-points{font-size:var(--text-xl)}.results-actions{flex-direction:column;width:100%}.empty-slot{font-size:var(--text-2xs)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-screen{padding:var(--space-5) 0 var(--space-10);min-height:76dvh}.game-topline{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.game-topline>span{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);display:inline-flex}.game-topline>span>.icon{width:var(--space-3);height:var(--space-3)}.demo-pill{border-radius:var(--radius-xs);font-size:var(--text-2xs);padding:var(--space-1) var(--space-2);background:var(--yellow-pale);color:var(--brown);margin-left:var(--space-2)}.game-status{padding:var(--space-5) var(--space-6);background:var(--teal-pale);border:var(--border) solid var(--line);border-radius:var(--radius-lg);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.round-info{min-width:140px}.round-info .eyebrow{color:var(--teal);font-size:var(--text-2xs);display:block}.round-info>strong{margin-top:var(--space-1);font-size:var(--text-2xl);font-family:var(--font-display);display:block}.round-info>strong>span{color:var(--muted);font-size:var(--text-lg);font-weight:400}.word-status{text-align:center;flex:1}.word-status>span{font-size:var(--text-2xs);color:var(--teal);letter-spacing:var(--tracking-wide);display:block}.word-status>strong{margin-top:var(--space-1);font-size:var(--text-2xl);font-family:var(--font-display);display:block}.word-status .hidden-word{letter-spacing:.16em;white-space:pre-wrap;font-size:var(--text-xl)}.timer{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--space-20);padding:var(--space-2) var(--space-3);background:var(--white);border:var(--border) solid var(--line);border-radius:var(--radius-md);display:flex}.timer>strong{font-size:var(--text-2xl);font-family:var(--font-display)}.timer small{font-size:var(--text-base);color:var(--muted);margin-left:var(--space-1)}.timer-urgent{color:var(--error);background:var(--error-pale)}.game-layout{gap:var(--space-4);grid-template-columns:190px minmax(0,1fr) 230px;align-items:start;display:grid}.scoreboard{padding:var(--space-4) 0 var(--space-3);overflow:hidden}.scoreboard>.panel-title{padding:0 var(--space-4);margin-bottom:var(--space-4)}.scoreboard .panel-title h2{font-size:var(--text-base)}.scoreboard .pill{padding:var(--space-1) var(--space-2)}.score-player{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border-top:var(--border) solid var(--line);display:flex}.score-player .avatar{width:var(--space-8);height:var(--space-8)}.player-rank{width:var(--space-2);font-size:var(--text-2xs);color:var(--muted)}.score-player-info{flex:1;min-width:0}.score-player-info strong{text-overflow:ellipsis;font-size:var(--text-xs);white-space:nowrap;display:block;overflow:hidden}.score-player-info span{font-size:var(--text-2xs);color:var(--muted);display:block}.score-player>.icon{width:var(--space-3);height:var(--space-3);color:var(--teal)}.is-drawing{background:var(--orange-pale)}.has-guessed{background:var(--teal-pale)}.scoreboard-footnote{font-family:var(--font-hand);font-size:var(--text-2xs);color:var(--muted);text-align:center;padding:var(--space-4) var(--space-2) var(--space-1)}.canvas-panel{border:var(--border) solid var(--line);border-radius:var(--radius-lg);background:var(--white);min-width:0;overflow:hidden}.canvas-topbar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--white);display:flex}.canvas-topbar>span{align-items:center;gap:var(--space-2);font-size:var(--text-2xs);color:var(--muted);display:flex}.canvas-topbar strong{font-size:var(--text-xs);color:var(--ink)}.canvas-topbar .avatar{width:var(--space-7);height:var(--space-7)}.timer-track{height:var(--space-1);background:var(--orange-pale)}.timer-track>div{background:var(--orange);height:100%;transition:width var(--duration-slow) var(--ease-out)}.board-stage{position:relative}.canvas-wrap{aspect-ratio:var(--canvas-ratio);background:var(--white);position:relative}.canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-active{cursor:crosshair}.canvas-placeholder{justify-content:center;align-items:center;gap:var(--space-2);pointer-events:none;color:var(--subtle);font-family:var(--font-hand);font-size:var(--text-sm);display:flex;position:absolute;inset:0}.drawing-toolbar{border-top:var(--border) solid var(--line);background:var(--paper);align-items:center;gap:var(--space-2);padding:var(--space-2);flex-wrap:wrap;display:flex}.tool-group{display:flex}.drawing-toolbar .icon-button{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-xs)}.drawing-toolbar .icon-button .icon{width:var(--space-4);height:var(--space-4)}.drawing-toolbar .icon-button.active{background:var(--teal-pale);color:var(--teal);border-color:var(--teal-light)}.tool-divider{width:var(--border);height:var(--space-5);background:var(--line)}.color-palette{align-items:center;gap:var(--space-1);display:flex}.color-swatch{width:var(--space-5);height:var(--space-5);border:var(--border) solid var(--line-strong);border-radius:var(--radius-pill)}.color-swatch.selected{outline:var(--border-strong) solid var(--ink);outline-offset:2px}.brush-size{width:auto;min-height:var(--space-8);padding:var(--space-1);font-size:var(--text-2xs);background:var(--transparent);border:0}.history-tools{margin-left:auto;display:flex}.board-overlay{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--white);flex-direction:column;display:flex;position:absolute;inset:0}.overlay-spark{color:var(--orange);font-size:var(--text-4xl);line-height:1}.board-overlay h2{font-size:var(--text-2xl)}.board-overlay p{font-size:var(--text-xs);color:var(--muted)}.word-options{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.word-options .button{min-height:var(--touch-size);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.word-options .button .icon{width:var(--space-3);height:var(--space-3)}.word-choice .field-help{font-size:var(--text-2xs)}.reveal-overlay{background:var(--teal-pale)}.reveal-overlay h2{font-size:var(--text-4xl)}.reveal-overlay .button{margin-top:var(--space-2)}.demo-drawing{place-items:center;width:100%;height:100%;display:grid;position:relative}.demo-drawing .doodle{width:65%;height:80%;animation:appear var(--duration-slow) var(--ease-out)}.drawing-signature{bottom:var(--space-4);right:var(--space-4);font-size:var(--text-2xs);font-family:var(--font-hand);color:var(--muted);position:absolute}.spectator-toolbar{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);padding:var(--space-3);background:var(--paper);border-top:var(--border) solid var(--line);font-size:var(--text-2xs);color:var(--muted);display:flex}.spectator-toolbar .icon{color:var(--teal);width:var(--space-4)}.guess-feed{padding:var(--space-4)}.guess-feed .panel-title{margin-bottom:var(--space-3)}.guess-feed .panel-title h2{font-size:var(--text-base)}.live-dot{width:var(--dot-size);height:var(--dot-size);background:var(--teal);border-radius:var(--radius-pill)}.messages{overscroll-behavior:contain;gap:var(--space-3);scrollbar-width:thin;flex-direction:column;height:280px;display:flex;overflow-y:auto}.message{font-size:var(--text-xs);overflow-wrap:anywhere}.message strong{color:var(--teal)}.message-system{color:var(--muted);background:var(--paper);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-2xs)}.message-correct{align-items:flex-start;gap:var(--space-1);color:var(--teal);background:var(--teal-pale);padding:var(--space-2);border-radius:var(--radius-xs);display:flex}.message-correct .icon{width:var(--space-3);height:var(--space-3);margin-top:var(--space-1)}.guess-form{margin-top:var(--space-3);position:relative}.guess-form input{min-height:var(--touch-size);padding:var(--space-2) var(--space-10) var(--space-2) var(--space-3);font-size:var(--text-xs);background:var(--paper)}.guess-form .icon-button{width:var(--touch-size);height:var(--touch-size);color:var(--teal);position:absolute;top:0;right:0}.guess-tip{font-size:var(--text-2xs);color:var(--muted);margin-top:var(--space-2)}.game-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-5);color:var(--muted);font-size:var(--text-2xs);display:flex}.game-bottom>span{align-items:center;gap:var(--space-2);display:flex}.game-bottom>span>.icon{width:var(--space-3);color:var(--orange)}.demo-controls{gap:var(--space-4)!important}.demo-controls .text-button{font-size:var(--text-2xs);color:var(--teal)}@media (width<=1100px){.game-layout{grid-template-columns:160px minmax(0,1fr)}.guess-feed{grid-column:2}.messages{height:100px}.scoreboard{grid-row:span 2}.drawing-toolbar{gap:var(--space-2)}.game-bottom{flex-wrap:wrap}}@media (width<=760px){.game-screen{padding-top:var(--space-3)}.game-topline{margin-bottom:var(--space-3)}.game-topline>span{font-size:var(--text-2xs)}.demo-pill{display:none}.game-status{padding:var(--space-3);gap:var(--space-2);margin-bottom:var(--space-3)}.round-info{min-width:0}.round-info .eyebrow{display:none}.round-info>strong{font-size:var(--text-base);white-space:nowrap}.round-info>strong>span{font-size:var(--text-xs)}.word-status>span{font-size:var(--text-2xs);letter-spacing:normal}.word-status>strong,.word-status .hidden-word{font-size:var(--text-base);letter-spacing:normal}.timer{min-width:0;padding:var(--space-1) var(--space-2);gap:var(--space-1)}.timer>strong{font-size:var(--text-lg)}.timer .icon{width:var(--space-4);height:var(--space-4)}.game-layout{gap:var(--space-3);flex-direction:column;display:flex}.canvas-panel{order:0;width:100%}.guess-feed{width:100%;padding:var(--space-3);order:1}.scoreboard{width:100%;padding:var(--space-3);order:2}.scoreboard>.panel-title{margin-bottom:var(--space-2);padding:0}.scoreboard-players{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.score-player{border-radius:var(--radius-sm);padding:var(--space-2);border:0}.scoreboard-footnote{display:none}.messages{gap:var(--space-2);height:84px}.guess-form input{font-size:var(--text-lg)}.guess-tip{display:none}.canvas-topbar{padding:var(--space-2) var(--space-3)}.canvas-topbar>span,.canvas-topbar strong{font-size:var(--text-2xs)}.canvas-topbar .avatar{width:var(--space-6);height:var(--space-6)}.canvas-placeholder{font-size:var(--text-xs)}.drawing-toolbar{padding:var(--space-2);justify-content:space-between;gap:var(--space-1)}.drawing-toolbar .icon-button{width:var(--touch-size);height:var(--touch-size)}.color-palette{border-top:var(--border) solid var(--line);width:100%;padding-top:var(--space-2);order:3;justify-content:space-between}.color-swatch{width:var(--space-8);height:var(--space-8)}.tool-divider{display:none}.brush-size{min-height:var(--touch-size);padding:var(--space-1);font-size:var(--text-sm)}.history-tools{margin-left:0}.history-tools .icon-button{width:var(--space-9)}.board-overlay{gap:var(--space-3);padding:var(--space-4)}.board-overlay h2{font-size:var(--text-xl)}.board-overlay p{font-size:var(--text-2xs)}.overlay-spark{font-size:var(--text-2xl)}.word-options{gap:var(--space-2)}.word-options .button{font-size:var(--text-xs)}.word-options .button .icon{display:none}.word-choice .field-help{margin-top:0}.spectator-toolbar{font-size:var(--text-2xs);text-align:center}.drawing-signature{font-size:var(--text-2xs);bottom:var(--space-2)}.game-bottom{margin-top:var(--space-3);flex-direction:column;align-items:center}.reveal-overlay h2{font-size:var(--text-3xl)}.app-shell:has(.guess-form:focus-within) .site-header{display:none}.app-shell:has(.guess-form:focus-within) .site-footer{display:none}.game-screen:has(.guess-form:focus-within) .game-topline{display:none}.game-screen:has(.guess-form:focus-within) .scoreboard{display:none}.game-screen:has(.guess-form:focus-within) .game-bottom{display:none}.game-screen:has(.guess-form:focus-within) .canvas-topbar{display:none}.game-screen:has(.guess-form:focus-within) .spectator-toolbar{display:none}.game-screen:has(.guess-form:focus-within) .guess-feed .panel-title{display:none}.game-screen:has(.guess-form:focus-within){padding:var(--space-2) 0;min-height:0}.game-screen:has(.guess-form:focus-within) .game-status{padding:var(--space-2)}.game-screen:has(.guess-form:focus-within) .canvas-wrap{width:min(100%,56dvh);margin:auto}.game-screen:has(.guess-form:focus-within) .messages{height:var(--space-10)}.game-screen:has(.guess-form:focus-within) .guess-feed{padding:var(--space-2)}.game-screen:has(.guess-form:focus-within) .guess-form{margin-top:var(--space-2)}.game-screen:has(.guess-form:focus-within) .drawing-signature{display:none}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-8)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:var(--transparent)}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;transition:transform var(--duration-fast) var(--ease-spring), background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}button:active:not(:disabled){transform:scale(var(--press-scale))}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-heading)}h2{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}h3{font-size:var(--text-xl);font-weight:var(--weight-semibold)}input,select,textarea{border:var(--border) solid var(--line);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--ink);padding:var(--space-3) var(--space-4);min-height:var(--input-height)}input::placeholder,textarea::placeholder{color:var(--subtle)}label{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);display:block}:focus-visible{outline:var(--border-strong) solid var(--teal);outline-offset:var(--space-1)}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);border-color:var(--teal);outline:none}::selection{background:var(--orange-light);color:var(--ink)}.app-shell{max-width:var(--content-width);padding:0 var(--space-8);margin:0 auto}.icon{width:var(--icon-size);height:var(--icon-size);vertical-align:middle;flex-shrink:0}.icon-button{width:var(--touch-size);height:var(--touch-size);border:var(--border) solid var(--transparent);border-radius:var(--radius-sm);background:var(--transparent);justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--teal-pale)}.button{min-height:var(--button-height);border:var(--border) solid var(--line);padding:var(--space-3) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);background:var(--white);font-weight:var(--weight-semibold);display:inline-flex}.button.primary{background:var(--orange);color:var(--white);border-color:var(--orange);box-shadow:var(--shadow-button)}.button.primary:hover{background:var(--orange-dark)}.button.secondary:hover{background:var(--teal-pale);border-color:var(--teal-light)}.button.full{width:100%}.text-button{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);background:0 0;border:0;display:inline-flex}.text-button:hover{color:var(--orange-dark)}.eyebrow{font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);font-weight:var(--weight-bold)}.status-dot{width:var(--dot-size);height:var(--dot-size);background:var(--teal);border-radius:var(--radius-pill);flex-shrink:0;display:inline-block}.field-error{color:var(--error);font-size:var(--text-sm);margin-top:var(--space-2)}.field-help{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-2)}.site-header{min-height:var(--header-height);border-bottom:var(--border) solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.brand{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);display:inline-flex}.brand-mark{width:var(--space-10);height:var(--space-10);background:var(--orange);border:var(--border-strong) solid var(--ink);border-radius:var(--radius-md);box-shadow:2px 2px 0 var(--ink);place-items:center;display:grid;transform:rotate(-9deg)}.brand-mark .icon{width:var(--space-6);height:var(--space-6);color:var(--white)}.brand-adda{color:var(--teal)}.brand-dot{color:var(--orange)}.header-nav{align-items:center;gap:var(--space-8);display:flex}.nav-link{padding:var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:var(--space-2);background:0 0;border:0;display:inline-flex}.nav-link:hover{color:var(--orange-dark)}.tiny-badge{font-size:var(--text-2xs);background:var(--yellow-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-weight:var(--weight-bold)}.header-divider{width:var(--border);height:var(--space-5);background:var(--line)}.site-footer{border-top:var(--border) solid var(--line);padding:var(--space-6) 0;justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--muted);font-size:var(--text-xs);display:flex}.site-footer>span:first-child{align-items:center;gap:var(--space-2);display:flex}.site-footer .icon{width:var(--space-4);height:var(--space-4)}.site-footer>span .icon{color:var(--orange)}.footer-middle{font-family:var(--font-hand)}.avatar{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill);border:var(--border) solid var(--line);background:var(--yellow-light);flex-shrink:0;display:inline-flex;overflow:hidden}.avatar svg{width:100%;height:100%}.avatar-shirt{fill:var(--orange)}.avatar-1{background:var(--purple-pale)}.avatar-1 .avatar-shirt{fill:var(--purple)}.avatar-2{background:var(--teal-pale)}.avatar-2 .avatar-shirt{fill:var(--teal)}.avatar-3{background:var(--orange-pale)}.avatar-3 .avatar-shirt{fill:var(--pink)}.avatar-4{background:var(--yellow-pale)}.avatar-4 .avatar-shirt{fill:var(--yellow)}.avatar-5{background:var(--teal-pale)}.avatar-5 .avatar-shirt{fill:var(--blue)}.avatar-large{width:var(--space-24);height:var(--space-24);border:var(--border-strong) solid var(--ink);box-shadow:var(--shadow-sticker)}.modal{width:min(var(--modal-width), calc(100% - var(--space-8)));max-height:calc(100dvh - var(--space-8));padding:var(--space-8);border:var(--border) solid var(--line);border-radius:var(--radius-xl);color:var(--ink);background:var(--paper);box-shadow:var(--shadow-floating)}.modal::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.modal-heading h2{font-size:var(--text-2xl)}.modal p{color:var(--muted);margin-bottom:var(--space-5)}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.how-steps{padding-left:var(--space-5)}.how-steps li{padding-left:var(--space-2);margin-bottom:var(--space-5)}.how-steps p{margin:var(--space-1) 0 0}.inline-notice{padding:var(--space-3) var(--space-4);margin-top:var(--space-4);border-radius:var(--radius-sm);background:var(--yellow-pale);font-size:var(--text-sm)}.skip-link{background:var(--white);padding:var(--space-3);z-index:20;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}main{animation:appear var(--duration-slow) var(--ease-out)}@keyframes appear{0%{opacity:0;transform:translateY(var(--motion-offset))}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.app-shell{padding:0 var(--space-5)}.site-header{min-height:var(--space-20)}.brand{font-size:var(--text-2xl);gap:var(--space-2)}.brand-mark{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm)}.header-nav{gap:var(--space-3)}.header-divider,.packs-nav{display:none}.site-footer{font-size:var(--text-2xs);flex-wrap:wrap}.footer-middle{display:none}.site-footer .text-button{font-size:var(--text-2xs)}.modal{padding:var(--space-6)}input,select,textarea{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.connection-controls{border:0;min-width:0;margin:0;padding:0}.invite-link{overflow-wrap:anywhere}