:root{color-scheme:light;--bg: #f5efe2;--bg-soft: rgba(255, 250, 240, .9);--panel: rgba(255, 252, 245, .94);--panel-border: rgba(105, 78, 39, .14);--text: #2d2016;--muted: #6d5a46;--gold: #d7a14d;--gold-strong: #efc46f;--ember: #c95d43;--forest: #4f7c57;--success: #5d8d67;--warning: #cf9a3f;--danger: #c8574b;--shadow: 0 20px 55px rgba(81, 54, 29, .16);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-display: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-body: "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(255,213,143,.35),transparent 24%),radial-gradient(circle at top right,rgba(164,211,180,.35),transparent 26%),linear-gradient(180deg,#fff8ed,#f6efdf 35%,#ede2ca)}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;border:1px solid rgba(105,78,39,.14);border-radius:14px;background:#ffffffdb;color:var(--text);padding:.95rem 1rem;outline:none}input:focus,select:focus,button:focus-visible{box-shadow:0 0 0 3px #d7a14d2e;border-color:#d7a14db3}.app-shell{min-height:100vh;padding:1rem}.topbar{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:#fffdf8eb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:inline-flex;align-items:center;gap:.85rem;border:0;background:transparent;color:var(--text);text-align:left}.brand__mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:16px;background:linear-gradient(145deg,#8b5a24,#c79d59);color:var(--gold-strong);font-family:var(--font-display);font-size:1.6rem;box-shadow:inset 0 0 0 1px #ffffff59}.brand__text{display:grid;gap:.15rem}.brand__text strong,.hero__title,.room-hero__title,.panel__title,.section-header__title,.debug-card h3{font-family:var(--font-display)}.brand__text small,.muted,.panel__eyebrow,.field__hint,.section-header__description,.roster__label,.debug-player__head span,.table-grid__tile span{color:var(--muted)}.topbar__nav,.topbar__session,.button-row,.room-hero__actions,.section-header,.debug-card__head,.hero,.home-grid,.room-grid{display:flex}.topbar__nav,.room-hero__actions,.button-row{gap:.75rem;align-items:center}.topbar__nav{flex-wrap:wrap;justify-content:center}.main-stage{width:min(1280px,100%);margin:1rem auto 0}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:min(1280px,100%);margin:1.5rem auto 0;padding:1rem 1.1rem;border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:#fffdf8b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:.85rem}.footer__copy{color:var(--text)}.footer__links{display:flex;align-items:center;gap:.75rem}.footer__link{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);text-decoration:none;transition:color .12s ease}.footer__link:hover{color:var(--text)}.panel{border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,#fffcf7f0,#f8f1e4eb);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.75rem;min-width:0}.panel--hero{padding:2rem;overflow:hidden;position:relative}.panel--hero:after{content:"";position:absolute;inset:auto -10% -30% auto;width:22rem;height:22rem;border-radius:50%;background:radial-gradient(circle,rgba(215,161,77,.14),transparent 65%);pointer-events:none}.panel__body{display:grid;gap:1rem;min-width:0;overflow-wrap:anywhere}.panel__eyebrow{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.panel__title{margin:0 0 1rem;font-size:1.35rem;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;min-height:2.9rem;padding:.85rem 1.1rem;border-radius:999px;border:1px solid transparent;color:#2b1c11;background:linear-gradient(145deg,#f4d58a,var(--gold));font-weight:700;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;max-width:100%;text-align:center;overflow-wrap:anywhere;white-space:normal}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #d7a14d2e}.button:disabled{opacity:.45;cursor:not-allowed}.button--secondary{color:var(--text);background:#ffffffd1;border-color:#694e271f}.button--ghost{color:var(--text);background:transparent;border-color:#694e271a}.button--danger{color:#fff;background:linear-gradient(145deg,#d56a57,var(--danger))}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(105,78,39,.12);font-size:.8rem}.pill--gold{color:#2a1f0e;background:linear-gradient(145deg,#fde39c,var(--gold));border-color:transparent}.pill--good{color:#24462c;background:#5d8d6724;border-color:#5d8d6738}.pill--warn{color:#5f4514;background:#d7a14d29;border-color:#d7a14d3d}.pill--bad{color:#6e2e24;background:#c8584b24;border-color:#c8584b38}.panel .field,.stack-form{display:grid;gap:.45rem}.field__label{font-size:.92rem;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.field__hint{font-size:.82rem;max-width:100%;overflow-wrap:anywhere}.hero{align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.hero__copy{display:grid;gap:.85rem;max-width:46rem;min-width:0}.hero__title{margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.96;letter-spacing:-.03em;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.hero__text{margin:0;max-width:42rem;color:var(--muted);font-size:1.05rem;overflow-wrap:anywhere}.hero__aside{display:grid;gap:.85rem;min-width:17rem;justify-items:end}.hero__stat strong,.topbar__session .pill,.brand__text strong,.brand__text small{max-width:100%;overflow-wrap:anywhere;white-space:normal}.hero__stat{display:grid;gap:.25rem;padding:1rem 1.1rem;border-radius:var(--radius-lg);background:#ffffffad;border:1px solid rgba(105,78,39,.1)}.home-layout,.room-shell,.debug-layout{display:grid;gap:1rem;padding-bottom:1rem}.home-grid,.room-grid{gap:1rem}.home-grid>*,.room-grid>*{flex:1 1 0;min-width:0}.stack-form,.stack-form .field{min-width:0}.stack-form .field,.stack-form .button{width:100%}.stack-form input,.stack-form select{min-width:0}.stack-form{max-width:32rem}.inline-error{padding:.9rem 1rem;border-radius:var(--radius-md);background:#d06b591f;border:1px solid rgba(208,107,89,.25);color:#7b2f25}.room-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.4rem 1.5rem}.room-hero__info{min-width:0}.room-hero__title{margin:.45rem 0 .15rem;font-size:clamp(1.8rem,4vw,3rem);max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.room-grid{align-items:flex-start}.table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.table-grid__tile{display:grid;gap:.35rem;padding:1rem;border-radius:var(--radius-lg);background:#ffffffbd;border:1px solid rgba(105,78,39,.1);min-width:0;overflow-wrap:anywhere;animation:fade-slide-in .42s ease both}.table-grid__tile strong{font-size:1.18rem}.roster{display:grid;gap:.75rem}.roster__card,.result-card,.debug-card,.debug-player,.card-tile{border-radius:var(--radius-lg);border:1px solid rgba(105,78,39,.1);background:#ffffffc7;min-width:0;overflow-wrap:anywhere}.roster__card{padding:.95rem 1rem}.roster__card--turn{border-color:#d7a14d42;box-shadow:inset 0 0 0 1px #d7a14d14}.roster__meta,.debug-player__head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.55rem}.section-header{justify-content:space-between;align-items:end;gap:1rem}.section-header__title,.debug-card h3{margin:0}.section-header__description{margin:.3rem 0 0}.rank-selector,.hand-grid,.debug-list,.debug-player-list,.debug-player__cards{display:flex;flex-wrap:wrap;gap:.6rem}.hand-grid{position:relative;justify-content:center;align-items:flex-end;min-height:15rem;padding:.8rem 0 1.5rem;perspective:1400px;overflow-x:auto;overflow-y:visible}.rank-chip,.card-tile,.button--ghost,.button--secondary{transition:border-color .12s ease,transform .12s ease,background .12s ease}.hand-sort-controls{display:flex;flex-wrap:wrap;gap:.6rem}.rank-chip{padding:.7rem .9rem;border-radius:999px;border:1px solid rgba(105,78,39,.12);background:#fffc;color:var(--text)}.rank-chip--active{border-color:#d7a14d73;background:#d7a14d2e}.card-tile{display:grid;grid-template-rows:auto 1fr auto;align-content:start;width:7.55rem;height:10.8rem;padding:.7rem;color:var(--text);text-align:left;position:relative;transform:translateY(calc(var(--card-lift, 0px) * -1)) rotate(var(--card-tilt, 0deg));transform-origin:bottom center;border:1px solid rgba(105,78,39,.18);background:radial-gradient(circle at top left,rgba(255,255,255,.88),transparent 30%),linear-gradient(180deg,#fffefb,#f8f2e5);box-shadow:0 12px 22px #3525132e;-webkit-user-select:none;user-select:none;animation:card-float-in .36s ease both}.card-tile--selected{z-index:10;transform:translateY(calc((var(--card-lift, 0px) + 10px) * -1)) rotate(var(--card-tilt, 0deg));border-color:var(--gold);border-width:2px;background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 30%),linear-gradient(180deg,#fffaf0,#f7e7bf);box-shadow:0 0 0 3px #d7a14d8c,0 18px 28px #4b311847}.card-tile__check{position:absolute;top:-.55rem;right:-.55rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(145deg,#f4d58a,var(--gold));color:#2b1c11;font-size:.95rem;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.7);box-shadow:0 6px 14px #3b220f52}.card-tile--dragging{opacity:.55}.card-tile:after{content:"";position:absolute;top:.35rem;right:.35rem;bottom:.35rem;left:.35rem;border-radius:14px;border:1px solid rgba(105,78,39,.08);pointer-events:none}.card-tile--red{color:#b7342d}.card-tile--black{color:#2c2a28}.card-tile__shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 40%);pointer-events:none}.card-tile__corner{display:grid;gap:.05rem;font-weight:700;font-family:var(--font-display);line-height:1}.card-tile__corner--tl{justify-self:start;align-self:start}.card-tile__corner--br{justify-self:end;align-self:end;transform:rotate(180deg)}.card-tile__rank{font-size:1.05rem}.card-tile__suit{font-size:.95rem}.card-tile__pip{display:grid;place-items:center;font-size:3rem;font-weight:700;opacity:.96}.card-tile--red .card-tile__pip,.card-tile--red .card-tile__corner{color:#c53b31}.card-tile--black .card-tile__pip,.card-tile--black .card-tile__corner{color:#2b2a28}.hand-grid>.card-tile{margin-left:-.95rem;flex:0 0 auto}.hand-grid>.card-tile:first-child{margin-left:0}.hand-grid>.card-tile:hover{z-index:30;transform:translateY(calc((var(--card-lift, 0px) + 8px) * -1)) rotate(var(--card-tilt, 0deg)) translateY(-.2rem)}.hand-grid>.card-tile:nth-child(odd){animation-delay:40ms}.hand-grid>.card-tile:nth-child(3n){animation-delay:80ms}.room-shell{position:relative;padding:1rem;border-radius:34px;background:radial-gradient(circle at top,rgba(255,255,255,.2),transparent 35%),radial-gradient(circle at 10% 10%,rgba(255,214,131,.16),transparent 25%),linear-gradient(180deg,#3f6a49,#32563f);border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 60px #37523940}.room-shell:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:28px;border:1px solid rgba(255,255,255,.18);pointer-events:none;box-shadow:inset 0 0 0 10px #79582c38}.room-shell>*{position:relative;z-index:1}.room-shell .panel,.room-shell .room-hero{background:#fffcf6f0}.center-stack{display:grid;justify-items:center;gap:.6rem;padding:1.2rem 0 .5rem}.center-stack__label,.center-stack__hint{color:#fffaeeeb;font-size:.88rem;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.16)}.center-stack__pile{position:relative;width:12rem;height:12rem;display:grid;place-items:center}.center-stack__card{position:absolute;width:7.6rem;height:10.6rem;border-radius:18px;box-shadow:0 16px 24px #11201438}.center-stack__card--back{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.24),transparent 16%),repeating-linear-gradient(45deg,#ffffff2e 0,#ffffff2e 8px,#ffffff0f 8px,#ffffff0f 16px),linear-gradient(145deg,#2f4d38,#40684d);border:1px solid rgba(255,255,255,.28);animation:deck-breath 3.8s ease-in-out infinite}.center-stack__card--one{transform:translate(-.8rem,.7rem) rotate(-10deg);animation-delay:-.4s}.center-stack__card--two{transform:translate(.25rem,.25rem) rotate(4deg);animation-delay:-.9s}.center-stack__card--three{transform:translate(.9rem,.85rem) rotate(12deg);animation-delay:-1.4s}.center-stack__card--face{display:grid;place-items:center;transform:translateY(-.2rem) rotate(-2deg);background:radial-gradient(circle at top,#ffffffd1,#fffffffa 68%),linear-gradient(180deg,#fffdf8,#f2eadb);border:1px solid rgba(105,78,39,.16);color:#7c2e25}.center-stack__face-label{position:absolute;top:1rem;left:.85rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.center-stack__face-suit{font-size:3rem;opacity:.9}.center-stack__count{position:absolute;right:-.25rem;bottom:.05rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:linear-gradient(145deg,#f7d989,#daab48);color:#3b220f;font-weight:700;box-shadow:0 8px 16px #3b220f2e;animation:pulse-pop 2.8s ease-in-out infinite}.end-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;z-index:50;animation:fade-in .18s ease-out}.end-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1b1f1675;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.end-popup__card{position:relative;z-index:1;width:min(36rem,100%);padding:1.2rem;animation:popup-rise .24s cubic-bezier(.2,.9,.25,1) both}.end-popup__title{margin:.5rem 0 .35rem;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.3rem)}.end-popup__reason{margin:0;font-size:1.05rem;line-height:1.5}.room-shell .panel,.room-shell .room-hero,.room-shell .table-grid__tile,.room-shell .roster__card,.room-shell .result-card,.room-shell .debug-card,.room-shell .debug-player,.room-shell .card-tile{animation:fade-slide-in .38s ease both}.room-shell .room-hero{animation-delay:40ms}.room-shell .table-grid__tile:nth-child(2){animation-delay:80ms}.room-shell .table-grid__tile:nth-child(3){animation-delay:.12s}.room-shell .panel__eyebrow,.room-shell .section-header__title,.room-shell .room-hero__title{text-wrap:balance}.room-shell .section-header__description,.room-shell .muted,.room-shell .table-grid__tile span,.room-shell .table-grid__tile strong,.room-shell .roster__label,.room-shell .debug-player__head span,.room-shell .end-popup__reason{overflow-wrap:anywhere}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popup-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-float-in{0%{opacity:0;transform:translateY(14px) scale(.98) rotate(calc(var(--card-tilt, 0deg) * .2))}to{opacity:1;transform:translateY(calc(var(--card-lift, 0px) * -1)) rotate(var(--card-tilt, 0deg))}}@keyframes deck-breath{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-3px,0) scale(1.01)}}@keyframes pulse-pop{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.room-shell .muted,.room-shell .section-header__description,.room-shell .table-grid__tile span,.room-shell .roster__label,.room-shell .debug-player__head span{color:#3f2f1db8}.room-shell .panel__eyebrow{color:#3f2f1db3;letter-spacing:.22em}.room-shell .panel__title,.room-shell .section-header__title,.room-shell .room-hero__title,.room-shell .debug-card h3{color:#2d2016}.result-card,.debug-card,.debug-player{padding:1rem}.debug-list{flex-direction:column}.debug-card{display:grid;gap:1rem}.debug-card__head{justify-content:space-between;align-items:flex-start}.debug-player{display:grid;gap:.6rem}.muted{margin:0}.button-row--wrap{flex-wrap:wrap}@media (max-width: 960px){.topbar,.hero,.room-hero,.section-header,.debug-card__head{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.home-grid,.room-grid{flex-direction:column}.table-grid{grid-template-columns:1fr}.hero__aside{width:100%;justify-items:start}}@media (max-width: 640px){.app-shell{padding:.75rem}.panel--hero,.room-hero,.panel{border-radius:22px}.card-tile{width:calc(50% - .3rem)}.topbar{justify-items:start}}