.game-host{max-width:1080px}.game-host [data-host-status]{min-height:1.5em;margin:0 0 18px;color:var(--muted)}
.game-host .panel{min-width:0;overflow-wrap:anywhere}.game-host form{display:grid;gap:14px;margin:18px 0}.game-host form .field{margin:0}
.game-host form button{justify-self:start;white-space:normal}.game-host button,.game-host select{max-width:100%}.game-host .btn:disabled{opacity:.5;cursor:wait}
.game-host-card{border-top:1px solid var(--line);padding:20px 0}.game-host-card:first-of-type{margin-top:16px}.game-host-card:last-child{padding-bottom:0}
.game-creator{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.game-creator>summary{cursor:pointer;font-weight:700;color:var(--ink);min-height:32px}.game-creator[open]>summary{margin-bottom:8px}.game-creator input{text-transform:none}.game-creator input[name="code"]{text-transform:uppercase;letter-spacing:1px}
.game-host-phases{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:24px 0 0}.game-host-phases li{padding:7px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;color:var(--muted)}
.game-host-phases [aria-current]{background:#e2ecd9;color:#203723;border-color:#9eb58b;font-weight:700}
.game-host-standings{padding-left:24px}.game-host-standings li{padding:12px 0;border-bottom:1px solid var(--line)}.game-host-standings li span{display:inline-block;width:calc(100% - 72px);vertical-align:top}.game-host-standings b{display:inline-block;text-align:right;width:68px}
@media(max-width:650px){.game-host .cols2{grid-template-columns:1fr}.game-host .list-row{align-items:flex-start;flex-wrap:wrap}.game-host form button{width:100%}.game-host select{width:100%;min-width:0}}
.game-preview{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;padding:42px;border-radius:18px;background:radial-gradient(ellipse at 95% 90%,#70603555,transparent 65%),#18291f;color:#eee8d8;overflow:hidden}.game-preview>*{min-width:0}.game-preview .eyebrow{color:#cbb582}.game-preview-story h2{font:400 clamp(32px,3vw,48px)/1.08 Georgia,serif;margin:18px 0;color:#f5edde;letter-spacing:-1px}.game-preview-story>p{color:#c8cbbd;line-height:1.6;font-size:14px}.game-preview-story ol{list-style:none;counter-reset:steps;margin:28px 0;padding:0}.game-preview-story li{position:relative;padding:0 0 20px 36px;color:#c8cbbd;font-size:13px;line-height:1.55;counter-increment:steps}.game-preview-story li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#cbb582;font-size:11px}.game-preview-story li b{display:block;color:#efe8d8;font-weight:500}.game-preview-note{font-size:12px!important;border-top:1px solid #ffffff26;padding-top:18px}.game-preview-demo{align-self:center}.game-preview-tag{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:#ccb98e;text-align:center;margin-bottom:15px}.game-preview-switch{display:flex;gap:4px;padding:4px;border:1px solid #ffffff29;border-radius:10px;margin-bottom:20px}.game-preview-switch button{flex:1;padding:10px 5px;border-radius:7px;background:transparent;color:#d5d9cb;font-size:12px}.game-preview-switch [aria-pressed=true]{background:#e8e5d7;color:#20352a}.game-preview [hidden]{display:none!important}.game-preview-phone,.game-preview-tv,.game-preview-score{min-height:315px;padding:27px;border:1px solid #ffffff30;border-radius:14px;background:#f4f0e5;color:#1e3327}.game-preview-demo h3{font:400 27px/1.15 Georgia,serif;margin:12px 0;color:inherit}.game-preview-demo .eyebrow{color:#76623f}.game-preview-demo p{font-size:13px;line-height:1.5;color:#596353}.game-preview-samples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.game-preview-samples button{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:145px;padding:18px 8px;background:#e7e9dc;border:2px solid transparent;border-radius:10px;color:#294531}.game-preview-samples [aria-pressed=true]{border-color:#365d40;background:#d9e4cf}.game-preview-samples b{font-size:13px;font-weight:500}.sample-glass{display:block;width:47px;height:58px;border:1px solid #9e946b;border-radius:5px 5px 13px 13px;background:linear-gradient(0deg,#ae782eab 58%,#f9f3e955 59%);box-shadow:inset 5px 0 6px #fff8,4px 7px 9px #21351e22;transform:rotate(-4deg)}.game-preview-samples button:nth-child(2) .sample-glass{transform:rotate(4deg);background:linear-gradient(0deg,#96612aaa 58%,#f9f3e955 59%)}.game-preview-tv{background:#233d2c;color:#f4eddd}.game-preview-tv .eyebrow{color:#cbb582}.game-preview-versus{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 0;font:400 20px Georgia,serif}.game-preview-versus small{font:11px sans-serif;color:#cbb582}.game-preview-join{padding:18px;border:1px solid #ffffff33;border-radius:8px;color:#d9dfcd;font-size:12px;line-height:1.5}.game-preview-score h3{margin:32px 0 20px}.game-preview-score [data-preview-score]{font-size:18px;color:#284330}.game-preview-disclaimer{text-align:center;color:#b7c1ac!important;font-size:11px!important;margin:14px 0 0}.game-preview button:focus-visible{outline:3px solid #bd9454;outline-offset:3px}
@media(max-width:850px){.game-preview{grid-template-columns:1fr;gap:24px;padding:28px}.game-preview-story ol{margin-bottom:0}.game-preview-demo{max-width:460px;width:100%;justify-self:center}}@media(max-width:500px){.game-preview{padding:20px;gap:20px}.game-preview-phone,.game-preview-tv,.game-preview-score{padding:20px;min-height:300px}.game-preview-story h2{font-size:34px}.game-preview-switch button{font-size:11px}.game-host [data-host-nav]{width:100%}}
