*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 0,#214d7a 0,#071422 52%,#050912 100%);color:#fff;touch-action:none;user-select:none}.page{height:100dvh;min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;gap:7px;padding:calc(env(safe-area-inset-top) + 7px) 8px calc(env(safe-area-inset-bottom) + 7px)}.topbar{width:min(100%,980px);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.brand{text-align:center;line-height:1.05}.brand strong{display:block;font-size:clamp(18px,4vw,30px);font-weight:950;letter-spacing:.2px;text-shadow:0 2px 10px rgba(0,0,0,.35)}.brand span{display:block;font-size:12px;color:#ffd36e;font-weight:800;margin-top:3px}.nav-btn{min-height:42px;padding:0 14px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffb640,#f0781d);color:#211204;text-decoration:none;font-weight:950;box-shadow:0 8px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.install{justify-self:end;background:linear-gradient(180deg,#55e2a0,#13a75c);color:#052315}.games{justify-self:start}.ad{width:min(100%,360px);height:50px;margin:0 auto;border:1px dashed rgba(255,255,255,.45);border-radius:14px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:12px;font-weight:800;letter-spacing:.7px}.game-card{position:relative;width:min(100%,calc((100dvh - 166px)*1.5));height:min(calc(100dvh - 166px),66.666vw);min-height:300px;max-height:100%;margin:0 auto;overflow:hidden;border-radius:26px;border:4px solid rgba(255,255,255,.16);background:#8ac8f0;box-shadow:0 22px 70px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.08)}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;left:12px;right:12px;top:12px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;pointer-events:none}.hud div{min-height:46px;padding:6px 10px;border-radius:16px;background:rgba(2,10,24,.48);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.hud span{font-size:11px;color:rgba(255,255,255,.72);font-weight:800}.hud b{font-size:22px;color:#ffd36e;line-height:1}.round{position:absolute;z-index:8;bottom:12px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(0,0,0,.43);color:#fff;font-size:21px;backdrop-filter:blur(8px);box-shadow:0 8px 18px rgba(0,0,0,.26);cursor:pointer}.sound{right:12px}.full{right:66px}.hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:7;width:min(90%,380px);padding:12px 16px;border-radius:20px;background:rgba(2,10,24,.55);backdrop-filter:blur(10px);text-align:center;box-shadow:0 12px 26px rgba(0,0,0,.22);transition:.25s ease;pointer-events:none}.hint b{display:block;color:#ffd36e;font-size:19px;margin-bottom:3px}.hint span{display:block;font-size:13px;line-height:1.25}.hint.hidden{opacity:0;transform:translateX(-50%) translateY(12px)}.panel{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,8,18,.68);backdrop-filter:blur(7px)}.panel.hidden{display:none}.panel-box{width:min(94%,380px);border-radius:26px;padding:22px 20px;background:linear-gradient(180deg,#ffffff,#eef5ff);color:#13243b;text-align:center;border:3px solid #ffd36e;box-shadow:0 25px 80px rgba(0,0,0,.52)}.panel-box h1{margin:0 0 8px;font-size:27px;color:#bd5a16}.panel-box p{margin:0 0 16px;font-size:15px;line-height:1.35}.panel-box button{width:100%;min-height:48px;margin-top:9px;border:0;border-radius:16px;background:#159957;color:#fff;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.18)}.panel-box button.secondary{background:#203a59}.panel-box button:disabled{opacity:.65;cursor:not-allowed}.label{display:inline-block;padding:5px 11px;border-radius:999px;background:#13243b;color:#fff;font-size:11px;font-weight:950;letter-spacing:.6px;margin-bottom:10px}.mock-ad{height:150px;margin:13px 0;border-radius:20px;background:linear-gradient(135deg,#0f2d52,#f0781d);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:26px;font-weight:950;text-shadow:0 2px 10px rgba(0,0,0,.35)}.mock-ad small{font-size:13px;margin-top:5px;letter-spacing:1px}.countdown-area{margin:10px 0 4px;padding:12px 14px;border-radius:16px;background:rgba(19,36,59,.1);color:#13243b;font-size:16px;font-weight:900}.countdown-area b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;margin-left:6px;border-radius:50%;background:#bd5a16;color:#fff;font-size:20px}.install-box p{text-align:left;background:rgba(19,36,59,.08);border-radius:14px;padding:12px}@media (max-width:640px){.page{gap:5px;padding-left:6px;padding-right:6px}.topbar{grid-template-columns:1fr 1fr}.brand{grid-column:1 / -1;order:-1}.nav-btn{min-height:39px;font-size:13px;padding:0 10px}.ad{height:48px}.game-card{width:100%;height:calc(100dvh - 176px);min-height:310px;border-radius:21px;border-width:3px}.hud{grid-template-columns:repeat(2,1fr);left:8px;right:8px;top:8px;gap:6px}.hud div{min-height:38px;border-radius:13px;padding:5px 8px}.hud span{font-size:10px}.hud b{font-size:18px}.hint{bottom:12px;padding:10px 12px}.hint b{font-size:17px}.hint span{font-size:12px}.round{width:43px;height:43px;bottom:10px}.sound{right:10px}.full{right:61px}}@media (orientation:landscape) and (max-height:520px){.page{grid-template-columns:76px 1fr 76px;grid-template-rows:auto 1fr;padding:5px}.topbar{grid-column:1 / -1}.ad{width:68px;height:100%;writing-mode:vertical-rl}.ad-top{grid-column:1;grid-row:2}.game-card{grid-column:2;grid-row:2;height:calc(100dvh - 62px);width:min(calc((100dvh - 62px)*1.5),calc(100vw - 170px));min-height:210px}.ad-bottom{grid-column:3;grid-row:2}.hud{grid-template-columns:repeat(4,1fr)}.hint{display:none}}

@media (hover:none) and (pointer:coarse) and (orientation:landscape){.page{grid-template-columns:74px 1fr 74px;grid-template-rows:auto 1fr;padding:5px}.topbar{grid-column:1 / -1}.ad{width:68px;height:100%;writing-mode:vertical-rl}.ad-top{grid-column:1;grid-row:2}.game-card{grid-column:2;grid-row:2;height:calc(100dvh - 62px);width:min(calc((100dvh - 62px)*1.5),calc(100vw - 166px));min-height:210px}.ad-bottom{grid-column:3;grid-row:2}.hud{grid-template-columns:repeat(4,1fr)}.hint{display:none}}

/* Tam ekran butonu: destekleyen tarayıcılarda oyun tüm ekranı kaplar. */
.game-card:fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;min-height:0!important;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;background:#8ac8f0}
.game-card:-webkit-full-screen{width:100vw!important;height:100vh!important;max-height:none!important;min-height:0!important;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;background:#8ac8f0}
body.fullscreen-game .page{padding:0!important;display:block!important;height:100vh!important}
body.fullscreen-game .topbar,body.fullscreen-game .ad{display:none!important}
body.fullscreen-game .game-card{width:100vw!important;height:100vh!important;max-height:none!important;min-height:0!important;border:0!important;border-radius:0!important;margin:0!important}
body.fullscreen-game .hint{display:none}
@media (hover:none) and (pointer:coarse) and (orientation:portrait){
  .game-card{height:calc(100dvh - 176px);width:100%;}
}