#home-game-mode-picker .home-game-mode-card.savunma{background:linear-gradient(#62dfcd,#18a5a8)!important;border-color:#c3fff0!important;color:#073d48!important;box-shadow:0 6px 0 #087b87,0 10px 17px #126b793b!important}

/* Kahraman uses the same home card geometry and its actual painted game artwork. */
#home-game-mode-picker .home-game-mode-card.kahraman{background:linear-gradient(#d1b6ff,#9864e8)!important;border-color:#eee0ff!important;color:#32135d!important;box-shadow:0 6px 0 #674098,0 10px 17px #4f277a44!important}
#home-game-mode-picker .kahraman .home-game-mode-copy small{color:#432465!important}
#home-game-mode-picker .kahraman .home-game-mode-icon{background:#f8eeff!important}
#home-game-mode-picker .kahraman-guide{background:linear-gradient(#e7d6ff,#b78aef)!important;border:3px solid #f4eaff!important;color:#43216b!important;box-shadow:0 5px 0 #8051b0!important}
#home-game-mode-picker .kahraman-guide .guide-label,#home-game-mode-picker .kahraman-guide .guide-mark{color:#43216b!important}
#modal-kahraman-guide.hidden{display:none!important}
#modal-kahraman-guide{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:12px;background:#17102bc9;backdrop-filter:blur(5px)}
.kahraman-guide-card{width:min(100%,430px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:16px;border:3px solid #d6b8ff;border-radius:22px;background:linear-gradient(#fff9e9,#f1e8ff);color:#3c2852;font-family:system-ui,sans-serif;box-shadow:0 18px 60px #07031488}
.kahraman-guide-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.kahraman-guide-card header small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#775399}.kahraman-guide-card h2{font-size:25px;font-weight:900;margin:3px 0 0;letter-spacing:.04em}
#btn-kahraman-guide-close{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#6a3f96;color:white;font-size:19px}
.kahraman-guide-card p{font-size:13px;line-height:1.5;font-weight:750;margin:12px 0}.kahraman-guide-card ol{padding-left:22px;display:grid;gap:9px;font-size:12px;line-height:1.5;margin:12px 0}
.kahraman-learn-scene{height:190px;position:relative;overflow:hidden;border:2px solid #87659b;border-radius:14px;background:#8ecbd9 center/cover no-repeat}
.kahraman-learn-hero,.kahraman-learn-foe{position:absolute;bottom:42px;width:32%;height:115px;object-fit:contain;filter:drop-shadow(0 2px 2px #1b193c55)}.kahraman-learn-hero{left:2%}.kahraman-learn-foe{right:2%}
.kahraman-learn-prop{position:absolute;left:30%;top:50%;font-size:26px;animation:kahramanLearnThrow 3.2s linear infinite}.kahraman-learn-hit{position:absolute;right:8%;top:10px;color:#fff2a1;font-size:24px;font-weight:900;text-shadow:0 2px 2px #58275d;animation:kahramanLearnHit 3.2s linear infinite}
.kahraman-learn-word{position:absolute;bottom:7px;inset-inline:0;display:flex;justify-content:center;gap:3px}.kahraman-learn-word b{position:relative;display:grid;place-items:center;width:30px;height:33px;border:2px solid #c99a44;border-radius:6px;background:#fff0b7;color:#463045;font-size:20px}.kahraman-learn-word .has-balloon{background:#ffdb89}.kahraman-learn-word i{position:absolute;right:-4px;top:-10px;font-size:17px;font-style:normal}
#btn-kahraman-guide-ok{display:block;width:100%;padding:12px;border:2px solid #e3d3ff;border-bottom:4px solid #4d2c72;border-radius:13px;background:linear-gradient(#9470c5,#694091);color:white;font-size:15px;font-weight:900}
@keyframes kahramanLearnThrow{0%,18%{opacity:0;transform:translate(0,0) rotate(0deg)}20%{opacity:1}45%{opacity:1;transform:translate(65px,-40px) rotate(450deg)}67%{opacity:1;transform:translate(140px,0) rotate(900deg)}69%,100%{opacity:0;transform:translate(140px,0) rotate(900deg)}}
@keyframes kahramanLearnHit{0%,65%,88%,100%{opacity:0;transform:scale(.7)}70%,82%{opacity:1;transform:scale(1)}}
#modal-kahraman-guide.hidden *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.kahraman-learn-prop,.kahraman-learn-hit{animation:none}.kahraman-learn-prop{left:48%;top:24%}}
#home-game-mode-picker .savunma .home-game-mode-copy small{color:#064b56!important}
#home-game-mode-picker .savunma-guide{background:linear-gradient(#c2fff1,#50cfbf)!important;border:3px solid #ddfff6!important;color:#064d59!important;box-shadow:0 5px 0 #168e91!important}
#home-game-mode-picker .savunma-guide .guide-label,#home-game-mode-picker .savunma-guide .guide-mark{color:#064d59!important}
#home-game-mode-picker .savunma .home-game-mode-icon{background:#d5fff5!important}
#home-game-submodes>#btn-friend-mode.hidden,#bot-settings-panel .bot-diff-choice.hidden{display:none!important}
#modal-savunma-guide.hidden{display:none!important}
#modal-savunma-guide{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:10px;background:#062030bd;backdrop-filter:blur(5px)}
.savunma-guide-card{width:min(100%,420px);max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain;border:3px solid #8af5dc;border-radius:20px;padding:16px;background:linear-gradient(#e8fffa,#f5fcff);color:#16414b;box-shadow:0 16px 60px #001d3f66;font-family:system-ui,sans-serif}
.savunma-guide-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.savunma-guide-head h2{font-size:17px;font-weight:900;margin:0}.savunma-guide-head button{flex:none;width:34px;height:34px;border-radius:50%;background:#0c7280;color:white;border:0;font-size:19px}
.savunma-guide-card p{font-size:12px;font-weight:700;line-height:1.5;margin:10px 0}.savunma-guide-card ol{padding-left:22px;margin:12px 0;display:grid;gap:8px;font-size:12px;line-height:1.45}.savunma-guide-card b{font-weight:900}
#btn-savunma-guide-ok{display:block;width:100%;min-height:44px;border-radius:12px;border:2px solid #73e8d3;border-bottom:4px solid #075260;background:linear-gradient(#249ea3,#097383);color:white;font-size:14px;font-weight:900}
.savunma-learn-stage{position:relative;height:200px;overflow:hidden;border:3px solid #559cb2;border-radius:12px;background-color:#1674a2;background-size:400% 300%;background-position:0 0;image-rendering:pixelated}
.savunma-learn-player,.savunma-learn-enemy{position:absolute;width:58px;height:58px;background-size:200% 213%;background-repeat:no-repeat;image-rendering:pixelated}
.savunma-learn-player{bottom:37px;left:calc(50% - 29px);background-position:0 0;animation:savunmaLearnPilot 5s ease-in-out infinite}
.savunma-learn-enemy{top:10px;left:calc(50% - 29px);background-position:100% 0;animation:savunmaLearnEnemy 5s ease-in-out infinite}
.savunma-learn-impact{position:absolute;top:27px;left:calc(50% - 12px);font-size:36px;color:#fff2a3;opacity:0;animation:savunmaLearnImpact 5s infinite}
.savunma-learn-volley{position:absolute;left:50%;top:55%;width:0;height:0}.savunma-learn-volley i{position:absolute;font-style:normal;font-size:16px;font-weight:900;color:#fff2a3;text-shadow:0 1px 2px #102740;animation:savunmaLearnLetter 5s ease-out infinite;opacity:0;--n:0}
.savunma-learn-volley i:nth-child(2){--n:1}.savunma-learn-volley i:nth-child(3){--n:2}.savunma-learn-volley i:nth-child(4){--n:3}.savunma-learn-volley i{animation-delay:calc(var(--n)*.12s)}
.savunma-learn-rack{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:4px}.savunma-learn-rack b{display:grid;place-items:center;width:24px;height:27px;background:#ffe6a8;border:2px solid #fff0c4;border-bottom:3px solid #9f793a;border-radius:4px;color:#3d442d}.savunma-learn-rack span{padding:6px 9px;background:#178b81;border:1px solid #abfff0;border-radius:6px;color:white;font-size:10px;font-weight:900}
@keyframes savunmaLearnPilot{0%,100%{transform:translateX(-65px) rotate(-8deg)}50%{transform:translateX(65px) rotate(8deg)}}
@keyframes savunmaLearnLetter{0%,28%,100%{opacity:0;transform:translate(-45px,20px)}34%{opacity:1}66%{opacity:1;transform:translate(0,-65px)}72%,98%{opacity:0;transform:translate(0,-65px)}}
@keyframes savunmaLearnEnemy{0%,65%,100%{filter:none}68%,73%{filter:brightness(2)}}@keyframes savunmaLearnImpact{0%,65%,80%,100%{opacity:0}69%,73%{opacity:1}}
#modal-savunma-guide.hidden *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.savunma-learn-stage *{animation:none!important}.savunma-learn-volley i{opacity:1;transform:translate(calc(var(--n)*20px - 30px),-20px)}}

/* SAVUNMA: bold, clean arcade lettering, legible on narrow phones. */
#btn-mode-savunma .home-game-mode-copy b{
 display:block;
 width:max-content;max-width:100%;
 font-family:Impact,"Arial Black",system-ui,sans-serif;
 font-weight:1000;font-stretch:condensed;
 font-size:clamp(22px,5.2vw,30px);
 line-height:1.12;letter-spacing:.035em;
 color:#fff8d8;
 -webkit-text-stroke:0;
 text-shadow:1px 1px 0 #0b4d69,2px 2px 0 #0b4d69,3px 3px 0 #07364a;
 filter:none;animation:none;
}
@media(max-width:360px){
 #btn-mode-savunma .home-game-mode-copy b{font-size:clamp(20px,5.7vw,23px);letter-spacing:.01em}
}

/* SAVUNMA: short-link invitation preview, matching the shared multiplayer invitation flow. */
#modal-savunma-invite.hidden{display:none!important}
#modal-savunma-invite{position:absolute;inset:0;z-index:150;display:grid;place-items:center;padding:12px;overflow-y:auto;background:linear-gradient(155deg,#05283e,#126783 62%,#06384f);font-family:system-ui,-apple-system,sans-serif}
.savunma-invite-card{position:relative;width:min(100%,430px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;border:3px solid #b9ecff;border-bottom:6px solid #3b97bb;border-radius:26px;background:linear-gradient(#f1fcff,#d4f4f5);padding:23px 18px 19px;color:#12374f;text-align:center;box-shadow:0 16px 40px #001426a6}
.savunma-invite-close{position:absolute;top:9px;right:9px;width:43px;height:43px;border:2px solid #ffdddb;border-radius:50%;background:#d52731;color:#fff;font-size:23px;font-weight:900;box-shadow:0 4px 0 #8e1820}
.savunma-invite-eyebrow{margin-right:39px;font-size:11px;font-weight:1000;letter-spacing:.1em;color:#097e92}
#savunma-invite-heading{margin:11px 25px 14px;font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:clamp(22px,6vw,31px);line-height:1.08;letter-spacing:.025em;color:#084563}
.savunma-invite-scene{position:relative;overflow:hidden;height:185px;border:3px solid #66a6b8;border-radius:16px;background:#127da5 url('assets/savunma-sea-long.webp') center 53%/cover no-repeat;box-shadow:inset 0 0 20px #001b2c88}
.savunma-invite-enemy{position:absolute;top:7px;left:calc(50% - 34px);width:68px;height:65px;object-fit:contain;filter:drop-shadow(0 2px 7px #000a);animation:savunmaInviteEnemy 4.5s ease-in-out infinite}
.savunma-invite-friends{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:space-evenly;align-items:center;gap:40px}
.savunma-invite-friends img{width:69px;height:70px;object-fit:contain;filter:drop-shadow(0 4px 5px #001723);animation:savunmaInviteFriendA 4.6s ease-in-out infinite}
.savunma-invite-friends img:nth-child(2){filter:hue-rotate(130deg) drop-shadow(0 4px 5px #001723);animation-name:savunmaInviteFriendB}
.savunma-invite-volley{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);color:#fff4ae;font-weight:1000;letter-spacing:.07em;text-shadow:0 2px 4px #082f4a;white-space:nowrap;animation:savunmaInvitePulse 1.7s ease-in-out infinite}
.savunma-invite-volley span{color:#fff;filter:drop-shadow(0 0 5px #ffeb69)}
.savunma-invite-card p{margin:12px 2px;font-size:13px;font-weight:700;line-height:1.45}
.savunma-invite-card p b{color:#075871}
.savunma-invite-card .savunma-invite-tip{font-size:11.5px;color:#315e70}
#savunma-invite-status{min-height:0;font-size:12px;color:#b91c1c;font-weight:900}
.savunma-invite-start{width:95%;min-height:57px;border:2px solid #adf3c9;border-bottom:5px solid #13713c;border-radius:15px;background:linear-gradient(#26c976,#169a52);color:white;font-size:21px;font-weight:1000;letter-spacing:.04em;box-shadow:0 7px 15px #115d4566}
@keyframes savunmaInviteEnemy{0%,100%{transform:translateX(-39px) translateY(0)}50%{transform:translateX(43px) translateY(7px)}}
@keyframes savunmaInviteFriendA{0%,100%{transform:translate(10px,4px) rotate(-5deg)}50%{transform:translate(-15px,-10px) rotate(7deg)}}
@keyframes savunmaInviteFriendB{0%,100%{transform:translate(-13px,-9px) rotate(8deg)}50%{transform:translate(20px,5px) rotate(-6deg)}}
@keyframes savunmaInvitePulse{50%{opacity:.72;transform:translate(-50%,-50%) scale(1.07)}}
@media(max-height:620px){.savunma-invite-card{padding:12px}.savunma-invite-scene{height:130px}.savunma-invite-card p{margin:7px 2px;font-size:11px}.savunma-invite-card .savunma-invite-tip{font-size:10px}}
@media(prefers-reduced-motion:reduce){.savunma-invite-scene *{animation:none!important}}


.kahraman-guide-card h2{display:flex;align-items:center;gap:5px}.kahraman-guide-card li svg{display:inline-block;vertical-align:middle}.kahraman-learn-prop{width:28px;height:28px}.kahraman-learn-prop svg{width:100%;height:100%}.kahraman-learn-word i{width:17px;height:22px;right:-6px;top:-11px}.kahraman-learn-hit svg{display:inline-block;vertical-align:middle}

@media(max-height:760px){
 #screen-home #home-game-mode-picker .home-game-mode-card{height:58px!important;min-height:58px!important;padding:6px 10px!important}
 #screen-home #home-game-mode-picker .home-mode-guide-row + .home-mode-guide-row,#screen-home #home-game-mode-picker>#home-game-submodes + .home-mode-guide-row{margin-top:7px!important}
 #screen-home #home-game-mode-picker #btn-mode-gokdelen{height:64px!important;min-height:64px!important}
}