@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap";:root{--color-black:#111;--color-white:#fff;--color-cream:#fafafa;--color-blue:#1a6bcc;--color-red:#e8142a;--color-gray-light:#f4f4f4;--color-gray-mid:#e0e0e0;--color-gray-text:#888;--font-primary:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Source Code Pro", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}html{height:100%}body{color:#212121;height:100%;font-family:var(--font-primary);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 112.5' fill='black' opacity='0.04'%3E%3Cg transform='rotate(15, 45, 56)'%3E%3Cpath d='M46.482,11.733c2.677,0,4.714,2.02,4.714,4.385l0.01,41.229c-0.036,2.557,2.584,2.557,2.547,0l1.109-12.475c0.281-3.14,1.532-5.131,4.453-5.12c2.62,0.016,4.25,1.704,4.338,3.87l0.615,14.463c-0.036,2.558,2.579,2.558,2.542,0l0.625-14.463c0-2.376-0.942-4.448-2.489-5.767c-1.464-1.244-3.344-1.812-5.302-1.869c-0.02-0.807,0.057-1.563,0.12-1.797c0.724-2.697,3.041-2.38,4.584-0.905l5.891,5.646c1.219,1.161,1.5,1.865,1.635,2.792c0.131,0.921-0.021,2.203-0.125,4.005l-0.812,13.983c-0.172,2.933-0.369,2.995-1.786,4.495c-2.214,2.333-3.266,3.333-4.156,6.724c-0.536,2.027-1.287,3.156-2.032,3.735c-0.749,0.582-1.593,0.792-2.921,0.62l-5.479-0.699c-0.464-0.063-0.938,0.058-1.323,0.322l-4.146,2.902c-0.344,0.24-1.178,0.469-2.042,0.448c-0.865-0.016-1.75-0.296-2.021-0.468l-4.572-2.923c-0.376-0.239-0.824-0.344-1.267-0.281l-5.109,0.677c-1.066,0.141-2.494-0.391-2.905-0.907l-3.798-4.785c-0.292-0.371-0.719-0.62-1.188-0.693l-5.176-0.803c-1.276-0.197-1.756-0.577-2.204-1.375c-0.454-0.796-0.739-2.208-0.739-4.14V48.436c0-1.182,0.433-1.958,1.223-2.593c0.792-0.641,2.017-1.073,3.48-1.073c0.787,0,1.495,0.099,2.109,0.26l0.421,13.375c-0.036,2.552,2.62,2.552,2.584,0l0.708-15.51c0.12-2.552,2.693-3.161,4.703-3.141c3.969,0.046,4.609,1.885,4.85,5.161l0.901,12.434c-0.036,2.557,2.724,2.557,2.688,0l0.047-41.229C41.785,13.753,43.81,11.733,46.482,11.733z M46.482,7.952c-4.631,0-8.536,3.65-8.479,8.167l0.26,20.948c-1.473-0.776-3.188-1.089-4.964-1.089c-2.098,0-4.115,0.428-5.744,1.557c-1.199,0.833-2.15,2.125-2.546,3.65c-0.724-0.129-1.469-0.197-2.235-0.197c-2.193,0-4.256,0.636-5.849,1.917c-1.588,1.276-2.635,3.276-2.635,5.531v14.125c0,2.265,0.26,4.291,1.224,6c0.968,1.708,2.76,2.916,4.916,3.25l4.448,0.693l3.333,4.197c1.568,1.984,4.068,2.609,6.364,2.308l4.434-0.584l3.984,2.546c1.172,0.746,2.536,1.038,3.968,1.068c1.439,0.036,2.97-0.202,4.292-1.131l3.551-2.483l4.757,0.609c2.03,0.261,4.098-0.126,5.718-1.386c1.621-1.26,2.698-3.224,3.365-5.76c0.802-3.032,0.917-2.631,3.245-5.084c1.578-1.667,2.621-3.5,2.818-6.879l0.817-13.974c0.101-1.636,0.333-3.109,0.089-4.776c-0.245-1.672-1.104-3.391-2.761-4.979l-6.771-6.479c-1-0.958-2.317-1.391-3.692-1.317c-0.458,0.02-0.922,0.099-1.385,0.233c-1.844,0.527-3.584,2.188-4.183,4.678c-0.188,0.765-0.307,1.818-0.234,3.037c-0.662,0.182-1.287,0.452-1.87,0.791l0.255-21.02C55.029,11.603,51.118,7.952,46.482,7.952z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:28px 35px;min-width:320px;font-size:18px;line-height:1.4}#root{flex-direction:column;height:100%;display:flex}h1{margin:.5em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}h2,h3,h4{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}a{color:#1255a3}a:hover{text-decoration:underline}.no-wrap{white-space:nowrap}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#e0e0e0}::-webkit-scrollbar-thumb{background:#adadad;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#949494}@keyframes card-fly-to-center{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}50%{opacity:.8;transform:translateY(-120px)scale(.8)rotate(-5deg)}to{opacity:0;transform:translateY(-200px)scale(.6)rotate(-10deg)}}@keyframes card-arrive{0%{opacity:0;transform:translateY(-40px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.card-submitting{pointer-events:none;animation:.5s ease-in forwards card-fly-to-center}.card-arriving{animation:.4s ease-out forwards card-arrive}#game{--card-aspect-ratio:.714286;font-size:clamp(.5rem,2vw,1rem)}.game-card{perspective:100vw;text-rendering:optimizelegibility;width:18em;margin:.5em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;position:relative}.game-card p{margin:0}.game-card.white{--bg:var(--color-cream);--fg:var(--color-black);--card-border:#e8e8e8}.game-card.white .source{color:#aaa;font-size:10px;font-weight:400}.game-card.black{--bg:var(--color-black);--fg:var(--color-white);--card-border:#333}.game-card.black .source{color:#ffffff80;font-size:10px;font-weight:400}.game-card.black p{flex-flow:wrap;place-content:flex-start;align-items:baseline;display:flex}.game-card.black p span,.game-card.black p em{white-space:pre-wrap;overflow-wrap:break-word}.game-card.black .slot.filled{text-decoration:underline}.game-card.black .slot.empty{border-bottom:.075em solid var(--fg);flex:1 0 3em;justify-content:center;min-width:3em;min-height:1.15em;margin-bottom:.2em;display:inline-flex}.game-card .aspect{transform-style:preserve-3d;width:100%;height:0;padding-top:140%;transition:transform .75s;position:relative}.game-card .aspect .side{width:100%;height:100%;position:absolute;top:0;left:0}.game-card .side{box-sizing:border-box;background:var(--bg);color:var(--fg);border-radius:var(--radius-lg);border:1px solid var(--card-border,#0000001f);box-shadow:none;backface-visibility:hidden;padding:1em;transition:border-color .3s,transform .3s;transform:rotateX(0)}.game-card .side.front{flex-flow:column;display:flex}.game-card .side.front .content{flex-grow:1;overflow:hidden auto}.game-card .side p{color:var(--fg)}.game-card .content{font-size:1.6em;font-weight:700;line-height:1.4em}.game-card .card-info{display:none}.game-card .card-info .pick-badge{background:var(--fg);width:1.5em;height:1.5em;color:var(--bg);border-radius:50%;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2em;font-weight:700;display:inline-flex}.game-card:hover .side{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.game-card.picked .side{border-color:var(--color-blue);box-shadow:0 0 0 2px #1a6bcc40}.game-card.small{width:12.6em;font-size:.8em}.game-card.unselectable{pointer-events:none}ol.card-set{flex-wrap:wrap;justify-content:center;margin:.5em;padding:0;list-style:none;display:flex}ol.card-set li{height:4em;overflow:visible}ol.card-set li:hover{z-index:1}ol.card-set li:last-child{height:25.2em}ol.card-set.picked .game-card .side{border-color:var(--color-blue)}ul.cards{flex-flow:wrap;justify-content:center;margin-top:.5em;padding:0;list-style:none;display:flex}ul.cards li{min-width:18em}.amount{white-space:nowrap;text-align:center;background:var(--fg,#111);width:1.2em;height:1.2em;color:var(--bg,#fff);border-radius:50%;place-content:center;align-items:center;margin-left:.3em;display:inline-flex}.page{padding:2em}.container{max-width:80em;margin:0 auto;padding:0 2em}.container-narrow{max-width:50em;margin:0 auto;padding:0 2em}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.grid{gap:1em;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.game-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.game-header{z-index:3;color:#fff;background-color:#111;flex:0 0 56px;justify-content:space-between;align-items:center;padding:0 1em;display:flex}@media (width<=768px){.game-header{flex:0 0 44px;padding:0 .5em}}.game-body{flex-direction:row;flex:1 1 0;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.game-body{padding-top:0}}.game-main{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.game-main{padding-top:0}}.game-content-area{flex-direction:row;flex:1 1 0;gap:16px;min-height:0;padding:16px;display:flex;overflow:hidden}@media (width<=768px){.game-content-area{gap:8px;padding:8px}}.black-card-area{flex-shrink:0;align-self:flex-start;width:min(18em,30vw)}@media (width<=768px){.black-card-area{width:min(15em,42vw)}}.game-state-area{scrollbar-width:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex;overflow-y:auto}.game-state-area::-webkit-scrollbar{display:none}@media (width<=768px){.game-state-area{justify-content:flex-start;padding-top:4px}}.game-stage{flex-direction:row;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.stage-left{flex-direction:column;flex-shrink:0;gap:20px;width:280px;padding:24px 20px;display:flex;overflow-y:auto}@media (width<=900px){.stage-left{width:220px;padding:16px 14px}}@media (width<=600px){.stage-left{display:none}}.stage-black-card{font-size:clamp(.4rem,1.2vw,.75rem)}.stage-main{flex:1 1 0;min-width:0;padding:24px;overflow-y:auto}@media (width<=600px){.stage-main{padding:16px}}.stage-right{flex-shrink:0;width:220px;padding:20px 16px;overflow-y:auto}@media (width<=900px){.stage-right{z-index:4;background:#fff;width:240px;transition:transform .25s;position:fixed;top:56px;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 16px #00000026}.stage-right.open{transform:translate(0)}}.card-hand-area{flex:0 0 220px}.player-sidebar{background:#ffffff80;border-left:1px solid #0000001a;flex:0 0 200px;padding:1em;overflow-y:auto}@media (width<=900px){.player-sidebar{z-index:200;background:#fff;width:240px;transition:transform .25s;position:fixed;top:56px;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 16px #00000026}.player-sidebar.open{transform:translate(0)}}.player-sidebar-overlay{display:none}@media (width<=900px){.player-sidebar-overlay{z-index:199;background:#0000004d;display:block;position:fixed;inset:0}}.game-sidebar{background-color:#fff;border-left:1px solid #e0e0e0;flex-shrink:0;width:18rem;padding:1em;overflow-y:auto}@media (width<=600px){.game-sidebar{display:none}}.game-footer{background-color:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:.5em}@media (width<=768px){.page{padding:1em}.game-stage{flex-direction:column;align-items:stretch;overflow-y:auto;justify-content:flex-start!important;margin:0!important;padding:0!important}.game-stage .stage-left{flex-direction:row;flex:none;align-items:flex-start;gap:8px;width:100%;display:flex;overflow-y:visible;margin:0!important;padding:0 8px 4px!important}.game-stage .stage-left .game-card{margin:0!important}.game-stage .stage-left .stage-black-card{margin:0!important;padding:0!important}.stage-main{flex:none;margin:0!important;padding:0 8px!important}.stage-right:not(.open){display:none!important}.card-hand-area{flex:0 0 180px;margin:0!important;padding:0!important}}.round{z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.btn{border-radius:var(--radius-md);font-family:var(--font-primary);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5em;padding:.6em 1.4em;font-size:1rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background-color:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.btn-primary:hover:not(:disabled){background-color:#333;border-color:#333}.btn-secondary{color:var(--color-black);border:2px solid var(--color-black);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-black);color:var(--color-white)}.btn-destructive{background-color:var(--color-red);color:var(--color-white);border:2px solid var(--color-red)}.btn-destructive:hover:not(:disabled){background-color:#c21123;border-color:#c21123}.btn-dark{background-color:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.btn-dark:hover:not(:disabled){background-color:#333}.btn-ghost{color:#212121;background-color:#0000;border:2px solid #e0e0e0}.btn-ghost:hover:not(:disabled){background-color:#e0e0e0}.btn-icon{border-radius:50%;width:2.5em;height:2.5em;padding:.5em}.btn-large{border-radius:.75em;padding:.7em 2em;font-size:1.4rem}.btn-sm{padding:.4em .9em;font-size:.85rem}.input{border-radius:var(--radius-md);width:100%;font-family:var(--font-primary);color:#212121;background-color:#fff;border:2px solid #e0e0e0;padding:.6em .8em;font-size:1rem;transition:border-color .15s;display:block}.input:focus{border-color:var(--color-blue);outline:none;box-shadow:0 0 0 3px #1a6bcc33}.input::placeholder{color:#878787}.label{margin-bottom:.4em;font-size:.9em;font-weight:600;display:block}.form-group{margin-bottom:1.2em}.badge{border-radius:999px;align-items:center;gap:.3em;padding:.2em .6em;font-size:.8em;font-weight:600;display:inline-flex}.badge-primary{color:#212121;background-color:#1a6bcc}.badge-dark{color:#fff;background-color:#111}.badge-secondary{color:#212121;background-color:#ff6122}.badge-neutral{color:#212121;background-color:#e0e0e0}.player-chip{background:#e0e0e0;border-radius:999px;align-items:center;gap:.4em;padding:.3em .7em;font-size:.85em;font-weight:600;display:inline-flex}.player-chip .avatar{color:#212121;background:#1a6bcc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6em;height:1.6em;font-size:.75em;font-weight:700;display:flex}.panel{background:#fff;border-radius:1em;padding:2em;box-shadow:0 4px 12px #00000026}.tabs{border-bottom:2px solid #e0e0e0;margin-bottom:2em;display:flex}.tab{color:#999;cursor:pointer;background:0 0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.7em 1.5em;font-weight:600;transition:color .15s,border-color .15s}.tab:hover{color:#333}.tab.active{color:#111;border-bottom-color:#111}.timer-bar{background:#e0e0e0;border-radius:2px;height:4px;overflow:hidden}.timer-bar .timer-fill{background:#1a6bcc;height:100%;transition:width 1s linear}.timer-bar .timer-fill.warning{background:#ff6122}.timer-bar .timer-fill.danger{background:#e8142a}.game-code{color:#fff;white-space:nowrap;letter-spacing:.08em;background-color:#111;border-radius:.25em;padding:.2em .6em;font-family:Source Code Pro,monospace;font-size:1.1em}.notification{color:#fff;z-index:500;background:#111;border-radius:.5em;padding:.75em 1.2em;font-size:.95em;position:fixed;bottom:1em;left:1em;box-shadow:0 4px 12px #00000026}.separator{border:none;border-top:1px solid #e0e0e0;margin:1em 0}.score-display{color:#ff6122;align-items:center;gap:.3em;font-weight:700;display:flex}.empty-state{text-align:center;opacity:.5;color:#212121;padding:2em;font-size:1.1em}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.5em 0;font-weight:600;display:flex}.collapsible-header .chevron{transition:transform .15s}.collapsible-header .chevron.open{transform:rotate(180deg)}.collapsible-content{transition:max-height .3s;overflow:hidden}.dev-state-switcher{z-index:999;background:#000000bf;border-radius:.5em;flex-wrap:wrap;gap:.4em;max-width:280px;padding:.6em;display:flex;position:fixed;bottom:1em;left:1em}.dev-state-switcher button{color:#fff;cursor:pointer;background:#ffffff26;border-radius:.25em;padding:.3em .6em;font-family:Source Code Pro,monospace;font-size:.7rem;transition:background .15s}.dev-state-switcher button:hover{background:#ffffff4d}.dev-state-switcher button.active{color:#212121;background:#1a6bcc}.leaderboard{border-collapse:collapse;width:100%;font-size:1rem}.leaderboard th,.leaderboard td{text-align:left;padding:.7em 1em}.leaderboard th{text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e0e0e0;font-size:.85em;font-weight:700}.leaderboard td{border-bottom:1px solid #e0e0e0}.leaderboard tr.winner td{color:#ff6122;font-weight:700}.leaderboard .rank{text-align:center;color:#6e6e6e;width:2em;font-weight:700}.leaderboard .crown{color:#ff6122}.invite-link{background:#e0e0e0;border-radius:.5em;align-items:center;gap:.5em;padding:.5em .8em;display:flex}.invite-link .link-text{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Source Code Pro,monospace;font-size:.85em;overflow:hidden}.home-page{background-color:#0000;flex-direction:column;min-height:100vh;display:flex}.home-nav{color:#fff;z-index:10;background-color:#111;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:.6em;font-size:1.1rem;font-weight:700;display:flex}.nav-brand .nav-logo{font-size:1.4em}.nav-brand .nav-logo-svg{flex-shrink:0;display:block}.nav-brand .nav-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links .nav-link{color:#fff;opacity:.85;font-weight:500;transition:opacity .15s}.nav-links .nav-link:hover{opacity:1;text-decoration:underline}@media (width<=768px){.home-nav{padding:.5rem 1rem}.nav-links,.room-code-input{display:none}}.home-main{flex-direction:column;flex:1;display:flex}.hero-section{isolation:isolate;--card-aspect-ratio:.714286;flex-direction:row;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:80em;margin:0 auto;padding:5rem 2rem 4rem;font-size:clamp(.5rem,2vw,1rem);display:flex;position:relative}@media (width<=768px){.hero-section{flex-direction:column;gap:2rem;padding:1.5rem 1rem}}.hero-section:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000 60%,#fff 100%);position:absolute;inset:0}.hero-content{flex:1;max-width:30em}.hero-title{color:#212121;margin:0 0 .5em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2.8em;font-weight:700;line-height:1.1}.hero-subtitle{color:#545454;margin-bottom:2em;font-size:1.15em;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:1em;display:flex}.hero-cards{flex-direction:row;align-items:flex-start;display:flex;position:relative}.hero-cards .hero-card-black{z-index:1;transition:transform .4s;transform:rotate(-4deg)translateY(-1em)}.hero-cards .hero-card-black:hover{transform:rotate(-2deg)translateY(-2em)}.hero-cards .hero-card-white{transition:transform .4s;transform:rotate(4deg)translateY(1em)translate(-1.5em)}.hero-cards .hero-card-white:hover{transform:rotate(5deg)translateY(-.5em)translate(-1em)}.how-to-play-section{background-color:#fff;padding:4rem 0}.how-to-play-section h2{text-align:center;margin-bottom:2.5rem;font-size:2rem}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.rule-card{border:1px solid var(--color-gray-mid);border-radius:var(--radius-lg);text-align:center;background:#fff;padding:1.5rem}.rule-card .rule-icon{background:var(--color-black);width:2.5em;height:2.5em;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.2rem;font-weight:700;display:flex}.rule-card h3{margin-bottom:.5rem;font-size:1.05rem}.rule-card p{color:#545454;font-size:.9rem;line-height:1.5}.faq-section{color:#fff;background:#111;width:100%}.faq-heading{color:#fff;margin:0;padding:48px 64px 32px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}@media (width<=600px){.faq-heading{padding:40px 24px 24px}}.faq-list{margin:0;padding:0;list-style:none}.faq-item{border-top:1px solid #333}.faq-item:last-child{border-bottom:1px solid #333}.faq-question{color:#fff;width:100%;font-size:20px;font-weight:700;font-family:var(--font-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 64px;transition:color .15s;display:flex}.faq-question:hover{color:#ccc}@media (width<=600px){.faq-question{padding:20px 24px;font-size:17px}}.faq-toggle{color:#999;flex-shrink:0;margin-top:1px;font-size:24px;font-weight:300;line-height:1}.faq-answer{grid-template-rows:0fr;margin:0;transition:grid-template-rows .3s;display:grid}.faq-answer p{color:#999;max-width:720px;margin:0;padding:0 64px;font-size:16px;line-height:1.7;overflow:hidden}@media (width<=600px){.faq-answer p{padding:0 24px}}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:24px}.cta-section{text-align:center;background:#fff;padding:4rem 0}.cta-section h2{margin-bottom:.5rem;font-size:1.8rem}.cta-section p{color:#545454;margin-bottom:1.5rem}.home-footer{color:#ffffffb3;text-align:center;background-color:#111;padding:1.5rem 0;font-size:.85rem}.home-footer p{margin:.2em 0}.home-footer a{color:#ffffffbf}.home-footer a:hover{text-decoration:underline}.lobby-page{background-color:#0000;flex-direction:column;min-height:100vh;display:flex}.lobby-header{color:#fff;background-color:#111;flex-shrink:0;padding:.75rem 1.5rem}@media (width<=768px){.lobby-header{padding:.5rem .75rem}}.lobby-header .lobby-header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:80em;margin:0 auto;display:flex}.back-link{color:#fff;white-space:nowrap;align-items:center;gap:.5em;font-weight:600;display:flex}.back-link:hover{text-decoration:underline}.back-link .back-arrow{font-size:1.2em}.nav-brand-small{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (width<=480px){.nav-brand-small{display:none}}.join-code-form{align-items:center;gap:.5rem;display:flex}.join-code-form .join-code-input{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:0 0;border:1px solid #fff6;width:140px;font-family:Source Code Pro,monospace}.join-code-form .join-code-input::placeholder{color:#ffffff73}.join-code-form .join-code-input:focus{border-color:#ffffffbf;outline:none;box-shadow:0 0 0 2px #ffffff26}.join-code-form .btn-dark{color:#fff;background-color:#0000;border:1.5px solid #fff9}.join-code-form .btn-dark:hover:not(:disabled){color:#111;box-shadow:none;background-color:#fff;border-color:#fff}.lobby-main{background:#fff;border:1px solid #e0e0e0;border-radius:14px;width:calc(100% - 3rem);max-width:680px;margin:2rem auto;padding:2rem;box-shadow:0 2px 12px #0000000f}@media (width<=768px){.lobby-main{border-radius:10px;width:calc(100% - 1rem);margin:.5rem auto;padding:1rem}}.room-list-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.room-list-header h2{font-size:1.3rem}.room-list-header .room-count{color:#6e6e6e;font-size:.9rem}.room-list{flex-direction:column;gap:.75rem;display:flex}.room-card{background:#fff;border-radius:.75em;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:box-shadow .15s;display:flex;box-shadow:0 1px 4px #00000014}.room-card:hover{box-shadow:0 4px 12px #00000026}.room-card .room-info{flex:1;min-width:0}.room-card .room-name-row{align-items:center;gap:.5em;margin-bottom:.3em;display:flex}.room-card .room-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.room-card .room-meta{color:#616161;flex-wrap:wrap;gap:1em;font-size:.85em;display:flex}.create-tab{flex-direction:column;gap:0;display:flex}.create-card-header{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:0;padding-bottom:1rem;display:flex}.game-name-input{color:#111;background:0 0;border:none;outline:none;flex:1;min-width:160px;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.3}.game-name-input::placeholder{color:#bbb;font-weight:400}.create-card-header-meta{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.privacy-toggle{border:1.5px solid var(--color-gray-mid);border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font-primary);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:6px 12px;transition:background .15s;display:inline-flex}.privacy-toggle svg{flex-shrink:0}.privacy-toggle:hover{background:var(--color-gray-light)}.privacy-toggle.private svg{color:#d97706}.privacy-toggle.public svg{color:#16a34a}.room-code-badge{color:#fff;letter-spacing:.08em;-webkit-user-select:all;user-select:all;background:#111;border-radius:8px;padding:.3em .75em;font-family:Source Code Pro,monospace;font-size:.85rem;font-weight:700}.create-tabs{border-bottom:1px solid #e8e8e8;gap:0;margin-top:1rem;margin-bottom:1.25rem;display:flex}.create-tab-btn{color:#999;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6em 1.2em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.88rem;font-weight:600;transition:color .15s,border-color .15s}.create-tab-btn:hover{color:#333}.create-tab-btn.active{color:#111;border-bottom-color:#111}.create-panel{min-height:200px}.settings-panel{flex-direction:column;gap:1.5rem;display:flex}.settings-section{flex-direction:column;gap:.25rem;display:flex}.settings-section-label{text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.settings-row{border-bottom:1px solid #f2f2f2;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-field{flex-direction:column;gap:.2em;display:flex}.settings-field-label{color:#111;font-size:.95rem;font-weight:600}.settings-field-hint{color:#999;font-size:.78rem}.stepper{border:1.5px solid #e0e0e0;border-radius:8px;flex-shrink:0;align-items:center;gap:0;display:flex;overflow:hidden}.stepper-btn{cursor:pointer;color:#333;background:#f7f7f7;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:400;line-height:1;transition:background .15s;display:flex}.stepper-btn:hover:not(:disabled){background:#eee}.stepper-btn:disabled{color:#ccc;cursor:not-allowed}.stepper-value{text-align:center;color:#111;background:#fff;border-left:1.5px solid #e0e0e0;border-right:1.5px solid #e0e0e0;justify-content:center;align-items:center;min-width:40px;height:36px;padding:0 4px;font-family:Source Code Pro,monospace;font-size:.95rem;font-weight:700;display:flex}.rule-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #f2f2f2;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.rule-row:last-child{border-bottom:none}.rule-row:hover .rule-toggle{border-color:#aaa}.rule-text{flex-direction:column;gap:.2em;display:flex}.rule-label{color:#111;font-size:.95rem;font-weight:600}.rule-hint{color:#999;font-size:.78rem}.rule-toggle{background:#e0e0e0;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .15s;position:relative}.rule-toggle.on{background:#111}.rule-toggle.on .rule-toggle-knob{left:calc(100% - 22px)}.rule-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.validation-errors{flex-direction:column;gap:6px;margin-top:12px;display:flex}.validation-error-banner{color:#c62828;background:#fff5f5;border:1px solid #ffd0d0;border-left:3px solid #e53935;border-radius:6px;align-items:center;padding:8px 12px;font-size:.83rem;font-weight:500;display:flex}.create-card-footer{border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:1rem;display:flex}.create-error{color:var(--color-red);flex:100%;order:3;font-size:13px}.footer-player-count{color:#aaa;font-size:.83rem;font-weight:500}.btn-start-game{color:#fff;cursor:pointer;opacity:1;background:#111;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.55em 1.6em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn-start-game:hover{background:#333;text-decoration:none}.btn-start-game.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.options-panel{background:#f4f4f4;border-radius:.5em;margin-top:.5rem;padding:1rem}.options-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.deck-list{flex-direction:column;gap:.5rem;display:flex}.deck-actions{gap:6px;margin-bottom:10px;display:flex}.deck-pill-btn{color:#555;cursor:pointer;background:0 0;border:1.5px solid #d0d0d0;border-radius:999px;padding:3px 12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s}.deck-pill-btn:hover{color:#111;border-color:#111}.deck-list-rows{background:#fff;border:1px solid #e8e8e8;border-radius:10px;flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.deck-row{cursor:pointer;border-bottom:1px solid #f4f4f4;align-items:center;gap:10px;padding:9px 12px;transition:background .15s;display:flex}.deck-row:last-child{border-bottom:none}.deck-row:hover{background:#fafafa}.deck-row.checked{background:#f8f8f8}.deck-custom-checkbox{background:#fff;border:1.5px solid #ccc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.deck-custom-checkbox svg{width:12px;height:10px;display:block}.deck-row.checked .deck-custom-checkbox{background:#111;border-color:#111}.deck-row-name{color:#111;flex:1;font-size:.88rem;font-weight:500}.deck-row-count{color:#aaa;white-space:nowrap;font-family:Source Code Pro,monospace;font-size:.78rem}.deck-row-lock{opacity:.5;flex-shrink:0;font-size:.85rem}.deck-row.locked{opacity:.6;cursor:pointer}.deck-row.locked .deck-row-name{color:#555}.checkbox-group .checkbox-label{cursor:pointer;align-items:center;gap:.6em;display:flex}.checkbox-group .checkbox-label input[type=checkbox]{cursor:pointer;width:1.1em;height:1.1em;accent-color:var(--color-black)}.form-actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.stage-left-info{flex-direction:column;gap:8px;display:flex}.stage-left-heading{color:var(--color-black);margin:0;font-size:18px;font-weight:700}.stage-left-hint{color:var(--color-gray-text);margin:0;font-size:13px;line-height:1.4}.stage-pick-counter{color:var(--color-gray-text);margin:0;font-size:13px;font-weight:600}.stage-pick-counter.ready{color:var(--color-blue)}.stage-submission-progress{flex-direction:column;gap:8px;margin-top:4px;display:flex}.stage-progress-label{color:var(--color-gray-text);margin:0;font-size:12px}.stage-progress-chips{flex-direction:column;gap:6px;display:flex}.stage-progress-chip{border-radius:var(--radius-sm);background:var(--color-gray-light);color:var(--color-gray-text);align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.stage-progress-chip.submitted{color:var(--color-black);background:#1a6bcc12}.stage-progress-chip.submitted .chip-status{color:var(--color-blue)}.stage-progress-chip .chip-initial{background:var(--color-black);width:22px;height:22px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.stage-progress-chip .chip-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.stage-progress-chip .chip-status{flex-shrink:0;font-size:11px}.stage-submitted-count{color:var(--color-blue);font-size:12px;font-weight:600}.stage-empty-state{justify-content:center;align-items:center;height:100%;display:flex}.stage-empty-state span{color:var(--color-gray-text);text-align:center;max-width:220px;font-size:14px;line-height:1.5}.selecting-winner-main{flex-direction:column;gap:24px;display:flex}.selecting-winner-main .plays-grid{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:16px;display:flex}.selecting-winner-main .play-set{cursor:default;flex-shrink:0;width:200px;transition:transform .15s}.selecting-winner-main .play-set.selectable{cursor:pointer}.selecting-winner-main .play-set.selectable:hover{transform:scale(1.02)}.selecting-winner-main .play-set.picked .game-card .side{border-color:var(--color-blue);box-shadow:0 0 0 2px #1a6bcc40}.selecting-winner-main .play-set .game-card{width:200px}.selecting-winner-main .play-set .game-card .aspect{height:280px;padding-top:0}.selecting-winner-main .play-set .game-card .aspect .side{height:280px;position:static}.selecting-winner-main .play-set .game-card .side{box-shadow:none;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.selecting-winner-main .play-set .game-card:hover .side{box-shadow:none;transform:none}.selecting-winner-main .play-set .game-card .content{-webkit-line-clamp:unset;-webkit-box-orient:unset;font-size:16px;font-weight:700;line-height:1.35;display:block;overflow:visible}.selecting-winner-main .play-set .game-card .card-info{margin-top:12px;display:flex}.header-btn{color:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .15s;display:flex}.header-btn:hover{background:#fff3}@media (width<=600px){.header-btn .btn-label{display:none}}.players-toggle-btn{position:relative}.players-toggle-btn .player-count-badge{background:var(--color-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}@media (width>=901px){.players-toggle-btn{display:none}}.game-header-left{align-items:center;gap:.75em;display:flex}.game-round-label{white-space:nowrap;font-size:1rem;font-weight:700}.game-header-center{align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=600px){.game-header-center{display:none}}.game-title-small{white-space:nowrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:700}.game-header-right{align-items:center;gap:.5em;display:flex}.game-timer{flex-shrink:0}.game-state-area{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.player-list .player-list-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.player-list .player-list-close{cursor:pointer;color:#6e6e6e;background:0 0;border:none;padding:.2em .4em;font-size:1rem}.player-list .player-list-close:hover{color:#212121}@media (width>=901px){.player-list .player-list-close{display:none}}.player-list .player-list-title{text-transform:uppercase;letter-spacing:.06em;color:#6e6e6e;margin-bottom:0;font-size:.85rem}.player-list .player-list-items{flex-direction:column;gap:.5rem;display:flex}.player-list .player-item{border-radius:.5em;align-items:center;gap:.6em;padding:.5em;transition:background .15s;display:flex}.player-list .player-item.is-czar{border-left:3px solid var(--color-blue);background:#1a6bcc14}.player-list .player-item.is-you{font-weight:700}.player-list .player-item:hover{background:#f4f4f4}.player-list .player-avatar-icon{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2em;height:2em;font-size:.9em;font-weight:700;display:flex}.player-list .player-avatar-icon .czar-icon{color:var(--color-blue)}.player-list .player-avatar-icon.guest-avatar{color:#fff;background:#6b7280}.player-list .player-info{flex:1;min-width:0}.player-list .player-info .player-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;display:block;overflow:hidden}.player-list .player-info .czar-label{color:var(--color-blue);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600;display:block}.player-list .player-info .guest-label{color:#9ca3af;font-size:.7rem;font-weight:500;display:block}.player-list .player-info .host-crown{color:#ff6122}.player-list .player-info .you-label{color:#6e6e6e;font-size:.75em}.player-list .player-info .cookie-badge{margin-left:4px;font-size:.9em}.player-list .player-score{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.player-list .player-score .score-num{color:#ff6122;font-size:1.1rem;font-weight:700}.player-list .player-score .score-label{color:#7a7a7a;text-transform:uppercase;font-size:.65rem}.hand-tray{z-index:100;pointer-events:auto;background:#f4f4f4;border-top:1px solid #e0e0e0;justify-content:center;align-items:flex-end;height:220px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:visible}.hand-tray--czar{color:#666;flex-direction:row;justify-content:center;align-items:center;gap:.75em;font-size:.9rem}.hand-tray--czar .czar-icon{color:#111;font-size:1.4em}.hand-tray--czar p{margin:0}.hand-fan{align-items:flex-end;height:220px;padding-bottom:8px;display:flex;position:relative}.hand-card-slot{color:#111;transform-origin:bottom;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e0e0e0;border-radius:10px;flex-shrink:0;width:156px;height:218px;padding:14px;font-size:16px;font-weight:700;line-height:1.3;transition:transform .15s,border .15s,z-index;position:relative;overflow:visible}.hand-card-slot:first-child{margin-left:0!important}.hand-card-slot:hover{border-color:#ccc}.hand-card-slot.selected{border:2px solid #1a6bcc}.hand-card-slot.card-submitting{pointer-events:none;animation:.5s ease-in forwards card-fly-to-center}.hand-submit-btn{z-index:101;pointer-events:auto;color:#fff;font-size:.9rem;font-weight:700;font-family:var(--font-primary);cursor:pointer;white-space:nowrap;background:#111;border:none;border-radius:10px;padding:10px 32px;transition:background .15s;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.hand-submit-btn:hover:not(:disabled){background:#333}.hand-submit-btn:disabled{color:#888;cursor:not-allowed;background:#ccc}.game-state{width:100%}.pending{flex-direction:column;align-items:center;padding:40px 1rem 2rem;display:flex}.pending .pending-card{background:var(--color-white);border:1px solid var(--color-gray-mid);border-radius:var(--radius-lg);flex-direction:column;gap:2rem;width:100%;max-width:680px;padding:2rem;display:flex}.pending .pending-header h2{margin-bottom:.4rem;font-size:1.8rem}.pending .pending-header .pending-subtitle{color:#545454}.pending .config-summary{flex-wrap:wrap;gap:.5em;display:flex}.pending .invite-section .invite-code-label{color:#616161;margin-top:.5em;font-size:.85rem}.pending .player-grid-section h3{color:#545454;margin-bottom:.75rem;font-size:1rem}.pending .player-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.pending .player-grid-item{background:#fff;border-radius:.5em;align-items:center;gap:.6em;padding:.6em .8em;display:flex;box-shadow:0 1px 3px #00000014}.pending .player-grid-item .player-avatar{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2em;height:2em;font-size:.85em;font-weight:700;display:flex}.pending .player-grid-item .player-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.pending .player-grid-item .player-name .host-badge{color:#ff6122}.pending .player-grid-item .player-name .you-badge{color:#6e6e6e;font-size:.8em;font-weight:400}.pending .start-action{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.pending .start-action .start-hint{color:#6e6e6e;margin:0;font-size:.85rem}.picking-cards{flex-direction:column;gap:1.5rem;display:flex}.picking-cards .picking-instruction h2{margin-bottom:.3rem;font-size:1.6rem}.picking-cards .picking-instruction .pick-hint{color:#545454}.picking-cards .picking-instruction .pick-counter{color:#6e6e6e;margin-top:.5rem;font-family:Source Code Pro,monospace;font-size:1.1rem;font-weight:700}.picking-cards .picking-instruction .pick-counter .ready{color:var(--color-blue)}.picking-cards .czar-waiting{text-align:center;padding:2rem}.picking-cards .czar-waiting .czar-icon{color:var(--color-blue);margin-bottom:.5rem;font-size:4rem}.picking-cards .czar-waiting h2{margin-bottom:.5rem;font-size:1.6rem}.picking-cards .czar-waiting p{color:#545454}.picking-cards .submission-progress .progress-label{color:#545454;margin-bottom:.75rem;font-size:.9rem}.picking-cards .submission-progress .player-progress-chips{flex-wrap:wrap;gap:.5em;display:flex}.picking-cards .submission-progress .player-progress-chips .player-chip{border-radius:999px;align-items:center;gap:.4em;padding:.35em .75em;font-size:.85em;font-weight:600;transition:background .15s;display:flex}.picking-cards .submission-progress .player-progress-chips .player-chip.submitted{color:var(--color-blue);background:#1a6bcc1a}.picking-cards .submission-progress .player-progress-chips .player-chip.waiting{color:#545454;background:#e0e0e0}.picking-cards .submission-progress .player-progress-chips .player-chip .status-icon{font-size:.9em}.selecting-winner{flex-direction:column;gap:1.5rem;display:flex}.selecting-winner .judging-header h2{margin-bottom:.3rem;font-size:1.6rem}.selecting-winner .judging-header p{color:#545454}.selecting-winner .plays-grid{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.selecting-winner .plays-grid .play-set{border-radius:.75em;flex-direction:column;align-items:center;padding:.5rem;transition:background .15s;display:flex}.selecting-winner .plays-grid .play-set.selectable{cursor:pointer}.selecting-winner .plays-grid .play-set.selectable:hover{background:#ff612214}.selecting-winner .plays-grid .play-set.selectable:hover .game-card .side{box-shadow:.15em .15em .8em #ff612266,-.05em -.05em .4em #ff612233}.selecting-winner .plays-grid .play-set.picked{background:#ff61221f}.selecting-winner .plays-grid .play-set.picked .game-card .side{border-color:#ff6122}.selecting-winner .czar-confirm{justify-content:center;padding-top:.5rem;display:flex}.turn-result{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding:2rem 1rem;display:flex}.turn-result .winner-announcement .winner-heading{white-space:nowrap;margin:0 0 .3rem;font-size:28px;font-weight:700;line-height:1.2}.turn-result .winner-announcement .winner-heading .winner-name{color:#ff6122}.turn-result .winner-announcement .winner-score{color:#545454;font-size:1rem}.turn-result .round-actions{flex-direction:row;justify-content:center;gap:12px;display:flex}.turn-result .round-actions .waiting-next{color:#616161;align-self:center;font-size:.95rem}.btn-next-round,.btn-share-cookie{border-radius:var(--radius-pill);width:200px;height:52px;font-size:15px;font-weight:700;font-family:var(--font-primary);cursor:pointer;border:2px solid #111;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:opacity .12s;display:inline-flex}.btn-next-round:hover,.btn-share-cookie:hover{opacity:.85}.btn-share-cookie{color:#111;background:#fff}.btn-next-round{color:#fff;background:#111}.share-x-btn{border-radius:var(--radius-pill);color:#111;font-size:13px;font-weight:500;font-family:var(--font-primary);cursor:pointer;background:#fff;border:1.5px solid #111;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:background .12s;display:inline-flex}.share-x-btn:hover{background:var(--color-gray-light)}.game-ended{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;margin:0 auto;padding:2rem 1rem;display:flex}.game-ended .game-over-header .game-over-icon{margin-bottom:.5rem;font-size:4rem}.game-ended .game-over-header h1{margin-bottom:.75rem;font-size:2.5rem}.game-ended .game-over-header .winner-text{color:#474747;font-size:1.2rem}.game-ended .leaderboard-container{width:100%}.game-ended .leaderboard-container h2{margin-bottom:1rem;font-size:1.2rem}.game-ended .end-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.game-ended .host-marker{color:#7a7a7a;font-size:.8em}.game-ended .cookie-count{text-align:center;letter-spacing:.05em;font-size:.95em}.game-ended .cookie-count .no-cookies{color:#7a7a7a}@media (width<=768px){.stage-black-card{flex-shrink:0;width:120px;font-size:.42rem}.stage-left-context{flex:1;min-width:0}.stage-left-heading{font-size:16px}.stage-progress-chip .chip-name{max-width:7ch}.stage-empty-state{display:none}.hand-tray{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:flex-start;align-items:flex-end;height:180px;padding:0 16px;overflow:scroll visible}.hand-fan{flex-wrap:nowrap;height:154px;padding-bottom:12px;overflow:visible}.hand-card-slot{scroll-snap-align:start;flex-shrink:0;width:110px;height:154px;margin-right:-20px;transform:none!important}.hand-card-slot:first-child,.hand-card-slot+.hand-card-slot{margin-left:0!important}.hand-card-slot.selected{transform:translateY(-16px)!important}.hand-submit-btn{width:auto;left:16px;right:16px;transform:none}.selecting-winner-main{position:relative;overflow:hidden}.selecting-winner-main:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#fff);width:60px;height:100%;position:absolute;top:0;right:0}.selecting-winner-main .plays-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;z-index:0;flex-flow:row;align-items:flex-start;gap:0;display:flex;position:relative;overflow-x:scroll}.selecting-winner-main .play-set{scroll-snap-align:start;flex-shrink:0;width:160px;margin-right:-16px}.selecting-winner-main .play-set .game-card{width:160px}.selecting-winner-main .play-set .game-card .aspect{height:auto;padding-top:0}.selecting-winner-main .play-set .game-card .aspect .side{height:auto;position:static}.turn-result .selecting-winner-main{position:static;overflow:visible}.turn-result .selecting-winner-main:after{display:none}.turn-result .selecting-winner-main .plays-grid{scroll-snap-type:none;flex-wrap:wrap;gap:12px;overflow:visible}.turn-result .selecting-winner-main .play-set{scroll-snap-align:none;width:calc(50vw - 24px);margin-right:0}.turn-result .selecting-winner-main .play-set .game-card{width:100%}.turn-result .selecting-winner-main .play-set .game-card .aspect{height:auto;padding-top:0}.turn-result .selecting-winner-main .play-set .game-card .aspect .side{height:auto;position:static}}.login-overlay{z-index:500;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login-modal{background:var(--color-white);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:100%;max-width:400px;padding:2rem;display:flex;position:relative}.login-close{color:var(--color-gray-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px;font-size:1.4rem;line-height:1;position:absolute;top:14px;right:16px}.login-close:hover{color:var(--color-black);background:var(--color-gray-light)}.login-title{color:var(--color-black);font-size:22px;font-weight:700;font-family:var(--font-primary);margin:0}.login-subtitle{color:var(--color-gray-text);margin:0;font-size:14px;line-height:1.4}.login-providers{flex-direction:column;gap:12px;margin-top:4px;display:flex}.login-provider-btn{background:var(--color-white);border:1.5px solid var(--color-gray-mid);border-radius:var(--radius-md);width:100%;font-size:15px;font-weight:500;font-family:var(--font-primary);color:var(--color-black);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .12s,border-color .12s;display:flex}.login-provider-btn svg{flex-shrink:0}.login-provider-btn:hover:not(:disabled){background:var(--color-gray-light);border-color:silver}.login-provider-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--color-red);text-align:center;margin:0;font-size:13px}.login-terms{color:var(--color-gray-text);text-align:center;margin:0;font-size:11px}.login-divider{align-items:center;gap:12px;margin:0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-gray-mid);flex:1;height:1px}.login-divider span{color:var(--color-gray-text);flex-shrink:0;font-size:12px}.login-guest-btn{background:var(--color-white);border:1.5px solid var(--color-gray-mid);border-radius:var(--radius-md);width:100%;font-size:15px;font-weight:500;font-family:var(--font-primary);color:var(--color-black);cursor:pointer;text-align:center;padding:12px 16px;transition:background .12s,border-color .12s}.login-guest-btn:hover:not(:disabled){background:var(--color-gray-light);border-color:silver}.login-guest-btn:disabled{opacity:.6;cursor:not-allowed}.login-guest-countdown{font-size:13px;font-family:var(--font-primary);color:var(--color-gray-text);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:4px 0;transition:color .12s}.login-guest-countdown:hover:not(:disabled){color:var(--color-black)}.login-guest-countdown:disabled{cursor:default;opacity:.5}.login-countdown-num{color:var(--color-black);font-size:15px;font-weight:700}.login-guest-view{flex-direction:column;gap:12px;display:flex}.login-nickname-row{gap:8px;display:flex}.login-nickname-input{border:1.5px solid var(--color-gray-mid);border-radius:var(--radius-md);font-size:15px;font-family:var(--font-primary);color:var(--color-black);background:var(--color-white);outline:none;flex:1;padding:12px 14px;transition:border-color .12s}.login-nickname-input::placeholder{color:var(--color-gray-text)}.login-nickname-input:focus{border-color:var(--color-black)}.login-randomize-btn{background:var(--color-white);border:1.5px solid var(--color-gray-mid);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;padding:0 14px;font-size:18px;transition:background .12s}.login-randomize-btn:hover{background:var(--color-gray-light)}.login-guest-submit{background:var(--color-black);width:100%;color:var(--color-white);border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:var(--font-primary);cursor:pointer;border:none;padding:13px 16px;transition:opacity .12s}.login-guest-submit:hover:not(:disabled){opacity:.85}.login-guest-submit:disabled{opacity:.4;cursor:not-allowed}.login-back{color:var(--color-gray-text);cursor:pointer;text-align:left;font-size:13px;font-family:var(--font-primary);background:0 0;border:none;padding:0;transition:color .12s}.login-back:hover{color:var(--color-black)}.login-blurb{color:var(--color-gray-text);text-align:center;margin:0;font-size:12px;line-height:1.5}.user-indicator{flex-shrink:0;align-items:center;gap:10px;display:flex}.user-display-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:500;overflow:hidden}.btn-sign-out{font-size:12px;font-weight:500;font-family:var(--font-primary);color:#ffffffbf;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff59;padding:4px 10px;transition:background .12s,color .12s}.btn-sign-out:hover{color:#fff;background:#ffffff1f}.user-menu{position:relative}.user-avatar-btn{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .12s,background .12s;display:flex}.user-avatar-btn:hover{background:#ffffff1a;border-color:#fff}.user-dropdown{border-radius:var(--radius-md);z-index:200;background:#fff;border:1px solid #e0e0e0;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001f}.user-dropdown-name{color:#111;white-space:nowrap;text-overflow:ellipsis;padding:10px 14px;font-size:13px;font-weight:600;overflow:hidden}.user-dropdown-divider{background:#e0e0e0;height:1px}.user-dropdown-item{text-align:left;color:#111;cursor:pointer;width:100%;font-size:13px;font-weight:500;font-family:var(--font-primary);background:0 0;border:none;padding:10px 14px;display:block}.user-dropdown-item:hover{background:#f5f5f5}.promo-banner{background:var(--color-black);color:var(--color-white);z-index:60;align-items:center;gap:10px;padding:8px 14px;display:flex;position:relative}.promo-banner .promo-banner-emoji{font-size:1rem;line-height:1}.promo-banner .promo-banner-text{text-align:center;flex:1;margin:0;font-size:.85rem;font-weight:500}.promo-banner .promo-banner-text a{color:#7db8ff;white-space:nowrap;margin-left:6px;font-weight:700;text-decoration:none}.promo-banner .promo-banner-text a:hover{text-decoration:underline}.promo-banner .promo-banner-close{color:#ffffffb3;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:.9rem;line-height:1}.promo-banner .promo-banner-close:hover{color:var(--color-white);background:#ffffff1a}@media (width<=600px){.promo-banner .promo-banner-text{text-align:left;font-size:.78rem}}.promo-interstitial{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px;display:flex}.promo-interstitial .promo-interstitial-headline{color:var(--color-black);margin:0;font-size:1.25rem;font-style:italic;font-weight:800}.promo-interstitial .promo-interstitial-logo{object-fit:contain;width:100%;max-width:300px;max-height:90px}.promo-interstitial .promo-interstitial-beers{object-fit:contain;width:100%;max-width:180px;max-height:110px}.promo-interstitial .promo-interstitial-subtext{color:var(--color-gray-text);margin:0;font-size:.9rem;font-weight:600}.promo-interstitial .promo-interstitial-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.promo-interstitial .promo-interstitial-actions .btn{border:2px solid var(--color-black)}.promo-section{background:var(--color-black);color:var(--color-white);text-align:center;padding:64px 24px}.promo-section .promo-kicker{color:var(--color-gray-text);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:.7rem;font-weight:700;display:block}.promo-section h2{color:var(--color-white);margin:0 0 16px;font-size:clamp(1.5rem,4vw,2.2rem)}.promo-section p{color:#bbb;max-width:560px;margin:0 auto 24px;line-height:1.6}.promo-section .btn-primary{background:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.promo-section .btn-primary:hover:not(:disabled){background:var(--color-gray-mid);border-color:var(--color-gray-mid)}.whatsnew-modal{text-align:center}.whatsnew-modal .whatsnew-emoji{margin-bottom:8px;font-size:2.6rem}.whatsnew-modal .whatsnew-body{min-height:4.5em}.whatsnew-modal .whatsnew-dots{justify-content:center;gap:6px;margin:16px 0;display:flex}.whatsnew-modal .whatsnew-dots .whatsnew-dot{background:var(--color-gray-mid);border-radius:50%;width:8px;height:8px;transition:background .15s,scale .15s}.whatsnew-modal .whatsnew-dots .whatsnew-dot.active{background:var(--color-black);scale:1.25}.whatsnew-modal .whatsnew-actions{justify-content:center;gap:12px;display:flex}.whatsnew-modal .whatsnew-actions .btn{border:2px solid var(--color-black);min-width:110px}.whatsnew-modal .whatsnew-footer{color:var(--color-gray-text);justify-content:center;gap:8px;margin-top:16px;font-size:.8rem;display:flex}.whatsnew-modal .whatsnew-footer .whatsnew-link{color:var(--color-gray-text);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem;text-decoration:underline}.whatsnew-modal .whatsnew-footer .whatsnew-link:hover{color:var(--color-black)}.humor-o-meter{text-align:center;max-width:420px;margin:20px auto 4px}.humor-o-meter .hom-title{margin:0 0 8px;font-weight:800}.humor-o-meter textarea{box-sizing:border-box;border:1px solid var(--color-gray-mid);border-radius:var(--radius-sm);width:100%;font-family:var(--font-primary);resize:none;padding:10px;font-size:.9rem}.humor-o-meter textarea:focus{outline:2px solid var(--color-black)}.humor-o-meter .hom-input-actions{margin-top:8px}.humor-o-meter .hom-gauge{justify-content:center;display:flex}.humor-o-meter .hom-gauge .hom-needle{transform-origin:100px 100px;transition:transform 1.1s cubic-bezier(.2,1.6,.4,1)}.humor-o-meter .hom-gauge.sweeping .hom-needle{animation:.45s ease-in-out infinite alternate hom-sweep}.humor-o-meter .hom-computing{color:var(--color-gray-text);font-weight:600;animation:1s ease-in-out infinite timer-pulse}.humor-o-meter .hom-verdict{animation:.3s backwards pop-in}.humor-o-meter .hom-verdict .hom-verdict-text{margin:4px 0 2px;font-size:1.3rem;font-weight:800}.humor-o-meter .hom-verdict .hom-verdict-text.god{color:#ff6122}.humor-o-meter .hom-verdict .hom-score{color:var(--color-gray-text);margin:0;font-size:.8rem}@keyframes hom-sweep{0%{transform:rotate(-72deg)}to{transform:rotate(72deg)}}.humor-leaderboard{border:1px solid var(--color-gray-mid);border-radius:var(--radius-lg);margin-top:24px;padding:16px 20px}.humor-leaderboard h3{margin:0 0 10px;font-size:1rem}.humor-leaderboard h3 span{color:var(--color-gray-text);font-size:.8rem;font-weight:500}.humor-leaderboard ol{margin:0;padding:0;list-style:none}.humor-leaderboard ol li{align-items:center;gap:10px;padding:6px 0;font-weight:600;display:flex}.humor-leaderboard ol li .hl-rank{text-align:center;width:1.6em}.humor-leaderboard ol li .hl-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.humor-leaderboard ol li .hl-verdict{color:var(--color-gray-text);font-size:.75rem;font-weight:500}.humor-leaderboard ol li .hl-score{color:#ff6122;font-weight:800}.humor-leaderboard .hl-hint{color:var(--color-gray-text);margin:10px 0 0;font-size:.75rem}.bug-report{z-index:90;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:16px;right:16px}.bug-report .bug-report-fab{border:2px solid var(--color-black);background:var(--color-white);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:1.2rem;transition:translate .15s,box-shadow .15s;box-shadow:0 4px 14px #0000002e}.bug-report .bug-report-fab:hover{translate:0 -2px;box-shadow:0 6px 18px #0000003d}.bug-report .bug-report-panel{background:var(--color-white);border:1px solid var(--color-gray-mid);border-radius:var(--radius-lg);width:min(320px,100vw - 32px);padding:16px;animation:.2s backwards pop-in;box-shadow:0 12px 40px #00000038}.bug-report .bug-report-panel .bug-report-title{margin:0 0 8px;font-weight:700}.bug-report .bug-report-panel textarea{border:1px solid var(--color-gray-mid);border-radius:var(--radius-sm);width:100%;font-family:var(--font-primary);resize:vertical;box-sizing:border-box;padding:10px;font-size:.9rem}.bug-report .bug-report-panel textarea:focus{outline:2px solid var(--color-black)}.bug-report .bug-report-panel .bug-report-send{width:100%;margin-top:10px}.bug-report .bug-report-panel .bug-report-hint{color:var(--color-gray-text);text-align:center;margin:8px 0 0;font-size:.72rem}.bug-report .bug-report-panel .bug-report-error{color:var(--color-red);margin:8px 0 0;font-size:.8rem}.bug-report .bug-report-panel .bug-report-thanks{text-align:center;margin:0;font-weight:700}.bug-report .bug-report-panel .bug-report-thanks span{color:var(--color-gray-text);font-size:.8rem;font-weight:500}.login-opt-in{color:var(--color-gray-text);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:.82rem;display:flex}.login-opt-in input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-black);cursor:pointer;flex-shrink:0;margin:2px 0 0}.login-opt-in:hover{color:var(--color-black)}:root{--btn-h:44px;--btn-h-sm:34px;--btn-h-lg:54px;--card-w:clamp(120px, 13vw, 170px);--card-w-black:clamp(150px, 16vw, 230px)}.btn,.btn-start-game,.btn-next-round,.btn-share-cookie,.login-provider-btn,.login-guest-submit,.share-x-btn{min-height:var(--btn-h);font-size:.95rem}.btn-large,.hand-submit-btn{min-height:var(--btn-h-lg)}.header-btn,.deck-pill-btn,.btn-sm{min-height:var(--btn-h-sm);font-size:.8rem}.stepper-btn{min-height:var(--btn-h-sm);min-width:var(--btn-h-sm)}.btn,.btn-start-game,.btn-next-round,.btn-share-cookie,.login-provider-btn,.login-guest-submit,.share-x-btn,.header-btn,.deck-pill-btn{transition:background-color .15s,border-color .15s,color .15s,translate .15s,box-shadow .15s,opacity .15s}.btn:hover:not(:disabled):not(.disabled),.btn-start-game:hover:not(:disabled):not(.disabled),.btn-next-round:hover:not(:disabled):not(.disabled),.btn-share-cookie:hover:not(:disabled):not(.disabled),.login-provider-btn:hover:not(:disabled):not(.disabled),.login-guest-submit:hover:not(:disabled):not(.disabled),.share-x-btn:hover:not(:disabled):not(.disabled),.header-btn:hover:not(:disabled):not(.disabled),.deck-pill-btn:hover:not(:disabled):not(.disabled){translate:0 -1px}.btn:active:not(:disabled):not(.disabled),.btn-start-game:active:not(:disabled):not(.disabled),.btn-next-round:active:not(:disabled):not(.disabled),.btn-share-cookie:active:not(:disabled):not(.disabled),.login-provider-btn:active:not(:disabled):not(.disabled),.login-guest-submit:active:not(:disabled):not(.disabled),.share-x-btn:active:not(:disabled):not(.disabled),.header-btn:active:not(:disabled):not(.disabled),.deck-pill-btn:active:not(:disabled):not(.disabled){translate:0 1px}@media (width>=769px){.hand-card-slot{width:var(--card-w);height:calc(var(--card-w) * 1.4);font-size:clamp(12px, var(--card-w) * .1, 16px)}.stage-black-card .game-card{width:min(var(--card-w-black), 100%)}.plays-grid .game-card,.play-set .game-card{width:min(var(--card-w-black), 44vw)}}.game-stage .stage-left .stage-black-card{overflow:hidden}.game-stage .stage-left .stage-black-card .game-card{max-width:100%}.game-stage .stage-left .stage-left-context{min-width:0}.czar-submissions{flex-wrap:wrap;justify-content:center;gap:16px;padding:24px;display:flex}.czar-submissions .card-back{aspect-ratio:5/7;background:var(--color-black);color:#ffffff59;border-radius:10px;justify-content:center;align-items:center;width:clamp(90px,10vw,130px);font-size:2rem;animation:.3s backwards pop-in;display:flex;box-shadow:0 4px 12px #0000002e}.round-recap{text-align:left;max-width:360px;margin:24px auto 0}.round-recap .recap-row{border-radius:var(--radius-md);align-items:center;gap:10px;padding:8px 14px;font-weight:600;animation:.3s backwards rise-in;display:flex}.round-recap .recap-row.is-you{background:var(--color-gray-light)}.round-recap .recap-row .recap-rank{text-align:center;width:1.6em}.round-recap .recap-row .recap-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.round-recap .recap-row .recap-score{color:#ff6122;font-weight:700}@media (width<=1020px){.game-header-center{display:none}}@keyframes deal-in{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0}}@keyframes pop-in{0%{opacity:0;scale:.92}70%{scale:1.02}to{opacity:1;scale:1}}@keyframes rise-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.hand-card-slot{animation:.35s backwards deal-in;animation-delay:calc(var(--deal-i,0) * 45ms)}.stage-black-card .game-card{animation:.4s backwards pop-in}.stage-main .game-card,.plays-grid .game-card{animation:.3s backwards pop-in}.turn-result .winner-announcement,.game-state{animation:.3s backwards rise-in}.turn-result .plays-grid{animation:.4s .12s backwards pop-in}.turn-result .round-actions{animation:.3s .25s backwards rise-in}.login-modal{animation:.22s backwards pop-in}.timer-fill{transition:width 1s linear,background-color .3s}.timer-fill.danger{animation:1s ease-in-out infinite timer-pulse}.stage-right.open .player-item{animation:.25s backwards rise-in}@media (prefers-reduced-motion:reduce){.hand-card-slot,.stage-black-card .game-card,.stage-main .game-card,.plays-grid .game-card,.turn-result .winner-announcement,.turn-result .plays-grid,.turn-result .round-actions,.game-state,.login-modal,.timer-fill,.stage-right.open .player-item{animation:none!important}.btn:hover:not(:disabled),.btn:active:not(:disabled),.btn-start-game:hover:not(:disabled),.btn-start-game:active:not(:disabled),.btn-next-round:hover:not(:disabled),.btn-next-round:active:not(:disabled),.btn-share-cookie:hover:not(:disabled),.btn-share-cookie:active:not(:disabled),.login-provider-btn:hover:not(:disabled),.login-provider-btn:active:not(:disabled),.login-guest-submit:hover:not(:disabled),.login-guest-submit:active:not(:disabled),.share-x-btn:hover:not(:disabled),.share-x-btn:active:not(:disabled),.header-btn:hover:not(:disabled),.header-btn:active:not(:disabled),.deck-pill-btn:hover:not(:disabled),.deck-pill-btn:active:not(:disabled){translate:none}}