.oc-card{--oc-accent:#dbbd8b;--oc-surface:#35233f;position:relative}.oc-cover{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--oc-accent) 18%,transparent),transparent 65%),linear-gradient(155deg,var(--oc-surface),#14101e 85%);border:1px solid color-mix(in srgb,var(--oc-accent) 42%,transparent);isolation:isolate;min-height:220px}.oc-cover::before{content:"";position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--oc-accent) 18%,transparent);border-radius:12px;pointer-events:none}.oc-cover::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 29px,#e8cba606 30px 31px);z-index:-1}.oc-art{display:block;width:94%;margin:22px auto 55px;color:var(--oc-accent);filter:hue-rotate(var(--oc-hue,0deg)) drop-shadow(0 12px 12px #0006);transition:transform .25s}.oc-cover:hover .oc-art{transform:translateY(-6px) rotate(-3deg)}.oc-edition{position:absolute;inset:16px 16px auto;font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--oc-accent);text-align:left}.oc-cover .cover-copy{bottom:18px}.oc-cover .cover-copy strong{font-size:clamp(18px,1.6vw,27px);line-height:1.05;letter-spacing:-.02em;text-transform:none;max-width:90%;text-wrap:balance}.oc-cover .cover-copy small{font-size:8px;margin-top:8px;letter-spacing:.14em}.oc-card .card-caption button{border:0;background:none;color:#daba84;font-size:22px;line-height:1;padding:4px 10px;min-height:32px}.oc-lobby-tools{display:flex;gap:12px;align-items:center;margin:20px 0}.oc-lobby-tools input{flex:1;max-width:420px;background:#151020;border:1px solid #63506e;border-radius:10px;padding:12px 15px;color:#f6efff;font:inherit}.oc-lobby-tools select{background:#241a30;color:#e9ddec;border:1px solid #63506e;border-radius:10px;padding:12px;font:inherit;max-width:180px}.oc-lobby-count{margin-left:auto;color:#b7a6c8;font-size:13px}.originals-game{color:#eee6f5}.oc-heading{padding:16px 20px}.oc-heading>span{color:var(--oc-accent);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.oc-heading h2{font-size:28px;margin:8px 0}.oc-heading p{max-width:850px;color:#bdb0c9;font-size:13px;line-height:1.6;margin:0}.oc-layout{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr);border:1px solid #5a3e6d;border-radius:14px;overflow:hidden;min-height:500px}.oc-controls.db-control{grid-column:1!important;grid-row:1!important;padding:22px;background:linear-gradient(160deg,#30203d,#1c1528);min-width:0;display:flex;flex-direction:column;gap:15px}.oc-controls label{display:flex;justify-content:space-between;font-size:13px;color:#b9a8cb;gap:12px}.oc-controls label small{font-size:12px}.oc-controls .db-input-wrap{display:flex;border:1px solid #614779;border-radius:9px;overflow:hidden;background:#110f20}.oc-controls .db-input-wrap input{min-width:0;width:100%;background:transparent;border:0;color:#faf6ff;padding:15px 12px;font:600 22px inherit}.oc-controls .db-input-wrap button{flex-shrink:0;background:#30253d;color:#ddcfee;border:0;border-left:1px solid #4d3b61;padding:10px;font:600 13px inherit}.oc-options:empty,.oc-rates:empty{display:none}.oc-options{display:grid;gap:10px}.oc-options label{display:grid;gap:8px}.oc-options select,.oc-options input{width:100%;background:#160f22;border:1px solid #614779;color:#f1e4fb;padding:10px;border-radius:8px;font:inherit}.oc-choice{display:flex;flex-wrap:wrap;gap:5px}.oc-choice button,.oc-add-ticket{flex:1;border:1px solid #5b496e;background:#392b47;color:#ddcee9;padding:10px 8px;border-radius:8px;text-transform:capitalize}.oc-choice button[aria-pressed=true]{color:#fff0c9;border-color:var(--oc-accent);background:#52415c}.oc-rates{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.oc-rates small{font-size:10px;color:#bdaacb;letter-spacing:.08em}.oc-rates strong{color:var(--oc-accent);font-size:19px}.oc-start,.oc-collect{padding:15px 12px;border-radius:9px;border:1px solid #bc81f1;background:linear-gradient(#a739fc,#7633db);box-shadow:0 4px 0 #31174f;color:white;font:700 15px inherit;min-height:50px}.oc-collect{background:linear-gradient(#b6955d,#8c6d3c);border-color:#e5c68c;display:grid;gap:5px}.oc-collect small{font-size:11px}.oc-collect[hidden]{display:none}.oc-start:disabled,.oc-collect:disabled{opacity:.45;box-shadow:none;cursor:default}.oc-error{font-size:12px;color:#f3a5b9;line-height:1.5;margin:0}.oc-error:empty{display:none}.oc-result{font-size:13px;color:#d1c1df;line-height:1.6}.oc-recent{display:flex;gap:5px;flex-wrap:wrap}.oc-recent span{padding:4px 7px;background:#251e30;border-radius:5px;font-size:11px;color:#b3a2c6}.oc-recent span[data-win=true]{background:#284039;color:#b8e6c9}.oc-board.db-instrument{grid-column:2!important;grid-row:1!important;min-width:0;background:radial-gradient(ellipse at 50% 30%,var(--oc-surface),#131821 90%);padding:24px;display:flex;flex-direction:column;gap:22px;position:relative}.oc-board-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--oc-accent);opacity:.75}.oc-display{flex:1;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-width:0}.oc-display>.oc-art{width:min(300px,70%);margin:0}.oc-board-caption{font-size:12px;color:#adabb6;line-height:1.5;text-align:center}.oc-number-grid,.oc-mine-grid{display:grid;grid-template-columns:repeat(var(--oc-columns),minmax(0,1fr));gap:7px;width:min(100%,650px)}.oc-number-grid button,.oc-mine-grid button{aspect-ratio:1;border:1px solid #594c71;border-radius:9px;background:#2a263e;color:#d3c5e1;font:600 15px inherit;box-shadow:0 4px 0 #1a1a2b;min-width:0}.oc-number-grid button[aria-pressed=true]{border-color:#c3a1f2;background:#734fa0;color:#fff}.oc-number-grid button.drawn{outline:2px solid #d4bc7a;outline-offset:-4px}.oc-number-grid button.drawn[aria-pressed=true],.oc-mine-grid button.revealed{background:#23584c;color:#a2efce}.oc-mine-grid button.bomb{background:#633147;color:#f5a7b3}.oc-mine-grid button{font-size:26px}.oc-progress-path{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.oc-progress-path span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #716180;background:#272336;font-size:12px}.oc-progress-path .cleared{background:#305748;color:#a2e6be}.oc-progress-path .current{border-color:#d7b376;box-shadow:0 0 0 4px #c5a25c15}.oc-progress-value,.oc-limbo-result strong{font-size:clamp(36px,5vw,66px);font-weight:700;color:var(--oc-accent);font-variant-numeric:tabular-nums}.oc-path-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.oc-path-options button{flex:1 1 90px;max-width:160px;border:1px solid #806a91;background:#332641;color:#eee1ff;border-radius:12px;padding:18px 10px;display:grid;gap:10px}.oc-path-options button small{font-size:10px;color:#bcadcc}.oc-path-options button b{color:var(--oc-accent)}.oc-path-options button:disabled{opacity:.45}.oc-hand{display:flex;justify-content:center;gap:12px}.oc-playing-card{width:75px;aspect-ratio:.7;border-radius:9px;border:2px solid #d1c5ab;background:#f2ecdc;color:#272333;padding:10px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 12px #0004;transform:rotate(-2deg)}.oc-playing-card:nth-child(2n){transform:rotate(2deg)}.oc-playing-card.red{color:#b84360}.oc-playing-card b{font-size:19px}.oc-playing-card>span{font-size:32px;align-self:center}.oc-playing-card small{font-size:8px;margin-top:auto;align-self:center;opacity:0}.oc-poker-hand .oc-playing-card small{opacity:.6}.oc-playing-card[aria-pressed=true]{border:3px solid #9e6bce;transform:translateY(-12px);box-shadow:0 0 0 3px #a76fc433}.oc-playing-card[aria-pressed=true] small{opacity:1;font-weight:700}.oc-baccarat-hands{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}.oc-baccarat-hands h3{font-size:14px;display:flex;justify-content:space-between;color:#bcafc9}.oc-baccarat-hands h3 b{color:#e4c68d}.oc-baccarat-hands small{display:none}.oc-dice-result{display:flex;gap:12px}.oc-dice-result span,.oc-coins span{display:grid;place-items:center;width:80px;height:80px;border-radius:18px;background:var(--oc-accent);color:#2b2034;font-size:35px;font-weight:700;box-shadow:0 9px 0 #0004}.oc-coins{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.oc-coins span{border-radius:50%;border:4px double #f4dba5;font-size:23px;width:65px;height:65px;background:#b79058}.oc-limbo-result{display:grid;text-align:center;gap:15px}.oc-limbo-result small{color:#bba6ce}.oc-roulette-ring{width:260px;max-width:85%;aspect-ratio:1;background:repeating-conic-gradient(#87334e 0deg 9.5deg,#292336 9.5deg 19deg);border:9px solid #bd955e;border-radius:50%;padding:28px;box-shadow:inset 0 0 0 3px #543e38,0 20px 35px #0005}.oc-roulette-ring>div{height:100%;border-radius:50%;background:radial-gradient(#514034,#251b24);border:3px solid #c49b5e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.oc-roulette-ring small{font-size:10px;letter-spacing:.12em;color:#bd9b65}.oc-roulette-ring strong{font-size:45px}.oc-ticket-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.oc-ticket-list button{background:#302537;border:1px solid #715a7d;border-radius:6px;color:#e5cee9;padding:7px 10px;font-size:12px}.oc-ticket-list small{color:#c5a870}.oc-wheel{width:250px;aspect-ratio:1;max-width:80%;border:6px solid #c6aa77;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 25px #0005;position:relative}.oc-wheel::before{content:"";position:absolute;top:-10px;border:12px solid transparent;border-top-color:#f1dcae}.oc-wheel>span{width:42%;aspect-ratio:1;border-radius:50%;background:#221a2d;display:grid;place-items:center;font-size:24px;border:4px solid #e5c58d;color:#e5c58d}.oc-wheel-paytable{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-height:160px;overflow:auto}.oc-wheel-paytable span{background:#2c2237;border-radius:5px;padding:6px 8px;display:grid;gap:3px;font-size:12px}.oc-wheel-paytable small{font-size:8px;color:#a99ab6}.oc-wheel-paytable .chosen{outline:2px solid #d9b982}.oc-reels{display:grid;grid-template-columns:repeat(var(--oc-reels),minmax(0,1fr));grid-template-rows:repeat(var(--oc-rows),minmax(50px,1fr));gap:5px;width:min(100%,620px);background:#12111e;border:7px solid #876b48;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 2px #d0ad75,0 15px 30px #0004}.oc-reels span{display:grid;place-items:center;background:linear-gradient(#332b45,#45344d,#292236);border-radius:7px;font-size:clamp(24px,3vw,43px);color:var(--oc-accent);min-height:65px}.oc-reels .winning{background:linear-gradient(#665739,#8b713f);color:#fff1bf;box-shadow:inset 0 0 0 2px #d8bb73}.oc-plinko{width:100%;max-height:540px}.oc-rules{padding:18px 4px;color:#bbaac9;font-size:12px;line-height:1.7}.oc-rules summary{cursor:pointer;font-size:13px;color:#d5c0ea}.oc-rules>div{padding:10px 12px;max-height:350px;overflow:auto;background:#17121f;border-radius:9px;margin-top:10px}.oc-rules table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.oc-rules td,.oc-rules th{text-align:left;border-bottom:1px solid #362b43;padding:8px}.oc-reveal{animation:oc-reveal .5s ease-out}.oc-room{margin-top:14px;padding:12px 16px;background:#1c1425;border:1px solid #42334e;border-radius:10px;font-size:12px}.oc-room header{display:flex;gap:10px;align-items:center;color:#c8b5da}.oc-room header small{margin-left:auto;color:#a793ba}.oc-room ul{list-style:none;padding:0;margin:10px 0 0;display:flex;gap:8px;overflow:auto}.oc-room li{flex:0 0 auto;background:#2d2239;border-radius:8px;padding:8px 12px;display:grid;gap:5px;min-width:120px}.oc-room li strong{color:#d9c49d;font-size:11px}.oc-room li small{color:#aa94bb;font-size:10px}@keyframes oc-reveal{from{opacity:.2;transform:translateY(12px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){.oc-layout{grid-template-columns:minmax(0,1fr);min-height:0}.oc-board.db-instrument{grid-column:1!important;grid-row:1!important;padding:18px 12px}.oc-controls.db-control{grid-column:1!important;grid-row:2!important;padding:18px;gap:12px}.oc-heading{padding:12px 2px}.oc-heading h2{font-size:24px}.oc-heading p{font-size:12px}.oc-display{min-height:270px}.oc-lobby-tools{flex-wrap:wrap}.oc-lobby-tools input{width:100%;max-width:none;flex-basis:100%}.oc-lobby-count{font-size:11px}.oc-cover{min-height:205px}.oc-edition{font-size:8px;inset:14px}.oc-cover .cover-copy strong{font-size:20px}.oc-cover .cover-copy small{font-size:7px}.oc-number-grid{gap:5px}.oc-number-grid button{font-size:12px;border-radius:6px}.oc-playing-card{width:55px;padding:6px}.oc-playing-card b{font-size:14px}.oc-playing-card>span{font-size:24px}.oc-hand{gap:6px}.oc-reels{padding:6px;border-width:5px}.oc-reels span{min-height:48px;font-size:27px}.oc-roulette-ring{width:220px}.oc-baccarat-hands{gap:20px}.oc-dice-result span{width:65px;height:65px;font-size:28px}.oc-art{margin-bottom:55px}}@media(prefers-reduced-motion:reduce){.oc-reveal{animation:none}.oc-cover:hover .oc-art{transform:none}.oc-art{transition:none}}

.oc-feed-cover{background:var(--oc-surface)}.oc-feed-cover .oc-art{width:100%;height:100%;margin:0;filter:none}.oc-controls .oc-start:disabled{cursor:wait}

/* Illustrated covers share the core Originals' portrait proportions. */
.oc-cover.oc-illustrated{min-height:0;padding:0;overflow:hidden;background:#23142e;border-color:#7e5d96;container-type:inline-size}
.oc-illustrated::before,.oc-illustrated::after{display:none}
.oc-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.oc-cover-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(17,9,27,.28) 38%,rgba(17,9,27,.64));pointer-events:none}
.oc-illustrated .cover-copy{bottom:8%;z-index:1;pointer-events:none;gap:6px}
.oc-illustrated .cover-copy strong{font-size:clamp(12px,13cqw,26px);text-transform:uppercase;line-height:1.06;letter-spacing:-.02em;max-width:94%;text-shadow:0 3px 10px #14081fcc}
.oc-illustrated .cover-copy small{font-size:clamp(5px,4cqw,8px);letter-spacing:.12em;margin-top:5px}
@media(hover:hover) and (pointer:fine){.oc-illustrated:hover .oc-cover-image{transform:scale(1.045);filter:brightness(1.12)}}
@media(prefers-reduced-motion:reduce){.oc-cover-image{transition:none}.oc-illustrated:hover .oc-cover-image{transform:none}}
