*{box-sizing:border-box}:root{--bg1:#04160e;--bg2:#0b462d;--felt:#0f6f3f;--felt-dark:#084326;--wood:#6f3d15;--wood-dark:#3c1d08;--red:#d62b2b;--black:#161616;--green:#1da252;--panel:#00000057;--text:#fff}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 0%, #ffffff0f, transparent 28%), radial-gradient(circle at 85% 10%, #e8c96f1a, transparent 30%), linear-gradient(135deg, var(--bg1), var(--bg2) 42%, #05130d);margin:0;padding:18px;font-family:Arial,Noto Sans KR,sans-serif}.app{grid-template-columns:1fr 360px;gap:18px;width:min(1400px,100%);margin:0 auto;display:grid}.panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 28px 90px #0000005c}.left,.right{padding:18px}.header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}h1{margin:0 0 6px;font-size:32px}.sub{color:#ffffffb8;line-height:1.5}.badge{color:#ffe8a3;white-space:nowrap;background:#e8c96f1a;border:1px solid #e8c96f47;border-radius:999px;padding:10px 14px;font-size:13px}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.stat{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.stat span{color:#ffffffa6;margin-bottom:8px;font-size:12px;display:block}.stat strong{font-size:22px}.main-grid{grid-template-columns:320px 1fr;align-items:start;gap:18px;display:grid}.wheel-panel{background:linear-gradient(#ffffff0f,#00000024);border:1px solid #ffffff1a;border-radius:22px;padding:16px}.wheel-card{aspect-ratio:1;place-items:center;width:100%;display:grid;position:relative}.wheel-shell{place-items:center;width:300px;height:300px;display:grid;position:relative}.wheel-wood{background:linear-gradient(135deg, var(--wood), var(--wood-dark));border-radius:50%;position:absolute;inset:0;box-shadow:0 28px 52px #00000073}.wheel-metal{border:5px solid #cfcfcf;border-radius:50%;position:absolute;inset:10px;box-shadow:inset 0 0 0 2px #fff6}.wheel-svg-wrap{border-radius:50%;position:absolute;inset:20px;overflow:hidden}.wheel-svg{transform-origin:50%;width:100%;height:100%;display:block}.wheel-center{z-index:4;background:radial-gradient(circle,#d8d8d8 0 18px,#c7b27a 18px 55px,#8a5128 55px 100%);border-radius:50%;width:118px;height:118px;position:absolute;box-shadow:inset 0 0 0 4px #ffffff59,0 0 22px #0000004d}.wheel-cross{z-index:5;pointer-events:none;width:124px;height:124px;position:absolute}.wheel-cross:before,.wheel-cross:after,.wheel-cross .diag1,.wheel-cross .diag2{content:"";background:#d6d6d6;border-radius:999px;width:118px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-cross:after{transform:translate(-50%,-50%)rotate(90deg)}.wheel-cross .diag1{transform:translate(-50%,-50%)rotate(45deg)}.wheel-cross .diag2{transform:translate(-50%,-50%)rotate(-45deg)}.wheel-hub{z-index:6;background:radial-gradient(circle,#f4f4f4,#cfcfcf 70%,#8a8a8a 100%);border-radius:50%;width:34px;height:34px;position:absolute}.pointer{filter:drop-shadow(0 6px 8px #000000bf);z-index:8;border-top:36px solid #fff4b6;border-left:18px solid #0000;border-right:18px solid #0000;width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.ball{z-index:9;background:radial-gradient(circle at 30% 30%,#fff,#efefef 45%,#bcbcbc 70%,#7e7e7e 100%);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff3,0 5px 10px #0000008c}.wheel-note{text-align:center;color:#ffffffb8;margin-top:12px;font-size:13px;line-height:1.55}.table-shell{background:linear-gradient(135deg, var(--felt), var(--felt-dark));border:8px solid var(--wood);border-radius:24px;padding:14px;box-shadow:inset 0 0 0 3px #e8c96fb3,inset 0 0 34px #00000052}.table-title{text-align:center;letter-spacing:4px;color:#ffedb2;text-shadow:0 2px 2px #0006;margin-bottom:10px;font-weight:900}.roulette-layout{gap:6px;display:grid}.board-row,.bottom-row{grid-template-columns:64px repeat(12,minmax(38px,1fr)) 58px;gap:4px;display:grid}.board-fragment{display:contents}.spacer{visibility:hidden}.bet-cell{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff3d;border-radius:8px;place-items:center;min-height:46px;font-weight:900;transition:transform .1s,filter .1s,box-shadow .1s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 -10px 14px #00000026}.bet-cell:hover{filter:brightness(1.08);z-index:3;transform:translateY(-2px);box-shadow:0 0 0 2px #ffe482d1,inset 0 -10px 14px #00000026}.bet-cell.red{background:var(--red)}.bet-cell.black{background:var(--black)}.bet-cell.green{background:var(--green)}.history-ball.red{background:var(--red)}.history-ball.black{background:var(--black)}.history-ball.green{background:var(--green)}.zero-cell{grid-row:span 3;min-height:142px;font-size:24px}.outside-cell{color:#fff8d3;background:#ffffff1a}.outside-red{background:linear-gradient(135deg,#d93131,#8d1717)}.outside-black{background:linear-gradient(135deg,#2a2a2a,#050505)}.dozen{grid-column:span 4;min-height:40px}.outside-wide{grid-column:span 2;min-height:40px;font-size:14px}.column-cell{color:#fff9da;background:#ffffff1a;min-width:58px;font-size:16px}.chip-tray{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px;display:grid}.tray-chip{cursor:pointer;border:5px dashed #0000003d;border-radius:999px;min-height:56px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:inset 0 0 0 4px #ffffffe0,0 10px 18px #0000003d}.tray-chip:hover,.tray-chip.selected{filter:brightness(1.08);transform:translateY(-3px);box-shadow:inset 0 0 0 4px #fffffff0,0 0 0 4px #ffe482f2,0 14px 24px #00000059}.chip-100{color:#111;background:radial-gradient(circle,#fff,#d7d7d7)}.chip-500{color:#fff;background:radial-gradient(circle,#ff7a7a,#c62121)}.chip-1000{color:#fff;background:radial-gradient(circle,#7dc0ff,#1767c8)}.chip-5000{color:#fff;background:radial-gradient(circle,#5fe093,#10844a)}.chip-10000{color:#ffe58f;background:radial-gradient(circle,#494949,#070707)}.chip-25000{color:#2b1903;background:radial-gradient(circle,#ffd872,#aa7307)}.board-controls{grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-top:14px;display:grid}button{border:0;border-radius:14px;outline:0;width:100%;padding:14px 16px;font-family:inherit;font-size:15px}button:disabled{cursor:not-allowed;opacity:.62}.spin-btn{color:#2a1803;cursor:pointer;background:linear-gradient(135deg,#ffe071,#c79123);font-weight:900;box-shadow:0 12px 24px #0000003d}.secondary-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff26}.message{background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;min-height:86px;padding:16px;line-height:1.55}.message strong,.overlay-result strong,.payout-desc strong,.rules-text strong,.rules-terms strong,.rules-list strong{color:#ffe48a}.section-title{color:#ffe8a6;margin:0 0 12px;font-size:18px}.spacer-block{height:12px}.large-spacer{height:16px}.point-editor{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:8px;display:grid}.point-editor input{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:15px}.point-help{color:#ffffffad;font-size:13px;line-height:1.5}.side-top-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bet-list{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;min-height:120px;max-height:260px;padding:12px;overflow:auto}.bet-row,.overlay-bet-row{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;display:flex}.bet-row:last-child,.overlay-bet-row:last-child{border-bottom:0}.empty{color:#ffffffa6;font-size:14px;line-height:1.5}.history{margin-top:16px}.history-list{flex-wrap:wrap;gap:8px;display:flex}.history-ball{border:2px solid #ffffffdb;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 4px 8px #0000004d}.chip-stack{pointer-events:none;z-index:4;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-chip{width:34px;height:34px;transform:translateY(var(--offset));border:3px dashed #0000003d;border-radius:50%;place-items:center;font-size:9px;font-weight:950;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 3px #ffffffd6,0 4px 8px #0000007a}.chip-total{color:#271703;background:#ffe48a;border-radius:999px;min-width:30px;padding:2px 5px;font-size:10px;font-weight:900;position:absolute;bottom:-8px;right:-8px}.win{z-index:5;animation:.8s ease-in-out 3 pulseWin}@keyframes pulseWin{0%,to{box-shadow:0 0 #ffea7a00,inset 0 -10px 14px #00000026}50%{box-shadow:0 0 0 5px #ffea7af5,0 0 28px #ffe264b3}}.rules-overlay,.payout-overlay,.spin-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c2;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.rules-overlay{z-index:1150}.payout-overlay{z-index:1100}.spin-overlay{z-index:1000;background:radial-gradient(circle at top,#ffe48229,#0000 34%),radial-gradient(circle,#0f6f3f40,#0000 56%),#000000e6}.rules-overlay.active,.payout-overlay.active,.spin-overlay.active{display:flex}.rules-modal,.payout-modal{background:linear-gradient(#181818fa,#0b0b0bfa);border:1px solid #ffffff24;border-radius:22px;width:min(940px,100%);max-height:min(88vh,900px);padding:20px;overflow:auto;box-shadow:0 28px 90px #00000085}.payout-modal{width:min(760px,100%)}.rules-header,.payout-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.rules-header h2,.payout-header h2{color:#ffe8a6;margin:0;font-size:24px}.rules-close,.payout-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;width:44px;min-width:44px;height:44px;padding:0;font-size:18px}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rules-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:16px}.rules-card h3{color:#ffe8a6;margin:0 0 12px;font-size:18px}.rules-text,.rules-list,.rules-terms,.payout-desc,.payout-note{color:#ffffffd6;font-size:14px;line-height:1.7}.rules-text{margin:0}.rules-list{margin:0;padding-left:18px}.rules-terms{gap:8px;display:grid}.payout-table-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:auto}.payout-table{border-collapse:collapse;width:100%;min-width:580px}.payout-table th,.payout-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:13px 14px;font-size:14px}.payout-table th{color:#ffe8a6;background:#ffe48a1a;font-weight:900}.payout-table td:last-child,.payout-table th:last-child{text-align:center;color:#ffe48a;font-weight:900}.spin-stage{text-align:center;justify-items:center;gap:16px;width:min(840px,100%);display:grid}.spin-stage.result-ready .result-only{display:block}.spin-stage .result-only{display:none}.spin-title{letter-spacing:2px;color:#ffffffc7;font-size:18px;font-weight:900}.focus-shell{place-items:center;width:460px;height:460px;display:grid;position:relative}.focus-shell .wheel-shell{width:460px;height:460px}.focus-shell .wheel-svg-wrap{inset:26px}.focus-shell .wheel-center{width:160px;height:160px}.focus-shell .wheel-cross{width:170px;height:170px}.focus-shell .wheel-cross:before,.focus-shell .wheel-cross:after,.focus-shell .wheel-cross .diag1,.focus-shell .wheel-cross .diag2{width:160px;height:8px}.focus-shell .wheel-hub{width:42px;height:42px}.focus-shell .pointer{border-top-width:46px;border-left-width:22px;border-right-width:22px}.focus-shell .ball{width:22px;height:22px}.overlay-result{min-height:56px;font-size:18px;line-height:1.5}.overlay-actions{grid-template-columns:1fr 1fr;gap:10px;width:min(520px,100%);display:grid}.overlay-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;min-height:50px;font-weight:900}.overlay-btn.primary{color:#2b1903;background:linear-gradient(135deg,#ffe071,#c79123)}.overlay-bets{text-align:left;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;width:min(520px,100%);max-height:240px;padding:14px;display:none;overflow:auto}.overlay-bets.open{display:block}.overlay-bets-title{color:#ffe8a6;margin-bottom:8px;font-weight:900}@media (width<=1200px){.app{grid-template-columns:1fr}.right{order:-1}}@media (width<=980px){.stats{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}}@media (width<=760px){body{padding:12px}.left,.right{padding:16px}.header{display:block}.badge{margin-top:10px;display:inline-block}h1{font-size:27px}.board-row,.bottom-row{grid-template-columns:52px repeat(12,minmax(24px,1fr)) 48px}.bet-cell{min-height:40px;font-size:12px}.zero-cell{min-height:124px;font-size:20px}.chip-tray{grid-template-columns:repeat(3,1fr)}.board-controls{grid-template-columns:1fr}.wheel-shell{width:260px;height:260px}.focus-shell,.focus-shell .wheel-shell{width:300px;height:300px}.overlay-actions,.side-top-buttons,.rules-grid{grid-template-columns:1fr}}