@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Serif:ital,wght@0,400;0,500;1,400&display=swap";:root{--bg:#101a18;--panel:#172420;--line:#ffffff15;--cream:#f4f0df;--muted:#9aaea6;--gold:#d5b879;--green:#153e33}*{box-sizing:border-box}body{background:var(--bg);color:var(--cream);margin:0;font-family:Manrope,Arial,sans-serif;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}button{color:inherit}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;height:100px;padding:0 5%;display:flex}.brand{letter-spacing:2px;align-items:center;gap:13px;font-size:19px;font-weight:800;display:flex}.brand b{color:var(--gold)}.brand small{letter-spacing:3.2px;color:var(--muted);margin-top:5px;font-size:8px;font-weight:500;display:block}.brand-icon{color:var(--gold);font-size:37px}nav{align-self:stretch;gap:30px;display:flex}nav button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 4px;font-size:13px}nav .selected{color:var(--cream);border-color:var(--gold)}.profile{align-items:center;gap:10px;font-size:12px;display:flex}.avatar{width:32px;height:32px;color:var(--gold);background:#283d34;border:1px solid #49624f;border-radius:50%;place-items:center;display:grid}.username{text-overflow:ellipsis;max-width:100px;overflow:hidden}.logout{color:var(--muted);margin-left:8px}.login{border:1px solid #62715a;border-radius:5px;padding:11px 16px}main{max-width:1390px;margin:auto;padding:0 5%}.intro{justify-content:space-between;align-items:center;padding:44px 0 38px;display:flex}.eyebrow{letter-spacing:2px;color:var(--gold);margin:0 0 15px;font-size:9px;font-weight:700}.eyebrow>span,.live-dot{background:#85bf95;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}h1{letter-spacing:-1.5px;margin:0;font-family:Noto Serif,Georgia,serif;font-size:42px;font-weight:400;line-height:1.3}h1 em{color:var(--gold);font-weight:400}.subtitle{color:var(--muted);margin:16px 0 0;font-size:12px}.intro-detail{text-align:right;color:var(--muted);font-size:11px;line-height:1.9}.intro-detail>span{letter-spacing:13px;color:var(--gold);opacity:.65;font-size:22px}.layout{grid-template-columns:minmax(0,1fr) 280px;gap:26px;display:grid}.main-column{min-width:0}.section-top{justify-content:space-between;align-items:center;margin:0 0 16px;display:flex}.tabs-title{letter-spacing:1.7px;font-size:10px;font-weight:700}.rules{color:var(--muted);background:0 0;border:0;font-size:11px}.felt{background:radial-gradient(at 50% 40%,#215542,#143c30 65%,#103126);border:1px solid #54734d;border-radius:170px 170px 28px 28px;flex-direction:column;align-items:center;height:460px;padding-top:31px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #081c2666,0 10px 35px #0002}.felt:after{content:"";opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.felt-border{pointer-events:none;border:1px solid #bbca8a35;border-radius:160px 160px 20px 20px;position:absolute;inset:11px}.table-corner{color:#b0c39860;letter-spacing:3px;font-size:10px;position:absolute;bottom:25px;left:29px}.hand-label{letter-spacing:2px;color:#bbceba;justify-content:center;align-items:center;gap:8px;min-height:25px;font-size:9px;display:flex}.score{color:#e9edce;letter-spacing:0;background:#0a241e66;border:1px solid #a9c39d55;border-radius:20px;padding:3px 8px;font-size:11px}.score.bust{color:#ffada1}.cards{justify-content:center;gap:8px;min-height:96px;display:flex}.dealer-area .cards{margin-top:8px}.card{color:#1b302c;background:#fcfaf0;border-radius:7px;flex-shrink:0;place-items:center;width:67px;height:96px;animation:.25s both appear;display:grid;position:relative;box-shadow:0 5px 9px #00150d55}.red{color:#a63339}.corner{font-size:16px;font-weight:800;line-height:1;position:absolute;top:6px;left:7px}.corner small{margin-top:2px;font-size:13px;display:block}.bottom{inset:auto 7px 6px auto;transform:rotate(180deg)}.suit{font-size:32px}.card.back{background:repeating-linear-gradient(45deg,#233e36 0 3px,#2e4a40 3px 4px);border:4px solid #e4e2ce}.back:after{content:"";border:1px solid #a8b58a66;border-radius:1px;position:absolute;inset:3px}.backmark{color:#c3c89f;text-align:center;font-family:Georgia,serif;font-size:29px;line-height:.9}.backmark span{margin-top:6px;font-size:13px;display:block}.table-lettering{text-align:center;color:#c9d09a77;letter-spacing:3px;margin:18px 0 14px;font-family:Georgia,serif;font-size:14px}.table-lettering small{letter-spacing:2.5px;margin-top:7px;font-family:Manrope,Arial,sans-serif;font-size:7px;display:block}.player-area .hand-label{margin-top:9px}.card-placeholder{color:#a1b48e44;border:1px dashed #aec2955c;border-radius:8px;place-items:center;width:68px;height:96px;font-size:30px;display:grid}.table-message{text-align:center;color:#d0d9c2;z-index:1;max-width:80%;margin-top:11px;font-size:11px}.table-message strong{color:#f0d791;margin-bottom:3px;font-family:Georgia,serif;font-size:20px;display:block}.table-message span{display:block}.controls{border:1px solid var(--line);background:#1a2923;border-radius:10px;min-height:155px;margin-top:16px;padding:22px 24px}.bet-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.bet-top>span{color:var(--muted);letter-spacing:1px;font-size:9px}.bet-top b{color:var(--cream);letter-spacing:0;margin-left:13px;font-size:23px}.bet-top small{color:var(--muted);font-size:12px;font-weight:400}.bet-top button{color:var(--muted);background:0 0;border:0;font-size:10px}.bet-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.chips{gap:12px;display:flex}.chip{background:#e9dfbd;border:3px dashed #f1ead8ae;border-radius:50%;place-items:center;width:51px;height:51px;padding:4px;transition:transform .15s;display:grid;box-shadow:0 0 0 3px #26372f,0 3px 6px #0006}.chip:not(:disabled):hover{transform:translateY(-4px)}.chip span{border:1px solid;border-radius:50%;place-items:center;width:100%;height:100%;font-size:12px;font-weight:800;display:grid}.chip-50{color:#364039;background:#e6dfc7;border-color:#faf5df}.chip-100{color:#e5eddb;background:#427a65}.chip-200{color:#e0e8eb;background:#3c6481}.chip-500{color:#fbebce;background:#a77f43}.primary{background:var(--gold);border:1px solid var(--gold);color:#202b22;border-radius:5px;justify-content:center;align-items:center;gap:14px;padding:14px 20px;font-size:12px;font-weight:800;transition:background .15s;display:inline-flex}.primary:not(:disabled):hover{background:#e4cb97}.deal{min-width:175px}.deal span{font-size:20px;font-weight:400}.control-note{color:var(--muted);margin:16px 0 0;font-size:9px}.play-controls{justify-content:space-between;align-items:center;gap:15px;min-height:105px;display:flex}.play-controls>div>small{color:var(--muted);letter-spacing:1px;font-size:9px}.play-controls strong{margin-top:9px;font-size:25px;display:block}.play-controls strong span{color:var(--muted);font-size:10px;font-weight:400}.action-buttons{gap:8px;display:flex}.action-buttons button{flex-direction:column;gap:5px;min-width:78px;padding:13px}.action-buttons button small{letter-spacing:1px;font-size:8px}.secondary{background:#263b30;border:1px solid #698371;border-radius:5px;align-items:center;font-size:13px;display:flex}.join{justify-content:space-between;align-items:center;gap:20px;min-height:105px;display:flex}.join strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.join p{color:var(--muted);font-size:10px;line-height:1.7}.join .primary{font-size:10px}aside{padding-top:29px}.wallet{background:linear-gradient(120deg,#23352a,#1a2922);border:1px solid #6d79543d;border-radius:10px;padding:25px}.wallet .eyebrow{color:var(--muted);letter-spacing:1.5px;font-size:9px}.wallet-total{align-items:center;gap:13px;margin-top:19px;display:flex}.wallet-total strong{font-size:43px;font-weight:500;line-height:1}.coin{color:var(--gold);font-size:32px}.wallet>p{color:var(--muted);margin:9px 0 0 43px;font-size:11px}.wallet-divider{background:var(--line);height:1px;margin:23px 0 16px}.wallet-status{color:var(--muted);font-size:9px}.wallet-status .live-dot{width:4px;height:4px}.daily{background:radial-gradient(at 100% 0,#3a402a88,#1b2820 65%);border:1px solid #b89a5b5c;border-radius:10px;margin-top:18px;padding:25px}.gift{color:var(--gold);margin-bottom:15px;font-size:37px;line-height:1}.daily .eyebrow{letter-spacing:1.2px;font-size:8px}.daily h2{margin:13px 0;font-family:Noto Serif,Georgia,serif;font-size:23px;font-weight:400;line-height:1.5}.daily>p{color:var(--muted);margin-bottom:21px;font-size:11px;line-height:1.9}.daily-button{width:100%;color:var(--gold);text-align:center;background:#c4a76b14;border:1px solid #c4a76b;border-radius:4px;padding:12px 4px;font-size:10px;font-weight:700;display:block}.daily-button:disabled{opacity:.65;color:#aab59c;background:#70806218;border-color:#7b896a}.daily>small{color:var(--muted);text-align:center;margin-top:12px;font-size:8px;line-height:1.8;display:block}.stats{padding:23px 6px 8px}.stats h3{margin:0 0 15px;font-size:11px;font-weight:500}.stats>div{color:var(--muted);justify-content:space-between;margin:11px 0;font-size:11px;display:flex}.stats b{color:var(--cream);font-weight:500}.aside-note{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding-top:17px;font-size:9px;line-height:2}footer{border-top:1px solid var(--line);color:#7f9589;justify-content:space-between;align-items:center;gap:15px;margin-top:40px;padding:24px 0;font-size:9px;display:flex}footer>span:first-child{letter-spacing:2px;color:var(--gold);font-size:10px}footer>span:last-child{letter-spacing:1px;font-size:8px}.error{color:#ffd9c3;background:#753a2b55;border:1px solid #d28d6e66;border-radius:6px;margin-top:15px;padding:14px;font-size:12px}.error button{background:0 0;border:0;text-decoration:underline}.history-panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;min-height:630px;padding:28px}.history-panel h2{font-family:Georgia,serif;font-size:26px;font-weight:400}.muted{color:var(--muted);font-size:11px}.empty{color:var(--muted);padding:80px 0;line-height:1.8}.history-scroll{margin:30px 0;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:10px}th{color:var(--muted);font-weight:500}td,th{border-bottom:1px solid var(--line);white-space:nowrap;padding:15px 7px}.positive{color:#9dcfaf}.negative{color:#e8a89d}.modal-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#1a2b22;border:1px solid #7f8c5e;border-radius:15px;max-width:590px;max-height:90vh;padding:35px;position:relative;overflow:auto}.modal h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.modal p,.modal li{color:#c2cdbf;font-size:12px;line-height:1.9}.modal ul{padding-left:19px}.modal li{margin:10px 0}.close{color:var(--muted);background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}@keyframes appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (width>=1500px){main{padding:0 60px}.felt{height:480px}.table-lettering{margin:24px 0 18px}}@media (width<=1000px){header{height:85px;padding:0 4%}main{padding:0 4%}.layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.wallet,.daily{padding:20px}.chips{gap:8px}.chip{width:43px;height:43px}.controls{padding:18px}.deal{min-width:135px;padding:12px;font-size:11px}.felt{border-radius:110px 110px 20px 20px}.intro-detail,.username{display:none}.join{text-align:center;flex-direction:column;justify-content:center;gap:8px}.action-buttons{gap:5px}.action-buttons button{min-width:65px;padding:12px 8px}}@media (width<=740px){header{flex-wrap:wrap;gap:15px;height:auto;min-height:80px;padding-top:18px}.brand{font-size:16px}.brand-icon{font-size:30px}.brand small{font-size:6px}.profile{margin-left:auto}.logout{font-size:10px}.login{padding:9px;font-size:10px}nav{order:3;justify-content:center;gap:40px;width:100%}nav button{padding:10px 0 14px;font-size:12px}.intro{padding:30px 0}h1{font-size:33px}.subtitle{font-size:11px;line-height:1.8}.layout{flex-direction:column;gap:0;display:flex}.felt{border-radius:110px 110px 22px 22px;height:440px}.section-top{gap:10px}.tabs-title{font-size:9px}.rules{font-size:10px}.bet-top b{font-size:24px}.chip{width:47px;height:47px}.chips{gap:10px}.bet-bottom{flex-wrap:wrap;gap:22px}.deal{flex:1}.controls{padding:20px}.control-note{line-height:1.7}.join{text-align:left;flex-direction:row}.join .primary{padding:12px}.play-controls{flex-wrap:wrap;justify-content:center}.play-controls>div:first-child{text-align:center}.action-buttons{flex:1;justify-content:center}.action-buttons button{min-width:75px}aside{grid-template-columns:1fr 1fr;gap:14px;padding-top:24px;display:grid}.wallet{align-self:start;padding:20px 17px}.wallet-total strong{font-size:34px}.wallet-total{gap:8px}.wallet>p{margin-left:33px;font-size:9px}.wallet-status{font-size:8px;line-height:1.7}.wallet .eyebrow{font-size:8px}.daily{grid-row:span 2;margin-top:0;padding:20px 17px}.daily h2{font-size:20px}.daily .eyebrow{line-height:1.8}.daily>p{font-size:10px}.daily-button{font-size:9px}.stats{padding:0 12px}.aside-note{grid-column:1/-1;margin:0}footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:5px 20px;margin-top:25px}footer p{order:3;width:100%}.history-panel{min-height:430px}.modal{padding:28px}.card{width:60px;height:87px}.cards{flex-wrap:wrap;gap:5px;max-width:94%;min-height:87px;margin-left:auto;margin-right:auto}.card-placeholder{width:60px;height:87px}.player-area,.dealer-area{max-width:100%}.table-lettering{margin:18px 0}.table-message{margin-top:13px}.table-corner{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.player-area,.dealer-area{width:100%}.cards{flex-wrap:nowrap;width:100%;max-width:none;padding:0 18px}.cards .card{flex-shrink:1;min-width:28px}.cards .card:nth-child(n+5){margin-left:-15px}.live-total{color:#e3e9cd;justify-content:center;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;display:flex}.live-total strong{color:#f9e7b5;background:#09291fc9;border:1px solid #bbd49c80;border-radius:7px;place-items:center;min-width:38px;height:30px;font-size:20px;font-weight:800;display:inline-grid}.felt{height:480px}.table-lettering{margin:16px 0 13px}.table-message{margin-top:15px}@media (width<=740px){.felt{height:465px}.cards .card{min-width:25px}.live-total{margin-bottom:9px}.table-message{margin-top:15px}}.auth-modal{width:100%;max-width:440px}.auth-modal form{flex-direction:column;gap:18px;margin:24px 0;display:flex}.auth-modal label{color:#c2cdbf;flex-direction:column;gap:8px;font-size:12px;display:flex}.auth-modal input{color:#f4f0df;font:inherit;background:#102219;border:1px solid #668164;border-radius:5px;width:100%;padding:13px;font-size:16px}.auth-modal input:focus{outline-offset:2px;outline:2px solid #d5b879}.auth-links{flex-direction:column;gap:14px;display:flex}.auth-links button{color:#d5b879;text-align:left;background:0 0;border:0;padding:0;font-size:11px}.auth-message{border:1px solid #c8b07470;border-radius:5px;padding:12px;color:#f3deb4!important}.auth-footnote{margin-top:25px;font-size:9px!important}.auth-loading{background:#1a2b22;border:1px solid #7f8c5e;border-radius:5px;padding:10px;font-size:11px;position:fixed;bottom:15px;left:15px}.octopus-logo{object-fit:contain;background:#fff;border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:2px}.footer-brand{align-items:center;gap:8px;display:flex}.footer-brand img{background:#fff;border-radius:50%;width:23px;height:23px}.split-player-area{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:92%;margin:0 auto;display:grid}.split-hand{background:#102a2280;border:1px solid #b4c79b44;border-radius:10px;min-width:0;padding:10px 5px}.split-hand.active-hand{background:#274c3599;border-color:#e3c37e;box-shadow:0 0 0 1px #e3c37e50}.split-label{color:#e5ddbd;justify-content:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.split-label span{color:#b8c8a8;font-size:8px}.active-hand .split-label span{color:#ffdf93}.split-hand .live-total{margin-bottom:8px;font-size:10px}.split-hand .live-total strong{min-width:32px;height:26px;font-size:18px}.split-hand .cards{justify-content:safe center;padding:0 2px;overflow-x:auto}.split-hand .card{width:55px;min-width:28px;height:80px}.split-hand .suit{font-size:26px}.split-hand .corner{font-size:13px}.split-bet{color:#d8dcb6;text-align:center;margin-top:8px;font-size:9px}.split-result{text-align:center;color:#f6d68d;margin-top:7px;font-size:10px}.felt.has-split{height:550px}.has-split .table-lettering{margin:14px 0}.has-split .table-message{margin-top:14px}.action-buttons{flex-wrap:wrap}.split-button{color:#e3c37e;border-color:#b89d65}.has-split .table-message strong{font-size:18px}@media (width<=740px){.octopus-logo{width:37px;height:37px}.felt.has-split{border-radius:85px 85px 22px 22px;height:550px}.split-player-area{gap:8px;width:94%}.split-hand{padding:9px 3px}.split-label{flex-direction:column;align-items:center;gap:3px}.split-hand .cards{gap:3px}.split-hand .card{width:48px;min-width:24px;height:72px}.split-hand .cards .card:nth-child(n+3){margin-left:-12px}.split-hand .suit{font-size:23px}.split-hand .corner{font-size:12px;top:5px;left:4px}.split-hand .corner.bottom{inset:auto 4px 5px auto}.split-hand .corner small{font-size:10px}.action-buttons{flex-basis:100%;gap:8px}.action-buttons button{flex:1;min-width:0;max-width:115px;padding:12px 6px;font-size:12px}.play-controls{gap:15px}}@media (width<=390px){.action-buttons button{flex-basis:40%;max-width:none}.felt.has-split{height:555px}.split-label{font-size:9px}}.sound-toggle{color:var(--cream);white-space:nowrap;background:#20392d;border:1px solid #62715a;border-radius:5px;padding:9px 11px;font-size:11px}.sound-toggle[aria-pressed=false]{color:var(--muted)}@media (width<=390px){.sound-toggle{padding:8px 6px;font-size:10px}.profile{gap:5px}}.adult-badge{color:#edcf94;border:1px solid #bba47780;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:43px;height:36px;font-size:17px;font-weight:800;display:inline-flex}.adult-notice{background:#292d203d;border:1px solid #bba47755;border-radius:9px;align-items:center;gap:15px;margin:0 0 24px;padding:16px 20px;display:flex}.adult-notice p{flex:1;margin:0;line-height:1.7}.adult-notice strong{color:#f0ddbb;font-size:12px;display:block}.adult-notice p span{color:var(--muted);font-size:10px;display:block}.adult-notice a{color:var(--gold);text-underline-offset:3px;font-size:10px;line-height:1.7;text-decoration:underline}.adult-disclaimer{background:#172420;border:1px solid #bba47755;border-radius:10px;margin-top:30px;padding:26px 28px;scroll-margin-top:20px}.adult-disclaimer-heading{align-items:center;gap:14px;margin-bottom:17px;display:flex}.adult-disclaimer h2{color:#f0ddbb;margin:0;font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.6}.adult-disclaimer p,.adult-disclaimer li{color:#b8c7bd;font-size:12px;line-height:1.95}.adult-disclaimer strong{color:#e8e6d2}.adult-disclaimer ul{margin-bottom:0;padding-left:20px}.adult-disclaimer li{margin-top:11px;padding-left:3px}@media (width<=740px){.adult-notice{flex-wrap:wrap;gap:10px;padding:14px}.adult-notice p{flex-basis:calc(100% - 60px)}.adult-notice a{margin-left:53px}.adult-notice strong{font-size:11px}.adult-notice p span{font-size:10px}.adult-disclaimer{padding:20px 17px}.adult-disclaimer-heading{align-items:flex-start;gap:11px}.adult-disclaimer h2{font-size:15px}.adult-disclaimer p,.adult-disclaimer li{font-size:11px}}.adult-entry{background:radial-gradient(at 50% 20%,#23453655,#0000 65%);min-height:100dvh;padding:28px 5%}.adult-entry-brand{width:max-content;font-size:18px}.adult-entry-brand small{font-size:7px}.adult-gate{color:var(--cream);background:#172420;border:1px solid #bba47788;border-radius:14px;width:calc(100% - 32px);max-width:730px;max-height:calc(100dvh - 40px);padding:28px;overflow-y:auto;box-shadow:0 20px 90px #0009}.adult-gate::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09140fe8}.adult-gate .adult-disclaimer{background:0 0;border:0;margin:0;padding:0}.adult-gate .adult-disclaimer h2{font-size:20px}.adult-gate .adult-disclaimer p,.adult-gate .adult-disclaimer li{font-size:13px}.adult-gate-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:22px;display:flex}.adult-gate-actions .primary{font-size:12px;line-height:1.6}.adult-gate-exit{color:var(--muted);text-underline-offset:3px;font-size:11px;line-height:1.8;text-decoration:underline}.adult-gate-exit:hover{color:var(--cream)}@media (width<=600px){.adult-gate{padding:22px 18px}.adult-gate .adult-disclaimer h2{font-size:17px}.adult-gate .adult-disclaimer p,.adult-gate .adult-disclaimer li{font-size:12px}.adult-gate-actions{flex-direction:column;align-items:stretch;gap:18px}.adult-gate-exit{text-align:center}.adult-gate .adult-disclaimer-heading{align-items:flex-start}}