:root{--bg:#f4ede2;--bg-strong:#eadfcf;--panel:#fff9f0d1;--panel-stroke:#5c3f241f;--text:#2e2218;--muted:#735d4a;--shadow:0 24px 60px #36220d24;--red:#d94f3d;--blue:#2f67d8;--green:#2f8f64;--yellow:#e8b63c}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#ffdb9cb3,#0000 32%),radial-gradient(circle at bottom right,#d85c4638,#0000 28%),linear-gradient(135deg,#f4ede2,#eadfcf);background:radial-gradient(circle at top left,#ffdb9cb3,#0000 32%),radial-gradient(circle at bottom right,#d85c4638,#0000 28%),linear-gradient(135deg,var(--bg),var(--bg-strong));color:#2e2218;color:var(--text);font-family:Trebuchet MS,Segoe UI,sans-serif;margin:0}#root,body,html{max-width:100%;overflow-x:hidden}button,input{font:inherit}.screen-shell{min-height:100vh;overflow:hidden;padding:28px;position:relative}.centered-shell{display:grid;font-size:24px;place-items:center}.ambient{border-radius:999px;filter:blur(18px);height:340px;inset:auto;opacity:.45;pointer-events:none;position:absolute;width:340px}.ambient-left{background:#e8b63c8c;left:-100px;top:-80px}.ambient-right{background:#2f67d847;bottom:-60px;right:-80px}.hero-panel,.panel,.player-entry-card,.topbar{position:relative;z-index:1}.hero-panel,.panel,.player-entry-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9f0d1;background:var(--panel);border:1px solid #5c3f241f;border:1px solid var(--panel-stroke);border-radius:28px;box-shadow:0 24px 60px #36220d24;box-shadow:var(--shadow)}.hero-panel{margin:10vh auto 0;max-width:760px;padding:40px}.hero-panel--home{max-width:860px}.home-action-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.home-action-card{grid-gap:10px;background:linear-gradient(160deg,#d94f3d24,#ffffffd9);border:1px solid #5c3f241a;border-radius:24px;box-shadow:0 18px 38px #36220d14;color:#2e2218;color:var(--text);cursor:pointer;display:grid;gap:10px;padding:24px;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.home-action-card:hover{box-shadow:0 24px 42px #36220d1f;transform:translateY(-2px)}.home-action-card--secondary{background:linear-gradient(160deg,#2f67d81f,#ffffffd9)}.home-action-card__label{color:#a14f2e;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-panel h1,.page-title,.panel h2,.player-entry-card h1{font-family:Georgia,Times New Roman,serif;letter-spacing:-.02em;margin:0}.hero-panel p,.join-link,.muted-text,.notice{color:#735d4a;color:var(--muted)}.eyebrow{color:#a14f2e;font-size:12px;font-weight:700;letter-spacing:.18em;margin-bottom:10px;text-transform:uppercase}.action-row,.color-options,.hero-actions,.input-stack{display:flex;flex-wrap:wrap;gap:12px}.accent-button,.color-swatch,.danger-button,.menu-button,.primary-button,.secondary-button,.uno-button{border:0;border-radius:999px;cursor:pointer;padding:13px 20px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.accent-button:hover,.color-swatch:hover,.danger-button:hover,.menu-button:hover,.primary-button:hover,.secondary-button:hover,.uno-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#d85c46,#b73a2b);box-shadow:0 12px 24px #b73a2b40;color:#fff7f1}.accent-button:disabled,.primary-button:disabled,.secondary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.menu-button,.secondary-button{background:#4d372414;color:#2e2218;color:var(--text)}.accent-button,.uno-button{background:linear-gradient(135deg,#2f67d8,#1d4ca8);color:#fff}.danger-button{background:#f7dbd4;color:#872d21;width:100%}.topbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.page-title{font-size:clamp(32px,4vw,52px)}.menu-anchor{position:relative}.menu-popover{background:#fff8f1f5;border:1px solid #5c3f241f;border:1px solid var(--panel-stroke);border-radius:18px;box-shadow:0 24px 60px #36220d24;box-shadow:var(--shadow);min-width:190px;padding:10px;position:absolute;right:0;top:calc(100% + 10px)}.player-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.exit-button{white-space:nowrap}.host-grid,.player-game-layout,.player-waiting-layout{grid-gap:20px;display:grid;gap:20px;position:relative;z-index:1}.host-grid{grid-template-columns:1.15fr .85fr}.host-table-layout{position:relative;z-index:1}.host-grid--lobby,.player-waiting-layout{grid-template-columns:.95fr 1.05fr}.player-game-layout{grid-template-columns:.95fr 1.2fr .85fr}.panel,.player-entry-card{min-width:0;padding:24px}.panel-header-row{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px}.panel-header-row--hand{align-items:center}.hand-meta-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-pill{align-self:flex-start;background:#4d372414;border-radius:999px;color:#2e2218;color:var(--text);font-size:13px;font-weight:700;padding:9px 14px}.status-pill--alert{background:#d94f3d24;color:#962f20}.room-panel,.spotlight-panel,.table-panel,.waiting-panel{min-height:100%}.host-table-panel{padding:18px}.host-table-surface{background:radial-gradient(circle at 50% 45%,#fff5e126,#0000 22%),radial-gradient(circle at top,#ffffff14,#0000 35%),linear-gradient(180deg,#1f7c57,#16523a);border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff14;min-height:72vh;overflow:hidden;position:relative}.table-center-stage{color:#fff9f0;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:min(420px,62vw);z-index:2}.center-card-wrap{display:grid;margin:12px 0 16px;place-items:center}.turn-callout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8f124;border-radius:999px;color:#fff9f0;display:inline-block;font-weight:800;padding:12px 18px}.host-table-hint{color:#fff9f0d1;margin-top:12px}.winner-showcase{grid-gap:6px;display:grid;gap:6px;margin-top:12px}.winner-showcase span{color:#fff9f0cc;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.winner-showcase strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,5vw,64px)}.table-seat{grid-gap:10px;display:grid;gap:10px;justify-items:center;min-width:160px;position:absolute;z-index:1}.table-seat--top{left:50%;top:20px;transform:translateX(-50%)}.table-seat--right{right:26px;top:50%;transform:translateY(-50%)}.table-seat--bottom{bottom:22px;left:50%;transform:translateX(-50%)}.table-seat--left{left:26px;top:50%;transform:translateY(-50%)}.table-seat--current .table-seat__name{background:#e8b63c38;box-shadow:0 0 0 1px #fff8d92e;color:#fff7de}.table-seat__name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000002e;border-radius:999px;color:#fff9f0;font-weight:700;padding:7px 12px}.card-fan{align-items:center;display:flex;justify-content:center;min-height:74px;min-width:146px;position:relative}.card-fan--left,.card-fan--right{min-height:146px;min-width:74px}.card-back{background:linear-gradient(135deg,#ffffff29,#0000),repeating-linear-gradient(135deg,#2248a1 0 7px,#17357a 7px 14px);border:2px solid #fff8f1cc;border-radius:12px;box-shadow:0 10px 18px #06101e47;height:72px;position:absolute;width:48px}.card-back:before{color:#fffaf2eb;content:"UNO";display:grid;font-size:11px;font-weight:900;inset:0;letter-spacing:.08em;place-items:center;position:absolute}.card-overflow-badge{background:#fff8f1f0;border-radius:999px;bottom:-6px;box-shadow:0 8px 16px #08122438;color:#254b9a;font-size:12px;font-weight:900;padding:5px 9px;position:absolute;right:-8px;z-index:2}.card-back--bottom,.card-back--top{transform:translateX(calc((var(--i) - 4)*10px)) rotate(calc((var(--i) - 4)*3deg))}.card-back--left,.card-back--right{transform:translateY(calc((var(--i) - 4)*10px)) rotate(90deg) rotate(calc((var(--i) - 4)*3deg))}.flying-card{--from-x:0px;--from-y:0px;animation:played-card-flight .72s cubic-bezier(.18,.76,.24,1) forwards;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(calc(-50% + var(--from-x)),calc(-50% + var(--from-y))) scale(.92);z-index:3}.flying-card .uno-card{border-radius:18px;border-width:3px;box-shadow:0 18px 30px #10121c47;height:108px;width:72px}.flying-card .uno-card:before{inset:11px 13px}.flying-card--top{--from-y:-230px}.flying-card--right{--from-x:330px}.flying-card--bottom{--from-y:230px}.flying-card--left{--from-x:-330px}@keyframes played-card-flight{0%{opacity:.35}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.84)}}.confetti-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:5}.confetti-piece{animation-fill-mode:forwards;animation-name:confetti-fall;animation-timing-function:ease-in;border-radius:3px;height:24px;opacity:0;position:absolute;top:-40px;width:12px}@keyframes confetti-fall{0%{opacity:1;transform:translate3d(0,-10vh,0) rotate(0deg);transform:translate3d(0,-10vh,0) rotate(var(--confetti-rotate,0deg))}to{opacity:.95;transform:translate3d(calc(9vw - 9%),110vh,0) rotate(2turn);transform:translate3d(calc(9vw - 9%),110vh,0) rotate(calc(var(--confetti-rotate, 0deg) + 2turn))}}.room-code{font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,10vw,94px);letter-spacing:.18em;text-align:center}.qr-wrap{background:#fff;border-radius:22px;margin:24px auto 16px;padding:16px;width:fit-content}.join-link{background:#4d37240f;border-radius:16px;padding:12px 14px;word-break:break-all}.manual-join-note{color:#735d4a;color:var(--muted);line-height:1.5;margin-top:14px}.host-address-block{margin-top:18px}.host-address-block--compact{margin-top:16px}.field-label{color:#735d4a;color:var(--muted);display:block;font-size:14px;font-weight:700;margin-bottom:8px}.inline-code{background:#4d372414;border-radius:999px;color:#2e2218;color:var(--text);display:inline-block;font-family:Courier New,monospace;font-size:.92em;padding:3px 8px}.player-stack{grid-gap:12px;display:grid;gap:12px}.player-row{align-items:center;background:#ffffff80;border-radius:20px;display:flex;gap:14px;padding:14px;transition:transform .18s ease,background .18s ease}.player-row--active{background:#d94f3d1f;transform:translateX(4px)}.player-badge{background:linear-gradient(135deg,#f2c35a,#dd7a42);border-radius:14px;color:#fff;display:grid;font-weight:800;height:44px;place-items:center;width:44px}.player-meta{flex:1 1}.player-name{font-weight:700}.empty-state{border:1px dashed #4d372433;border-radius:18px;color:#735d4a;color:var(--muted);padding:18px}.discard-zone{display:grid;min-height:220px;place-items:center}.discard-zone--mobile{min-height:180px}.centered-text,.winner-banner{text-align:center}.winner-banner{grid-gap:8px;display:grid;gap:8px;min-height:240px;place-items:center}.winner-banner span{color:#a14f2e;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.winner-banner strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,60px)}.winner-banner--compact{border-top:1px solid #4d37241a;margin-top:18px;min-height:auto;padding-top:18px}.uno-chip{background:#e8b63c40;border-radius:999px;color:#8f5600;font-weight:800;padding:7px 12px}.name-input{background:#ffffffdb;border:1px solid #4d372429;border-radius:18px;flex:1 1;min-width:220px;padding:14px 18px}.input-stack--join{align-items:center}.room-code-input{font-weight:800;letter-spacing:.28em;max-width:180px;text-align:center;text-transform:uppercase}.host-address-input{max-width:260px}.player-entry-card{margin:10vh auto 0;max-width:560px}.hand-grid,.hand-preview-row{display:flex;flex-wrap:wrap;gap:12px}.mobile-quick-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.mobile-stat-card{grid-gap:4px;background:#ffffff94;border-radius:18px;display:grid;gap:4px;padding:14px}.mobile-stat-card span{color:#735d4a;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mobile-stat-card strong{font-size:22px}.color-picker{border-top:1px solid #4d37241a;margin-top:18px;padding-top:18px}.color-swatch{color:#fff;text-transform:capitalize}.color-options--compact{gap:10px}.color-swatch--circle{border:3px solid #fff8f1f5;box-shadow:0 10px 18px #36220d1f;height:44px;padding:0;width:44px}.color-swatch__inner{border-radius:999px;height:100%;width:100%}.color-swatch--red{background:#d94f3d;background:var(--red)}.color-swatch--blue{background:#2f67d8;background:var(--blue)}.color-swatch--green{background:#2f8f64;background:var(--green)}.color-swatch--yellow{background:#e8b63c;background:var(--yellow);color:#403115}.floating-error,.notice{border-radius:16px;margin-top:16px;padding:12px 14px}.floating-error,.notice--error{background:#d94f3d1f;color:#952f20}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26190f59;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:4}.modal-card{background:#fff8f1fa;border:1px solid #5c3f241f;border:1px solid var(--panel-stroke);border-radius:24px;box-shadow:0 24px 60px #36220d24;box-shadow:var(--shadow);padding:24px;width:min(100%,460px)}.danger-button--confirm{max-width:220px}.floating-error{bottom:20px;position:fixed;right:20px;z-index:3}.selection-note{margin-top:10px}.uno-card{align-items:center;border:4px solid #fdf8f0;border-radius:24px;box-shadow:0 18px 28px #1e181238;color:#fff;display:flex;height:168px;justify-content:center;overflow:hidden;position:relative;width:112px}.uno-card:before{background:#ffffffe6;border-radius:999px;content:"";inset:15px 18px;position:absolute;transform:rotate(-29deg)}.uno-card--compact{border-radius:18px;border-width:3px;height:118px;width:78px}.uno-card--selected{box-shadow:0 24px 38px #1e18124d;transform:translateY(-6px)}.uno-card--clickable{cursor:pointer}.uno-card--red{background:linear-gradient(160deg,#ef705e,#b83327)}.uno-card--blue{background:linear-gradient(160deg,#4f89ff,#1d4ca8)}.uno-card--green{background:linear-gradient(160deg,#42b27c,#1e6f4c)}.uno-card--yellow{background:linear-gradient(160deg,#f5cf63,#d59816);color:#3e2e10}.uno-card--wild{background:linear-gradient(160deg,#212121,#474747)}.uno-card--dark-text{color:#1a130d}.uno-card--light-text{color:#fffaf2}.uno-card__corner,.uno-card__oval{align-items:center;display:inline-flex;font-weight:900;justify-content:center;position:relative;z-index:1}.uno-card__oval{font-size:34px;letter-spacing:-.04em;text-transform:uppercase}.uno-card--compact .uno-card__oval{font-size:20px}.uno-card__corner{font-size:14px;left:10px;position:absolute;text-transform:uppercase;top:10px}.uno-card__corner--bottom{bottom:10px;left:auto;right:10px;top:auto;transform:rotate(180deg)}.uno-card__symbol{align-items:center;display:inline-flex;justify-content:center;position:relative}.uno-card__symbol--skip{border:.12em solid;border-radius:999px;height:.95em;width:.95em}.uno-card__symbol--skip:after{background:currentColor;content:"";height:.12em;position:absolute;transform:rotate(-36deg);width:.9em}.uno-card__symbol--reverse{font-size:1.05em;gap:.02em;line-height:1}.uno-card__symbol--wild{grid-gap:.1em;display:grid;gap:.1em;grid-template-columns:repeat(2,1fr);height:1.05em;width:1.05em}.uno-card__wild-dot{border-radius:999px;height:100%;width:100%}.uno-card__wild-dot--red{background:#ef705e}.uno-card__wild-dot--yellow{background:#f5cf63}.uno-card__wild-dot--green{background:#42b27c}.uno-card__wild-dot--blue{background:#4f89ff}.uno-card__symbol--compact{transform:scale(.88)}@media (max-width:1100px){.host-grid,.host-grid--lobby,.player-game-layout,.player-waiting-layout{grid-template-columns:1fr}.host-table-surface{min-height:84vh}}@media (max-width:700px){.hero-panel--home{margin-top:4vh}.home-action-grid{gap:12px;grid-template-columns:1fr}.home-action-card{border-radius:18px;padding:18px}.screen-shell{padding:12px}.hero-panel,.panel,.player-entry-card{border-radius:18px;padding:14px}.topbar{flex-direction:column;margin-bottom:14px}.topbar--player{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8f1e6;border-radius:18px;box-shadow:0 12px 30px #36220d1f;padding:12px;position:sticky;top:0;z-index:3}.topbar--player .eyebrow{font-size:11px;margin-bottom:6px}.player-header-actions{justify-content:space-between;width:100%}.exit-button,.player-header-actions .status-pill{flex:1 1;text-align:center}.player-game-layout{gap:10px}.hand-panel{order:1}.table-panel{order:2}.roster-panel{order:3}.page-title{font-size:22px;line-height:1}.panel h2{font-size:20px}.panel-header-row,.panel-header-row--hand{align-items:center;gap:10px;margin-bottom:12px}.hand-meta-row{justify-content:flex-start;width:100%}.hand-grid{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;margin:0;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scroll-snap-type:x proximity}.hand-grid .uno-card{flex:0 0 auto;margin-right:-20px;scroll-snap-align:start}.hand-grid .uno-card:last-child{margin-right:0}.table-panel--mobile-focus{grid-gap:10px;display:grid;gap:10px}.discard-zone{min-height:96px}.discard-zone--mobile{justify-items:center;min-height:96px;overflow:hidden}.discard-zone--mobile .uno-card{border-radius:18px;border-width:3px;height:110px;width:74px}.discard-zone--mobile .uno-card:before{inset:12px 14px}.discard-zone--mobile .uno-card__oval{font-size:22px}.discard-zone--mobile .uno-card__corner{font-size:11px;left:7px;top:7px}.discard-zone--mobile .uno-card__corner--bottom{bottom:7px;left:auto;right:7px;top:auto}.mobile-quick-stats{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px}.mobile-stat-card{border-radius:14px;padding:10px}.mobile-stat-card span{font-size:10px}.mobile-stat-card strong{font-size:16px;line-height:1.1}.action-row{background:#fff8f1f5;border-radius:14px;bottom:10px;box-shadow:0 10px 22px #36220d1f;gap:8px;margin-top:4px;padding:8px;position:sticky;z-index:2}.action-row>*{flex:1 1;min-width:0}.accent-button,.exit-button,.secondary-button,.uno-button{font-size:15px;padding:12px 14px}.player-stack{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.player-row{align-items:center;border-radius:16px;flex:0 0 auto;gap:10px;min-width:136px;padding:10px;scroll-snap-align:start}.player-badge{border-radius:12px;height:36px;width:36px}.player-name{font-size:14px;line-height:1.1;word-break:break-word}.player-meta .muted-text{font-size:12px}.selection-note{font-size:13px;margin-top:0}.host-table-panel{padding:10px}.host-table-surface{grid-gap:18px;display:grid;gap:18px;min-height:auto;padding:18px}.flying-card,.flying-card--bottom,.flying-card--left,.flying-card--right,.flying-card--top{animation:none;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.84)}.table-center-stage,.table-seat,.table-seat--bottom,.table-seat--left,.table-seat--right,.table-seat--top{position:static;transform:none;width:100%}.table-center-stage{order:1;width:auto}.table-seat{background:#ffffff14;border-radius:18px;padding:12px}.card-fan,.card-fan--left,.card-fan--right{min-height:64px;min-width:120px}.card-back{height:62px;width:42px}.card-back--left,.card-back--right{transform:translateX(calc((var(--i) - 4)*9px)) rotate(calc((var(--i) - 4)*3deg))}.uno-card{border-radius:18px;border-width:3px;box-shadow:0 12px 20px #1e181229;height:110px;width:74px}.uno-card:before{inset:12px 14px}.uno-card__oval{font-size:22px}.uno-card__corner{font-size:11px;left:7px;top:7px}.uno-card__corner--bottom{bottom:7px;left:auto;right:7px;top:auto}.room-code{letter-spacing:.12em}}
/*# sourceMappingURL=main.4d897266.css.map*/