:root{--bg-900:#0b0b12;--bg-800:#131320;--bg-700:#1a1a2e;--text-100:#f6f7fb;--text-200:#e5e7eb;--muted-400:#a6adbb;--muted-500:#6b7280;--accent-1:#3b82f6;--accent-2:#8b5cf6;--accent-3:#ec4899;--focus-ring:#22d3ee;--pastel:#f3e8ff;--pastel-border:#e9d5ff;--card-glow:0 6px 30px rgba(139,92,246,.28);--gradient-primary:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 50%,var(--accent-3) 100%);--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-system:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-system);font-size:16px;line-height:1.5;color:var(--text-100);background:var(--bg-900);min-height:100vh}html[data-gated="true"] main{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:var(--accent-1);text-decoration:none;transition:color .2s}a:hover,a:focus{color:var(--accent-2)}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-2)}@media(min-width:768px){.container{padding:0 var(--spacing-3)}}.frame-finnreel-no{background:var(--bg-800);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2);max-width:1200px;margin:0 auto}.wordmark{display:flex;align-items:center;gap:var(--spacing-1);font-size:1.25rem;font-weight:700;color:var(--text-100);text-decoration:none}.wordmark svg{flex-shrink:0}.wordmark:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}nav ul{display:flex;list-style:none;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}nav a{color:var(--text-200);padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all .2s}nav a:hover,nav a[aria-current="page"]{color:var(--text-100);background:rgba(255,255,255,.05)}nav a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-play{background:var(--gradient-primary);color:var(--text-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-weight:600;transition:transform .2s,box-shadow .2s}.btn-play:hover{transform:translateY(-2px);box-shadow:var(--card-glow)}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3;pointer-events:none}.hero-content{text-align:center;padding:var(--spacing-4);position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin-bottom:var(--spacing-2);color:var(--text-100);text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-subhead{font-size:clamp(1rem,3vw,1.5rem);color:var(--text-200);margin-bottom:var(--spacing-4);text-shadow:0 1px 5px rgba(0,0,0,.3)}.hero-actions{display:flex;gap:var(--spacing-2);justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;text-align:center;transition:all .2s;border:none;font-size:1rem}.btn-primary{background:var(--bg-900);color:var(--text-100);border:2px solid transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.btn-secondary{background:transparent;color:var(--text-100);border:2px solid var(--text-100)}.btn-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.btn-tertiary{background:var(--bg-700);color:var(--text-100)}.btn-tertiary:hover{background:var(--bg-800)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.about{padding:var(--spacing-6) 0;background:var(--bg-800)}.about h2{font-size:2rem;margin-bottom:var(--spacing-3);text-align:center;line-height:1.2}.about p{font-size:1.125rem;line-height:1.6;margin-bottom:var(--spacing-2);max-width:800px;margin-left:auto;margin-right:auto;color:var(--text-200)}.games-section{padding:var(--spacing-6) 0;background:var(--bg-900)}.games-section h2{font-size:2rem;margin-bottom:var(--spacing-3);text-align:center;line-height:1.2}.credits-shared{background:var(--bg-800);border:2px solid var(--accent-2);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);margin:var(--spacing-3) auto;max-width:300px;font-size:1.25rem;font-weight:700;box-shadow:var(--card-glow)}.credits-label{color:var(--muted-400)}.credits-value{color:var(--accent-1);font-size:1.5rem}.deck-game-trio{display:grid;gap:var(--spacing-3);margin-top:var(--spacing-4)}@media(min-width:768px){.deck-game-trio{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.tile-gamelet{background:var(--bg-800);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-3);box-shadow:var(--card-glow);transition:transform .2s,box-shadow .2s}.tile-gamelet:hover{transform:translateY(-4px);box-shadow:0 10px 40px rgba(139,92,246,.4)}.gamelet-header{margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid rgba(255,255,255,.1)}.gamelet-header h3{font-size:1.5rem;margin-bottom:var(--spacing-1);line-height:1.2}.gamelet-header p{color:var(--muted-400);font-size:.9rem}.gamelet-body{min-height:300px}.slab-disclosure-no{background:var(--pastel);color:var(--bg-900);padding:var(--spacing-6) 0}.slab-disclosure-no h2{font-size:1.75rem;margin-bottom:var(--spacing-3);text-align:center;color:var(--bg-900);line-height:1.2}.disclosure-list{list-style:none;max-width:800px;margin:0 auto}.disclosure-list li{padding:var(--spacing-1) 0;padding-left:var(--spacing-3);position:relative;color:var(--bg-900);font-size:1rem}.disclosure-list li::before{content:'✓';position:absolute;left:0;color:var(--accent-2);font-weight:700}.footer{background:var(--bg-800);border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-5) 0 var(--spacing-3)}.footer-grid{display:grid;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-col h3{font-size:1.125rem;margin-bottom:var(--spacing-2);color:var(--text-100);line-height:1.2}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--spacing-1)}.footer-col a{color:var(--muted-400);transition:color .2s}.footer-col a:hover{color:var(--text-100)}.footer-col p{color:var(--muted-400);font-size:.9rem;line-height:1.6}.link-button{background:none;border:none;color:var(--accent-1);cursor:pointer;padding:0;text-decoration:underline;font-size:.9rem}.link-button:hover{color:var(--accent-2)}.link-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-3);text-align:center}.footer-bottom p{color:var(--muted-400);font-size:.875rem;margin-bottom:var(--spacing-1)}.footer-disclaimer{font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-2)}.modal-overlay[hidden]{display:none}.modal-content{background:var(--bg-800);border:2px solid var(--accent-2);border-radius:var(--radius-lg);padding:var(--spacing-4);max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-content h2{font-size:1.75rem;margin-bottom:var(--spacing-2);line-height:1.2;color:var(--text-100)}.modal-content p{margin-bottom:var(--spacing-3);color:var(--text-200);line-height:1.6}.modal-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.drawer-consent{position:fixed;bottom:0;left:0;right:0;background:var(--bg-800);border-top:2px solid var(--accent-2);padding:var(--spacing-3);z-index:999;box-shadow:0 -10px 40px rgba(0,0,0,.5);max-height:80vh;overflow-y:auto}.drawer-consent[hidden]{display:none}.drawer-content{max-width:800px;margin:0 auto}.drawer-content h2{font-size:1.5rem;margin-bottom:var(--spacing-2);line-height:1.2}.drawer-content>p{margin-bottom:var(--spacing-3);color:var(--text-200)}.consent-options{margin-bottom:var(--spacing-3)}.consent-option{margin-bottom:var(--spacing-2);background:var(--bg-700);padding:var(--spacing-2);border-radius:var(--radius-md)}.consent-option label{display:flex;gap:var(--spacing-2);cursor:pointer;align-items:start}.consent-option input[type="checkbox"]{margin-top:4px;width:20px;height:20px;flex-shrink:0;cursor:pointer;accent-color:var(--accent-2)}.consent-option input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.7}.consent-option span{flex:1}.consent-option strong{display:block;margin-bottom:4px;color:var(--text-100)}.consent-option small{color:var(--muted-400);font-size:.875rem}.drawer-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.legal-page{padding:var(--spacing-6) 0;background:var(--bg-900)}.legal-page h1{font-size:2.5rem;margin-bottom:var(--spacing-2);line-height:1.2}.legal-page .updated{color:var(--muted-400);font-size:.9rem;margin-bottom:var(--spacing-4)}.legal-page section{margin-bottom:var(--spacing-4)}.legal-page h2{font-size:1.75rem;margin-bottom:var(--spacing-2);margin-top:var(--spacing-3);line-height:1.2}.legal-page h3{font-size:1.25rem;margin-bottom:var(--spacing-2);margin-top:var(--spacing-2);line-height:1.2}.legal-page p{margin-bottom:var(--spacing-2);line-height:1.6;color:var(--text-200)}.legal-page ul{margin-left:var(--spacing-3);margin-bottom:var(--spacing-2)}.legal-page li{margin-bottom:var(--spacing-1);line-height:1.6;color:var(--text-200)}.contact-page{padding:var(--spacing-6) 0;background:var(--bg-900)}.contact-page h1{font-size:2.5rem;margin-bottom:var(--spacing-2);text-align:center;line-height:1.2}.contact-page .intro{text-align:center;color:var(--text-200);font-size:1.125rem;margin-bottom:var(--spacing-5);max-width:600px;margin-left:auto;margin-right:auto}.contact-grid{display:grid;gap:var(--spacing-5)}@media(min-width:768px){.contact-grid{grid-template-columns:1.5fr 1fr}}.contact-form-section h2,.contact-info h2{font-size:1.5rem;margin-bottom:var(--spacing-3);line-height:1.2}.contact-form{background:var(--bg-800);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:var(--spacing-3)}.form-group label{display:block;margin-bottom:var(--spacing-1);font-weight:600;color:var(--text-100)}.required{color:var(--accent-3)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-2);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:var(--bg-700);color:var(--text-100);font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(139,92,246,.2)}.form-group textarea{resize:vertical;min-height:120px}.form-message{padding:var(--spacing-2);border-radius:var(--radius-sm);margin-top:var(--spacing-2)}.form-success{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.5);color:#86efac}.contact-info{background:var(--bg-800);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.contact-item{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid rgba(255,255,255,.1)}.contact-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact-item h3{font-size:1.125rem;margin-bottom:var(--spacing-1);color:var(--text-100);line-height:1.2}.contact-item p{color:var(--text-200);margin-bottom:var(--spacing-1)}.contact-note{font-size:.875rem;color:var(--muted-400);font-style:italic}.game-controls{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap;align-items:center}.game-btn{background:var(--gradient-primary);color:var(--text-100);border:none;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:1rem}.game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--card-glow)}.game-btn:disabled{opacity:.5;cursor:not-allowed}.game-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.game-input{padding:var(--spacing-1) var(--spacing-2);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:var(--bg-700);color:var(--text-100);font-size:1rem;width:80px}.game-input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(139,92,246,.2)}.game-status{padding:var(--spacing-2);background:var(--bg-700);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--spacing-2);min-height:60px;display:flex;align-items:center;justify-content:center;color:var(--text-200)}.slot-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.slot-reel{background:var(--bg-700);border:2px solid var(--accent-2);border-radius:var(--radius-md);padding:var(--spacing-3);text-align:center;font-size:3rem;min-height:100px;display:flex;align-items:center;justify-content:center}.blackjack-area{display:grid;gap:var(--spacing-3)}.blackjack-hand{background:var(--bg-700);border-radius:var(--radius-md);padding:var(--spacing-2)}.blackjack-hand h4{margin-bottom:var(--spacing-1);color:var(--text-100);font-size:1rem}.blackjack-cards{display:flex;gap:var(--spacing-1);flex-wrap:wrap;min-height:60px}.card{background:white;color:var(--bg-900);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-2);font-weight:700;font-size:1.125rem;min-width:40px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.2)}.card.red{color:#dc2626}.roulette-board{display:grid;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.roulette-bet-group{background:var(--bg-700);border-radius:var(--radius-md);padding:var(--spacing-2)}.roulette-bet-group h4{margin-bottom:var(--spacing-1);font-size:1rem;color:var(--text-100)}.roulette-options{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.roulette-option{background:var(--bg-800);border:2px solid rgba(255,255,255,.2);color:var(--text-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .2s}.roulette-option:hover{border-color:var(--accent-2);background:var(--bg-700)}.roulette-option.selected{border-color:var(--accent-1);background:var(--accent-1);color:white}.roulette-result{background:var(--bg-700);border:2px solid var(--accent-2);border-radius:var(--radius-md);padding:var(--spacing-3);text-align:center;margin-bottom:var(--spacing-2)}.roulette-result .number{font-size:3rem;font-weight:700;color:var(--accent-1);margin-bottom:var(--spacing-1)}.roulette-result .color{font-size:1.25rem;color:var(--text-200)}@media(max-width:767px){nav ul{font-size:.875rem;gap:var(--spacing-1)}nav a{padding:4px 8px}.hero{min-height:60vh}.btn{padding:12px 20px;font-size:.9rem}.gamelet-body{min-height:250px}.slot-reel{font-size:2rem;min-height:80px;padding:var(--spacing-2)}}