:root{color:#f6f2e8;background:#17140f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(145deg,rgba(20,106,76,.24),transparent 34%),linear-gradient(315deg,rgba(143,36,46,.22),transparent 32%),#17140f}button,input{font:inherit}button{border:0}.app-shell{width:min(1560px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.brand-lockup,.status-row,.join-row,.panel-header,.lock-badge,.status-pill,.chat-form,.table-meta,.table-action-row,.dice-zone,.roll-summary{display:flex;align-items:center}.brand-lockup{gap:14px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;color:#17140f;background:#f3c969;box-shadow:0 12px 36px #00000047}h1,h2,p{margin:0}h1{font-size:clamp(1.4rem,2vw,2.1rem);line-height:1.05;letter-spacing:0}h2{font-size:1rem;letter-spacing:0}p,small,.metric span,.roll-summary span,.status-pill,.empty-text,.player-row span:last-child{color:#cfc5ad}.status-row{flex-wrap:wrap;justify-content:flex-end;gap:10px}.status-pill{min-height:38px;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff12;text-transform:capitalize}.status-pill svg,.panel-header>svg{width:18px;height:18px}.status-pill.good{color:#95e3ac}.status-pill.warn{color:#f3c969}.status-pill.bad,.error-banner{color:#ffb4ad}.error-banner,.table-notice,.join-panel,.account-panel,.control-panel,.bets-panel,.history-panel,.settlement-panel,.table-chat-panel{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#17140fd1;box-shadow:0 18px 42px #0000003d}.error-banner{margin-bottom:16px;padding:12px 14px;background:#8b1e2b57}.table-notice{margin-bottom:16px;padding:12px 14px;color:#17140f;background:#f3c969;font-weight:750}.join-panel,.table-chat-panel{margin-bottom:18px;padding:16px}.join-form{display:grid;gap:8px}.join-row{gap:10px}input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#f6f2e8;background:#ffffff14;padding:0 12px;outline:none}input:focus{border-color:#f3c969}.join-row button,.chat-form button,.roll-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:6px;color:#17140f;background:#f3c969;padding:0 16px;font-weight:750;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}.chat-above-grid{display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);gap:14px;align-items:stretch}.player-roster,.chat-log,.bet-list,.history-list,.settlement-list{display:grid;gap:8px}.bet-list{gap:6px}.player-roster{align-content:start;height:clamp(178px,24vh,236px);min-height:0;overflow-y:auto}.roster-title,.player-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.roster-title{grid-template-columns:auto 1fr;color:#f3c969;font-weight:750}.player-row,.chat-message,.bet-row,.history-row,.settlement-row{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff12;padding:10px}.player-row strong,.player-row small{display:block}.presence-dot{width:10px;height:10px;border-radius:50%}.presence-dot.online{background:#95e3ac;box-shadow:0 0 0 4px #95e3ac26}.presence-dot.offline{background:#908a7c}.chat-stack{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;height:clamp(178px,24vh,236px);min-width:0;min-height:0}.chat-log{min-height:0;overflow-y:auto;align-content:start}.chat-message{display:grid;gap:4px}.chat-message span{color:#f6f2e8;overflow-wrap:anywhere}.chat-form{gap:8px}.chat-form button{width:46px;padding:0;flex:0 0 46px}.auth-copy{align-self:center;color:#d9d0bd;min-width:0;overflow-wrap:anywhere}.account-summary{display:grid;gap:8px}.name-edit-form{display:grid;gap:4px}.name-edit-form label{color:#cfc5ad;font-size:.78rem}.name-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px}.name-edit-row button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:6px;color:#17140f;background:#f3c969;cursor:pointer}.account-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d9d0bd}.account-summary strong{color:#f6f2e8}.account-summary strong.positive{color:#95e3ac}.account-summary strong.negative{color:#ff9c9c}.rebuy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;color:#17140f;background:#f3c969;padding:0 14px;font-weight:750;cursor:pointer}.sign-out-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;color:#f6f2e8;background:#ffffff1f;padding:0 14px;font-weight:750;cursor:pointer}.layout-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.58fr);gap:12px;align-items:start}.sidebar-stack{display:grid;gap:8px;align-content:start;min-width:0}.table-stage{display:grid;gap:16px;min-width:0}.table-results-row{min-width:0}.table-rail{min-height:596px;border-radius:36px;padding:14px;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 56%),#6c2431;box-shadow:inset 0 0 0 10px #23120cd1,0 28px 65px #00000059}.table-felt{position:relative;display:grid;grid-template-rows:auto minmax(342px,1fr) auto;gap:10px;min-height:568px;overflow:hidden;border:3px solid rgba(255,232,180,.28);border-radius:28px;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),#0f684f;background-size:64px 64px;padding:12px}.roll-result-overlay{position:absolute;z-index:12;left:50%;top:46%;pointer-events:none;transform:translate(-50%,-50%);color:#ff1f2f;text-align:center;font-size:clamp(2.4rem,7vw,5.4rem);font-weight:950;line-height:1;text-transform:uppercase;text-shadow:0 3px 0 rgba(255,255,255,.52),0 12px 30px rgba(0,0,0,.42);animation:roll-result-fade 2.8s ease-out forwards}.table-meta{justify-content:space-between;gap:10px;flex-wrap:wrap}.metric{min-width:116px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#00000038;padding:7px 9px}.metric span,.metric strong{display:block}.metric strong{margin-top:3px;font-size:.98rem}.craps-board{position:relative;display:grid;grid-template-rows:1fr .56fr .58fr .46fr .58fr;gap:6px;min-height:0;padding-left:38px}.number-row{display:grid;grid-template-columns:repeat(6,minmax(78px,1fr));gap:5px}.number-column{display:grid;grid-template-rows:minmax(42px,.55fr) minmax(62px,.82fr) minmax(42px,.55fr);gap:4px;min-width:0}.number-box{position:relative;display:grid;place-items:center;gap:5px;min-height:62px;border:2px solid rgba(255,255,255,.75);border-radius:8px;background:#f6f2e814;text-align:center}.number-box strong{font-size:clamp(1rem,1.75vw,1.65rem);letter-spacing:0}.point-puck{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#17140f;background:#f6f2e8;font-size:.68rem;font-weight:850}.point-puck.off-puck{top:49px;left:0;right:auto;width:32px;height:32px;background:#f6f2e8;color:#17140f;box-shadow:0 10px 22px #0000003d}.number-column.point-on .point-puck{color:#f6f2e8;background:#17140f;border:2px solid #f6f2e8}.board-spot{position:relative;display:grid;align-content:center;justify-items:center;gap:3px;min-height:40px;border:2px solid rgba(255,255,255,.7);border-radius:8px;color:#f6f2e8;background:#00000024;padding:5px;text-align:center;cursor:pointer}.board-spot.available:hover,.board-spot.available:focus-visible{border-color:#f3c969;background:#f3c9692b;outline:none}.board-spot.unavailable{cursor:default}.spot-label{font-size:clamp(.72rem,1vw,.92rem);font-weight:850}.board-spot small{font-size:.6rem}.lay-spot{border-style:dashed}.place-spot{background:#ffffff14}.middle-row,.line-row{display:grid;grid-template-columns:minmax(130px,.4fr) minmax(0,1fr);gap:6px}.line-stack{display:grid;grid-template-rows:minmax(34px,.62fr) minmax(40px,1fr);gap:5px}.come-spot .spot-label{font-size:clamp(1.5rem,4vw,3.5rem);line-height:.92}.dont-come-spot,.dont-pass-spot{background:repeating-linear-gradient(135deg,#ffffff14 0 12px,#0000000d 12px 24px),#0000001f}.field-spot{min-height:50px;border-color:#f3c969e6;background:#f3c9691f}.field-spot .spot-label{font-size:clamp(1.55rem,3.9vw,3.2rem);line-height:.9}.pass-line-spot .spot-label{font-size:clamp(1.25rem,2.8vw,2.4rem)}.odds-spot{min-height:34px;border-style:dashed;border-color:#f3c969b3;background:#f3c9691a}.odds-spot .spot-label{font-size:clamp(.72rem,1vw,.92rem)}.prop-row{display:grid;grid-template-columns:repeat(10,minmax(54px,1fr));gap:5px}.prop-spot{min-height:46px;border-color:#f3c969b8;background:#09172138}.prop-spot .spot-label{font-size:clamp(.62rem,.75vw,.82rem)}.prop-high{background:#5e2a6c47}.prop-mid{background:#21456647}.prop-craps{background:#75372a47}.prop-seven{background:#8f242e57}.prop-hard{background:#1d584447}.chip-stack{position:absolute;right:6px;bottom:5px;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-items:center;gap:0;max-width:calc(100% - 12px)}.chip-stack.compact{position:static;display:inline-flex}.stack-chip{display:grid;place-items:center;min-width:26px;height:26px;border:2px dashed #f6f2e8;border-radius:50%;color:#17140f;background:#d94f47;font-size:.62rem;font-weight:850;box-shadow:0 6px 14px #00000047}.player-chip{display:grid;justify-items:center;gap:1px;margin-left:-5px}.player-chip:first-child{margin-left:0}.player-chip.mine .stack-chip{outline:2px solid #f3c969;outline-offset:1px}.player-chip small{color:#f6f2e8;font-size:.56rem;font-weight:750}.moved-bets{position:absolute;left:8px;bottom:8px;display:flex;gap:6px;flex-wrap:wrap}.inline-stack{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#00000047;padding:3px 5px;font-size:.68rem;font-weight:800}.inline-stack .stack-chip{min-width:21px;height:21px;border-width:2px;font-size:.54rem}.table-action-row{display:grid;grid-template-columns:minmax(120px,.36fr) auto minmax(180px,.54fr);gap:8px;align-items:center}.dice-zone{justify-content:center;gap:12px}.die-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:clamp(42px,4.7vw,58px);aspect-ratio:1;border-radius:12px;background:#fff8e8;padding:8px;box-shadow:inset -7px -8px #00000014,0 14px 26px #00000047}.die-face.ghost{opacity:.28}.die-face span{display:block;visibility:hidden;place-self:center;width:70%;aspect-ratio:1;border-radius:50%;background:#17140f}.value-1 span:nth-child(5),.value-2 span:nth-child(1),.value-2 span:nth-child(9),.value-3 span:nth-child(1),.value-3 span:nth-child(5),.value-3 span:nth-child(9),.value-4 span:nth-child(1),.value-4 span:nth-child(3),.value-4 span:nth-child(7),.value-4 span:nth-child(9),.value-5 span:nth-child(1),.value-5 span:nth-child(3),.value-5 span:nth-child(5),.value-5 span:nth-child(7),.value-5 span:nth-child(9),.value-6 span:nth-child(1),.value-6 span:nth-child(3),.value-6 span:nth-child(4),.value-6 span:nth-child(6),.value-6 span:nth-child(7),.value-6 span:nth-child(9){visibility:visible}.roll-button{justify-self:center;min-width:104px;min-height:42px;font-size:.95rem}.roll-summary{justify-content:flex-end;gap:10px;flex-wrap:wrap}.roll-summary div{min-width:86px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0003;padding:7px 9px;text-align:center}.roll-summary strong{display:block;margin-top:2px;font-size:1.18rem}.control-panel,.bets-panel,.history-panel,.settlement-panel{min-width:0;padding:16px}.account-panel,.control-panel,.bets-panel{padding:12px}.panel-header{justify-content:space-between;gap:12px;margin-bottom:14px}.account-panel .panel-header,.control-panel .panel-header,.bets-panel .panel-header{gap:8px;margin-bottom:10px}.lock-badge{gap:7px;min-width:92px;justify-content:center;border-radius:999px;padding:8px 10px;background:#ffffff1a;color:#f3c969;font-weight:750}.lock-badge.open{color:#95e3ac}.chip-rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:7px}.custom-chip-control{display:grid;grid-column:1 / -1;gap:5px}.custom-chip-control label{color:#cfc5ad;font-size:.82rem}.custom-chip-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.custom-chip-row input{min-height:34px}.chip-button{display:grid;place-items:center;justify-self:center;width:48px;aspect-ratio:1;border:4px dashed currentColor;border-radius:50%;color:#f6f2e8;background:#d94f47;box-shadow:inset 0 0 0 4px #ffffff2e,0 10px 22px #0000003d;font-size:.82rem;font-weight:900;cursor:grab}.custom-chip{width:48px}.chip-button:active{cursor:grabbing}.chip-button.selected{outline:3px solid #f3c969;outline-offset:3px}.chip-white{color:#2a241a;background:#f6f2e8}.chip-red{background:#d94f47}.chip-blue{background:#315caa}.chip-green{background:#1d8c62}.chip-black{background:#181818}.bet-row,.history-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px}.bet-row{grid-template-columns:1fr auto;padding:8px}.bet-row small,.history-row span:last-child{grid-column:1 / -1}.remove-bet-button{grid-column:1 / -1;justify-self:start;min-height:24px;border-radius:5px;color:#f6f2e8;background:#ffffff1f;padding:0 8px;cursor:pointer}.remove-bet-button:hover:not(:disabled){background:#f3c96933}.settlement-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.settlement-row div{display:grid;gap:2px}.settlement-row div:last-child{justify-items:end;text-align:right}.settlement-row span{color:#cfc5ad;font-size:.78rem}.settlement-row.win,.settlement-row.collect{border-color:#95e3ac4d}.settlement-row.win div:last-child strong,.settlement-row.collect div:last-child strong{color:#95e3ac}.settlement-row.lose div:last-child strong{color:#ffb4ad}.settlement-row.push,.settlement-row.moveToPoint{border-color:#f3c96947}.history-row strong{font-size:1.25rem}.empty-text{min-height:84px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.16);border-radius:8px}@keyframes roll-result-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}12%,62%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@media(max-width:1180px){.layout-grid,.chat-above-grid{grid-template-columns:1fr}.table-stage{grid-row:auto}.player-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-title{grid-column:1 / -1}}@media(max-width:980px){.app-shell{padding:16px}.topbar{display:grid;align-items:stretch}.status-row{justify-content:flex-start}.table-rail{min-height:596px;border-radius:26px;padding:14px}.table-felt{min-height:568px;border-radius:20px;padding:14px}.craps-board{min-width:760px}.table-felt{overflow-x:auto}.table-action-row{min-width:714px}}@media(max-width:640px){.brand-mark{width:44px;height:44px}.join-row{display:grid}.join-row button{width:100%}.player-roster{grid-template-columns:1fr}.table-meta{display:grid}.metric{width:100%}.chip-rack{grid-template-columns:repeat(2,minmax(58px,1fr))}}