body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--lamp-cream:#fff3d8;--paper:#fffaf0;--paper-warm:#ffe9bd;--ink-brown:#2f2118;--soft-cocoa:#6b4a35;--coffee-line:#d9b98f;--beer-gold:#f6b33f;--hot-sauce:#e4572e;--couch-green:#6f9b63;--rug-red:#b9413a;--solo-cup-pink:#f3a7b5;--tv-glow-blue:#6ca6c9;--basement-brown:#241812;--lamp-glow:#ffd98a;--font-display:Georgia, "Times New Roman", serif;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:Menlo, Consolas, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--shadow-paper:0 10px 20px #4a301924;--shadow-table:0 18px 42px #4a30192e}*{box-sizing:border-box}body{background:var(--lamp-cream);color:var(--ink-brown)}button,input{font:inherit}a{color:var(--rug-red);text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.app-shell{background:linear-gradient(90deg, #6f9b6314 1px, transparent 1px), linear-gradient(180deg, var(--lamp-cream), #ffe7b6 46%, #f8d69e);color:var(--ink-brown);font-family:var(--font-sans);background-size:38px 38px,auto;flex-direction:column;min-height:100vh;display:flex}.app-shell:after{background:linear-gradient(90deg, var(--rug-red) 0 18%, var(--beer-gold) 18% 36%, var(--couch-green) 36% 54%, var(--solo-cup-pink) 54% 72%, var(--tv-glow-blue) 72% 100%);content:"";border-top:3px solid #2f21182e;flex:0 0 30px;width:100%;display:block}.site-header{border-bottom:3px solid var(--coffee-line);background:#fffaf0eb;justify-content:space-between;align-items:center;min-height:72px;padding:16px 32px;display:flex}.brand-mark{color:var(--ink-brown);font-family:var(--font-display);letter-spacing:0;font-size:36px;font-weight:700;line-height:1;text-decoration:none;transform:rotate(-2deg)}.brand-mark:before{background:var(--beer-gold);border:2px solid var(--ink-brown);box-shadow:4px 4px 0 var(--hot-sauce);content:"";border-radius:50%;width:24px;height:24px;margin-right:10px;display:inline-block;transform:translateY(3px)}.brand-mark:hover{color:var(--ink-brown);text-decoration:none}.header-kicker,.eyebrow,.note-number,.roster-number,.readiness-label,.card-type,.player-token-index{color:var(--soft-cocoa);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.4}.reset-link-button{background:var(--paper);border:2px solid var(--ink-brown);border-radius:var(--radius-md);box-shadow:3px 3px 0 var(--hot-sauce);color:var(--ink-brown);cursor:pointer;min-height:40px;padding:9px 14px;font-size:14px;font-weight:800;line-height:1.2}.reset-link-button:hover{transform:translate(-1px,-1px)}.home-hero,.page-frame{width:100%;max-width:1240px;margin:0 auto;padding:32px}.home-hero{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:24px;min-height:calc(100vh - 102px);padding-bottom:56px;display:grid}.home-copy-panel{background:linear-gradient(135deg, #ffffff94, transparent 36%), var(--couch-green);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:10px 10px 0 var(--beer-gold), var(--shadow-table);color:var(--ink-brown);align-content:center;min-height:620px;padding:56px;display:grid}.home-copy-panel h1,.section-intro h1{color:var(--ink-brown);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:68px;font-weight:700;line-height:1.02}.hero-subhead{color:var(--ink-brown);max-width:560px;margin:24px 0 32px;font-size:20px;line-height:1.5}.home-action-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.home-notes-panel{background:radial-gradient(circle at 20% 18%, #ffd98a6b, transparent 12rem), linear-gradient(135deg, var(--basement-brown), #4e2f1e 58%, #754424);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:var(--shadow-table);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:18px;padding:28px;display:grid;position:relative;overflow:hidden}.home-notes-panel:before{content:"";opacity:.75;background-color:#0000;background-image:linear-gradient(45deg,#0000 46%,#ffd98a47 47% 49%,#0000 50%),linear-gradient(-45deg,#0000 46%,#ffd98a33 47% 49%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.note-block{background:var(--paper);border:2px solid var(--ink-brown);border-radius:var(--radius-lg);z-index:1;align-content:space-between;min-height:232px;padding:22px;display:grid;position:relative;box-shadow:6px 6px #00000038}.note-block:first-child{background:#ffe7a3;transform:rotate(-1.5deg)}.note-block:nth-child(2){background:#d6e7bd;transform:rotate(1deg)}.note-block:nth-child(3){background:#ffd4dc;transform:rotate(1.5deg)}.note-block:nth-child(4){background:#cde8f5;transform:rotate(-1deg)}.note-block p{color:var(--ink-brown);margin:0;font-size:17px;line-height:1.5}.pill-button{border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;font-size:16px;font-weight:800;line-height:1.25;transition:transform .12s,box-shadow .12s;display:inline-flex}.pill-button:hover{transform:translate(-1px,-1px)}.pill-button-primary{background:var(--beer-gold);border:2px solid var(--ink-brown);box-shadow:4px 4px 0 var(--ink-brown);color:var(--ink-brown);justify-self:start}.pill-button-primary:active{box-shadow:1px 1px 0 var(--ink-brown);transform:translate(3px,3px)}.pill-button-secondary{background:var(--paper);border:2px solid var(--ink-brown);box-shadow:3px 3px 0 var(--coffee-line);color:var(--ink-brown)}.pill-button-magenta{background:var(--hot-sauce);border:2px solid var(--ink-brown);box-shadow:4px 4px 0 var(--ink-brown);color:#fffaf0}.pill-button-danger{background:var(--rug-red);border:2px solid var(--ink-brown);box-shadow:4px 4px 0 var(--ink-brown);color:#fffaf0}.section-intro{background:var(--paper);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:8px 8px 0 var(--solo-cup-pink);margin-bottom:24px;padding:40px}.section-intro p{color:var(--soft-cocoa);max-width:800px;margin:18px 0 0;font-size:18px;line-height:1.5}.section-intro .eyebrow,.panel-heading .eyebrow,.turn-banner .eyebrow{margin:0 0 14px}.lobby-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;display:grid}.setup-panel{background:var(--paper);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:var(--shadow-paper);padding:28px}.setup-panel-accent{box-shadow:8px 8px 0 var(--couch-green);background:#ffe7a3}.panel-heading{border-bottom:2px dashed var(--coffee-line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.panel-heading h2{color:var(--ink-brown);font-family:var(--font-display);letter-spacing:0;text-align:right;margin:0;font-size:32px;font-weight:700;line-height:1.1}.lobby-form label{color:var(--soft-cocoa);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.text-input{border:2px solid var(--ink-brown);border-radius:var(--radius-lg);color:var(--ink-brown);background:#fffdf7;width:100%;min-height:48px;padding:12px 16px;font-size:17px}.text-input:focus{outline:0;box-shadow:0 0 0 4px #f6b33f66}.player-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.roster-player{border:2px solid var(--coffee-line);border-radius:var(--radius-lg);background:#fffdf7;align-items:center;gap:12px;min-height:48px;padding:10px 12px;display:flex}.roster-number{background:var(--rug-red);color:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.empty-state,.lobby-cant-start-message{border:2px dashed var(--coffee-line);border-radius:var(--radius-lg);color:var(--soft-cocoa);background:#fffdf7;margin:0;padding:16px;font-size:15px;line-height:1.5}.option-copy{color:var(--soft-cocoa);margin:0 0 20px;font-size:17px;line-height:1.5}.segmented-control{background:var(--paper);border:2px solid var(--ink-brown);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);gap:6px;padding:6px;display:grid}.segment-option{border-radius:var(--radius-md);color:var(--soft-cocoa);cursor:pointer;background:0 0;border:0;min-height:44px;font-size:16px;font-weight:800}.segment-option.selected{background:var(--tv-glow-blue);box-shadow:inset 0 0 0 2px var(--ink-brown);color:var(--ink-brown)}.start-game-holder{gap:16px;margin-top:30px;display:grid}.readiness-card{border:2px solid var(--ink-brown);border-radius:var(--radius-lg);background:#fffdf7;justify-content:space-between;align-items:center;padding:16px;display:flex}.readiness-card strong{color:var(--couch-green);font-size:20px;font-weight:900}.game-frame{max-width:1360px}.game-dashboard{gap:20px;display:grid}.player-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.player-token{background:var(--paper);border:2px solid var(--coffee-line);border-radius:var(--radius-lg);color:var(--ink-brown);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;padding:10px 12px;display:grid}.player-token-current{border-color:var(--ink-brown);box-shadow:5px 5px 0 var(--rug-red);background:#ffd4dc}.player-token-placeholder{cursor:default;background:#fffaf073;border-style:dashed;min-height:48px}.player-token-index{background:var(--beer-gold);border:2px solid var(--ink-brown);color:var(--ink-brown);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.player-token-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.status-badge{background:var(--couch-green);border:2px solid var(--ink-brown);color:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-flex}.turn-banner{background:var(--paper-warm);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:8px 8px 0 var(--beer-gold);padding:28px 32px}.turn-banner h1{color:var(--ink-brown);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:1.15}.card-table{grid-template-columns:repeat(2,minmax(280px,1fr));align-items:flex-start;gap:24px;display:grid}.card-choice{place-items:center;gap:18px;display:grid}.card-choice-inner{width:100%}.zingg-card{background:var(--paper);border:3px solid var(--ink-brown);border-radius:var(--radius-lg);color:var(--ink-brown);grid-template-rows:auto auto auto 1fr;width:100%;max-width:336px;min-height:436px;margin:0 auto;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:10px 10px #2f21183d}.zingg-card:before{content:"";height:12px;display:block;position:absolute;top:0;left:0;right:0}.card-accent-lilac:before{background:var(--tv-glow-blue)}.card-accent-mint:before{background:var(--couch-green)}.card-accent-coral:before{background:var(--hot-sauce)}.card-topline,.card-back-topline{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.card-type{background:var(--beer-gold);border:2px solid var(--ink-brown);border-radius:var(--radius-md);color:var(--ink-brown);padding:4px 8px}.card-title{color:var(--ink-brown);font-family:var(--font-display);letter-spacing:0;min-height:70px;margin:18px 0 12px;font-size:30px;font-weight:700;line-height:1.1}.card-img-holder{border:2px dashed var(--coffee-line);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f6b33f2e,#0000 58%),#fffdf7;justify-content:center;align-items:center;height:142px;margin:0 0 14px;display:flex;overflow:hidden}.card-img-top{object-fit:contain;max-width:100%;max-height:130px;padding:10px;display:block}.card-tooltip-trigger{background:var(--solo-cup-pink);border:2px solid var(--ink-brown);border-radius:var(--radius-md);color:var(--ink-brown);cursor:pointer;padding:5px 8px;font-size:12px;font-weight:900}.tooltip-panel{border:2px dashed var(--coffee-line);border-radius:var(--radius-md);background:#fffdf7;margin:12px 0 0;padding:10px 12px}.tooltip-content{color:var(--soft-cocoa);text-align:left;margin:0 0 8px;font-size:13px;line-height:1.4}.tooltip-content:last-child{margin-bottom:0}.card-text{border-top:2px dashed var(--coffee-line);color:var(--soft-cocoa);align-self:stretch;margin:0;padding-top:14px;font-size:16px;line-height:1.5}.zingg-card-back{background:radial-gradient(circle at 28% 22%, #ffd98a38, transparent 9rem), var(--basement-brown);border-color:var(--ink-brown);color:var(--lamp-glow);grid-template-rows:auto 1fr}.zingg-card-back:before{background:linear-gradient(90deg, var(--rug-red), var(--beer-gold), var(--couch-green), var(--solo-cup-pink), var(--tv-glow-blue))}.card-back-topline{color:var(--lamp-glow);font-family:var(--font-mono);font-size:12px;font-weight:700}.card-back-mark{align-content:center;justify-items:center;min-height:340px;display:grid}.card-back-mark h2{color:var(--lamp-glow);font-family:var(--font-display);letter-spacing:0;text-shadow:3px 3px 0 var(--rug-red);margin:0 0 36px;font-size:64px;font-weight:700;line-height:1}.back-img-centered{filter:drop-shadow(0 10px 18px #ffd98a38)}.game-btn,.next-player-btn,.lobby-btn-start{min-width:176px}.game-btn{justify-self:center}.next-player-panel{justify-content:center;padding:8px 0 16px;display:flex}.mobile-landing-shell,.mobile-game-shell{background:linear-gradient(180deg, var(--lamp-cream), #ffe7b6)}.mobile-landing-frame,.mobile-game-frame{width:100%;max-width:520px;min-height:calc(100dvh - 102px);margin:0 auto;padding:22px 18px 38px}.mobile-landing-frame{align-items:center;display:grid}.mobile-landing-panel{background:var(--paper);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:8px 8px 0 var(--hot-sauce), var(--shadow-paper);padding:30px 24px}.mobile-landing-panel h1,.mobile-turn-copy h1,.mobile-landscape-guard h1{color:var(--ink-brown);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:46px;font-weight:700;line-height:1.02}.mobile-landing-panel p,.mobile-turn-copy p,.mobile-landscape-guard p{color:var(--soft-cocoa);margin:18px 0 24px;font-size:18px;line-height:1.45}.mobile-start-button,.mobile-next-button{width:100%}.mobile-choice-screen{gap:22px;min-height:calc(100dvh - 168px);display:grid}.mobile-turn-copy{align-content:end;display:grid}.mobile-turn-copy p:last-child{margin-bottom:0}.mobile-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.mobile-choice-button{background:var(--beer-gold);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:6px 6px 0 var(--ink-brown);color:var(--ink-brown);cursor:pointer;align-content:center;justify-items:center;min-height:46dvh;padding:18px 10px;display:grid}.mobile-choice-button:nth-child(2){background:var(--tv-glow-blue)}.mobile-choice-button:active{box-shadow:2px 2px 0 var(--ink-brown);transform:translate(4px,4px)}.mobile-choice-letter{font-family:var(--font-display);font-size:96px;font-weight:700;line-height:1}.mobile-choice-copy{color:var(--ink-brown);text-transform:uppercase;margin-top:12px;font-size:14px;font-weight:900}.mobile-card-screen{gap:16px;min-height:calc(100dvh - 132px);display:grid}.mobile-card-holder{align-items:stretch;display:grid}.mobile-card-holder .zingg-card{max-width:100%;min-height:calc(100dvh - 214px)}.mobile-card-holder .card-title{min-height:auto;font-size:34px}.mobile-card-holder .card-img-holder{height:24dvh;max-height:190px}.mobile-card-holder .card-text{font-size:18px}.mobile-next-bar{background:linear-gradient(180deg, #ffe7b600, var(--lamp-cream) 26%);align-self:end;margin:0 -18px -38px;padding:20px 18px 24px;position:sticky;bottom:0}.mobile-landscape-guard{text-align:center;align-content:center;min-height:calc(100dvh - 72px);padding:24px;display:none}.modal-backdrop{z-index:20;background:#2f211894;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reset-modal{background:var(--paper-warm);border:3px solid var(--ink-brown);border-radius:var(--radius-xl);box-shadow:10px 10px 0 var(--rug-red);color:var(--ink-brown);width:100%;max-width:520px;padding:32px}.reset-modal h2{font-family:var(--font-display);letter-spacing:0;margin:0 0 14px;font-size:40px;font-weight:700;line-height:1.05}.reset-modal p{margin:0 0 22px;font-size:18px;line-height:1.45}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (width<=980px){.home-hero,.lobby-grid,.card-table{grid-template-columns:1fr}.home-copy-panel{min-height:auto}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.site-header{padding:14px 16px}.header-kicker{display:none}.home-hero,.page-frame{padding:16px}.home-copy-panel,.section-intro,.setup-panel{padding:24px}.home-copy-panel h1,.section-intro h1{font-size:44px}.turn-banner h1{font-size:25px}.home-notes-panel,.input-row,.player-roster,.player-grid{grid-template-columns:1fr}.panel-heading{display:block}.panel-heading h2{text-align:left;margin-top:10px}.zingg-card{max-width:100%}.home-action-row{flex-direction:column;align-items:stretch}.home-action-row .pill-button{width:100%}.mobile-landing-panel h1,.mobile-turn-copy h1,.mobile-landscape-guard h1{font-size:40px}}@media (width<=767px) and (orientation:landscape){.mobile-landing-frame,.mobile-game-frame{display:none}.mobile-landscape-guard{display:grid}}.magenta1{background-color:#ead1dc}.magenta2{background-color:#d5a6bd}.magenta3{background-color:#c27ba0}.magenta4{background-color:#a64d79}.magenta5{background-color:#741b47}.magenta6{background-color:#4c1130}.purple1{background-color:#d9d2e9}.purple2{background-color:#b4a7d6}.purple3{background-color:#8e7cc3}.purple4{background-color:#674ea7}.purple5{background-color:#351c75}.purple6{background-color:#20124d}.blue1{background-color:#cfe2f3}.blue2{background-color:#9fc5e8}.blue3{background-color:#6fa8dc}.blue4{background-color:#3d85c6}.blue5{background-color:#0b5394}.blue6{background-color:#073763}.green1{background-color:#d9ead3}.green2{background-color:#b6d7a8}.green3{background-color:#93c47d}.green4{background-color:#6aa84f}.green5{background-color:#38761d}.green6{background-color:#274e13}.orange1{background-color:#fce5cd}.orange2{background-color:#f9cb9c}.orange3{background-color:#f6b26b}.orange4{background-color:#e69138}.orange5{background-color:#b45f06}.orange6{background-color:#783f04}.red1{background-color:#f4cccc}.red2{background-color:#ea9999}.red3{background-color:#e06666}.red4{background-color:#c00}.red5{background-color:#900}.red6{background-color:#600}