@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#101d35;--navy2:#172944;--yellow:#f6c945;--yellow2:#ffdb65;--ink:#15233b;--muted:#788398;--paper:#f5f7fa;--line:#e4e8ef;--white:#fff;--radius:20px;--shadow:0 18px 50px rgba(16,29,53,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:82px;padding:0 max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{width:43px;height:43px;background:var(--yellow);display:grid;place-items:center;border-radius:12px;color:var(--navy);font-family:'Barlow Condensed';font-weight:900;font-size:19px;letter-spacing:-1px;transform:skew(-4deg)}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:11px;letter-spacing:1.2px}.brand small{font-size:10px;color:#7b8494;letter-spacing:3px;margin-top:5px}.site-header nav{display:flex;gap:26px;font-size:13px;font-weight:700;color:#657086}.site-header nav a:hover{color:var(--navy)}.header-actions{display:flex;align-items:center;gap:9px}.btn{border:0;border-radius:10px;padding:12px 17px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-yellow:hover{background:var(--yellow2)}.btn-light{background:#f1f3f7;color:var(--navy)}.btn-outline{background:transparent;border:1px solid #ccd3df;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.full{width:100%}.wallet{background:#fff8df;border:1px solid #f7e6a7;padding:9px 12px;border-radius:10px;font-size:12px}.hidden{display:none!important}
.hero{min-height:520px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px;padding-top:52px;padding-bottom:50px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#8a95a8;display:block}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22a06b;margin-right:8px;box-shadow:0 0 0 4px #22a06b20}.hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(64px,8vw,105px);line-height:.84;letter-spacing:-2px;margin:22px 0;color:var(--navy);font-weight:900}.hero h1 span,.section-heading h2 span,.wallet-inner h2 span{color:#dcae21}.hero-copy>p{max-width:460px;color:#6e7b90;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-stats{display:flex;gap:36px;margin-top:45px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:'Barlow Condensed';font-size:30px;line-height:1;color:var(--navy)}.hero-stats span{font-size:9px;letter-spacing:1.2px;color:#8b94a4;margin-top:7px;font-weight:800}.hero-art{height:390px;position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#132440,#0c172b);box-shadow:var(--shadow)}.hero-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 28px,#ffffff04 29px 30px)}.art-ring{position:absolute;border:1px solid #f6c94528;border-radius:50%;width:370px;height:370px;top:15px;left:50%;transform:translateX(-50%)}.ring-two{width:280px;height:280px;top:60px;border-color:#f6c9453a}.score-card{position:absolute;top:27px;left:27px;z-index:3;background:#fff;padding:12px 15px;border-radius:9px;box-shadow:0 10px 20px #0002;transform:rotate(-4deg)}.score-card small,.score-card span{display:block;font-size:8px;letter-spacing:1px;color:#8590a2;font-weight:800}.score-card strong{display:block;font-family:'Barlow Condensed';font-size:26px;color:var(--navy);line-height:1.15}.score-card span{color:#d8a917}.pin{position:absolute;width:50px;height:138px;background:linear-gradient(90deg,#dce2eb,#fff 30%,#f9fafc 70%,#ccd4e1);border-radius:28px 28px 17px 17px;clip-path:polygon(36% 0,64% 0,67% 15%,75% 28%,90% 42%,100% 64%,92% 100%,8% 100%,0 64%,10% 42%,25% 28%,33% 15%);filter:drop-shadow(0 14px 8px #0003)}.pin i{position:absolute;width:100%;height:10px;background:#d83f48;top:44px;left:0;box-shadow:0 12px 0 #d83f48}.pin-a{left:30%;top:105px;transform:rotate(-12deg)}.pin-b{left:47%;top:90px;transform:rotate(5deg)}.pin-c{left:64%;top:115px;transform:rotate(14deg)}.pin-d{left:48%;top:205px;transform:scale(.8) rotate(-3deg)}.ball{position:absolute;width:126px;height:126px;border-radius:50%;left:36%;bottom:16px;background:radial-gradient(circle at 32% 25%,#62738f,#263a5d 42%,#0b1427 78%);box-shadow:inset -14px -17px 20px #0006,0 16px 24px #0004;border:2px solid #7d8ba533}.ball span{position:absolute;width:12px;height:12px;background:#101d35;border-radius:50%;top:34px;left:42px;box-shadow:inset 2px 2px 3px #0009}.ball span:nth-child(2){left:61px;top:44px}.ball span:nth-child(3){left:43px;top:54px}.art-tag{position:absolute;bottom:23px;right:24px;color:#ffffff8a;font-size:10px;letter-spacing:2px}.art-tag b{color:var(--yellow)}.ticker{overflow:hidden;background:var(--yellow);color:var(--navy);font-family:'Barlow Condensed';font-size:17px;font-weight:800;letter-spacing:2px;padding:13px 0;white-space:nowrap}.ticker div{word-spacing:14px;animation:marquee 28s linear infinite}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.section{padding-top:82px;padding-bottom:82px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-heading h2,.wallet-inner h2{font-family:'Barlow Condensed';font-size:clamp(42px,5vw,62px);line-height:.95;letter-spacing:-.5px;margin:10px 0;color:var(--navy)}.section-heading p,.wallet-inner p{color:#788398;font-size:14px;margin:10px 0 0;max-width:500px}.heading-note{font-family:'Barlow Condensed';font-size:29px;font-weight:800;color:#c8cfda}.heading-note span{display:block;font:800 9px 'DM Sans';letter-spacing:2px;text-align:right;color:#8993a4}.games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:16px;padding:18px 16px 16px;min-height:186px;background:#fff;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;align-items:flex-start}.game-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #10203b12;border-color:#f0d577}.game-icon{height:48px;width:48px;border-radius:14px;display:grid;place-items:center;font-size:25px;background:#f8f2df;margin-bottom:15px}.game-number{position:absolute;right:14px;top:14px;font-size:10px;font-weight:800;color:#b4bdca}.game-card h3{font-size:14px;line-height:1.2;margin:0 0 7px;color:var(--navy)}.game-card p{font-size:11px;color:#8490a2;line-height:1.55;margin:0 0 15px}.game-play{margin-top:auto;border:0;background:none;padding:0;color:#a77e06;font-weight:800;font-size:11px;cursor:pointer}.game-play:after{content:" ↗"}.game-card.disabled-game{opacity:.55}.game-card.disabled-game .game-play{color:#8993a4}
.wallet-band{background:var(--navy);color:#fff;overflow:hidden;position:relative}.wallet-inner{min-height:280px;display:flex;align-items:center;justify-content:space-between;gap:45px;padding-top:50px;padding-bottom:50px}.wallet-inner h2{color:#fff}.wallet-inner .eyebrow{color:#a7b2c4}.wallet-inner p{color:#b5c0d0;max-width:400px}.wallet-showcase{position:relative;min-width:330px;display:flex;align-items:center;gap:18px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:20px;padding:25px 30px}.coin{width:70px;height:70px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#ffe88c,#e7b82c 65%,#ba8c16);border:5px solid #f8d96d;color:#79570a;font-family:'Barlow Condensed';font-size:34px;font-weight:900;box-shadow:0 8px 22px #0003}.wallet-showcase small{font-size:9px;letter-spacing:1.8px;color:#bdc7d6;font-weight:800}.wallet-showcase strong{display:block;font-family:'Barlow Condensed';font-size:37px;line-height:1.15}.wallet-showcase em{font-style:normal;color:var(--yellow);font-size:20px}.wallet-showcase p{font-size:11px;margin-top:4px}.wallet-spark{position:absolute;right:20px;top:15px;color:var(--yellow);font-size:20px}
.leaderboard-placeholder{border:1px solid var(--line);border-radius:16px;padding:23px;display:flex;align-items:center;gap:17px}.leader-icon{width:54px;height:54px;border-radius:14px;background:#fff7da;display:grid;place-items:center;font-size:26px}.leaderboard-placeholder strong{font-size:14px}.leaderboard-placeholder p{font-size:12px;color:#8490a2;margin:4px 0 0}.pill{margin-left:auto;background:#f1f3f7;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;letter-spacing:1px;color:#7c8799}
footer{border-top:1px solid var(--line);background:#fff}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner>p{font-size:12px;color:#8993a4}.footer-inner>small{font-size:10px;color:#8993a4}
.auth-section{padding-top:10px}.auth-panel{max-width:490px;margin:auto;position:relative;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.auth-panel h2{font:800 40px 'Barlow Condensed';margin:7px 0;color:var(--navy)}.auth-panel>p{font-size:13px;color:#8490a2}.close-auth,.close-modal{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:27px;color:#8b94a4;cursor:pointer}.auth-tabs{display:flex;background:#f2f4f8;padding:4px;border-radius:10px;margin:22px 0}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:10px;font-size:12px;font-weight:800;color:#8a94a5;cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 7px #10203b0c}form label{display:block;font-size:11px;font-weight:800;margin:14px 0;color:#66738a}input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #dce1e9;border-radius:9px;outline:none;font-size:13px;color:var(--ink)}input:focus{border-color:#e3ba36;box-shadow:0 0 0 3px #f6c94524}form .btn{margin-top:10px}.notice{background:#f7f8fb;border:1px solid #e3e7ef;padding:11px 13px;border-radius:9px;font-size:12px;color:#5b6880;margin-top:14px}.notice.error{background:#fff0f0;border-color:#ffd3d3;color:#a33131}.notice.success{background:#effaf3;border-color:#c9efd6;color:#247b45}
.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-card{border:1px solid var(--line);border-radius:16px;padding:22px}.account-card h3{font-size:14px;margin:0 0 10px}.account-card p{font-size:12px;color:#8490a2}.balance-card{background:var(--navy);color:#fff}.balance-card small{font-size:10px;letter-spacing:1.3px;color:#b8c4d4}.balance-card strong{display:block;font:900 55px 'Barlow Condensed';color:var(--yellow);line-height:1.2}.balance-card span{font-size:12px;color:#c4cede}.account-card #transactions{max-height:170px;overflow:auto}.transaction-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f5;font-size:11px}.transaction-row span{color:#8490a2}.positive{color:#1b9a5a;font-weight:800}.negative{color:#c44444;font-weight:800}
.modal{position:fixed;inset:0;z-index:60;background:#0b1427b8;display:grid;place-items:center;padding:20px;overflow:auto}.modal-card{background:#fff;width:min(590px,100%);border-radius:22px;padding:30px;position:relative;box-shadow:0 30px 90px #0004;max-height:90vh;overflow:auto}.modal-card h2{font:800 40px 'Barlow Condensed';color:var(--navy);margin:8px 0 15px}.close-modal{top:18px;right:22px}.game-instructions{color:#788398;font-size:13px}.game-box{background:#f5f7fa;border:1px solid #e5e9f0;border-radius:15px;padding:20px;margin-top:18px}.game-box button{margin:5px}.quiz-progress{display:flex;justify-content:space-between;color:#7b8799;font-size:11px;font-weight:800;margin-bottom:14px}.quiz-question{font-weight:800;font-size:18px;line-height:1.4;margin:10px 0 17px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-option{border:1px solid #dce2eb;background:#fff;border-radius:10px;padding:12px;text-align:left;cursor:pointer;font-size:12px}.quiz-option:hover:not(:disabled){border-color:#e4bd3e;background:#fffbee}.quiz-option:disabled{cursor:default}.quiz-option.selected{border-color:var(--navy);background:#edf2f9}.quiz-feedback{font-size:12px;padding:10px;border-radius:8px;margin-top:12px}.quiz-feedback.good{background:#eaf8ef;color:#207b43}.quiz-feedback.bad{background:#fff0f0;color:#a33131}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory-tile{min-height:58px;background:var(--navy);color:var(--yellow);border:0;border-radius:9px;font-size:22px;cursor:pointer}.memory-tile.open{background:#fff8df;color:var(--navy);border:1px solid #f0d779}.reaction-pad{width:100%;min-height:170px;border:0;border-radius:12px;background:#dbe2ed;color:var(--navy);font-weight:800;cursor:pointer}.reaction-pad.ready{background:#20a567;color:#fff}.reaction-pad.wait{background:#d84a50;color:#fff}.number-grid{display:flex;gap:8px;flex-wrap:wrap}.number-grid button{min-width:48px}.modal .btn{margin-top:8px}.campaign-card{text-align:center;max-width:430px}.campaign-card .coin{margin:0 auto 10px}.campaign-card h2{margin-bottom:4px}.campaign-card p{font-size:13px;color:#7e899b}.campaign-amount{display:block;font:900 38px 'Barlow Condensed';color:#b68b12;margin:15px 0}.tiny{font-size:10px!important}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;background:var(--navy);color:#fff;padding:12px 17px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);max-width:90vw}
@media(max-width:950px){.site-header nav{gap:13px}.games-grid{grid-template-columns:repeat(3,1fr)}.hero{gap:25px}.hero-art{height:350px}.wallet-inner{gap:25px}.wallet-showcase{min-width:290px}.account-grid{grid-template-columns:1fr 1fr}.account-card:last-child{grid-column:1/-1}}
@media(max-width:680px){.wrap{width:min(100% - 30px,520px)}.site-header{height:68px;padding:0 15px}.site-header nav{display:none}.brand-mark{width:38px;height:38px}.brand strong{font-size:9px}.brand small{font-size:8px}.header-actions{gap:6px}.header-actions .btn{padding:10px;font-size:11px}.wallet{padding:7px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:35px;gap:30px}.hero h1{font-size:75px}.hero-art{height:310px}.pin{transform:scale(.85)}.pin-a{left:24%}.pin-b{left:43%}.pin-c{left:62%}.pin-d{left:44%;top:185px}.ball{width:104px;height:104px;left:34%}.section{padding-top:58px;padding-bottom:58px}.section-heading{align-items:start}.section-heading h2{font-size:48px}.heading-note{font-size:23px}.games-grid{grid-template-columns:repeat(2,1fr);gap:10px}.game-card{min-height:175px;padding:14px}.game-icon{height:42px;width:42px;font-size:22px}.wallet-inner{display:block;padding-top:45px;padding-bottom:45px}.wallet-showcase{margin-top:25px;min-width:0;padding:20px}.wallet-showcase strong{font-size:31px}.wallet-showcase em{font-size:16px}.leaderboard-placeholder{align-items:flex-start;padding:16px}.pill{display:none}.footer-inner{padding-top:20px;padding-bottom:20px;display:grid;grid-template-columns:1fr auto}.footer-inner>p{display:none}.footer-inner>small{grid-column:1/-1}.auth-panel{padding:25px 20px}.account-grid{grid-template-columns:1fr}.account-card:last-child{grid-column:auto}.modal-card{padding:25px 18px}.modal-card h2{font-size:34px}.quiz-options{grid-template-columns:1fr}.quiz-question{font-size:16px}.hero-stats{gap:22px}.hero-stats strong{font-size:27px}.hero-stats span{font-size:8px}}

/* TCR Arcade official badge integration */
.brand-logo{width:58px;height:46px;object-fit:contain;display:block;flex:none}
.hero-logo-art{display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at center,#1c3760 0%,#101d35 68%);border:1px solid #28446c}
.hero-logo-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.28))}
@media(max-width:680px){.brand-logo{width:45px;height:38px}.hero-logo-art{height:auto;aspect-ratio:1.45;padding:8px}}

/* v1.0.2 game logo cards */
.game-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;height:150px;margin:0 auto 14px;background:transparent!important}.game-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(16,29,53,.12))}.game-card{overflow:hidden}.footer-inner .brand-mark{background:#f9c943;color:#101d35}

/* v1.0.3 — premium motion system, square game artwork, branded footer */
:root{--gold-glow:rgba(246,201,69,.24);--ease-out:cubic-bezier(.2,.8,.2,1)}
body{background:linear-gradient(180deg,#fff 0%,#fbfcff 54%,#f5f7fb 100%);overflow-x:hidden}
.site-header{backdrop-filter:blur(16px);background:rgba(255,255,255,.9);box-shadow:0 6px 28px rgba(16,29,53,.035)}
.brand-logo{transition:transform .35s var(--ease-out),filter .35s}.brand:hover .brand-logo{transform:rotate(-5deg) scale(1.06);filter:drop-shadow(0 5px 10px var(--gold-glow))}
.hero-copy{animation:rise-in .75s var(--ease-out) both}.hero-logo-art{animation:float-art 6s ease-in-out infinite;box-shadow:0 24px 70px rgba(16,29,53,.16),inset 0 1px #ffffff22;border-radius:28px}.hero-logo-art img{animation:logo-breathe 5s ease-in-out infinite}
.hero h1 span,.section-heading h2 span{background:linear-gradient(100deg,#f6c945,#dba51a 55%,#ffdc70);background-clip:text;-webkit-background-clip:text;color:transparent}
.btn{position:relative;overflow:hidden;transition:transform .22s var(--ease-out),box-shadow .22s,background .22s}.btn:after{content:"";position:absolute;inset:-70% auto -70% -45%;width:28%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,#fff9,transparent);transition:left .55s}.btn:hover:after{left:130%}.btn-yellow:hover{box-shadow:0 8px 24px rgba(220,174,33,.25)}
.games-grid{perspective:1000px}.game-card{position:relative;background:linear-gradient(160deg,#fff,#fbfcff);border:1px solid #e2e8f1;border-radius:20px;min-height:365px;padding:18px;box-shadow:0 8px 24px rgba(16,29,53,.035);transition:transform .35s var(--ease-out),box-shadow .35s,border-color .35s}.game-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 15%,rgba(246,201,69,.16),transparent 55%);transition:opacity .3s}.game-card:hover{transform:translateY(-8px) rotateX(1.5deg);box-shadow:0 22px 45px rgba(16,29,53,.12);border-color:#efd77f}.game-card:hover:before{opacity:1}.game-number{z-index:1;background:#f4f6fa;border-radius:7px;padding:4px 7px}.game-icon{width:100%;aspect-ratio:1/1;height:auto;max-height:210px;margin:0 auto 16px;border-radius:15px;background:linear-gradient(145deg,#f8faff,#eef2f8)!important;border:1px solid #e9edf4;box-shadow:inset 0 1px #fff;transition:transform .35s var(--ease-out),background .35s;position:relative}.game-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff55,transparent 45%,#101d3508);pointer-events:none}.game-icon img{width:100%;height:100%;padding:7px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(16,29,53,.12));transition:transform .4s var(--ease-out),filter .4s}.game-card:hover .game-icon{transform:translateY(-2px);background:linear-gradient(145deg,#fff9e7,#f2f5fb)!important}.game-card:hover .game-icon img{transform:scale(1.055);filter:drop-shadow(0 12px 16px rgba(16,29,53,.2))}.game-card h3{font-size:15px}.game-card p{font-size:12px;min-height:38px}.game-play{font-size:12px;letter-spacing:.1px}.game-play:hover{color:#e0a900;transform:translateX(3px)}
.section{animation:rise-in .7s var(--ease-out) both}.wallet-band{background:radial-gradient(ellipse at 85% 10%,#28446d 0%,transparent 40%),var(--navy)}.wallet-showcase{box-shadow:0 15px 40px #0002;transition:transform .3s}.wallet-showcase:hover{transform:translateY(-4px)}.coin{animation:coin-shine 4s ease-in-out infinite}
.footer-inner{gap:22px}.footer-brand .brand-logo{width:62px;height:52px}.footer-inner>small{letter-spacing:.15px}.footer-brand .brand-mark{display:none}
.auth-panel,.account-card,.leaderboard-placeholder,.admin-stat,.admin-panel,.admin-login{box-shadow:0 10px 32px rgba(16,29,53,.045);transition:transform .25s var(--ease-out),box-shadow .25s}.account-card:hover,.admin-stat:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,29,53,.08)}
.modal{backdrop-filter:blur(9px);animation:fade-in .2s ease-out}.modal-card{animation:modal-pop .35s var(--ease-out);border:1px solid #ffffffc9;box-shadow:0 35px 100px #06102455}.game-enter{animation:game-enter .32s var(--ease-out)}.game-box{box-shadow:inset 0 1px #fff;animation:rise-in .28s ease-out}.memory-tile{transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 3px 0 #071326}.memory-tile:hover{transform:translateY(-2px)}.memory-tile.open{animation:tile-flip .24s ease-out}.quiz-option{transition:transform .18s,border-color .18s,background .18s}.quiz-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,29,53,.07)}.reaction-pad{transition:background .15s,transform .15s;box-shadow:inset 0 -5px #101d3510}.reaction-pad:active{transform:scale(.99)}
.lucky-box{text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 20%,#fff7dc,#f5f7fa 65%)}.lucky-wheel{width:min(250px,70vw);aspect-ratio:1;border-radius:50%;margin:4px auto 22px;display:grid;place-items:center;border:10px solid #f4c945;background:conic-gradient(#e94b4b 0 45deg,#fff 45deg 90deg,#2d7bea 90deg 135deg,#f6c945 135deg 180deg,#e94b4b 180deg 225deg,#fff 225deg 270deg,#2d7bea 270deg 315deg,#f6c945 315deg 360deg);box-shadow:0 0 0 5px #fff,0 12px 28px #101d3528;position:relative}.lucky-wheel:before{content:"▼";position:absolute;top:-23px;color:#101d35;font-size:25px;text-shadow:0 2px #fff}.wheel-center{width:35%;aspect-ratio:1;border-radius:50%;display:grid;align-content:center;background:linear-gradient(145deg,#172944,#101d35);color:#f6c945;font-weight:900;font-size:20px;line-height:1.05;border:4px solid #fff;box-shadow:0 0 0 3px #e3b52c}.wheel-center small{font-size:8px;letter-spacing:2px;color:#fff}.spin-wheel{animation:wheel-spin 1.8s cubic-bezier(.1,.7,.15,1) both}.lucky-result{font-weight:800;color:var(--navy);min-height:24px}
.ticker{overflow:hidden}.ticker>div{animation:ticker-scroll 26s linear infinite}.ticker:hover>div{animation-play-state:paused}.site-header nav a{position:relative}.site-header nav a:after{content:"";height:2px;position:absolute;bottom:-7px;left:0;right:100%;background:var(--yellow);transition:right .25s}.site-header nav a:hover:after{right:0}
@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-pop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes game-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-flip{from{transform:rotateY(90deg) scale(.94)}to{transform:rotateY(0) scale(1)}}@keyframes float-art{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes logo-breathe{0%,100%{transform:scale(.98)}50%{transform:scale(1.015)}}@keyframes coin-shine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes wheel-spin{0%{transform:rotate(0)}100%{transform:rotate(1800deg)}}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-35%)}}
.admin-top{box-shadow:0 10px 35px rgba(16,29,53,.12)}.admin-panel{border-radius:18px}.admin-panel:hover{border-color:#ead37c}.admin-game-row{transition:background .2s;padding-left:8px;padding-right:8px;border-radius:8px}.admin-game-row:hover{background:#f8f9fc}.admin-table tbody tr:hover{background:#fff9e7}
@media(max-width:680px){.game-card{min-height:0;padding:12px;border-radius:15px}.game-icon{max-height:none;margin-bottom:12px}.game-card p{min-height:48px}.footer-brand .brand-logo{width:48px;height:42px}.hero-logo-art{box-shadow:0 18px 45px rgba(16,29,53,.13)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.admin-foot{display:flex;align-items:center;gap:10px}.admin-foot img{width:42px;height:36px;object-fit:contain}.admin-foot span{font-size:10px;color:#8a94a5}


/* TCR Arcade v1.0.4 — premium playable game surfaces */
.ttt-box{max-width:440px;margin:20px auto 0;padding:22px;background:radial-gradient(circle at 50% 0,#fff9e6 0,#f7f9fc 48%);border:1px solid #e5eaf2;border-radius:22px}
.ttt-scoreline{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 auto 20px}.ttt-player{display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #e1e7f0;background:#fff;border-radius:14px;min-width:94px;transition:all .2s}.ttt-player>b{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#f1f4f9;font-size:23px;color:#172944}.ttt-player:first-child>b{color:#d9a900;background:#fff5cf}.ttt-player small{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#8792a5}.ttt-player.active{border-color:#f1cf5c;box-shadow:0 0 0 3px #f6c94520;transform:translateY(-2px)}.ttt-vs{font:900 11px 'DM Sans';color:#a1aabc;letter-spacing:2px}
.ttt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,330px);margin:0 auto 18px;perspective:700px}.ttt-cell{aspect-ratio:1/1;min-width:0;border:1px solid #e1e7f0;border-radius:17px;background:linear-gradient(145deg,#fff,#f5f7fb);color:#d9ab19;box-shadow:0 5px 0 #dfe5ee,0 8px 16px #17294408;cursor:pointer;display:grid;place-items:center;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;overflow:hidden}.ttt-cell span{font:800 clamp(30px,6vw,48px) 'DM Sans';line-height:1;transition:transform .2s}.ttt-cell:not(.taken):hover{transform:translateY(-3px);border-color:#f1ce5c;box-shadow:0 8px 0 #e7dba9,0 12px 20px #17294412}.ttt-cell:not(.taken):hover span{transform:scale(1.12)}.ttt-cell.x{background:linear-gradient(145deg,#fff9dc,#fff);border-color:#f0d574;color:#d4a300;animation:ttt-mark .25s ease-out}.ttt-cell.o{background:linear-gradient(145deg,#eaf2ff,#fff);border-color:#cbdaf7;color:#3277db;animation:ttt-mark .25s ease-out}.ttt-cell.taken{cursor:default;box-shadow:inset 0 2px 7px #1729440a}.ttt-cell.taken span{transform:scale(1.02)}.ttt-cell.winner{border-color:#28a66a;background:linear-gradient(145deg,#e5faee,#fff);color:#159455;box-shadow:0 0 0 3px #29a66a20,0 5px 0 #c5e8d3;animation:ttt-win .6s ease-in-out infinite alternate}.ttt-grid.thinking .ttt-cell:not(.taken){animation:ttt-thinking .7s ease-in-out infinite alternate}.ttt-status{display:flex;align-items:center;gap:10px;justify-content:center;min-height:45px;margin:0 0 14px;color:#526079;font-size:13px;font-weight:700;text-align:center}.ttt-status i{width:8px;height:8px;border-radius:50%;background:#f0c43d;box-shadow:0 0 0 4px #f0c43d25;flex:none}.ttt-status.good i{background:#20a56a;box-shadow:0 0 0 4px #20a56a20}.ttt-status.bad i{background:#e4555d;box-shadow:0 0 0 4px #e4555d20}.ttt-status.draw i{background:#4387e8;box-shadow:0 0 0 4px #4387e820}.ttt-box>#ttt-reset{max-width:330px;margin:0 auto;display:flex;justify-content:center}
.slots-box{padding:22px;background:radial-gradient(ellipse at 50% 0,#243d62,#101d35 75%);border:1px solid #314867;border-radius:24px;box-shadow:0 20px 45px #101d3526;color:#fff;overflow:hidden;position:relative}.slots-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff05 0 1px,transparent 1px 18px)}.slots-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}.slots-live,.slots-count{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#c3cede}.slots-live{display:flex;align-items:center;gap:7px}.slots-live i{width:7px;height:7px;border-radius:50%;background:#38d99b;box-shadow:0 0 12px #38d99b;animation:slots-pulse 1.4s infinite}.slots-count b{color:#f6c945}.slots-machine{margin:22px 0 18px;padding:19px 16px 13px;border-radius:19px;background:linear-gradient(145deg,#f6d66b,#bf8b1d 48%,#f9e49b);box-shadow:inset 0 2px #fff9,0 12px 25px #0003;border:3px solid #fce7a0;position:relative}.slots-lights{text-align:center;color:#fff8cb;font-size:14px;letter-spacing:3px;text-shadow:0 1px 4px #7e5416;margin-bottom:13px;animation:slots-glow 2s ease-in-out infinite alternate}.slots-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:13px;background:#0d182b;box-shadow:inset 0 6px 14px #0008,0 2px #fff7}.slot-reel{height:100px;min-width:0;border-radius:10px;background:linear-gradient(90deg,#e6eaf2,#fff 25%,#f8f9fc 70%,#dce2ed);border:2px solid #c5a13e;box-shadow:inset 0 0 0 2px #fff8,0 3px 0 #a4771a;display:grid;place-items:center;overflow:hidden}.slot-reel span{font-size:clamp(34px,7vw,52px);filter:drop-shadow(0 4px 3px #17294424);display:block}.slot-reels.spinning .slot-reel span{animation:reel-shake .1s linear infinite}.slot-reel.landed{animation:reel-land .3s cubic-bezier(.2,.8,.2,1)}.slots-payline{text-align:center;color:#4c3508;font-size:9px;font-weight:900;letter-spacing:2px;margin-top:15px}.slots-payline span{color:#fff8ce;margin:0 6px}.slots-controls{display:grid;gap:16px;position:relative;z-index:1}.slots-status{text-align:center;min-height:51px;display:grid;align-content:center;gap:3px}.slots-status b{font:900 19px 'Barlow Condensed';letter-spacing:.8px;color:#f6c945}.slots-status b.slot-win{color:#5bf0b2;text-shadow:0 0 18px #5bf0b255}.slots-status span{font-size:11px;color:#c4cfdf}.slots-spin{min-height:53px;font-weight:900;letter-spacing:1px;box-shadow:0 5px 0 #c3941c,0 9px 18px #0002;transition:transform .18s,box-shadow .18s}.slots-spin:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 #c3941c,0 12px 22px #0003}.slots-spin:disabled{opacity:.75;cursor:wait}.slot-spin-icon{font-size:22px;line-height:1;display:inline-block}.slots-spin:disabled .slot-spin-icon{animation:slot-rotate .7s linear infinite}.slots-disclaimer{text-align:center;color:#8798b1;font-size:8px;font-weight:800;letter-spacing:1.4px;margin:19px 0 0;position:relative;z-index:1}
.lucky-wheel{transform:translateZ(0);will-change:transform}.spin-wheel{animation:wheel-spin 3.4s cubic-bezier(.12,.72,.1,1) both}.lucky-box .btn:disabled{opacity:.75;cursor:wait}.reaction-pad.ready{animation:ready-pulse .7s ease-in-out infinite alternate}.memory-tile.open{transform:rotateY(0) scale(1.02)}.whack-target-hit{animation:target-hit .14s ease-out}
@keyframes ttt-mark{from{opacity:.4;transform:scale(.7) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ttt-win{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes ttt-thinking{from{border-color:#e1e7f0}to{border-color:#f0d574}}@keyframes slots-pulse{50%{opacity:.4;box-shadow:0 0 3px #38d99b}}@keyframes slots-glow{from{opacity:.7}to{opacity:1;text-shadow:0 0 10px #fff8a8}}@keyframes reel-shake{0%{transform:translateY(-8px);filter:blur(1px)}50%{transform:translateY(0);filter:blur(0)}100%{transform:translateY(8px);filter:blur(1px)}}@keyframes reel-land{0%{transform:translateY(-18px) scale(.94);opacity:.5}70%{transform:translateY(3px) scale(1.03)}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes slot-rotate{to{transform:rotate(360deg)}}@keyframes ready-pulse{to{box-shadow:inset 0 -5px #101d3510,0 0 0 6px #20a56720}}@keyframes target-hit{50%{transform:scale(.9) rotate(-3deg)}}
@media(max-width:520px){.ttt-box{padding:15px}.ttt-grid{gap:7px}.ttt-cell{border-radius:12px}.slots-box{padding:15px}.slots-machine{padding:14px 10px 11px}.slots-reels{gap:6px;padding:8px}.slot-reel{height:78px}.slots-status b{font-size:17px}}