/* Rayter Roulette: original responsive felt, not a stretched screenshot. */
:root{--v4-gold:#ead297;--v4-green:#064333}
.shop-open{border:1px solid #c8a96c78;border-radius:7px;background:linear-gradient(150deg,#214e42,#102f28);color:#eed59e;padding:8px 12px;white-space:nowrap;font-size:12px}
.wallet-row{gap:12px}.modal{background:radial-gradient(ellipse at 30% 0%,#28574a,#122d26 75%);border-color:#d9bb7c99}
.shop-packages{display:grid;gap:10px;margin:20px 0}.shop-package{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #bda36a66;background:linear-gradient(130deg,#b08d4212,#071c1722);border-radius:10px;padding:16px}.shop-package strong{font:25px Georgia,serif;color:#f2d99d}.shop-package span{display:block;font-size:11px;color:#c1c8b6;margin-top:5px}.shop-package button{min-width:92px;border:1px solid #c9b582;border-radius:7px;padding:12px 8px;background:#bd9d61;color:#182b22;opacity:.55;cursor:default}.shop-status{padding:12px;border:1px solid #cdba7b44;border-radius:7px;font-size:12px;line-height:1.6}.shop-legal{font-size:11px;line-height:1.7;color:#c9ccbb}
@media(max-width:820px) and (orientation:portrait){
 body{background:radial-gradient(ellipse at 45% 5%,#1a5141,#071e18 70%)}
 .game{padding:env(safe-area-inset-top,0px) 10px env(safe-area-inset-bottom,0px);width:100%;height:100dvh;min-height:0;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:42px 51px minmax(0,1fr) 15px;gap:0}
 .topbar,.wallet-row{width:100%;min-width:0}.wallet-row{overflow:hidden}.daily{min-width:0}.daily strong,.daily #daily-time{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .topbar{padding:5px 0;margin:0;min-height:0}.brand-caption{display:none}.brand h1{font-size:clamp(17px,4.7vw,23px);margin:0}.brand-mark{height:27px;width:24px;font-size:22px}.brand{gap:7px}.toolbar{gap:5px}.icon-button{width:26px;height:27px}.age{padding:3px}
 .wallet-row{padding:4px 0 6px;margin:0;gap:6px;min-height:0;align-items:center}.wallet strong{font-size:24px}.wallet .label{font-size:7px}.wallet .coin{font-size:17px;width:25px;height:25px;margin-right:5px}.wallet>div{gap:3px}.daily{margin-left:auto}.daily-moon{display:none}.daily strong{font-size:8px;font-weight:400}.daily #daily-time{font-size:7px}.shop-open{padding:7px 9px;font-size:11px}.shop-open span{display:none}
 .arena{min-height:0;overflow:hidden;width:100%;position:relative}
 .table-panel{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;transform:none!important;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px minmax(0,1fr) 30px 26px 32px 46px 16px;gap:5px;padding:0 2px 4px;overflow:hidden;transition:opacity .35s,translate .6s}
 .arena.wheel-view .table-panel{transform:none!important;translate:0 105%;opacity:0;pointer-events:none}
 .table-heading{margin:0;grid-column:1;grid-row:1;align-items:center}.table-heading h2{font-size:15px;margin:0;color:#e9d6aa}.table-heading .eyebrow{display:none}.timer{width:auto;display:flex;align-items:center;gap:6px}.timer>span{font:23px Georgia;color:#f8df9f}.timer small{font-size:6px;max-width:48px;letter-spacing:.4px}
 .felt{grid-row:2;grid-column:1;display:grid!important;grid-template-columns:36px 40px minmax(0,1fr)!important;grid-template-rows:28px minmax(0,1fr) 30px;gap:0!important;padding:8px!important;min-height:0;height:100%;width:100%;border:1px solid #e8d4a4;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 25% 0%,#26765c88,transparent 70%),repeating-linear-gradient(25deg,#ffffff03 0 1px,transparent 1px 3px),#074532;box-shadow:inset 0 0 0 3px #194131,inset 0 0 0 4px #c2a25c, inset 0 -14px 30px #001a1480,0 3px 12px #0004}
 .felt:before{content:'R';position:absolute;left:20px;top:10px;font:26px Georgia;color:#f4da99a8;pointer-events:none}.felt-brand{display:none}
 .number-grid{position:relative;grid-column:3!important;grid-row:1/3!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:28px repeat(12,minmax(0,1fr))!important;gap:0!important;min-height:0;height:100%;width:100%;overflow:hidden;border:1px solid #e4cf91;border-radius:5px 5px 0 0}
 .felt .bet-cell{height:auto!important;min-height:0;min-width:0;border:0;border-right:1px solid #eadab180;border-bottom:1px solid #eadab180;border-radius:0;font:clamp(19px,5.7vw,27px) Georgia,serif;line-height:1;color:#fff6dd;padding:0!important;text-align:center;text-shadow:0 1px 2px #000c;box-shadow:inset 0 1px 0 #fff2,inset 0 -3px 7px #0002}
 .felt .bet-cell.red{background:radial-gradient(ellipse at 35% 10%,#e0222d,#a60715 85%)}.felt .bet-cell.black{background:linear-gradient(125deg,#202623,#080f0c)}.felt .zero-cell{font-size:24px!important;background:linear-gradient(120deg,#1a7a4e,#0a5439)!important;border-radius:0!important}
 .number-grid .grid-column{display:none!important}.felt .line-bets{display:none!important}
 .felt .outside-row{grid-column:1!important;grid-row:2!important;position:static;display:grid;grid-template-columns:1fr!important;grid-template-rows:repeat(6,minmax(0,1fr));margin:0!important;gap:0;height:100%;min-height:0}
 .felt .dozen-row{grid-column:2!important;grid-row:2!important;position:static;display:grid;grid-template-columns:1fr!important;grid-template-rows:repeat(3,minmax(0,1fr));margin:0!important;gap:0;height:100%;min-height:0}
 .felt .outside-row .bet-cell,.felt .dozen-row .bet-cell{position:relative;background:linear-gradient(90deg,#0b3a2c,#10513a)!important;font:13px Georgia,serif;color:#f3dfb8;border:1px solid #ddcc9b80;overflow:hidden}
 .felt .outside-row .bet-label,.felt .dozen-row .bet-label{display:flex;justify-content:center;align-items:center;writing-mode:vertical-rl;text-orientation:mixed;height:100%;width:100%;font-size:13px;white-space:nowrap}
 .felt .column-row{grid-column:3!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));margin:0!important;gap:0;min-height:0}.felt .column-row .bet-cell{font:12px Georgia;background:#0b4834;border:1px solid #dfcb9380}.felt .column-row .bet-label{font-size:11px}
 .felt .column-row .bet-label{font-size:0}.felt .column-row .bet-label:after{content:'2:1';font:16px Georgia,serif}
 .outside-row .red-diamond,.outside-row .black-diamond{width:19px;height:19px;transform:rotate(45deg);margin:auto;flex:none;border:1px solid #ffedbe;box-shadow:0 2px 4px #0007}.red-diamond{background:#dd1325}.black-diamond{background:#0b100e}
 .felt .bet-present{font-size:clamp(19px,5.7vw,27px)!important;padding:0!important;text-align:center!important;box-shadow:inset 0 0 0 2px #ffe4a2,inset 0 0 13px #ffd76735}.felt .bet-present .bet-label{transform:translateX(-5px)}
 .felt .outside-row .bet-present .bet-label,.felt .dozen-row .bet-present .bet-label{transform:none}.felt .winning{outline:1px solid #fff6ae;outline-offset:-2px;filter:brightness(1.2)}
 .felt .table-chip{width:22px;height:22px;right:0;bottom:0;font-size:7px;box-shadow:0 2px 0 #5e471b,0 3px 5px #0007,inset 0 0 0 2px #ffdf8c66}.felt .outside-row .table-chip,.felt .dozen-row .table-chip{width:21px;height:21px;right:1px;bottom:2px}
 .chip-rack{grid-row:3;grid-column:1;margin:0;min-height:0;padding-right:103px;gap:10px;justify-content:flex-start;overflow:hidden;align-items:end}.rack-stack{transform:scale(.77);width:29px;margin-right:-4px;transform-origin:bottom left}.rack-count{font-size:8px;max-width:104px;bottom:3px;color:#c8ba9b}
 .table-legend{display:none}.inside-picker{grid-row:4;grid-column:1;margin:0;height:100%;font-size:10px;border-color:#c0aa6a55;background:#bed6a808}
 .actions{grid-row:5;grid-column:1;margin:0;gap:5px}.actions button{height:100%;font-size:9px;gap:4px;background:#ffffff06}.actions button>span:first-child{font-size:15px}
 .spin-row{grid-row:6;grid-column:1;gap:12px}.spin-button{height:42px;flex:2.7;font-size:12px;border-radius:8px;box-shadow:0 3px 0 #6f4e27,inset 0 1px 0 #fff9,0 4px 15px #dba64b1a;background:linear-gradient(115deg,#f5dfab,#c6a363)}.total-bet .label{font-size:7px}.total-bet strong{font-size:21px;margin:0}.status{grid-row:7;grid-column:1;margin:0;min-height:0;line-height:1.2;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .game footer{margin:0;padding:2px 0 0;font-size:6px;border:0;line-height:1.4;justify-content:center}.game footer #save-status{display:none}
 .wheel-panel{width:100%;max-width:490px}.wheel-wrap{width:100%;margin:0}.wheel-result{margin:8px 10px 14px}.history-heading,.history{margin-left:10px;margin-right:10px}
}
@media(max-width:820px) and (orientation:portrait) and (max-height:650px){
 .game{grid-template-rows:34px 42px minmax(0,1fr) 12px;padding-left:6px;padding-right:6px}.brand h1{font-size:17px}.table-panel{grid-template-rows:23px minmax(0,1fr) 22px 22px 27px 38px 12px;gap:3px}.table-heading h2{font-size:13px}.timer>span{font-size:19px}.felt{padding:6px!important;grid-template-columns:31px 34px minmax(0,1fr)!important;grid-template-rows:22px minmax(0,1fr) 25px}.number-grid{grid-template-rows:22px repeat(12,minmax(0,1fr))!important}.felt .bet-cell,.felt .bet-present{font-size:19px!important}.felt .table-chip{width:18px;height:18px;font-size:6px}.spin-button{height:34px}.outside-row .bet-label,.dozen-row .bet-label{font-size:11px!important}
}