html.han-fso-lock-page,body.han-fso-lock-page{height:100%;overflow:hidden!important;overscroll-behavior:none}body.han-fso-lock-page{margin:0;padding:0}.han-fso-standalone-page{margin:0;background:#dfeeff}
:root{--blue:#2877ff;--blue2:#55c7ff;--red:#ff4058;--red2:#ff8190;--ink:#17233b;--muted:#66718b;--panel:rgba(255,255,255,.94);--line:rgba(255,255,255,.38)}
*{box-sizing:border-box}.han-fso-app{font-family:Poppins,Inter,Arial,sans-serif;position:relative;width:100vw;height:100svh;min-height:100svh;max-height:100svh;margin-left:calc(50% - 50vw);overflow:hidden;color:var(--ink);background:radial-gradient(circle at 50% -10%,#ffffff 0,#edf7ff 34%,#dfeeff 64%,#d7e7fb 100%);padding:10px;display:flex;flex-direction:column}.han-fso-game-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.han-fso-game-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 22%,black)}.han-fso-game-bg span{position:absolute;border-radius:50%;filter:blur(6px);opacity:.22}.han-fso-game-bg span:nth-child(1){width:36vw;height:36vw;left:-14vw;top:-10vw;background:#68b4ff}.han-fso-game-bg span:nth-child(2){width:34vw;height:34vw;right:-12vw;top:8vh;background:#ff8e9b}.han-fso-game-bg span:nth-child(3){width:48vw;height:18vw;left:26vw;bottom:-10vw;background:#8ad9ff}
.han-fso-topbar{position:relative;z-index:4;height:58px;flex:0 0 58px;display:grid;grid-template-columns:1fr minmax(320px,520px) 1fr;align-items:center;gap:18px;max-width:1700px;width:100%;margin:0 auto 10px;padding:0 12px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(255,255,255,.68);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(38,80,130,.09)}.han-fso-brand{display:flex;align-items:center;gap:10px;font-size:15px}.han-fso-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#276fff,#57c8ff);color:#fff;font-weight:900;box-shadow:0 7px 16px rgba(40,119,255,.24)}.han-fso-top-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.han-fso-level,.han-fso-count{font-size:11px;font-weight:800;white-space:nowrap}.han-fso-level{background:#fff;padding:6px 9px;border-radius:999px;color:#37618d;box-shadow:0 3px 9px rgba(42,78,113,.08)}.han-fso-count{color:#55637b}.han-fso-progress{height:8px;background:#dbe7f5;border-radius:999px;overflow:hidden}.han-fso-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2c78ff,#59c8ff);border-radius:inherit;transition:width .35s ease}.han-fso-actions{justify-self:end;display:flex;gap:7px}.han-fso-icon-btn{width:38px;height:38px;border:0;background:#fff;border-radius:11px;cursor:pointer;font-size:16px;box-shadow:0 5px 13px rgba(43,77,111,.1);transition:.18s}.han-fso-icon-btn:hover{transform:translateY(-2px)}
.han-fso-arena{position:relative;z-index:2;max-width:1700px;width:100%;margin:0 auto;flex:1;min-height:0;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(560px,1.45fr) minmax(250px,.8fr);gap:12px;align-items:stretch}.han-fso-team-stage,.han-fso-gamecard{min-height:0;border:1px solid rgba(255,255,255,.7);background:var(--panel);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 18px 55px rgba(45,79,119,.12)}
.han-fso-team-stage{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:14px 14px 10px;transition:transform .25s,box-shadow .25s}.han-fso-team-stage:before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none}.han-fso-team-stage.blue:before{background:linear-gradient(180deg,var(--blue),transparent 45%)}.han-fso-team-stage.red:before{background:linear-gradient(180deg,var(--red),transparent 45%)}.han-fso-team-stage.active{transform:translateY(-2px)}.han-fso-team-stage.blue.active{box-shadow:0 0 0 3px rgba(40,119,255,.3),0 20px 55px rgba(40,119,255,.18)}.han-fso-team-stage.red.active{box-shadow:0 0 0 3px rgba(255,64,88,.28),0 20px 55px rgba(255,64,88,.16)}.han-fso-team-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 2px 8px}.han-fso-team-name{font-size:13px;font-weight:900;letter-spacing:.3px;display:flex;align-items:center;gap:7px}.han-fso-team-name .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.7)}.blue .han-fso-team-name{color:#145ad2}.red .han-fso-team-name{color:#d62d45}.blue .han-fso-team-name .dot{background:var(--blue)}.red .han-fso-team-name .dot{background:var(--red)}.han-fso-mini-score{display:flex;gap:6px}.han-fso-mini-score span{font-size:11px;font-weight:800;background:#fff;padding:6px 7px;border-radius:9px;box-shadow:0 4px 11px rgba(39,70,100,.08);white-space:nowrap}.han-fso-mini-score b{font-weight:900}
.han-fso-rig{position:relative;flex:1;min-height:0;height:calc(100% - 56px);width:100%;max-width:250px;margin:0 auto;display:flex;align-items:center;justify-content:center}.han-fso-tap-wrap{position:absolute;left:50%;top:48px;transform:translateX(-50%);width:176px;height:145px;z-index:7}.han-fso-pipe,.han-fso-tap-neck,.han-fso-tap-spout,.han-fso-tap-handle{position:absolute;background:linear-gradient(180deg,#f7fbff 0,#a9b8c3 44%,#6e818e 62%,#dfe8ee 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),0 6px 14px rgba(44,62,75,.15)}.han-fso-pipe.vertical{width:30px;height:84px;left:35px;top:-9px;border-radius:8px 8px 10px 10px}.han-fso-tap-neck{left:35px;top:58px;width:56px;height:30px;border-radius:7px 17px 9px 7px}.han-fso-tap-spout{left:78px;top:73px;width:25px;height:35px;border-radius:0 9px 13px 13px;background:linear-gradient(90deg,#718590,#f6fbff 48%,#758994)}.han-fso-tap-handle{left:17px;top:4px;width:67px;height:14px;border-radius:10px;transform-origin:52px 7px;transition:transform .22s}.han-fso-tap-wrap.running .han-fso-tap-handle{transform:rotate(24deg)}.han-fso-stream{position:absolute;left:86px;top:105px;width:9px;height:0;border-radius:0 0 8px 8px;opacity:0;background:linear-gradient(90deg,rgba(101,208,255,.82),rgba(240,253,255,.96),rgba(73,169,247,.86));filter:drop-shadow(0 0 6px rgba(68,181,255,.5));transform-origin:top;z-index:8}.han-fso-tap-wrap.running .han-fso-stream{height:84px;opacity:.95;animation:fsoStream .22s linear infinite}@keyframes fsoStream{0%,100%{transform:scaleX(.92)}50%{transform:scaleX(.62)}}
.han-fso-glass-wrap{position:absolute;left:50%;top:164px;bottom:auto;transform:translateX(-50%);width:210px;height:260px;z-index:4}.han-fso-glass{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:158px;height:212px;border:4px solid rgba(147,176,197,.63);border-top:3px solid rgba(137,170,194,.72);border-radius:8px 8px 28px 28px;background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(214,237,250,.18) 45%,rgba(255,255,255,.32));box-shadow:inset 0 -18px 32px rgba(57,113,150,.05),0 18px 25px rgba(50,84,107,.13);overflow:hidden;z-index:5}.han-fso-water{position:absolute;left:0;right:0;bottom:0;height:0%;transition:height .8s cubic-bezier(.22,.8,.23,1);background:linear-gradient(180deg,rgba(113,216,255,.86) 0%,rgba(54,166,238,.92) 45%,rgba(40,126,215,.96) 100%);box-shadow:inset 0 12px 26px rgba(255,255,255,.24)}.han-fso-water:after{content:"";position:absolute;inset:12px 13px auto;height:70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);filter:blur(2px)}.han-fso-wave{position:absolute;left:-8%;top:-7px;width:116%;height:15px;border-radius:50%;background:rgba(238,253,255,.88);box-shadow:0 2px 7px rgba(35,154,229,.28);animation:fsoWave .9s ease-in-out infinite alternate}@keyframes fsoWave{to{transform:translateX(9px) scaleY(.66)}}.han-fso-glass-shine{position:absolute;left:18px;top:19px;width:10px;height:135px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));z-index:8}.han-fso-glass-wrap.danger .han-fso-glass{animation:fsoGlassShake .4s}@keyframes fsoGlassShake{25%{transform:translateX(calc(-50% - 5px)) rotate(-1.2deg)}75%{transform:translateX(calc(-50% + 5px)) rotate(1.2deg)}}
/* Gerçekçi taşma: iki yandan su perdesi + damlalar + zeminde biriken su */
.han-fso-glass-wrap:before,.han-fso-glass-wrap:after{content:"";position:absolute;top:35px;width:25px;height:0;opacity:0;z-index:3;border-radius:45% 45% 65% 65%;background:linear-gradient(90deg,rgba(45,159,232,.75),rgba(207,246,255,.94),rgba(47,146,222,.82));filter:drop-shadow(0 5px 5px rgba(31,130,203,.18));transform-origin:top}.han-fso-glass-wrap:before{left:22px;transform:rotate(8deg)}.han-fso-glass-wrap:after{right:22px;transform:rotate(-8deg)}.han-fso-glass-wrap.overflow:before{animation:fsoSpillLeft 2.6s ease-in forwards}.han-fso-glass-wrap.overflow:after{animation:fsoSpillRight 2.6s ease-in forwards}@keyframes fsoSpillLeft{0%{height:0;opacity:0}16%{height:78px;opacity:.95}55%,100%{height:170px;opacity:.82;transform:rotate(13deg) scaleX(.72)}}@keyframes fsoSpillRight{0%{height:0;opacity:0}12%{height:88px;opacity:.95}58%,100%{height:180px;opacity:.82;transform:rotate(-13deg) scaleX(.7)}}.han-fso-glass-wrap.overflow .han-fso-glass{overflow:visible;animation:fsoOverflowPulse .55s ease 2}.han-fso-glass-wrap.overflow .han-fso-water{height:104%!important;border-radius:7px 7px 0 0}@keyframes fsoOverflowPulse{50%{transform:translateX(-50%) scale(1.025)}}.han-fso-splash-drops{position:absolute;inset:0;z-index:7;pointer-events:none}.han-fso-splash-drops i{position:absolute;left:50%;top:38px;width:8px;height:12px;border-radius:60% 40% 60% 40%;background:rgba(73,177,239,.83);opacity:0}.han-fso-glass-wrap.overflow .han-fso-splash-drops i{animation:fsoDrop 1.15s ease-out infinite}.han-fso-glass-wrap.overflow .han-fso-splash-drops i:nth-child(1){--dx:-82px;animation-delay:.02s}.han-fso-glass-wrap.overflow .han-fso-splash-drops i:nth-child(2){--dx:-52px;animation-delay:.19s}.han-fso-glass-wrap.overflow .han-fso-splash-drops i:nth-child(3){--dx:-28px;animation-delay:.37s}.han-fso-glass-wrap.overflow .han-fso-splash-drops i:nth-child(4){--dx:35px;animation-delay:.12s}.han-fso-glass-wrap.overflow .han-fso-splash-drops i:nth-child(5){--dx:61px;animation-delay:.29s}.han-fso-glass-wrap.overflow .han-fso-splash-drops i:nth-child(6){--dx:84px;animation-delay:.45s}@keyframes fsoDrop{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:.95}100%{opacity:0;transform:translate(var(--dx),115px) scale(1.1)}}.han-fso-puddle{position:absolute;left:50%;bottom:4px;width:30px;height:10px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(81,184,241,.7),rgba(83,176,233,.18) 68%,transparent 72%);opacity:0;z-index:2}.han-fso-glass-wrap.overflow .han-fso-puddle{animation:fsoPuddle 2s ease-out forwards}@keyframes fsoPuddle{0%{opacity:0;width:30px;height:9px}30%{opacity:.72}100%{opacity:.8;width:205px;height:28px}}
.han-fso-water-meter{margin-top:auto;position:relative;z-index:3;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:0 4px 4px}.han-fso-water-meter strong{font-size:11px;color:#5b6780}.han-fso-meter{height:8px;border-radius:999px;background:#e4edf6;overflow:hidden}.han-fso-meter span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#57cfff,#2686e8);transition:width .8s}
.han-fso-gamecard{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:clamp(18px,2.3vw,34px);position:relative;overflow:hidden}.han-fso-gamecard:before{content:"";position:absolute;left:8%;right:8%;top:-80px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(91,165,255,.14),transparent 70%)}.han-fso-turn{position:relative;align-self:center;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:900;letter-spacing:.2px;margin-bottom:12px;box-shadow:0 7px 18px rgba(42,76,111,.1);transition:.2s}.han-fso-turn-blue{background:#e9f2ff;color:#165bcb}.han-fso-turn-red{background:#fff0f3;color:#d33148}.han-fso-turn-dot{width:10px;height:10px;border-radius:50%;animation:fsoPulse 1s ease-in-out infinite alternate}@keyframes fsoPulse{to{box-shadow:0 0 0 7px rgba(70,130,210,.08)}}.han-fso-turn-dot.blue{background:var(--blue)}.han-fso-turn-dot.red{background:var(--red)}.han-fso-question-no{text-align:center;color:#8a95a9;font-size:10px;font-weight:900;letter-spacing:1.4px}.han-fso-question-no span{color:#53627a}.han-fso-sentence{position:relative;text-align:center;font-size:clamp(25px,2.45vw,42px);line-height:1.35;font-weight:800;letter-spacing:-.7px;color:#16223a;margin:8px auto 10px;max-width:940px}.han-fso-sentence .blank{display:inline-block;min-width:66px;padding:0 7px;color:#2877ff;border-bottom:4px solid #59a6ff}.han-fso-prompt{text-align:center;color:#65708a;font-size:clamp(13px,1vw,16px);line-height:1.55;max-width:880px;margin:0 auto 18px}.han-fso-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:900px;width:100%;margin:0 auto}.han-fso-option{border:2px solid #e6edf6;background:#fff;border-radius:16px;padding:13px 16px;min-height:60px;display:flex;align-items:center;gap:12px;text-align:left;color:#1e2b43;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 7px 15px rgba(42,73,106,.06);transition:.18s}.han-fso-option:hover:not(:disabled){transform:translateY(-3px) scale(1.005);border-color:#a9c8ef;box-shadow:0 12px 24px rgba(45,85,128,.1)}.han-fso-option .letter{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#edf3f9;color:#50617b;font-size:13px;font-weight:900}.han-fso-option.selected-blue{border-color:#4b8fff;background:#edf5ff}.han-fso-option.selected-red{border-color:#ff7082;background:#fff1f3}.han-fso-option.correct{border-color:#3fca8a;background:#edfff7}.han-fso-option.correct .letter{background:#d7f8e8;color:#08754a}.han-fso-option.wrong-red{box-shadow:inset 0 0 0 2px rgba(255,64,88,.16)}.han-fso-option:disabled{cursor:default}.han-fso-feedback{max-width:900px;width:100%;min-height:38px;margin:12px auto 0;text-align:center;color:#64718a;font-size:12px;line-height:1.45;display:flex;align-items:center;justify-content:center;border-radius:11px}.han-fso-feedback:empty{display:none}.han-fso-feedback.neutral{background:#fff8e8;color:#725f2d;padding:8px 11px}.han-fso-feedback.result{background:#f4f8fc;color:#536079;padding:8px 12px}.han-fso-result-tags{display:inline-flex;gap:5px;margin-right:8px}.han-fso-result-tags span{padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900}.han-fso-result-tags .blue{background:#e5f0ff;color:#1759c5}.han-fso-result-tags .red{background:#ffe9ed;color:#c92c42}
.han-fso-modal{position:absolute;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(22,40,70,.28);backdrop-filter:blur(15px)}.han-fso-modal.is-open{display:flex}.han-fso-modal-card{width:min(500px,100%);text-align:center;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:32px;box-shadow:0 30px 100px rgba(37,63,98,.28)}.han-fso-modal-icon{font-size:54px;line-height:1}.han-fso-modal h2{font-size:31px;margin:10px 0 8px;color:#17233b}.han-fso-modal p{margin:0;color:#66718b;font-size:14px;line-height:1.6}.han-fso-versus{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.han-fso-versus span{font-weight:900;font-size:13px;padding:9px 13px;border-radius:11px}.han-fso-versus span:first-child{background:#e7f1ff;color:#165ccc}.han-fso-versus span:last-child{background:#ffeaee;color:#d23048}.han-fso-versus b{font-size:12px;color:#909bb0}.han-fso-primary{border:0;border-radius:14px;background:linear-gradient(135deg,#286fff,#48b8ff);color:#fff;padding:14px 23px;min-width:190px;font-family:inherit;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 13px 28px rgba(40,111,255,.24);transition:.18s}.han-fso-primary:hover{transform:translateY(-2px)}.han-fso-final-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.han-fso-final-stats>div{padding:12px;border-radius:14px}.han-fso-final-stats .blue{background:#eaf3ff}.han-fso-final-stats .red{background:#ffedf0}.han-fso-final-stats span{display:block;font-size:11px;color:#68748b}.han-fso-final-stats strong{display:block;font-size:13px;margin-top:2px}.han-fso-confetti{position:absolute;inset:0;z-index:35;pointer-events:none;overflow:hidden}.han-fso-confetti i{position:absolute;top:-20px;left:var(--x);width:9px;height:17px;border-radius:2px;background:hsl(var(--h) 80% 60%);transform:rotate(var(--r));animation:fsoConfetti 1.8s linear forwards}@keyframes fsoConfetti{to{top:105%;transform:rotate(calc(var(--r) + 540deg))}}
.han-fso-app:fullscreen,.han-fso-app:-webkit-full-screen{width:100vw;height:100vh;min-height:100vh;margin:0;padding:12px}
@media(max-width:1050px){.han-fso-app{overflow:auto}.han-fso-topbar{grid-template-columns:1fr auto}.han-fso-top-progress{display:none}.han-fso-arena{grid-template-columns:1fr 1fr;grid-template-areas:"game game" "blue red"}.han-fso-gamecard{grid-area:game;min-height:480px}.han-fso-team-stage.blue{grid-area:blue}.han-fso-team-stage.red{grid-area:red}.han-fso-team-stage{min-height:430px}.han-fso-rig{min-height:340px}}
@media(max-width:640px){.han-fso-app{padding:7px}.han-fso-topbar{height:52px;flex-basis:52px;border-radius:15px;margin-bottom:7px;padding:0 8px}.han-fso-brand strong{font-size:13px}.han-fso-logo{width:34px;height:34px}.han-fso-icon-btn{width:34px;height:34px}.han-fso-arena{gap:7px}.han-fso-gamecard,.han-fso-team-stage{border-radius:18px}.han-fso-gamecard{padding:16px 12px;min-height:470px}.han-fso-sentence{font-size:22px}.han-fso-prompt{font-size:12px;margin-bottom:12px}.han-fso-options{grid-template-columns:1fr;gap:7px}.han-fso-option{min-height:52px;padding:9px 11px;font-size:14px;border-radius:13px}.han-fso-option .letter{width:31px;height:31px;flex-basis:31px}.han-fso-team-stage{padding:9px;min-height:350px}.han-fso-team-name{font-size:10px}.han-fso-mini-score span{font-size:9px;padding:5px}.han-fso-rig{min-height:285px;transform:scale(.8);transform-origin:top center;margin-bottom:-60px}.han-fso-water-meter{margin-top:auto;margin-top:auto}.han-fso-feedback{font-size:10px}.han-fso-modal-card{padding:27px 18px;border-radius:22px}.han-fso-modal h2{font-size:24px}}
@media(max-width:430px){.han-fso-arena{grid-template-columns:1fr;grid-template-areas:"game" "blue" "red"}.han-fso-team-stage{min-height:335px}.han-fso-rig{transform:scale(.86);margin-bottom:-45px}.han-fso-gamecard{min-height:500px}}

/* Tema ve Elementor bağımsız tam ekran davranış */
.han-fso-standalone-page #page,.han-fso-standalone-page .site,.han-fso-standalone-page .site-content,.han-fso-standalone-page .content-area,.han-fso-standalone-page .site-main,.han-fso-standalone-page .entry-content,.han-fso-standalone-page .elementor,.han-fso-standalone-page .elementor-section,.han-fso-standalone-page .elementor-container,.han-fso-standalone-page .elementor-widget-wrap{margin:0!important;padding:0!important;max-width:none!important;width:100%!important} 
.han-fso-standalone-page .entry-header,.han-fso-standalone-page header.site-header,.han-fso-standalone-page footer.site-footer,.han-fso-standalone-page .site-footer,.han-fso-standalone-page .elementor-location-header,.han-fso-standalone-page .elementor-location-footer{display:none!important} 
@media (max-width: 1100px){.han-fso-arena{grid-template-columns:1fr}.han-fso-team-stage{min-height:240px}.han-fso-rig{height:240px;max-width:240px}.han-fso-tap-wrap{top:18px}.han-fso-tap-wrap.running .han-fso-stream{height:74px}.han-fso-glass-wrap{top:124px;width:180px;height:220px}.han-fso-glass{width:136px;height:180px}.han-fso-gamecard{order:-1}}

/* ===============================
   v1.4 - IZOLASYON + OYUN HUD
   Bu dosya bagimsiz oyun kabugunda calisir.
   Hello Elementor / Elementor stilleri iceri girmez.
================================ */
html.han-fso-shell-html,
body.han-fso-shell-body{
  width:100%;height:100%;min-height:100%;margin:0!important;padding:0!important;
  overflow:hidden!important;overscroll-behavior:none;background:#dfeeff;
}
body.han-fso-shell-body{position:fixed;inset:0;font-family:Poppins,Inter,"Segoe UI",Arial,sans-serif}

.han-fso-app,
.han-fso-app *{
  box-sizing:border-box!important;
}
.han-fso-app button{
  appearance:none!important;-webkit-appearance:none!important;
  font-family:inherit!important;text-transform:none!important;letter-spacing:normal!important;
  outline:none!important;text-decoration:none!important;
}
.han-fso-app{
  width:100vw!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;
  margin:0!important;padding:10px!important;overflow:hidden!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% -22%,rgba(255,255,255,.98) 0 16%,transparent 43%),
    radial-gradient(circle at 4% 42%,rgba(51,144,255,.19),transparent 31%),
    radial-gradient(circle at 96% 42%,rgba(255,69,96,.16),transparent 31%),
    linear-gradient(180deg,#eaf5ff 0%,#dbeaff 58%,#d6e6fb 100%)!important;
}
.han-fso-game-bg:before{
  background-image:linear-gradient(rgba(49,104,171,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(49,104,171,.045) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
}

/* Üst oyun çubuğu */
.han-fso-topbar{
  height:58px!important;flex:0 0 58px!important;margin:0 auto 9px!important;
  border:1px solid rgba(255,255,255,.9)!important;border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 35px rgba(37,74,120,.11),inset 0 1px 0 #fff!important;
}
.han-fso-brand{gap:11px!important;color:#13233f!important}
.han-fso-brand>div:last-child{display:flex;flex-direction:column;line-height:1.05;gap:4px}
.han-fso-brand strong{font-size:14px!important;font-weight:900!important}
.han-fso-brand small{font-size:8px!important;font-weight:900!important;letter-spacing:1.35px!important;color:#7d8ba3!important}
.han-fso-logo{
  width:38px!important;height:38px!important;border-radius:12px!important;
  background:linear-gradient(145deg,#1e64ff,#5ed2ff)!important;
  box-shadow:0 7px 18px rgba(34,111,255,.28)!important;
}
.han-fso-icon-btn{
  width:39px!important;height:39px!important;border:1px solid #d9e6f4!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;background:linear-gradient(180deg,#fff,#f5f9fd)!important;
  color:#27405f!important;box-shadow:0 5px 13px rgba(35,68,103,.09)!important;cursor:pointer!important;
}
.han-fso-icon-btn:hover{border-color:#a9c9ef!important;transform:translateY(-2px)!important}
.han-fso-level{
  padding:7px 11px!important;border:1px solid #e2ebf6!important;background:#fff!important;
  box-shadow:none!important;color:#35628d!important;
}
.han-fso-progress{height:9px!important;background:#dce7f5!important;box-shadow:inset 0 1px 2px rgba(52,86,124,.08)!important}
.han-fso-progress span{background:linear-gradient(90deg,#216dff,#57cfff)!important;box-shadow:0 0 12px rgba(45,145,255,.28)!important}

/* Arena */
.han-fso-arena{
  grid-template-columns:minmax(250px,.82fr) minmax(560px,1.48fr) minmax(250px,.82fr)!important;
  gap:11px!important;height:calc(100svh - 77px)!important;min-height:0!important;
}
.han-fso-team-stage,.han-fso-gamecard{
  border:1px solid rgba(255,255,255,.9)!important;border-radius:24px!important;
  background:rgba(255,255,255,.87)!important;
  box-shadow:0 20px 55px rgba(35,74,117,.11),inset 0 1px 0 #fff!important;
}
.han-fso-team-stage{padding:13px!important}
.han-fso-team-stage.blue{border-color:rgba(82,153,255,.34)!important}
.han-fso-team-stage.red{border-color:rgba(255,99,121,.28)!important}
.han-fso-team-stage.blue:after,.han-fso-team-stage.red:after{
  content:"";position:absolute;left:18px;right:18px;bottom:32px;height:16px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(60,91,124,.13),transparent 70%);pointer-events:none
}
.han-fso-team-stage.active{transform:none!important}
.han-fso-team-stage.blue.active{box-shadow:0 0 0 3px rgba(40,119,255,.24),0 22px 55px rgba(39,107,205,.16)!important}
.han-fso-team-stage.red.active{box-shadow:0 0 0 3px rgba(255,64,88,.20),0 22px 55px rgba(208,58,78,.14)!important}
.han-fso-team-head{padding:2px 1px 6px!important}
.han-fso-team-name{font-size:12px!important;font-weight:900!important;letter-spacing:.55px!important}
.han-fso-mini-score span{
  border:1px solid #e2eaf4!important;border-radius:10px!important;background:#fff!important;
  padding:6px 8px!important;color:#4e6078!important;box-shadow:0 4px 12px rgba(45,76,108,.07)!important
}

/* Musluk + bardak aynı mekanik grup gibi görünür */
.han-fso-rig{
  --tap-y:clamp(62px,9.4vh,96px);
  position:relative!important;height:100%!important;min-height:0!important;max-width:245px!important;
  margin:0 auto!important;overflow:visible!important;
}
.han-fso-tap-wrap{
  top:var(--tap-y)!important;left:50%!important;width:176px!important;height:145px!important;
  transform:translateX(-50%)!important;filter:drop-shadow(0 9px 11px rgba(49,72,88,.12));
}
.han-fso-glass-wrap{
  top:calc(var(--tap-y) + 83px)!important;bottom:auto!important;left:50%!important;
  width:210px!important;height:260px!important;transform:translateX(-50%)!important;
}
.han-fso-tap-wrap.running .han-fso-stream{
  height:35px!important;opacity:.96!important;
}
.han-fso-glass{
  width:158px!important;height:212px!important;border-width:3px!important;
  border-color:rgba(137,174,199,.68)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(211,238,253,.19) 45%,rgba(255,255,255,.34))!important;
  box-shadow:inset 0 -20px 34px rgba(35,112,165,.06),0 18px 27px rgba(43,78,105,.13)!important;
}
.han-fso-water-meter{padding:0 4px 2px!important;z-index:10!important}
.han-fso-meter{height:8px!important;border:1px solid rgba(205,219,234,.7)!important;background:#e8eff7!important}

/* Merkez soru kartı */
.han-fso-gamecard{
  padding:clamp(20px,2vw,33px)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(81,155,255,.11),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.97),rgba(250,253,255,.94))!important;
}
.han-fso-gamecard:after{
  content:"";position:absolute;inset:10px;border:1px dashed rgba(99,139,184,.10);border-radius:18px;pointer-events:none
}
.han-fso-turn{
  z-index:2!important;min-width:190px!important;padding:9px 17px!important;margin-bottom:10px!important;
  border:1px solid rgba(130,164,202,.18)!important;font-size:13px!important;
}
.han-fso-question-no{
  z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  color:#7d8ba1!important;font-size:11px!important;letter-spacing:.8px!important
}
.han-fso-question-no .han-fso-q-label{font-size:8px!important;letter-spacing:1.5px!important;color:#9aa6b8!important}
#han-fso-question-badge{
  display:grid!important;place-items:center!important;min-width:27px!important;height:27px!important;padding:0 7px!important;
  border:1px solid #d9e5f3!important;border-radius:9px!important;background:#fff!important;color:#3d5471!important;
  box-shadow:0 4px 12px rgba(48,79,111,.07)!important;font-weight:900!important
}
.han-fso-sentence{
  z-index:2!important;font-size:clamp(27px,2.35vw,41px)!important;line-height:1.28!important;
  color:#16233d!important;margin:9px auto 10px!important;font-weight:900!important;letter-spacing:-.9px!important
}
.han-fso-sentence .blank{
  min-width:64px!important;padding:0 8px 2px!important;border:0!important;border-radius:9px!important;
  background:#eaf3ff!important;color:#2877ff!important;box-shadow:inset 0 -3px 0 #63a9ff!important
}
.han-fso-prompt{
  z-index:2!important;color:#66738c!important;font-size:clamp(12px,.95vw,15px)!important;
  line-height:1.55!important;margin-bottom:16px!important
}

/* Özel cevap kartları - tema butonlarından bağımsız */
.han-fso-options{z-index:2!important;gap:10px!important;max-width:900px!important}
.han-fso-option{
  position:relative!important;overflow:hidden!important;min-height:64px!important;margin:0!important;padding:11px 15px!important;
  border:1px solid #dce7f3!important;border-radius:15px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:#22324b!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important;
  display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;
  box-shadow:0 8px 18px rgba(37,68,102,.07),inset 0 1px 0 #fff!important;cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.han-fso-option:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b8c9dc;transition:.16s
}
.han-fso-option:hover:not(:disabled){
  transform:translateY(-3px)!important;border-color:#9fc4ef!important;
  box-shadow:0 13px 25px rgba(39,78,121,.11),inset 0 1px 0 #fff!important
}
.han-fso-app[data-turn="blue"] .han-fso-option:hover:not(:disabled):before{background:#2877ff!important}
.han-fso-app[data-turn="red"] .han-fso-option:hover:not(:disabled):before{background:#ff4058!important}
.han-fso-option .letter{
  width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;border:1px solid #dbe5f0!important;
  background:linear-gradient(180deg,#eef4fa,#e6eef7)!important;color:#53657d!important;
  font-size:13px!important;font-weight:900!important;box-shadow:inset 0 1px 0 #fff!important
}
.han-fso-option.selected-blue{border-color:#72a7ff!important;background:linear-gradient(180deg,#f2f7ff,#e9f3ff)!important}
.han-fso-option.selected-blue:before{background:#2877ff!important}
.han-fso-option.selected-red{border-color:#ff8b9b!important;background:linear-gradient(180deg,#fff7f8,#ffedf1)!important}
.han-fso-option.selected-red:before{background:#ff4058!important}
.han-fso-option.correct{border-color:#58cf96!important;background:linear-gradient(180deg,#f3fff9,#e9fbf2)!important;color:#17613f!important}
.han-fso-option.correct:before{background:#31bd7d!important}
.han-fso-option.correct .letter{background:#dff8eb!important;border-color:#bfead5!important;color:#14724b!important}
.han-fso-option:disabled{opacity:1!important;cursor:default!important}

.han-fso-feedback{
  z-index:2!important;min-height:42px!important;margin-top:11px!important;border:1px solid transparent!important;
  border-radius:12px!important;font-size:11px!important;font-weight:600!important
}
.han-fso-feedback.neutral{border-color:#f0ddb4!important;background:#fff9ea!important}
.han-fso-feedback.result{border-color:#e0e8f1!important;background:#f6f9fc!important}

/* Modal / oyun başlangıcı */
.han-fso-modal{background:rgba(20,39,67,.32)!important;backdrop-filter:blur(16px)!important}
.han-fso-modal-card{
  border:1px solid rgba(255,255,255,.94)!important;border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,250,255,.98))!important;
  box-shadow:0 30px 100px rgba(29,57,91,.27)!important
}
.han-fso-primary{
  min-width:210px!important;min-height:48px!important;border:0!important;border-radius:14px!important;
  background:linear-gradient(135deg,#2468ff,#4cc4ff)!important;color:#fff!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:13px!important;font-weight:900!important;letter-spacing:.35px!important;
  box-shadow:0 13px 28px rgba(37,112,255,.24)!important;cursor:pointer!important
}

/* Eski responsive kurallarini ez: oyun asla sayfa kaydirmasin */
@media (max-width:1100px){
  .han-fso-app{overflow:hidden!important;padding:7px!important}
  .han-fso-topbar{height:52px!important;flex-basis:52px!important;margin-bottom:7px!important}
  .han-fso-arena{
    height:calc(100svh - 66px)!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:minmax(0,1.36fr) minmax(0,.64fr)!important;
    grid-template-areas:"game game" "blue red"!important;
    gap:7px!important
  }
  .han-fso-gamecard{grid-area:game!important;order:0!important;min-height:0!important;padding:13px 16px!important}
  .han-fso-team-stage.blue{grid-area:blue!important}.han-fso-team-stage.red{grid-area:red!important}
  .han-fso-team-stage{min-height:0!important;padding:7px 9px!important}
  .han-fso-team-head{padding:0!important}
  .han-fso-team-name{font-size:10px!important}.han-fso-mini-score span{font-size:9px!important;padding:4px 6px!important}
  .han-fso-rig{--tap-y:8px!important;height:calc(100% - 31px)!important;max-width:190px!important;transform:scale(.72)!important;transform-origin:top center!important}
  .han-fso-glass-wrap{top:calc(var(--tap-y) + 83px)!important}
  .han-fso-water-meter{position:absolute!important;left:8px!important;right:8px!important;bottom:5px!important}
  .han-fso-sentence{font-size:clamp(21px,3.2vw,31px)!important;margin:5px auto 6px!important}
  .han-fso-prompt{font-size:11px!important;margin-bottom:8px!important}
  .han-fso-turn{padding:6px 12px!important;margin-bottom:5px!important;font-size:11px!important;min-width:160px!important}
  .han-fso-question-no{font-size:9px!important}.han-fso-question-no #han-fso-question-badge{height:23px!important;min-width:23px!important}
  .han-fso-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .han-fso-option{min-height:48px!important;padding:7px 10px!important;font-size:13px!important;border-radius:11px!important}
  .han-fso-option .letter{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important;font-size:11px!important}
  .han-fso-feedback{min-height:31px!important;margin-top:6px!important;padding:5px 8px!important;font-size:9px!important}
}

@media (max-width:640px){
  .han-fso-brand small{display:none!important}.han-fso-brand strong{font-size:11px!important}
  .han-fso-logo{width:32px!important;height:32px!important}.han-fso-actions{gap:4px!important}.han-fso-icon-btn{width:32px!important;height:32px!important}
  .han-fso-gamecard{padding:9px!important}
  .han-fso-sentence{font-size:19px!important;line-height:1.2!important}
  .han-fso-prompt{font-size:9.5px!important;line-height:1.35!important}
  .han-fso-options{gap:5px!important}
  .han-fso-option{min-height:43px!important;padding:5px 7px!important;font-size:11px!important;gap:6px!important}
  .han-fso-option .letter{width:26px!important;height:26px!important;flex-basis:26px!important}
  .han-fso-rig{transform:scale(.60)!important}
  .han-fso-team-name{font-size:8.5px!important}.han-fso-mini-score{gap:3px!important}.han-fso-mini-score span{font-size:7.5px!important;padding:3px 4px!important}
  .han-fso-water-meter{bottom:2px!important}.han-fso-meter{height:5px!important}.han-fso-water-meter strong{font-size:8px!important}
  .han-fso-modal-card{max-width:92vw!important;padding:22px 16px!important}.han-fso-modal h2{font-size:22px!important}
}