:root{color-scheme:light;font-family:Avenir Next,Gill Sans Nova,Trebuchet MS,sans-serif;line-height:1.45;font-weight:400;color:#f7efe4;background:radial-gradient(circle at top left,rgba(255,198,116,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(118,35,35,.22),transparent 32%),linear-gradient(140deg,#1f2428,#2b1418 52%,#13221d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper: #f7efe4;--ink: #161616;--cream: #f2e6d2;--wine: #7d2f2f;--wine-strong: #5f1f24;--forest: #294238;--gold: #d7b36a;--shadow: 0 24px 60px rgba(9, 8, 10, .28);--line: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#fff7ef;padding:.9rem 1rem}input:focus,select:focus{outline:2px solid rgba(215,179,106,.55);outline-offset:2px}.page-shell,.display-shell{max-width:1320px;margin:0 auto;padding:2rem clamp(1rem,3vw,2.5rem) 3rem}.display-shell{max-width:1600px;min-height:100vh}.hero-banner,.panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fffbf61c,#fffbf60a);box-shadow:var(--shadow)}.hero-banner{padding:clamp(1.8rem,5vw,4rem)}.hero-banner:after,.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;opacity:.22;pointer-events:none}.hero-banner>*,.panel>*{position:relative;z-index:1}.hero-banner h1,.panel h1,.panel h2,.display-header h1{margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.05}.hero-banner h1{max-width:12ch;font-size:clamp(2.8rem,7vw,5.6rem);margin-top:.9rem}.hero-banner p{max-width:68ch;color:#f7efe4d1;font-size:1.05rem;margin:1rem 0 0}.hero-steps,.two-column-layout,.room-grid,.display-grid,.rules-grid,.catalog-grid,.card-grid,.submission-grid,.action-row,.status-strip,.room-topbar,.display-header{display:grid;gap:1rem}.hero-steps,.status-strip,.action-row,.room-topbar,.display-header{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.two-column-layout,.room-grid,.display-grid{margin-top:1.4rem}.two-column-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid{grid-template-columns:minmax(0,2fr) minmax(300px,.9fr)}.display-grid{grid-template-columns:minmax(0,2.4fr) minmax(320px,.8fr)}.info-band{margin-top:1.4rem;padding:1.35rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.resume-panel{margin-top:1.4rem;padding:1.4rem}.resume-room-list{display:grid;gap:1rem}.resume-room-card{display:grid;gap:1rem;padding:1rem 1.1rem;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.06)}.resume-room-card p{margin:.35rem 0 0;color:#f7efe4c2}.resume-room-card__actions{display:flex;flex-wrap:wrap;gap:.75rem}.card-panel,.game-panel,.sidebar-panel,.display-stage,.display-sidebar{padding:1.4rem}.centered-card{max-width:520px;margin:0 auto}.brand-chip,.code-pill,.connection-pill,.score-pill,.selection-meter,.catalog-card__badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.brand-chip{background:#d7b36a2e;color:#ffe4ab;padding:.48rem .85rem;width:fit-content}.brand-chip--link{transition:transform .18s ease}.brand-chip--link:hover{transform:translateY(-2px)}.code-pill{padding:.65rem 1rem;background:#ffffff1a;color:#fff2de}.code-pill--large{font-size:1.1rem;padding:.9rem 1.2rem}.connection-pill{padding:.55rem .9rem;background:#b74f4f3d;color:#ffd5d5}.connection-pill--ok{background:#50a87c2e;color:#d7ffe8}.score-pill,.selection-meter{min-width:3rem;padding:.55rem .85rem;background:#ffffff1a}.eyebrow,.status-label{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#ffefd6b8}.panel-heading,.panel-heading--room,.panel-heading--small{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-heading h2,.panel-heading h1{margin-top:.3rem;font-size:clamp(1.6rem,4vw,2.4rem)}.panel-heading--small h2{font-size:1.35rem}.stacked-form,.lobby-layout,.panel-subsection,.roster-list,.loading-state,.pack-toolbar,.filter-field,.catalog-card__badges,.pictionary-layout,.guess-log,.guess-chip,.pictionary-meta-grid{display:grid;gap:1rem}.stacked-form{margin-top:1rem}.stacked-form label,.rules-grid label{display:grid;gap:.45rem;color:#fff8f0e6}.primary-button,.secondary-button,.ghost-button,.catalog-card,.answer-card,.submission-card{border:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.primary-button,.secondary-button,.ghost-button{border-radius:16px;padding:.9rem 1.15rem;font-weight:700}.primary-button{background:linear-gradient(135deg,#d7b36a,#f8d67b);color:#2a1e0d}.secondary-button{background:linear-gradient(135deg,#fff8f02e,#fff8f01a);color:#fff4e8;border:1px solid rgba(255,255,255,.1)}.ghost-button,.ghost-button--link{background:#ffffff14;color:#fff4e8}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.catalog-card:hover,.answer-card:hover,.submission-card:hover{transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled,.catalog-card:disabled{opacity:.55;cursor:not-allowed;transform:none}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pack-toolbar{grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(150px,.9fr)) auto;align-items:end}.pack-toolbar--meta{grid-template-columns:1fr;gap:.4rem}.pack-toolbar__reset{min-height:3.2rem}.filter-field{gap:.45rem}.filter-field span{color:#fff8f0e6}.catalog-card{text-align:left;padding:1.1rem;border-radius:22px;background:#f5eee314;color:#fff6eb}.catalog-card--selected{outline:2px solid rgba(215,179,106,.7);background:#d7b36a29}.catalog-card strong{display:block;margin-top:.2rem;font-size:1.15rem}.catalog-card p{margin:.6rem 0 0;color:#fff5ebc7}.catalog-card__badge{width:fit-content;padding:.35rem .7rem;font-size:.68rem;background:#792f2fb3;color:#fff4ec}.catalog-card__badges{grid-template-columns:repeat(auto-fit,minmax(0,max-content));gap:.45rem}.catalog-card__badge--official{background:#215886b8}.catalog-card__badge--community{background:#4f3984b8}.catalog-card__badge--original{background:#306549c2}.catalog-card__badge--rating{background:#7e4a1db8}.catalog-card__badge--family{background:#357656c2}.catalog-card__badge--mixed{background:#6d6742c2}.catalog-card__badge--adult{background:#792f2fd6}.word-banner{font-family:Georgia,Times New Roman,serif;letter-spacing:.08em;line-height:1.15}.pictionary-meta-grid{grid-template-columns:1fr;justify-items:end}.pictionary-board{border-radius:24px;overflow:hidden;border:1px solid rgba(17,17,17,.1);background:linear-gradient(180deg,#ffffffe0,#f5eee3f5),repeating-linear-gradient(180deg,transparent 0,transparent 41px,rgba(0,0,0,.04) 42px);box-shadow:inset 0 0 0 1px #fff3}.pictionary-board svg{display:block;width:100%;aspect-ratio:10 / 7;touch-action:none}.pictionary-board--interactive{cursor:crosshair}.guess-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem}.guess-log{max-height:280px;overflow:auto}.guess-chip{grid-template-columns:auto 1fr;align-items:center;padding:.85rem 1rem;border-radius:18px;background:#ffffff14}.guess-chip--correct{background:#50a87c38;outline:1px solid rgba(155,255,200,.28)}.prompt-card{background:#101010;color:#fff;border-radius:28px;padding:1.5rem;min-height:220px;display:grid;align-content:space-between;box-shadow:inset 0 0 0 1px #ffffff14,var(--shadow)}.prompt-card--display{min-height:320px}.prompt-card__meta{display:flex;align-items:center;justify-content:space-between}.prompt-card__body{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3.6vw,2.9rem);line-height:1.15}.prompt-pick{background:#ffffff1f;padding:.45rem .75rem;border-radius:999px}.status-strip{margin:1.2rem 0}.status-strip>div{padding:.9rem 1rem;border-radius:18px;background:#ffffff12}.status-copy,.inline-error,.toast-error,.display-status,.roster-item__meta,.mini-panel p,.info-band p{color:#fff4e7c2}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.answer-card,.answer-chip{border-radius:22px;background:var(--paper);color:var(--ink);padding:1rem;text-align:left;min-height:170px;font-weight:700;box-shadow:0 12px 26px #0000002e}.answer-card--selected{outline:3px solid var(--gold);transform:translateY(-2px) rotate(-1deg)}.submission-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.submission-grid--display{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.submission-card{padding:1rem;border-radius:24px;background:#fffaf11a;color:#fff5ea;display:grid;gap:.9rem;align-content:start}.submission-card--winner{outline:2px solid rgba(215,179,106,.85);background:#d7b36a29}.submission-card__answers{display:grid;gap:.8rem}.answer-chip{min-height:0}.submission-card__author{font-size:.88rem;color:#fff4e7b8}.roster-list{margin-top:1rem}.roster-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:18px;background:#ffffff0f}.roster-item--winner{background:#d7b36a2e}.room-topbar__meta,.display-header__meta{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:flex-end}.display-empty{display:grid;place-items:center;gap:.8rem;text-align:center;padding:2rem 1rem}.display-join-code{font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,9vw,6rem);letter-spacing:.08em}.winner-ribbon{padding:.8rem 1rem;border-radius:16px;background:#d7b36a29;color:#ffecc3;font-weight:700}.loading-state{min-height:220px;place-items:center;text-align:center;color:#fff4e7c2}.loading-state__dot{width:18px;height:18px;border-radius:999px;background:var(--gold);box-shadow:0 0 #d7b36a80;animation:pulse 1.4s infinite}.mini-panel{padding:1rem;border-radius:18px;background:#ffffff0f}.mini-panel__label{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffe6b5}.toast-error,.inline-error{margin-top:1rem;padding:.9rem 1rem;border-radius:16px;background:#a42a2a40;border:1px solid rgba(255,173,173,.2)}.text-link{color:#ffe2a0}.fade-up{animation:fadeUp .48s ease both}.delayed{animation-delay:.11s}.delayed-more{animation-delay:.18s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.94);box-shadow:0 0 #d7b36a73}70%{transform:scale(1);box-shadow:0 0 0 12px #d7b36a00}to{transform:scale(.94);box-shadow:0 0 #d7b36a00}}@media (max-width: 1040px){.two-column-layout,.room-grid,.display-grid,.info-band{grid-template-columns:1fr}.info-band{display:grid}}@media (max-width: 720px){.page-shell,.display-shell{padding:1rem .9rem 2rem}.hero-banner h1{max-width:none}.room-topbar,.display-header{grid-template-columns:1fr}.room-topbar__meta,.display-header__meta{justify-content:flex-start}.pack-toolbar,.guess-form{grid-template-columns:1fr}.pictionary-meta-grid{justify-items:stretch}.answer-card,.answer-chip{min-height:140px}.prompt-card__body{font-size:clamp(1.35rem,7vw,2rem)}}