:root{--bg:#09080b;--text:#f6f3ed;--gold:#cda747;--mint:#62f6ca;--red:#a92d3f;--green:#0b684c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 15%,#17130e 0,#09080b 52%);color:var(--text);font-family:'Noto Sans KR',sans-serif}button{font:inherit}main{width:min(100%,1080px);margin:auto;padding:0 24px 60px}.game-layout{display:flex;flex-direction:column}.wheel-card,.bet-card,.bet-panel{display:contents}.wheel-stage{position:relative;height:min(78vw,760px);min-height:520px;display:grid;place-items:center}.floating-brand{position:absolute;top:24px;left:0;z-index:2;color:white;text-decoration:none;font:18px 'Archivo Black'}.floating-brand span{color:var(--mint)}.mode-banner{position:absolute;top:27px;right:0;z-index:2;display:flex;gap:6px;align-items:center;font-size:7px;letter-spacing:1.4px;color:#897b61}.mode-banner b{color:var(--gold)}.mode-banner.live b{color:var(--mint)}canvas{display:block;width:min(94%,730px);height:auto;filter:drop-shadow(0 28px 45px #000)}.result-pill{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#0b0a0bd9;padding:8px 16px}.result-pill span{font-size:7px;color:#827766;letter-spacing:1.4px}.result-pill b{font:18px 'Archivo Black';color:var(--mint)}.quick-bar{height:66px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #241f19;border-bottom:1px solid #241f19}.history{display:flex;gap:7px;overflow:hidden}.history i{flex:0 0 29px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#171719;font:8px 'Archivo Black';font-style:normal}.history i.red{background:var(--red)}.history i.green{background:var(--green)}.wallet-card{display:flex;align-items:center;gap:9px}.wallet-card .coin{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#10251e;font:12px 'Archivo Black'}.wallet-card b{font:17px 'Archivo Black'}.bet-card{padding-top:28px}.casino-table{display:grid;grid-template-columns:54px minmax(0,1fr) 44px;grid-template-rows:144px 42px 42px;background:#0c563e;box-shadow:0 15px 40px #0008}.casino-table button{border:1px solid #b89548;background:#0c563e;color:white;font-weight:800;font-size:10px;cursor:pointer;text-shadow:0 1px #000}.casino-table button:hover,.casino-table button.selected{position:relative;z-index:2;box-shadow:inset 0 0 0 3px var(--mint),0 0 10px #62f6ca}.zero{grid-row:1;font-size:22px!important}.number-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,1fr)}.number-grid button{grid-column:var(--dcol);grid-row:var(--drow);font-size:12px}.number-grid button.red{background:var(--red)}.number-grid button.black{background:#171719}.number-grid button.green,.zero.green{background:var(--green)}.column-bets{display:grid;grid-template-rows:repeat(3,1fr)}.column-bets button{writing-mode:vertical-rl}.dozen-bets{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr)}.outside-bets{grid-column:2;display:grid;grid-template-columns:repeat(6,1fr)}.diamond{display:inline-block;width:13px;height:13px;transform:rotate(45deg)}.diamond.red{background:#c03449}.diamond.black{background:#111;border:1px solid #777}.bet-controls{display:flex;align-items:center;gap:20px;margin-top:22px}.amount-options{flex:1;display:flex;justify-content:center;gap:clamp(16px,6vw,62px)}.amount-options button{width:42px;height:42px;border-radius:50%;border:3px dashed #c8a651;background:radial-gradient(circle,#30283f 48%,#18131f 50%);color:white;font-size:8px}.amount-options button.active{border-color:var(--mint);box-shadow:0 0 14px #62f6ca88}.clear-bet{flex:0 0 42px;height:42px;border:1px solid #30291e;background:transparent;color:#a18e6b;border-radius:50%;font-size:18px}.spin-button{width:100%;height:52px;margin-top:18px;border:0;background:linear-gradient(90deg,#c69b38,#e4bd57);color:#171109;display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Archivo Black';letter-spacing:2px}.spin-button small{font:7px 'Noto Sans KR';opacity:.55}.spin-button:disabled{opacity:.45}.bet-message{height:16px;margin:9px 0 0;text-align:center;color:#736a5d;font-size:8px}.runtime-meta{display:none}
@media(max-width:620px){main{padding:0 14px 40px}.wheel-stage{height:100vw;min-height:390px}.floating-brand{top:15px}.mode-banner{top:18px}canvas{width:100%}.result-pill{bottom:8px}.quick-bar{height:58px}.history i{flex-basis:26px;width:26px;height:26px}.wallet-card b{font-size:14px}.bet-card{padding-top:18px}.casino-table{grid-template-columns:minmax(0,3fr) 46px 46px;grid-template-rows:46px 528px 42px}.zero{grid-row:1;grid-column:1}.number-grid{grid-row:2;grid-column:1;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(12,1fr)}.number-grid button{grid-column:var(--mcol);grid-row:var(--mrow)}.column-bets{grid-row:3;grid-column:1;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.column-bets button{writing-mode:horizontal-tb}.dozen-bets{grid-row:2;grid-column:2;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.dozen-bets button,.outside-bets button{writing-mode:vertical-rl;text-orientation:mixed}.outside-bets{grid-row:2;grid-column:3;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}.outside-bets .diamond{width:11px;height:11px}.bet-controls{gap:8px;margin-top:17px}.amount-options{justify-content:space-between;gap:5px}.amount-options button{width:38px;height:38px}.clear-bet{flex-basis:38px;height:38px}.spin-button{margin-top:14px}.bet-message{margin-bottom:0}}
.casino-table button{position:relative}.placed-chip{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#62479b 0 46%,#2d2048 48%);border:3px dashed var(--mint);color:#fff;font:7px 'Archivo Black';text-shadow:0 1px #000;box-shadow:-2px 2px 0 #b59443,-4px 4px 0 #241a35,0 4px 9px #000b;pointer-events:none}.casino-table.locked,.amount-options.locked{pointer-events:none;opacity:.72}.clear-bet:disabled{opacity:.4}
.round-clock{--clock-color:var(--mint);position:absolute;top:23px;left:50%;z-index:3;transform:translateX(-50%);width:150px;height:28px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;color:#8f846f;font-size:7px;letter-spacing:1.2px}.round-clock b{color:var(--clock-color);font:12px 'Archivo Black'}.round-clock i{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--clock-color) var(--progress,100%),#29241d var(--progress,100%));transition:background .2s}.round-clock.spinning{--clock-color:var(--gold)}.round-clock.spinning span{color:var(--gold)}
.round-clock{display:none}.round-clock.live-clock{display:grid}
.result-pill{display:none}.table-status.round-clock{display:grid;top:auto;bottom:18px;width:min(88%,620px);height:auto;min-height:62px;padding:11px 16px 9px;background:linear-gradient(90deg,#09090be8,#18130de8,#09090be8);border-top:1px solid #4b3d24;border-bottom:1px solid #292219;backdrop-filter:blur(10px);gap:5px;letter-spacing:0;transform:translateX(-50%)}.status-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.status-main small{color:#a28d63;font:7px 'Archivo Black';letter-spacing:1px}.status-main strong{text-align:center;color:#f7f2e8;font:15px 'Archivo Black';letter-spacing:1.8px}.status-main>b{color:var(--clock-color);font:12px 'Archivo Black'}.status-sub{display:flex;align-items:center;justify-content:space-between;min-width:0;color:#9b9182;font-size:8px}.status-sub>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-status .mode-banner{position:static;display:flex;height:auto;gap:5px;background:transparent;border:0;color:#786d5b;font-size:6px;white-space:nowrap}.table-status .mode-banner b{color:var(--gold)}.table-status .mode-banner.live b{color:var(--mint)}.table-status>i{bottom:0}
@media(max-width:620px){.table-status.round-clock{bottom:5px;width:100%;min-height:58px;padding:9px 10px 8px}.status-main{gap:7px}.status-main strong{font-size:12px;letter-spacing:1px}.status-main small{font-size:6px}.status-main>b{font-size:10px}.status-sub{font-size:7px}}
.table-status .mode-banner{display:none}.table-status:not(.live-clock)>i{display:none}
.live-table .spin-button{display:none}.live-table .bet-controls{margin-bottom:16px}
.amount-options button,.placed-chip{--chip:#ece6d8;--chip-dark:#aaa396;--chip-ink:#171512;background:radial-gradient(circle at 50% 46%,var(--chip) 0 42%,transparent 43%),repeating-conic-gradient(from 0deg,var(--chip) 0 12deg,#f6f0df 12deg 22deg,var(--chip-dark) 22deg 45deg);border:2px solid var(--chip-dark);color:var(--chip-ink);text-shadow:none;box-shadow:inset 0 0 0 3px var(--chip),inset 0 0 0 5px #ffffff70,0 3px 0 #29251f,0 6px 10px #0009;position:relative;font-family:'Archivo Black'}.amount-options button::after,.placed-chip::after{content:"";position:absolute;inset:22%;border:1px dashed #3b352b88;border-radius:50%;pointer-events:none}.amount-options button[data-amount="2"],.chip-2{--chip:#2774b8;--chip-dark:#123f6e;--chip-ink:#fff}.amount-options button[data-amount="5"],.chip-5{--chip:#b92f43;--chip-dark:#6f1526;--chip-ink:#fff}.amount-options button[data-amount="10"],.chip-10{--chip:#238159;--chip-dark:#105039;--chip-ink:#fff}.amount-options button[data-amount="20"],.chip-20{--chip:#29252f;--chip-dark:#0e0c11;--chip-ink:#fff}.amount-options button.active{border-color:var(--mint);box-shadow:inset 0 0 0 3px var(--chip),inset 0 0 0 5px #ffffff70,0 3px 0 #29251f,0 0 15px #62f6caaa}.placed-chip{display:grid;place-items:center;border-style:solid;box-shadow:inset 0 0 0 2px var(--chip),inset 0 0 0 4px #ffffff70,-2px 2px 0 var(--chip-dark),-4px 4px 0 #17131d,0 6px 10px #000b}.placed-chip::after{inset:20%}
.casino-table button{border-width:1px;border-color:#9d823f}.number-grid button{font-size:16px}.zero{font-size:27px!important}.amount-options button{width:48px;height:48px;border-width:1px;font-size:10px}.amount-options button,.placed-chip{box-shadow:inset 0 0 0 2px var(--chip),inset 0 0 0 3px #ffffff66,0 2px 0 var(--chip-dark),0 5px 10px #0009}.amount-options button::after,.placed-chip::after{inset:18%;border-width:1px}.placed-chip{left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-width:1px;font-size:9px;box-shadow:inset 0 0 0 2px var(--chip),inset 0 0 0 3px #ffffff66,0 3px 0 var(--chip-dark),0 6px 11px #000b}.placed-chip::after{inset:17%}
@media(max-width:620px){.number-grid button{font-size:14px}.zero{font-size:24px!important}.amount-options button{width:42px;height:42px}.placed-chip{width:34px;height:34px;font-size:8px}}
.placed-chip{position:absolute}
.table-status .status-sub{display:none}.table-status.round-clock{grid-template-columns:1fr;min-height:48px;padding-top:10px}.status-main>b{min-width:62px;text-align:right}.round-payout{display:none;text-align:center;color:var(--mint);font:13px 'Archivo Black';letter-spacing:1.5px}.round-payout.lost{color:#d26b76}.round-clock.has-payout{padding-top:8px}.round-clock.has-payout .round-payout{display:block}
.room-presence{position:absolute;top:27px;right:0;z-index:2;color:#897b61;font:7px 'Archivo Black';letter-spacing:1.2px}.live-table .room-presence{color:var(--mint)}@media(max-width:620px){.room-presence{top:18px}}
.bet-controls{position:relative;margin-top:28px}.bet-limits{position:absolute;top:-18px;left:50%;transform:translateX(-50%);color:#8f826d;font:7px 'Archivo Black';letter-spacing:1px;white-space:nowrap}.amount-options button[data-amount="50"],.chip-50{--chip:#7246a3;--chip-dark:#392254;--chip-ink:#fff}.amount-options button[data-amount="100"],.chip-100{--chip:#d5b147;--chip-dark:#725a1d;--chip-ink:#17120a}.amount-options button[data-amount="200"],.chip-200{--chip:#d36d32;--chip-dark:#763313;--chip-ink:#fff}.amount-options button[data-amount="500"],.chip-500{--chip:#74253c;--chip-dark:#3e101f;--chip-ink:#fff}
.quick-bar{position:relative}.bet-outcome{position:absolute;z-index:4;left:50%;top:0;transform:translate(-50%,-50%);min-width:150px;padding:8px 18px;text-align:center;background:#0b0a0be8;border:1px solid #3b3327;color:#d4b25e;font:11px 'Archivo Black';letter-spacing:1.2px;box-shadow:0 8px 22px #0009;backdrop-filter:blur(9px)}.bet-outcome.accepted,.bet-outcome.won{color:var(--mint);border-color:#286b57}.bet-outcome.rejected,.bet-outcome.lost{color:#dc7380;border-color:#69333c}.bet-outcome[hidden]{display:none}@media(max-width:620px){.bet-outcome{min-width:132px;padding:7px 13px;font-size:9px}}
.room-presence{right:56px}.roulette-chat-open{position:absolute;z-index:5;top:19px;right:0;width:44px;height:24px;border:1px solid #3d3427;background:#12100dd9;color:#bda46e;font:7px 'Archivo Black';letter-spacing:.7px;cursor:pointer}.roulette-chat{position:fixed;z-index:60;inset:0 0 0 auto;width:min(340px,92vw);display:flex;flex-direction:column;background:#0d0b10f5;border-left:1px solid #332b3e;box-shadow:-18px 0 45px #0009;transform:translateX(100%);transition:transform .22s;backdrop-filter:blur(14px)}.roulette-chat.open{transform:none}.roulette-chat header{height:64px;flex:0 0 64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29232f}.roulette-chat header>div{display:flex;align-items:center;gap:8px}.roulette-chat header i{width:7px;height:7px;border-radius:50%;background:var(--mint)}.roulette-chat header b{font:11px 'Archivo Black';letter-spacing:1px}.roulette-chat header button{border:0;background:transparent;color:#8e8694;font-size:22px}.roulette-chat-messages{flex:1;overflow:auto;padding:17px 14px}.roulette-chat-message{display:flex;gap:8px;margin-bottom:15px}.roulette-chat-message.mine{flex-direction:row-reverse}.chat-avatar{flex:0 0 27px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;font:9px 'Archivo Black'}.chat-avatar.purple{background:#825de2}.chat-avatar.mint{background:#26aa8b}.chat-avatar.orange{background:#d16a3b}.chat-avatar.blue{background:#407ec8}.roulette-chat-message p{margin:0 0 4px;font-size:9px}.roulette-chat-message time{margin-left:6px;color:#665e6c;font-size:7px}.roulette-chat-message>div>span{display:inline-block;padding:8px 10px;background:#1b1720;border-radius:4px 10px 10px;color:#ddd7e2;font-size:10px}.roulette-chat-delete{margin-left:5px;border:0;background:transparent;color:#756b79;font-size:7px}.roulette-chat-gate{margin:12px;padding:13px;text-align:center;text-decoration:none;border:1px solid #4a3563;background:#241a30;color:#cdbdf3;font:9px 'Archivo Black'}.roulette-chat-gate[hidden],.roulette-chat-form[hidden]{display:none}.roulette-chat-form{display:flex;margin:12px;padding:6px;border:1px solid #30293a;background:#17131b}.roulette-chat-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:10px}.roulette-chat-form button{width:30px;border:0;background:#7653cb;color:#fff}@media(max-width:620px){.room-presence{right:48px}.roulette-chat-open{top:11px;width:38px;height:22px;font-size:6px}}
.roulette-chat-open{width:58px}.status-context{display:flex;min-width:105px;flex-direction:column;gap:3px}.status-context span{color:#a28d63;font:7px 'Archivo Black';letter-spacing:1px;white-space:nowrap}.status-context small{color:#706653;font:6px 'Archivo Black';letter-spacing:.8px}.status-main>.status-context+strong{text-align:center}.status-main>b{min-width:105px}@media(max-width:620px){.roulette-chat-open{width:52px}.status-context{min-width:82px;gap:2px}.status-context span{font-size:6px;letter-spacing:.5px}.status-context small{font-size:5px}.status-main>b{min-width:82px}}
.wallet-card .coin{width:30px;font-size:9px}.roulette-chat[hidden],.roulette-chat-open[hidden]{display:none}