:root{--ink:#30323a;--muted:#6d7079;--paper:#fffaf7;--line:#e8e3e1;--pink:#ff789a;--pink-soft:#ffe0e8;--aqua:#70d0d7;--aqua-soft:#d9f5f6;--gold:#f8c85b;--violet:#8b78d0;--green:#65bd86;--shadow:0 22px 55px rgba(48,50,58,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 18%,rgba(255,224,232,.78),transparent 28rem),radial-gradient(circle at 90% 27%,rgba(217,245,246,.82),transparent 28rem),var(--paper);color:var(--ink);font-family:"Source Sans 3",sans-serif;margin:0;min-height:100vh}button{font:inherit}.topbar{align-items:center;background:rgba(255,253,250,.92);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px clamp(16px,4vw,52px)}.brand{align-items:center;color:inherit;display:flex;gap:11px;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font:900 21px/1 Nunito,sans-serif}.brand small{color:var(--muted);font-size:11px;margin-top:3px}.back-link{background:#fff0d3;border:1px solid #eed59f;border-radius:999px;color:var(--ink);font:900 13px Nunito,sans-serif;padding:9px 15px;text-decoration:none}main{margin:auto;max-width:1160px;padding:32px clamp(10px,3vw,30px) 58px}.fun-hero{text-align:center}.fun-label{background:var(--ink);border-radius:999px;color:#fff;display:inline-flex;font:900 11px Nunito,sans-serif;letter-spacing:.09em;padding:8px 13px;text-transform:uppercase}.fun-hero h1{font:900 clamp(39px,6vw,66px)/1 Nunito,sans-serif;letter-spacing:-.05em;margin:10px 0}.fun-hero h1 em{color:var(--pink);font-style:normal}.fun-hero>p{color:var(--muted);font-size:17px;margin:0 auto;max-width:700px}.mode-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:17px 0 22px}.mode-links a,.mode-links span{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:900 12px Nunito,sans-serif;padding:8px 12px;text-decoration:none}.mode-links .active{background:var(--pink-soft);border-color:#f2a9bb;color:var(--ink)}.fun-shell{background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);min-height:620px;overflow:hidden;position:relative}.fun-toolbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;padding:11px 15px}.fun-stats{display:flex;flex-wrap:wrap;gap:8px}.fun-stats span{background:#f7f5f4;border-radius:11px;color:var(--muted);font-size:10px;font-weight:900;min-width:75px;padding:7px 10px;text-align:center;text-transform:uppercase}.fun-stats strong{color:var(--ink);display:block;font:900 18px Nunito,sans-serif}.fun-actions{display:flex;gap:7px}.fun-actions button{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer;font:900 11px Nunito,sans-serif;padding:9px 11px}.timer-track{background:#eeeae7;height:8px}.timer-track i{background:linear-gradient(90deg,var(--pink),var(--gold));display:block;height:100%;transition:width .2s linear;width:100%}.arena{min-height:535px;overflow:hidden;padding:22px;position:relative}.arena::before,.arena::after{border:18px solid rgba(255,255,255,.45);border-radius:50%;content:"";height:170px;position:absolute;width:170px}.arena::before{left:-70px;top:55px}.arena::after{bottom:-80px;right:-40px}.game-call{text-align:center}.game-call small{color:#9c7180;font:900 10px Nunito,sans-serif;letter-spacing:.14em;text-transform:uppercase}.game-call h2{font:900 clamp(24px,4vw,38px)/1.08 Nunito,sans-serif;margin:6px 0}.game-call p{color:var(--muted);font-size:13px;margin:0}.flash{align-items:center;border-radius:999px;display:flex;font:900 14px Nunito,sans-serif;height:38px;justify-content:center;margin:15px auto;max-width:250px;opacity:0;transform:scale(.8);transition:.18s}.flash.show{opacity:1;transform:scale(1)}.flash.good{background:#dcf5e5;color:#237145}.flash.bad{background:#ffe1e8;color:#a33a54}.layer{align-items:center;background:rgba(255,252,248,.95);display:none;inset:0;justify-content:center;padding:20px;position:absolute;z-index:20}.layer.show{display:flex}.fun-modal{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);max-width:560px;padding:34px;text-align:center;width:100%}.fun-modal .big-icon{font-size:56px}.fun-modal h2{font:900 clamp(27px,4vw,41px)/1.06 Nunito,sans-serif;margin:7px 0}.fun-modal p{color:var(--muted);font-size:16px;line-height:1.55}.fun-modal .mini-rules{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}.mini-rules span{background:#f7f5f4;border-radius:999px;font-weight:800;padding:8px 11px}.play-btn{background:var(--ink);border:0;border-radius:13px;color:#fff;cursor:pointer;font:900 15px Nunito,sans-serif;min-width:180px;padding:13px 19px}.final-score{font:900 48px Nunito,sans-serif;margin:8px 0}.new-record{color:#b17812;font:900 13px Nunito,sans-serif;min-height:20px}.particle{animation:pop .55s ease-out forwards;border-radius:50%;height:10px;pointer-events:none;position:absolute;width:10px;z-index:8}@keyframes pop{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}footer{border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:14px 22px;justify-content:center;padding:17px}footer a{color:inherit;text-decoration:none}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.fun-shell:fullscreen,.fun-shell:-webkit-full-screen{background:var(--paper);border:0;border-radius:0;height:100vh;height:100dvh;overflow:auto}.fun-shell:fullscreen .arena,.fun-shell:-webkit-full-screen .arena{min-height:calc(100dvh - 82px)}
.duel-arena{background:linear-gradient(145deg,#fff2f5,#eafafb)}.duel-board{align-items:center;display:grid;gap:18px;grid-template-columns:1fr auto 1fr;margin:10px auto 0;max-width:790px;position:relative;z-index:2}.number-card{background:#fff;border:3px solid transparent;border-radius:25px;box-shadow:0 14px 30px rgba(48,50,58,.1);color:var(--ink);cursor:pointer;min-height:255px;padding:24px;position:relative;transition:.16s}.number-card:hover,.number-card:focus-visible{border-color:var(--aqua);outline:none;transform:translateY(-6px) rotate(-1deg)}.number-card:nth-child(3):hover{transform:translateY(-6px) rotate(1deg)}.number-card .number{display:block;font:900 clamp(52px,9vw,90px)/1 Nunito,sans-serif}.number-card .tap{bottom:20px;color:#a7a2a0;font:900 11px Nunito,sans-serif;left:0;letter-spacing:.1em;position:absolute;right:0;text-transform:uppercase}.versus{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:flex;font:900 15px Nunito,sans-serif;height:55px;justify-content:center;width:55px}.combo-banner{color:var(--violet);font:900 18px Nunito,sans-serif;margin-top:14px;min-height:26px;text-align:center}.number-card.hit{animation:card-hit .35s;background:#e5f7eb;border-color:var(--green)}.number-card.miss{animation:card-miss .3s;background:#ffe7ec;border-color:var(--pink)}@keyframes card-hit{50%{transform:scale(1.07)}}@keyframes card-miss{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.line-arena{background:linear-gradient(145deg,#eef9ff,#fff2df)}.target-orb{align-items:center;background:var(--ink);border:6px solid #fff;border-radius:50%;box-shadow:0 15px 30px rgba(48,50,58,.18);color:#fff;display:flex;font:900 clamp(32px,6vw,55px) Nunito,sans-serif;height:135px;justify-content:center;margin:14px auto 30px;position:relative;width:135px;z-index:2}.catch-track{margin:0 auto;max-width:900px;overflow-x:auto;padding:30px 16px 48px;position:relative;z-index:2}.catch-line{display:grid;min-width:690px;position:relative}.catch-line::before{background:var(--ink);content:"";height:5px;left:5%;position:absolute;right:5%;top:44px}.catch-point{background:transparent;border:0;color:var(--ink);cursor:pointer;font:900 13px Nunito,sans-serif;height:105px;padding:0;position:relative}.catch-point::before{background:#fff;border:4px solid var(--violet);border-radius:50%;content:"";height:22px;left:50%;position:absolute;top:31px;transform:translateX(-50%);transition:.15s;width:22px}.catch-point::after{background:var(--ink);content:"";height:19px;left:50%;position:absolute;top:26px;transform:translateX(-50%);width:3px}.catch-point:hover::before,.catch-point:focus-visible::before{background:var(--gold);outline:none;transform:translateX(-50%) scale(1.25)}.catch-point span{bottom:2px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.catch-point .hidden-label{color:#aaa}.catch-point.hit::before{animation:point-hit .4s;background:var(--green);border-color:#27794a}.catch-point.miss::before{animation:point-miss .3s;background:var(--pink);border-color:#a83e58}@keyframes point-hit{50%{box-shadow:0 0 0 16px rgba(101,189,134,.25);transform:translateX(-50%) scale(1.35)}}@keyframes point-miss{25%{transform:translateX(calc(-50% - 5px))}75%{transform:translateX(calc(-50% + 5px))}}
@media(max-width:650px){.brand small{display:none}.back-link{font-size:11px;padding:8px 10px}.fun-shell{min-height:590px}.fun-toolbar{align-items:stretch;flex-direction:column}.fun-stats{display:grid;grid-template-columns:repeat(3,1fr)}.fun-actions button{flex:1}.arena{min-height:500px;padding:16px 10px}.duel-board{gap:8px}.number-card{border-radius:19px;min-height:210px;padding:14px}.versus{height:39px;width:39px}.target-orb{height:115px;width:115px}.fun-modal{padding:27px 17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.mode-links{display:none}
.catch-point.anchor{cursor:default}.catch-point.anchor::before{background:var(--ink);border-color:var(--ink)}.catch-point.filled{cursor:default}.catch-point.filled::before{background:var(--green);border-color:#27794a;box-shadow:0 0 0 7px rgba(101,189,134,.16)}.catch-point.filled span{color:#27794a;font-weight:900}.catch-point.anchor span{font-weight:900}.catch-point.filled:hover::before,.catch-point.anchor:hover::before{transform:translateX(-50%)}
.number-card.revealed .number{font-size:clamp(30px,5vw,50px)}
.fun-hero h1{font-size:46px;line-height:1.08}.fun-modal h2{font-size:35px;line-height:1.08}@media(max-width:620px){.fun-hero h1{font-size:35px;line-height:1.06}}

/* Diğer Eğlence Modu oyunlarıyla ortak giriş düzeni */
.hero{margin:0 auto 24px;max-width:1060px;text-align:center}
.eyebrow{color:#9c7180;display:inline-block;font:900 12px/1.2 Nunito,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hero h1{font:900 46px/1.08 Nunito,sans-serif;letter-spacing:-.035em;margin:8px 0 10px}
.hero h1 em{color:var(--pink);font-style:normal}
.hero>p{color:var(--muted);font-size:17px;line-height:1.55;margin:0 auto;max-width:700px}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 26px}
.hero-pills span{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:999px;box-shadow:0 5px 14px rgba(48,50,58,.04);font:800 13px Nunito,sans-serif;padding:7px 12px}
@media(max-width:620px){.hero h1{font-size:35px;line-height:1.06}}