:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f4e9;background:#10241d}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% 35%,#27624c,#10241d 65%)}button{font:inherit;cursor:pointer}.app-shell{width:min(100%,520px);min-height:100dvh;margin:auto;padding:env(safe-area-inset-top,20px) 16px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.topbar,.round-info,.scoreboard,.stats{display:flex;justify-content:space-between;align-items:center}.eyebrow{margin:0;color:#a7d4b3;font-size:.68rem;font-weight:800;letter-spacing:.13em}.topbar h1{font-size:2rem;line-height:1;margin:.2rem 0}.icon-button{border:1px solid #8ac39b;border-radius:50%;width:42px;height:42px;background:transparent;color:#fff;font-size:1.5rem}.scoreboard{gap:8px}.scoreboard div{flex:1;text-align:center;background:#18352a;border-radius:12px;padding:8px}.scoreboard span,.stats span{display:block;font-size:.66rem;color:#b7cfc0;font-weight:800;letter-spacing:.06em}.scoreboard strong{font-size:1.45rem}.scoreboard div:nth-child(2){background:#e7c15c;color:#1b261e}.scoreboard div:nth-child(2) span{color:#485a45}.round-info{font-size:.84rem;font-weight:700;color:#d8ebdd}.table{position:relative;min-height:310px;border:2px solid rgba(223,242,224,.3);border-radius:26px;background:rgba(4,27,18,.28);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:22px}.seat{text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:.72rem;font-weight:800;color:#c8dfcf}.cpu-seat:nth-child(2){align-items:center}.human-seat{grid-column:1/3;align-self:end}.played-card{width:64px;height:90px;background:#f8f4e9;color:#1c2420;border-radius:8px;box-shadow:0 3px 8px #0006;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.card-back{background:repeating-linear-gradient(45deg,#d65a4e,#d65a4e 5px,#f2c6a1 5px,#f2c6a1 8px);color:#fff}.empty{opacity:.35;background:#143429;color:#d9eee0;border:1px dashed #bad7c3}.status{position:absolute;left:16px;right:16px;top:44%;text-align:center;font-weight:800;margin:0;color:#fff;text-shadow:0 1px 3px #000}.panel{text-align:center}.panel h2{margin:.2rem 0;font-size:1.15rem}.panel p{margin:.25rem 0 .65rem;color:#c4dacb}.primary,.secondary{border:0;border-radius:12px;padding:11px 18px;font-weight:900}.primary{background:#edc85f;color:#19251c}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#376e56;color:#fff}.hand{min-height:112px;display:flex;justify-content:flex-start;align-items:flex-end;gap:7px;overflow-x:auto;overflow-y:visible;padding:14px 3px 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.card{width:clamp(48px,14vw,68px);height:94px;flex:0 0 auto;scroll-snap-align:center;background:#f9f6ed;border:2px solid transparent;border-radius:8px;padding:7px;color:#17201a;box-shadow:0 4px 10px #0005;text-align:left;font-weight:900;transition:transform .15s,border-color .15s}.card.red{color:#bd3935}.card:disabled{opacity:.38}.card.selected{transform:translateY(-13px);border-color:#edc85f}.card.legal:not(:disabled):hover,.card.legal:not(:disabled):focus{transform:translateY(-8px);border-color:#63bb86}.rank{display:block;font-size:1.35rem;line-height:1}.suit{font-size:1.5rem}.stats{margin-top:auto;background:#0b1c15aa;border-radius:14px;padding:10px}.stats div{text-align:center;flex:1}.stats strong{font-size:1rem}.result{position:fixed;inset:0;background:#06120dcc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;z-index:3}.result h2{font-size:2rem;margin:0}.result p{color:#d5e4d9;max-width:330px}.hidden{display:none!important}@media(min-width:520px){.app-shell{padding-top:28px}.table{min-height:340px}}