*{box-sizing:border-box}html,body{color:#e9e6df;background:radial-gradient(circle at 50% 45%,#1c5c4775,#0000 38%),radial-gradient(circle at 50% 115%,#093f30c7,#0000 42%),linear-gradient(#03110d 0%,#062019 52%,#020907 100%);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.hidden{display:none!important}#game{position:fixed;inset:0;overflow:hidden}#game:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 22%,#ffecbe1a,#0000 28%),radial-gradient(circle at 50% 98%,#0000005c,#0000 44%);position:absolute;inset:0}.overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{text-align:center;background:#112a22;border:1px solid #1f4a3b;border-radius:16px;width:380px;padding:40px 36px;box-shadow:0 20px 60px #00000080}.login-card h1{letter-spacing:6px;color:#ffcb45;text-shadow:0 2px 8px #ffcb454d;margin:0 0 24px;font-size:32px}.login-card input{color:#e9e6df;background:#0a1e18;border:1px solid #1f4a3b;border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:15px}.login-card input:focus{border-color:#ffcb45;outline:none}.login-card .field-hint{color:#6f7872;text-align:left;margin:-6px 0 16px;font-size:12px}.login-card #login-btn{color:#0a1e18;cursor:pointer;background:#ffcb45;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:700}.login-card #login-btn:hover{background:#ffd66b}.login-card #login-btn:disabled{opacity:.6;cursor:not-allowed}.login-card .login-secondary{color:#aab2ad;margin:14px 0 4px;font-size:13px}.login-card #register-btn{color:#ffcb45;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.login-card #register-btn:hover{color:#ffd66b}.login-card #register-btn:disabled{opacity:.6;cursor:not-allowed}.login-card .login-bonus{color:#6f7872;margin:0;font-size:12px}.profile-card{color:#e9e6df;background:#112a22;border:1px solid #1f4a3b;border-radius:16px;width:420px;max-width:90vw;padding:24px 28px;box-shadow:0 20px 60px #00000080}.profile-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.profile-head h2{letter-spacing:2px;color:#ffcb45;margin:0;font-size:18px}.profile-close{color:#aab2ad;cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:22px}.profile-close:hover{color:#e9e6df}.profile-row{border-top:1px solid #1f4a3b;padding:16px 0}.profile-row:first-of-type{border-top:none}.profile-row-label{letter-spacing:2px;color:#8aa39a;text-transform:uppercase;margin-bottom:8px;font-size:11px}.profile-row-display{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.profile-row-value{color:#e9e6df;overflow-wrap:anywhere;font-size:14px}.profile-edit-btn{color:#aab2ad;cursor:pointer;background:0 0;border:1px solid #2c4a3f;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.profile-edit-btn:hover{color:#e9e6df;border-color:#3a6655}.profile-row-editor{flex-direction:column;gap:8px;display:flex}.profile-row-editor input{color:#e9e6df;background:#0a1e18;border:1px solid #1f4a3b;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.profile-row-editor input:focus{border-color:#ffcb45;outline:none}.profile-row-actions{justify-content:flex-end;gap:8px;display:flex}.profile-row-actions .save{color:#0a1e18;cursor:pointer;background:#ffcb45;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.profile-row-actions .save:hover:not(:disabled){background:#ffd66b}.profile-row-actions .save:disabled{opacity:.5;cursor:not-allowed}.profile-row-actions .cancel{color:#aab2ad;cursor:pointer;background:0 0;border:1px solid #2c4a3f;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.profile-row-actions .cancel:hover:not(:disabled){color:#e9e6df}.profile-row-actions .cancel:disabled{opacity:.5;cursor:not-allowed}.profile-footer{border-top:1px solid #1f4a3b;justify-content:flex-end;margin-top:16px;padding-top:16px;display:flex}.profile-logout{color:#c0392b;cursor:pointer;background:0 0;border:1px solid #c0392b;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.profile-logout:hover{background:#c0392b1f}header{z-index:30;pointer-events:none;position:fixed;top:18px;left:28px}.brand{letter-spacing:8px;color:#ffcb45;text-shadow:0 2px 14px #000000c7,0 0 22px #ffcb4552,0 0 4px #ffcb4599;font-family:Cinzel,Times New Roman,serif;font-size:22px;font-weight:700}main{z-index:1;height:100vh;display:block;position:relative;overflow:hidden}.table-area{min-width:0;min-height:0;display:block;position:absolute;inset:0}@media (width>=901px){.table-area{right:308px}}.table-wrap{justify-content:center;align-items:flex-start;padding-top:56px;display:flex;position:absolute;inset:0;overflow:hidden}.action-bar{z-index:32;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0e3429d9,#051410e0);border:1px solid #ffcb4547;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:min(760px,100vw - 36px);min-height:68px;padding:10px 20px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 22px 60px #0000008c,inset 0 1px #ffffff1a,0 0 0 1px #0006}.action-bar .ab-prompt{letter-spacing:1px;color:#ffe7a8;font-family:Cinzel,Times New Roman,serif;font-size:13px}.action-bar.empty .ab-empty-text{letter-spacing:1.5px;color:#8aa39a;font-family:Cinzel,Times New Roman,serif;font-size:13px;font-style:italic}.action-bar #bet-confirm{letter-spacing:1px;background:#3aa37b;border-color:#3aa37b;box-shadow:inset 0 1px #ffffff2e,0 6px 14px #00000059}.action-bar #bet-confirm:hover:not(:disabled){background:#45b78b}.action-bar .ab-pending strong{font-family:Cinzel,Times New Roman,serif;font-size:16px}.action-bar .ab-leave{color:#aab2ad;cursor:pointer;background:#00000029;border:1px solid #ffffff1f;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.action-bar .ab-leave:hover{color:#e9e6df;border-color:#ffffff42}.action-bar .ab-section{align-items:center;gap:10px;display:flex}.action-bar .ab-btn{min-width:96px;padding:12px 16px;font-size:14px}.action-bar .ab-chip{border-radius:999px;width:64px;height:64px;padding:0;font-size:14px}.action-bar .ab-pending{color:#e9e6df;margin:0 8px;font-size:14px}.action-bar .ab-pending strong{color:#ffcb45}canvas#table{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.banner{letter-spacing:2px;color:#ffe7a8;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0b2c20b8,#04120dc7);border:1px solid #ffcb4547;border-radius:999px;padding:9px 24px;font-family:Cinzel,Times New Roman,serif;font-size:14px;font-weight:600;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000073,inset 0 1px #ffffff0a}.timer{font-variant-numeric:tabular-nums;color:#ffe7a8;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0b2c20b8,#04120dc7);border:1px solid #ffcb4547;border-radius:999px;padding:8px 14px;font-weight:700;position:absolute;top:74px;right:24px;box-shadow:0 14px 34px #00000073}.timer.urgent{color:#fff;background:#c0392b;border-color:#ffffff2e}.side-panel{z-index:24;width:280px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:10px;padding:0;display:flex;position:fixed;top:76px;bottom:auto;right:16px;overflow:hidden}.card-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08221a8a;border:1px solid #ffcb451f;border-radius:12px;padding:11px 12px;box-shadow:0 18px 52px #0003}.card-box h2{letter-spacing:2px;color:#8aa39a;text-transform:uppercase;margin:0 0 10px;font-size:12px}.player-card{background:linear-gradient(#1446328c,#081e169e);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.player-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.player-name{color:#ffcb45;letter-spacing:.5px;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;min-width:0;padding:0;font-family:Cinzel,Times New Roman,serif;font-size:16px;font-weight:700;overflow:hidden}.player-name:hover:not(:disabled){text-decoration:underline}.player-name:disabled{cursor:default;opacity:.6}.balance-amount{color:#ffcb45;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:18px;font-weight:700}.claim-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#3aa37b;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:0 10px 24px #0000004d,inset 0 1px #fff3}.claim-btn:hover:not(:disabled){background:#45b78b}.claim-btn:disabled{color:#6f7872;cursor:not-allowed;box-shadow:none;background:#2c4a3f}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}#actions-box .actions{grid-template-columns:1fr 1fr 1fr}#actions-box .actions .btn-action:nth-child(4),#actions-box .actions .btn-action:nth-child(5){grid-column:span 1}.btn-action{color:#e9e6df;cursor:pointer;background:#143b30d6;border:1px solid #ffffff1a;border-radius:999px;padding:10px;font-weight:600;box-shadow:inset 0 1px #ffffff14}.btn-action:hover:not(:disabled){background:#1c533ff5}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-action[data-action=hit]{color:#ffcb45}.btn-action[data-action=double]{color:#ff7a45}.bet-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.bet-row:last-child{margin-bottom:0}.chip-btn{color:#ffcb45;cursor:pointer;background:#2a2110;border:2px solid #ffcb45;border-radius:999px;flex:1;padding:8px;font-weight:700}.chip-btn[data-chip="25"]{color:#5dabff;background:#102540;border-color:#5dabff}.chip-btn[data-chip="100"]{color:#4dd28b;background:#0e2a1c;border-color:#4dd28b}.chip-btn[data-chip="500"]{color:#ff7a99;background:#2a121b;border-color:#ff7a99}.chip-btn:hover{filter:brightness(1.2)}.chip-btn:disabled{opacity:.4;cursor:not-allowed;filter:none}#bet-clear,#bet-confirm{color:#e9e6df;cursor:pointer;background:#143b30d1;border:1px solid #ffffff1a;border-radius:999px;padding:9px 13px;font-weight:600}#bet-confirm{background:#3aa37b;border-color:#3aa37b}#bet-confirm:disabled{opacity:.4;cursor:not-allowed}.seat-buttons{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.seat-buttons button{color:#e9e6df;cursor:pointer;background:#0a1e18;border:1px solid #1f4a3b;border-radius:8px;padding:8px;font-size:12px;font-weight:600}.seat-buttons button:disabled{opacity:.5;cursor:not-allowed}.seat-buttons button.mine{color:#0a1e18;background:#ffcb45;border-color:#ffcb45}.ghost{color:#8aa39a;cursor:pointer;background:0 0;border:1px dashed #1f4a3b;border-radius:8px;width:100%;padding:8px;font-size:12px}.ghost:hover{color:#e9e6df}.spectators{color:#aab2ad;word-break:break-word;font-size:13px}.hint-text{color:#8aa39a;margin:0 0 8px;font-size:12px}.chat-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08221a8a;border:none;border-radius:12px;flex-direction:column;flex:none;height:min(330px,34vh);min-height:230px;padding:12px;display:flex;box-shadow:0 18px 52px #0003}.chat-log{background:#020d0a8a;border-radius:10px;flex-direction:column;flex:1;min-height:0;margin-bottom:8px;padding:9px;font-size:13px;display:flex;overflow-y:auto}.chat-log>:first-child{margin-top:auto}.chat-log .msg{margin-bottom:4px;line-height:1.3}.chat-log .msg .u{color:#ffcb45;margin-right:4px;font-weight:600}.chat-log .msg.system{color:#8aa39a;font-size:12px;font-style:italic}.chat-row{gap:6px;display:flex}.chat-row input{color:#e9e6df;background:#020d0a94;border:1px solid #ffffff14;border-radius:10px;flex:1;padding:9px 10px}.chat-row button{color:#e9e6df;cursor:pointer;background:#143b30d6;border:1px solid #ffffff1a;border-radius:10px;padding:9px 13px}.toast{color:#fff;z-index:200;background:#3aa37b;border-radius:8px;padding:12px 20px;font-weight:600;transition:opacity .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.error{background:#c0392b}@media (width<=900px){header{top:12px;left:12px;right:12px}.brand{letter-spacing:2px;font-size:13px}.me{gap:6px}.me-username-btn,#claim-btn{padding:6px 9px;font-size:12px}.me .chip{padding:5px 9px;font-size:12px}.table-wrap{padding:0}.side-panel{flex-direction:row;width:auto;height:188px;inset:auto 10px 96px}.side-panel .card-box{width:34%;min-width:120px}.chat-box{height:auto;min-height:0}.action-bar{width:calc(100vw - 20px);min-height:64px;padding:8px 12px;bottom:10px}.action-bar .ab-btn{min-width:70px;padding:10px 11px}.action-bar .ab-chip{width:52px;height:52px}.timer{right:12px}}