.roomPage .roomCard { position:relative; min-height:430px; border-radius:32px; background:radial-gradient(ellipse at center,#16704c,#09402e); border:10px solid #634328; color:#fff; padding:20px; box-sizing:border-box; }
.roomCard .tableMeta { opacity:.85; }
.roomCard .roomSeats { position:relative; height:300px; display:block; }
.roomCard .roomSeat { position:absolute; width:145px; text-align:center; border:1px solid #ffffff40; border-radius:14px; background:#07291ddb; padding:8px; box-sizing:border-box; }
.roomCard .roomSeat:nth-child(1) {bottom:0;left:50%;transform:translateX(-50%)}
.roomCard .roomSeat:nth-child(2) {left:0;top:50%;transform:translateY(-50%)}
.roomCard .roomSeat:nth-child(3) {top:0;left:50%;transform:translateX(-50%)}
.roomCard .roomSeat:nth-child(4) {right:0;top:50%;transform:translateY(-50%)}
.tableStartCenter {position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:9px;width:230px;max-width:65%;text-align:center;pointer-events:auto}
.tableStartCenter .roomStart {margin:0!important;padding:16px 24px!important;font-size:20px!important;border-radius:16px!important;background:#e7bd56!important;color:#241706!important;border:2px solid #fff1bb!important;box-shadow:0 6px 24px #0006;white-space:nowrap;min-height:54px}
.tableStartCenter .roomStart:disabled {opacity:.65;cursor:default}
.tableStartCenter small {color:#fff;background:#08281fdd;border-radius:9px;padding:6px 9px;font-size:12px}
.feltTable .nextHandStart {top:50%}
.dark101Options {color:#f5f7fa;background:#14231e;border:1px solid #79a78d;border-radius:20px;padding:24px;width:360px;max-width:calc(100vw - 32px);box-sizing:border-box}
.dark101Options::backdrop {background:#000a}
.dark101Options form {display:flex;flex-direction:column;gap:12px}
.dark101Options h2 {margin:0 0 6px}.dark101Options label {display:flex;flex-direction:column;gap:7px;font-weight:700}
.dark101Options select {padding:12px;border-radius:10px;background:#f5f6ee;color:#13211b;font-size:17px;width:100%}
.dark101Options p {font-size:12px;line-height:1.5;margin:0;color:#c1d4c8}
.dark101Options .optionActions {display:flex;gap:10px;margin-top:10px}.dark101Options button {flex:1;padding:12px;border-radius:10px;font-size:15px}
@media(max-width:650px){.roomPage .roomCard{min-height:420px;padding:10px;border-width:6px}.roomCard .roomSeats{height:310px}.roomCard .roomSeat{width:100px;font-size:12px}.tableStartCenter{width:190px;max-width:60%}.tableStartCenter .roomStart{font-size:17px!important;padding:14px 18px!important}.tableStartCenter small{font-size:11px}.roomCard .tableMeta{font-size:10px}}
.roomCard h1{font-size:24px!important;line-height:1.2!important;margin:4px 0 10px!important;color:#fff!important}
.roomCard .eyebrow{font-size:10px!important;color:#b8d5c4!important;margin:0!important}
.roomCard .roomSeat{min-height:0!important;height:86px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;padding:7px!important}
.roomCard .roomSeat>b{color:#fff!important;font-size:14px!important;margin:0!important}.roomCard .roomSeat>small{color:#b7cfc0!important;font-size:11px!important}.roomCard .roomSeat>span{display:none!important}
.roomCard>.tableStartCenter{top:calc(50% + 35px)}
@media(max-width:650px){.roomCard h1{font-size:19px!important}.roomCard .roomSeat{width:84px!important;height:70px!important}.roomCard .roomSeat>b{font-size:11px!important}.roomCard .roomSeat>small{font-size:9px!important}.roomCard>.tableStartCenter{max-width:calc(100% - 180px);top:calc(50% + 30px)}.roomCard .roomStart{padding:12px!important;font-size:15px!important}}