:root{--ink:#f8f4e9;--muted:#bdb5a3;--felt:#10392d;--felt-deep:#071c18;--wood:#20130e;--brass:#c9a45f;--red:#8f2c2d;--panel:rgba(13,18,17,0.82);--panel-strong:rgba(7,11,10,0.92);--line:rgba(248,244,233,0.14);--shadow:0 22px 60px rgba(0,0,0,0.42)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{color:var(--ink);background:#050807;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100dvh;display:flex;flex-direction:column;gap:14px;padding:16px;background:radial-gradient(circle at 50% 30%,rgba(201,164,95,.12),transparent 34%),linear-gradient(135deg,rgba(143,44,45,.18),transparent 34%),#050807;overflow-x:hidden}.center-shell,.login-shell{align-items:center;justify-content:center}.spin{animation:spin .9s linear infinite}.login-panel{width:min(460px,100%);padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,28,25,.94),rgba(7,10,9,.92));box-shadow:var(--shadow);border-radius:8px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup.small h1{font-size:19px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#16100b;background:linear-gradient(135deg,#e5c77d,#9f7435);font-weight:800}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.08;letter-spacing:0}h2{font-size:15px;line-height:1.2}.brand-lockup p,.muted{color:var(--muted);font-size:13px;line-height:1.5}.login-form{display:grid;grid-gap:14px;gap:14px;margin-top:24px}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px}input,select{width:100%;height:44px;border-radius:8px;border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.07);padding:0 12px;outline:none}select option{color:#101514}input:focus,select:focus{border-color:rgba(201,164,95,.72);box-shadow:0 0 0 3px rgba(201,164,95,.12)}.action-buttons button,.icon-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;color:var(--ink);transition:transform .15s ease,border-color .15s ease,background .15s ease}.primary-button{width:100%;color:#15100a;background:linear-gradient(135deg,#eccf85,#b17b38);font-weight:800}.action-buttons button,.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.08)}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.07)}.action-buttons button:not(:disabled):hover,.icon-button:not(:disabled):hover,.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(201,164,95,.5)}.error-text,.toast{color:#ffd7d2;font-size:13px}.error-text{margin-top:14px}.toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);max-width:min(520px,calc(100vw - 30px));padding:12px 16px;border:1px solid rgba(255,215,210,.26);border-radius:8px;background:rgba(52,18,17,.92);box-shadow:var(--shadow)}.topbar{justify-content:space-between;gap:12px;min-height:58px}.topbar,.topbar-actions{display:flex;align-items:center}.topbar-actions{gap:8px}.user-chip{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--brass);background:rgba(255,255,255,.06);font-weight:700}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:14px;gap:14px;flex:1 1;min-height:0}.table-stage{min-width:0;min-height:560px;border-radius:8px;background-image:url(/assets/felt-table-bg.png);background-size:cover;background-position:50%;box-shadow:var(--shadow);border:1px solid rgba(201,164,95,.22);padding:clamp(14px,3vw,34px)}.table-felt{position:relative;width:100%;height:100%;min-height:500px;border-radius:999px;border:1px solid rgba(234,209,143,.38);background:radial-gradient(ellipse at center,rgba(20,79,59,.92),rgba(6,29,24,.9) 70%),var(--felt);box-shadow:inset 0 0 70px rgba(0,0,0,.42),0 14px 42px rgba(0,0,0,.36);overflow:hidden}.pot-display{z-index:5;top:29%;transform:translateX(-50%);display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:8px;color:var(--brass);background:rgba(5,8,7,.64);border:1px solid rgba(201,164,95,.2);font-size:13px;font-weight:800}.community-row,.pot-display{position:absolute;left:50%;gap:8px}.community-row{z-index:3;top:45%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(5,58px);grid-gap:8px}.table-message{position:absolute;left:50%;top:56%;transform:translateX(-50%);width:min(520px,76%);color:rgba(248,244,233,.86);text-align:center;font-size:14px;line-height:1.5}.seat-ring{inset:0}.seat,.seat-ring{position:absolute}.seat{width:168px;min-height:104px;padding:10px;border-radius:8px;border:1px solid rgba(248,244,233,.13);background:rgba(7,10,9,.76);box-shadow:0 14px 28px rgba(0,0,0,.24)}.seat.active{border-color:rgba(201,164,95,.8);box-shadow:0 0 0 3px rgba(201,164,95,.13),0 14px 28px rgba(0,0,0,.24)}.seat-0{left:50%;bottom:4%;transform:translateX(-50%)}.seat-1{right:9%;bottom:19%}.seat-2{right:9%;top:16%}.seat-3{left:50%;top:4%;transform:translateX(-50%)}.seat-4{left:9%;top:16%}.seat-5{left:9%;bottom:19%}.last-action,.seat-meta,.seat-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.seat-name{color:var(--ink);font-size:14px;font-weight:800}.seat-name svg{color:var(--brass)}.last-action,.seat-meta{margin-top:5px;color:var(--muted);font-size:12px}.seat-meta strong{color:var(--brass)}.mini-cards{display:flex;gap:5px;margin-top:8px}.playing-card{display:grid;place-items:center;width:58px;height:80px;border-radius:8px;color:#171717;background:linear-gradient(145deg,#fffdf5,#ded8c9);border:1px solid rgba(0,0,0,.12);box-shadow:0 10px 18px rgba(0,0,0,.26);font-style:normal;line-height:1;transform-origin:50% 80%;will-change:transform,opacity}.playing-card b{font-size:20px}.playing-card i{font-style:normal;font-size:17px}.red-card{color:#9b2026}.black-card{color:#161616}.back{background:linear-gradient(135deg,rgba(201,164,95,.18) 25%,transparent 0) 0 0 /10px 10px,linear-gradient(135deg,transparent 75%,rgba(201,164,95,.18) 0) 0 0 /10px 10px,linear-gradient(145deg,#173329,#071613);border-color:rgba(201,164,95,.22)}.empty-card{background:rgba(255,255,255,.025);border:1px dashed rgba(248,244,233,.12);box-shadow:none}.dealt-card{animation:deal-card .46s cubic-bezier(.18,.84,.24,1) both;animation-delay:var(--deal-delay,0s)}.small-card{width:30px;height:42px;border-radius:6px}.small-card b{font-size:12px}.small-card i{font-size:11px}.side-rail{display:flex;flex-direction:column;gap:12px;min-width:0}.rail-section{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 12px 30px rgba(0,0,0,.22);padding:16px}.rail-section h2{margin-bottom:8px}.status-pair{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;border-top:1px solid var(--line);margin-top:10px;padding-top:10px;color:var(--muted);font-size:13px}.status-pair strong{color:var(--ink)}.hole-row{display:flex;gap:10px;margin:12px 0}.controls{display:grid;grid-gap:10px;gap:10px}.action-bar{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:76px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);padding:12px}.action-bar p{font-size:15px;font-weight:800}.action-bar span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.action-buttons{display:grid;grid-template-columns:repeat(4,minmax(64px,88px)) 92px;grid-gap:8px;gap:8px}.action-buttons input{width:92px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes deal-card{0%{opacity:0;transform:translateY(-28px) scale(.88) rotate(-7deg);filter:blur(2px)}64%{opacity:1;transform:translateY(5px) scale(1.03) rotate(1deg);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}}@media (max-width:1060px){.game-grid{grid-template-columns:1fr}.side-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.app-shell{padding:10px;gap:10px}.topbar{min-height:52px}.brand-lockup.small h1{font-size:16px}.brand-lockup.small p{display:none}.table-stage{min-height:450px;padding:8px}.pot-display{top:18%}.table-felt{min-height:432px;border-radius:28px}.community-row{top:43%;grid-template-columns:repeat(5,42px);gap:5px}.community-row .playing-card{width:42px;height:58px}.seat{width:122px;min-height:86px;padding:8px}.seat-name{font-size:12px}.last-action,.seat-meta{font-size:11px}.seat-1,.seat-2{right:3%}.seat-4,.seat-5{left:3%}.action-bar,.side-rail{grid-template-columns:1fr}.action-buttons{grid-template-columns:repeat(3,1fr)}.action-buttons input{width:100%}}@media (max-width:420px){.topbar-actions .user-chip{display:none}.login-panel{padding:22px}h1{font-size:24px}.table-stage{min-height:390px}.table-felt{min-height:374px}.seat{width:112px}.seat-0{bottom:2%}.seat-3{top:2%}.pot-display{top:17%}.table-message{top:60%;font-size:12px}}