*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:#000}.page{position:relative;width:100vw;min-height:100vh;overflow:hidden;background:url('assets/pirate-background.webp') center/100% 100% no-repeat}.signup-form,.login-form{position:absolute;display:grid}.signup-form{left:27.3%;top:25.3%;width:12.7%;gap:1.7vh}.login-form{left:79%;top:11.6%;width:17.8%;gap:6vh}.signup-form input,.login-form input{width:100%;height:5.25vh;min-height:32px;padding:0 1.1vw;border:0;outline:0;background:transparent;color:#dfc285;font:clamp(11px,1.05vw,20px) Georgia,serif;text-align:left;line-height:5.25vh}.signup-form input::placeholder,.login-form input::placeholder{color:#d6be8c;opacity:1}.signup-form button,.login-form button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;outline:0;background:transparent;color:#f7d992;text-align:center;text-shadow:0 1px 2px rgba(54,31,7,.9);font:bold clamp(17px,1.7vw,33px) Georgia,serif;cursor:pointer;transition:transform .2s ease,color .2s ease,text-shadow .2s ease}.signup-form button span,.login-form button span{position:absolute;left:50%;width:max-content;transform:translate(-50%,-50%)}.signup-form button{width:133%;height:8.1vh;margin-top:3.5vh;margin-left:-21%}.signup-form button span{top:50%}.login-form button{width:92%;height:7.8vh;margin-top:-2vh;margin-left:6%}.login-form button span{top:50%}.signup-form input:focus,.login-form input:focus{color:#fff0c2}.signup-form button:hover,.login-form button:hover{color:#fff1bc;text-shadow:0 0 8px #ffcf63,0 1px 2px rgba(54,31,7,.9);transform:scale(1.045)}.signup-form button:active,.login-form button:active{transform:translateY(1px) scale(1.015)}.forgot-password{display:block;position:relative;top:-1.4vh;margin-top:-4.1vh;color:#e1bd70;text-align:center;text-decoration:none;font:clamp(9px,.85vw,16px) Georgia,serif;text-shadow:0 1px 2px #000}.forgot-password:hover{color:#fff0b5;text-decoration:underline}.site-logo{position:absolute;z-index:2;top:2.2vh;left:2vw;width:clamp(90px,9vw,175px);height:auto;filter:drop-shadow(0 6px 9px rgba(0,0,0,.75))}.signup-form input:-webkit-autofill,.login-form input:-webkit-autofill,.signup-form input:-webkit-autofill:hover,.login-form input:-webkit-autofill:hover,.signup-form input:-webkit-autofill:focus,.login-form input:-webkit-autofill:focus{-webkit-text-fill-color:#dfc285;-webkit-box-shadow:0 0 0 1000px #0a0c0b inset;box-shadow:0 0 0 1000px #0a0c0b inset;transition:background-color 9999s ease-in-out 0s}@media(max-width:720px){.page{min-height:100svh}.signup-form input,.login-form input{padding:0 3px;font-size:7px}.signup-form button,.login-form button{font-size:9px}.site-logo{width:12.5vw;min-width:45px;top:2vw;left:2vw}}.form-toast{position:fixed;z-index:20;left:50%;bottom:28px;max-width:min(90vw,460px);margin:0;padding:12px 18px;transform:translate(-50%,25px);border:1px solid #ba934c;background:rgba(11,10,8,.96);box-shadow:0 5px 18px #000;color:#f7d992;font:16px Georgia,serif;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.form-toast.show{opacity:1;transform:translate(-50%,0)}.form-toast.error{border-color:#a44732;color:#ffc0ac}.signup-form button:disabled,.login-form button:disabled{cursor:wait;filter:brightness(.75)}
.form-message{position:absolute;z-index:5;left:-21%;width:133%;margin:0;text-align:center;color:#f4d38e;font:800 clamp(13px,1.15vw,21px) Georgia,serif;text-shadow:0 1px 2px #000;opacity:0;transition:opacity .2s ease}.form-message.show{opacity:1}.form-message.error{color:#ffb09a;text-shadow:0 0 8px rgba(185,45,26,.75),0 2px 2px #000}.signup-form .form-message{left:-45%;top:-8.6vh;width:190%;font:800 clamp(11px,1vw,19px) Georgia,serif;line-height:1.15}.login-form .form-message{left:0;width:100%;top:-5.5vh}.form-toast{display:none}

.social-links{position:absolute;z-index:8;left:7%;bottom:3vh;display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,42px);transform:translateX(-50%)}.social-links a{display:grid;place-items:center;width:clamp(28px,2.4vw,48px);height:clamp(28px,2.4vw,48px);color:#bf9148;filter:drop-shadow(0 2px 2px #000);transition:transform .2s ease,color .2s ease,filter .2s ease}.social-links svg{width:100%;height:100%;fill:currentColor}.social-links a:nth-child(2) svg{fill:none;stroke:currentColor;stroke-width:1.8}.social-links a:hover{color:#ffe2a0;transform:scale(1.3) translateY(-3px);filter:drop-shadow(0 0 7px rgba(239,190,85,.9))}.social-links a:focus-visible{outline:2px solid #ffe2a0;outline-offset:5px}
.login-form input[name="password"]{padding-top:2vh;line-height:normal}
.login-welcome{position:absolute;left:50%;top:-9.7vh;width:120%;margin:0;transform:translateX(-50%);color:#f4d08a;text-align:center;text-shadow:0 2px 3px #000,0 0 12px rgba(214,139,35,.82);font:800 clamp(17px,1.45vw,30px) Georgia,serif;letter-spacing:.05em;white-space:nowrap}
.remember-me{position:absolute;left:50%;top:15.25vh;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:.55vw;min-width:clamp(118px,8.2vw,170px);height:3.6vh;min-height:24px;padding:0 .85vw;border:1px solid rgba(190,139,48,.82);border-radius:6px;background:linear-gradient(135deg,rgba(42,30,14,.9),rgba(9,12,12,.94));color:#dfc285;text-align:center;font:700 clamp(10px,.85vw,16px) Georgia,serif;text-shadow:0 1px 2px #000;cursor:pointer;user-select:none;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.remember-me:hover{color:#fff0bd;border-color:#e6b852;box-shadow:0 0 8px rgba(230,184,82,.55);transform:translateX(-50%) scale(1.04)}
.remember-me input{position:absolute;opacity:0;pointer-events:none}
.remember-check{width:clamp(11px,.75vw,15px);height:clamp(11px,.75vw,15px);flex:0 0 auto;border:1px solid #b9872d;border-radius:3px;background:#10100c;box-shadow:inset 0 0 4px #000}
.remember-me input:checked+.remember-check{background:radial-gradient(circle,#fff4b7 0 22%,#e8b94e 36%,#7b4b12 72%);box-shadow:0 0 7px rgba(239,190,85,.85),inset 0 0 3px #2a1704}
.remember-me:focus-within{outline:2px solid #ffe2a0;outline-offset:3px}
@media(max-width:720px){.login-welcome{top:-7.2vh;font-size:8px}.remember-me{top:13.2vh;min-width:54px;height:18px;padding:0 4px;gap:3px;font-size:6px}.remember-check{width:8px;height:8px}}

.footer-links{position:absolute;z-index:8;left:15%;bottom:3.35vh;display:flex;align-items:center;gap:clamp(14px,1.5vw,30px);white-space:nowrap}.footer-links a{color:#bf9148;text-decoration:none;font:clamp(10px,.9vw,17px) Arial,sans-serif;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.footer-links a:hover{color:#ffe2a0;transform:scale(1.08);text-shadow:0 0 7px rgba(239,190,85,.9)}.footer-links a:focus-visible{outline:2px solid #ffe2a0;outline-offset:4px}@media(max-width:720px){.footer-links{left:18%;gap:9px}.footer-links a{font-size:7px}}

.download-links{position:absolute;z-index:4;left:0;top:-8.7vh;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.65vh .55vw}.download-links a{min-height:3.25vh;display:flex;align-items:center;justify-content:center;gap:.35vw;padding:.25vh .25vw;border:1px solid rgba(196,145,53,.68);border-radius:4px;background:linear-gradient(135deg,rgba(70,43,11,.9),rgba(16,20,18,.92));color:#eacb88;text-align:center;text-decoration:none;text-shadow:0 1px 2px #000;font:700 clamp(6px,.55vw,11px) Arial,sans-serif;letter-spacing:.04em;line-height:1.05;transition:transform .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease}.download-links b{font-size:clamp(8px,.85vw,15px);line-height:1;color:#f1cf83}.download-links a:hover{color:#fff0bd;transform:scale(1.06);box-shadow:0 0 9px rgba(239,190,85,.72);filter:brightness(1.12)}.download-links a:focus-visible{outline:2px solid #ffe2a0;outline-offset:2px}.signup-form:has(.form-message.show) .download-links{visibility:hidden}@media(max-width:720px){.download-links{top:-7.6vh;gap:3px}.download-links a{min-height:2.9vh;font-size:5px}.download-links b{font-size:8px}}

.download-links{position:absolute;z-index:9;left:50%;top:3.4vh;width:min(58vw,900px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,24px);transform:translateX(-50%)}
.download-links a{min-height:7.4vh;display:flex;align-items:center;justify-content:center;gap:.75vw;padding:.45vh .7vw;border:1px solid rgba(204,154,61,.72);border-radius:10px;background:linear-gradient(135deg,#6b3b08,#d88917);color:#fff2ce;text-align:center;text-decoration:none;text-shadow:0 1px 2px #000;font:800 clamp(9px,1vw,19px) Arial,sans-serif;letter-spacing:.1em;line-height:1.2;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.download-links a:nth-child(2){background:linear-gradient(135deg,#5b6674,#b8c2cf);color:#111}.download-links a:nth-child(3),.download-links a:nth-child(4){background:linear-gradient(135deg,#031827,#0a3042);border-color:#0d8bb0}.download-links b{font-size:clamp(15px,2vw,34px);line-height:1;color:inherit}.download-links a:hover{transform:scale(1.05);filter:brightness(1.14);box-shadow:0 0 12px rgba(239,190,85,.8)}
@media(max-width:720px){.download-links{top:2.3vh;width:70vw;gap:5px}.download-links a{min-height:5vh;padding:2px;font-size:6px;letter-spacing:.03em}.download-links b{font-size:10px}}
.download-links a,.download-links a:nth-child(2),.download-links a:nth-child(3),.download-links a:nth-child(4){background:linear-gradient(135deg,rgba(49,33,13,.96),rgba(12,15,14,.97));border-color:rgba(192,140,47,.8);color:#eacb88}.download-links a:hover{color:#fff0bd;filter:brightness(1.18);box-shadow:0 0 12px rgba(239,190,85,.78)}
.download-links{left:41%}@media(max-width:720px){.download-links{left:45%}}
.download-links{top:auto;bottom:3.7vh;left:50%;width:min(43vw,760px);grid-template-columns:repeat(4,1fr);gap:clamp(8px,.8vw,18px)}.download-links a{min-height:5.8vh;font-size:clamp(8px,.78vw,15px);letter-spacing:.06em}.download-links b{font-size:clamp(12px,1.45vw,25px)}.footer-links{left:auto;right:1.8vw;bottom:5.3vh;gap:clamp(9px,.8vw,18px)}.social-links{left:6%;bottom:4.4vh}@media(max-width:720px){.download-links{left:50%;bottom:3vh;width:48vw}.download-links a{min-height:4.3vh;font-size:5px}.footer-links{right:1vw;bottom:2.5vh;gap:5px}.social-links{left:7%;bottom:2.2vh}}
.download-links{width:min(48vw,835px);bottom:3vh}.download-links a{position:relative;isolation:isolate;min-height:7vh;font-size:clamp(9px,.9vw,17px);overflow:visible}.download-links b,.download-links span{position:relative;z-index:1}.download-links a::before{content:"";position:absolute;inset:-5px;padding:3px;border-radius:13px;background:conic-gradient(from 0deg,#ff5a12,#ffca47,#7d1300,#ff8b14,#ffe27c,#c02400,#ff5a12);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:blur(.45px) drop-shadow(0 0 5px rgba(255,74,10,.9));opacity:0;pointer-events:none}.download-links a:hover::before{opacity:1;animation:sof-fire-ring 1.05s linear infinite}.download-links a:hover{transform:scale(1.08);box-shadow:0 0 16px rgba(255,94,13,.7)}@keyframes sof-fire-ring{to{transform:rotate(360deg)}}@media(max-width:720px){.download-links{width:53vw;bottom:2.5vh}.download-links a{min-height:5vh}}
.download-links a::before{inset:auto;padding:0;width:10px;height:12px;top:-6px;left:-5px;border-radius:60% 60% 55% 55%;background:radial-gradient(ellipse at 50% 70%,#fff6ac 0 15%,#ffd33c 25%,#ff7518 52%,#c91900 76%,transparent 78%);-webkit-mask:none;mask:none;filter:drop-shadow(0 0 4px #ffb11e) drop-shadow(0 0 8px #e43b00);opacity:0}.download-links a:hover::before{opacity:1;animation:sof-fuse-fire 2.6s linear infinite}.download-links a:hover{box-shadow:0 0 9px rgba(239,190,85,.55)}@keyframes sof-fuse-fire{0%,100%{left:-5px;top:-6px;transform:rotate(0deg)}24%{left:calc(100% - 5px);top:-6px;transform:rotate(90deg)}25%{left:calc(100% - 5px);top:-6px;transform:rotate(90deg)}49%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg)}50%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg)}74%{left:-5px;top:calc(100% - 6px);transform:rotate(270deg)}75%{left:-5px;top:calc(100% - 6px);transform:rotate(270deg)}}
@property --sof-burn-progress{syntax:"<angle>";inherits:false;initial-value:0deg}.download-links a::after{content:"";position:absolute;inset:-3px;padding:2px;border-radius:11px;background:conic-gradient(from -90deg,#ffdf64 0deg,#ff8416 calc(var(--sof-burn-progress) * .55),#d72b05 var(--sof-burn-progress),transparent calc(var(--sof-burn-progress) + 1deg),transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 4px rgba(255,101,7,.9));opacity:0;pointer-events:none}.download-links a:hover::after{opacity:1;animation:sof-burn-trail 2.6s linear infinite}@keyframes sof-burn-trail{from{--sof-burn-progress:0deg}to{--sof-burn-progress:360deg}}
.download-links a::after{background:linear-gradient(90deg,#ffcf4e,#ff5d0b,#d82000,#ffb72e);clip-path:polygon(0 0,1% 0,1% 3%,0 3%,0 3%,0 3%,0 3%,0 3%)}.download-links a:hover::after{animation:sof-burn-trail-path 2.6s linear infinite}@keyframes sof-burn-trail-path{0%{clip-path:polygon(0 0,1% 0,1% 3%,0 3%,0 3%,0 3%,0 3%,0 3%)}24%{clip-path:polygon(0 0,100% 0,100% 3%,0 3%,0 3%,0 3%,0 3%,0 3%)}49%{clip-path:polygon(0 0,100% 0,100% 100%,97% 100%,97% 3%,0 3%,0 3%,0 3%)}74%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 97%,97% 97%,97% 3%,0 3%)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 100%,100% 100%,100% 0,0 0)}}
.download-links a::after{background:#ff7a16;filter:drop-shadow(0 0 4px #ff7a16) drop-shadow(0 0 8px rgba(255,74,0,.9))}@keyframes sof-fuse-fire{0%,24%{left:-5px;top:-6px;transform:rotate(0deg)}24.01%,49%{left:calc(100% - 5px);top:-6px;transform:rotate(90deg)}49.01%,74%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg)}74.01%,99.99%{left:-5px;top:calc(100% - 6px);transform:rotate(270deg)}100%{left:-5px;top:-6px;transform:rotate(0deg)}}
@keyframes sof-fuse-fire{0%{left:-5px;top:-6px;transform:rotate(0deg)}24%{left:calc(100% - 5px);top:-6px;transform:rotate(0deg)}24.01%{left:calc(100% - 5px);top:-6px;transform:rotate(90deg)}49%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(90deg)}49.01%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg)}74%{left:-5px;top:calc(100% - 6px);transform:rotate(180deg)}74.01%{left:-5px;top:calc(100% - 6px);transform:rotate(270deg)}99.99%{left:-5px;top:-6px;transform:rotate(270deg)}100%{left:-5px;top:-6px;transform:rotate(0deg)}}
/* Oyun kuralları */
.rules-body{margin:0;background:#060707;color:#ead9ae}.rules-page{min-height:100vh;padding:clamp(20px,3vw,54px);background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(3,9,10,.68),rgba(0,0,0,.9)),url('assets/oyun-kurallari-background.png') center center/cover fixed}.rules-header{width:min(1120px,100%);margin:0 auto clamp(22px,3vw,42px);display:flex;align-items:center;justify-content:space-between}.rules-logo-link img{display:block;width:clamp(86px,10vw,155px);height:auto;filter:drop-shadow(0 5px 8px #000)}.back-home{padding:12px 18px;border:1px solid rgba(210,159,64,.78);border-radius:5px;background:rgba(9,12,11,.82);color:#efce86;text-decoration:none;font:700 clamp(12px,1vw,16px) Georgia,serif;letter-spacing:.06em;transition:transform .2s ease,color .2s ease,box-shadow .2s ease}.back-home:hover{color:#fff0bf;transform:translateY(-2px);box-shadow:0 0 13px rgba(235,176,65,.6)}.rules-card{width:min(920px,100%);margin:0 auto;padding:clamp(25px,5vw,65px);border:1px solid rgba(193,142,53,.7);border-radius:12px;background:linear-gradient(135deg,rgba(7,12,12,.96),rgba(17,19,15,.9));box-shadow:0 16px 50px rgba(0,0,0,.75),inset 0 0 50px rgba(116,72,15,.1)}.rules-kicker{margin:0;color:#be8d3c;text-align:center;font:700 .82rem Arial,sans-serif;letter-spacing:.28em}.rules-card h1{margin:.35rem 0 0;color:#f1d38b;text-align:center;font:700 clamp(2rem,4vw,3.35rem) Georgia,serif;text-shadow:0 2px 4px #000}.rules-divider{margin:1rem 0 2.4rem;color:#c89543;text-align:center;font-size:1.35rem}.rules-card section{padding:1.45rem 0;border-top:1px solid rgba(202,151,62,.22)}.rules-card h2{margin:0 0 .85rem;color:#f0cb7c;font:700 clamp(1.25rem,2vw,1.7rem) Georgia,serif}.rules-card h3{margin:1.25rem 0 .55rem;color:#d8ae62;font:700 1.1rem Georgia,serif}.rules-card p,.rules-card li{color:#e5dbc2;font:400 clamp(1rem,1.25vw,1.1rem)/1.72 Georgia,serif}.rules-card p{margin:.65rem 0}.rules-card ul{margin:.6rem 0;padding-left:1.45rem}.rules-card li{margin:.28rem 0}.rules-card li::marker{color:#d69c3b}@media(max-width:620px){.rules-page{padding:16px;background-attachment:scroll}.rules-header{margin-bottom:20px}.back-home{padding:9px 11px;font-size:11px}.rules-card{padding:24px 19px}.rules-card p,.rules-card li{font-size:1rem;line-height:1.65}}

.rules-page{background-color:#050606}.rules-card{border-color:rgba(193,142,53,.45);background:rgba(6,11,11,.72);box-shadow:0 16px 50px rgba(0,0,0,.75)}
.rules-page{padding-top:clamp(30px,4vw,70px)}.rules-card{width:min(50vw,880px);padding:clamp(22px,3vw,52px) clamp(24px,3.1vw,56px) clamp(42px,5vw,88px);border:0;border-radius:0;background:transparent;box-shadow:none}.rules-card h1,.rules-card h2,.rules-card h3,.rules-card p,.rules-card li{ text-shadow:0 2px 3px rgba(0,0,0,.96)}.rules-card section{border-top-color:rgba(202,151,62,.15)}.rules-divider{margin-bottom:1.7rem}.rules-kicker{color:#d0a454}@media(max-width:820px){.rules-card{width:min(88vw,720px);padding:22px 20px 55px}.rules-page{padding-top:20px}}
.rules-page{padding:clamp(20px,3vw,54px);background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(3,9,10,.68),rgba(0,0,0,.9)),url('assets/pirate-background.png') center top/cover fixed}.rules-header{width:min(1120px,100%);margin:0 auto clamp(22px,3vw,42px)}.rules-card{width:min(920px,100%);padding:clamp(25px,5vw,65px);border:1px solid rgba(193,142,53,.7);border-radius:12px;background:linear-gradient(135deg,rgba(7,12,12,.96),rgba(17,19,15,.9));box-shadow:0 16px 50px rgba(0,0,0,.75),inset 0 0 50px rgba(116,72,15,.1)}.rules-card section{border-top-color:rgba(202,151,62,.22)}@media(max-width:820px){.rules-page{padding:16px;background-attachment:scroll}.rules-card{width:min(920px,100%);padding:24px 19px}}
.rules-inline-link{color:#f0c96f;text-decoration-color:rgba(240,201,111,.5);text-underline-offset:3px}.rules-inline-link:hover{color:#fff0bd}
.rules-page{position:relative;padding-top:clamp(165px,14vw,235px)}.rules-header{position:absolute;z-index:5;left:50%;top:clamp(165px,14vw,235px);width:min(920px,calc(100% - 32px));height:0;margin:0;transform:translateX(-50%)}.rules-logo-link{position:absolute;left:0;bottom:0}.back-home{position:absolute;right:0;bottom:0;white-space:nowrap}@media(max-width:620px){.rules-page{padding-top:135px}.rules-header{top:135px;width:calc(100% - 32px)}.rules-logo-link img{width:84px}.back-home{padding:8px 9px;font-size:10px}}
.rules-logo-link{left:clamp(12px,2vw,28px);top:clamp(12px,1.8vw,25px);bottom:auto}.rules-logo-link img{width:clamp(72px,7vw,120px)}.back-home{right:clamp(12px,2vw,28px);top:clamp(15px,2.1vw,30px);bottom:auto}.rules-card{padding-top:clamp(105px,10vw,145px)}@media(max-width:620px){.rules-logo-link{left:12px;top:12px}.rules-logo-link img{width:68px}.back-home{right:12px;top:15px}.rules-card{padding-top:92px}}
/* Dil seçici */
.language-switcher{position:fixed;z-index:50;left:1.2vw;top:18vh;color:#f2d68e;font:700 14px Arial,sans-serif}.language-trigger{display:flex;align-items:center;gap:9px;min-width:138px;padding:10px 12px;border:1px solid #b9872d;border-radius:7px;background:linear-gradient(135deg,#15140f,#2c210e);color:#f2d68e;box-shadow:0 4px 12px rgba(0,0,0,.65);font:inherit;cursor:pointer}.language-trigger:hover{color:#fff1bc;border-color:#e6b852}.language-arrow{margin-left:auto;font-size:15px;transition:transform .18s ease}.language-trigger[aria-expanded="true"] .language-arrow{transform:rotate(180deg)}.language-menu{width:190px;margin-top:5px;padding:7px;border:1px solid #604614;border-radius:8px;background:rgba(18,14,8,.97);box-shadow:0 9px 24px rgba(0,0,0,.82)}.language-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:5px;background:transparent;color:#f1ead8;text-align:left;font:700 14px Arial,sans-serif;cursor:pointer}.language-menu button:hover,.language-menu button.selected{background:rgba(144,101,25,.38);color:#ffe5a5}.google-translate-hidden{display:none!important}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}@media(max-width:720px){.language-switcher{left:10px;top:auto;bottom:12px}.language-trigger{min-width:118px;padding:8px 10px;font-size:12px}.language-menu{width:170px}.language-menu button{font-size:12px}}
.language-current-flag{display:inline-grid;place-items:center;width:22px;height:18px;font-size:17px;line-height:1}.language-menu button>span:first-child{display:inline-grid;place-items:center;width:22px;font-size:16px;line-height:1}
.language-current-flag{width:22px;height:15px}.language-current-flag img,.language-menu .language-flag{display:block;width:22px;height:15px;object-fit:cover;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,.16)}.language-menu button>span:first-child{display:none!important}.language-menu .language-flag{flex:0 0 22px}
.language-switcher{left:12.3vw;top:3.1vh}.rules-body .language-switcher{left:calc(50% - 290px);top:calc(clamp(165px,14vw,235px) + 15px)}@media(max-width:620px){.language-switcher{left:88px;top:14px;bottom:auto}.rules-body .language-switcher{left:104px;top:calc(135px + 14px)}}
.language-switcher{top:5.1vh}.rules-body .language-switcher{top:calc(clamp(165px,14vw,235px) + 35px)}@media(max-width:620px){.language-switcher{top:27px}.rules-body .language-switcher{top:calc(135px + 30px)}}
.rules-body .language-switcher{display:none!important}

.footer-links{max-width:min(31vw,460px);flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.footer-links a{white-space:nowrap}
.download-links{left:34%;width:min(42vw,730px)}.footer-links{right:1.3vw;bottom:5.3vh;width:43vw;max-width:none;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:clamp(7px,.65vw,14px)}.footer-links a{font-size:clamp(9px,.78vw,14px);white-space:nowrap}@media(max-width:720px){.footer-links{flex-wrap:wrap;width:60vw}.download-links{left:34%;width:45vw}}
.download-links{left:25%;width:min(30vw,520px)}.footer-links{width:auto!important;max-width:none!important;gap:8px!important;justify-content:flex-end!important}.footer-links a{margin:0!important}@media(max-width:720px){.download-links{left:25%;width:31vw}.footer-links{gap:5px!important}}
.footer-links{gap:7px!important}
.download-links{left:40%!important}@media(max-width:720px){.download-links{left:40%!important}}
.download-links a::after{inset:auto!important;padding:0!important;width:10px;height:12px;top:-6px;left:-5px;border-radius:60% 60% 55% 55%;background:radial-gradient(ellipse at 50% 70%,#fff6ac 0 15%,#ffd33c 25%,#ff7518 52%,#c91900 76%,transparent 78%)!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;filter:drop-shadow(0 0 4px #ffb11e) drop-shadow(0 0 9px #e43b00);opacity:0}.download-links a:hover::before{animation:sof-fire-clockwise 2.6s linear infinite}.download-links a:hover::after{opacity:1;animation:sof-fire-counter 2.6s linear infinite}.download-links a:hover{box-shadow:0 0 10px #ff7a16,0 0 22px rgba(255,75,0,.9),inset 0 0 14px rgba(255,112,8,.35);filter:brightness(1.25)}@keyframes sof-fire-clockwise{0%{left:-5px;top:-6px;transform:rotate(0)}25%{left:calc(100% - 5px);top:-6px;transform:rotate(0)}25.1%{transform:rotate(90deg)}50%,100%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(90deg)}}@keyframes sof-fire-counter{0%{left:-5px;top:-6px;transform:rotate(270deg)}25%{left:-5px;top:calc(100% - 6px);transform:rotate(270deg)}25.1%{transform:rotate(180deg)}50%,100%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg)}}
.download-links a:hover{box-shadow:0 0 8px rgba(255,122,22,.45);filter:brightness(1.12)}.download-links a:hover::before{animation:sof-fire-top-right 3.2s linear infinite}.download-links a:hover::after{animation:sof-fire-bottom-right 3.2s linear infinite}@keyframes sof-fire-top-right{0%{left:-5px;top:-6px;transform:rotate(0);filter:drop-shadow(0 0 4px #ffb11e)}30%{left:calc(100% - 5px);top:-6px;transform:rotate(0);filter:drop-shadow(0 0 4px #ffb11e)}30.1%{transform:rotate(90deg)}60%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(90deg);filter:drop-shadow(0 0 4px #ffb11e)}60.1%,85%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(90deg);filter:drop-shadow(0 0 10px #fff2a0) drop-shadow(0 0 22px #ff4d00)}100%{left:-5px;top:-6px;transform:rotate(0);filter:drop-shadow(0 0 4px #ffb11e)}}@keyframes sof-fire-bottom-right{0%{left:-5px;top:-6px;transform:rotate(270deg);filter:drop-shadow(0 0 4px #ffb11e)}30%{left:-5px;top:calc(100% - 6px);transform:rotate(270deg);filter:drop-shadow(0 0 4px #ffb11e)}30.1%{transform:rotate(180deg)}60%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg);filter:drop-shadow(0 0 4px #ffb11e)}60.1%,85%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg);filter:drop-shadow(0 0 10px #fff2a0) drop-shadow(0 0 22px #ff4d00)}100%{left:-5px;top:-6px;transform:rotate(270deg);filter:drop-shadow(0 0 4px #ffb11e)}}
/* İki alevli indirme efekti */
.download-links a::before,.download-links a::after{display:none!important}.download-links a{overflow:visible!important}.download-links a:hover{box-shadow:0 0 7px rgba(255,121,18,.5)!important;filter:brightness(1.12)!important}.sof-fire,.sof-fire-burst{position:absolute;z-index:4;pointer-events:none;opacity:0}.sof-fire{width:11px;height:14px;border-radius:60% 60% 60% 15%;background:radial-gradient(ellipse at 45% 65%,#fff 0 14%,#ffd642 28%,#ff7310 55%,#be1700 76%,transparent 78%);filter:drop-shadow(0 0 4px #ffaf18) drop-shadow(0 0 7px #f13b00);left:-6px;top:-7px}.sof-fire-burst{width:18px;height:18px;right:-9px;bottom:-9px;border-radius:50%;background:radial-gradient(circle,#fff6b0 0 12%,#ffd12e 25%,#ff6510 48%,rgba(226,38,0,.3) 68%,transparent 72%);filter:drop-shadow(0 0 10px #ff5a00)}.download-links a:hover .sof-fire-one{animation:sof-path-one 3.2s linear infinite}.download-links a:hover .sof-fire-two{animation:sof-path-two 3.2s linear infinite}.download-links a:hover .sof-fire-burst{animation:sof-meet-burst 3.2s linear infinite}@keyframes sof-path-one{0%{left:-6px;top:-7px;opacity:1}30%{left:calc(100% - 5px);top:-7px;opacity:1}60%{left:calc(100% - 5px);top:calc(100% - 7px);opacity:1}85%{left:calc(100% - 5px);top:calc(100% - 7px);opacity:1;filter:drop-shadow(0 0 8px #fff3a1) drop-shadow(0 0 16px #ff4500)}100%{left:-6px;top:-7px;opacity:0}}@keyframes sof-path-two{0%{left:-6px;top:-7px;opacity:1}30%{left:-6px;top:calc(100% - 7px);opacity:1}60%{left:calc(100% - 5px);top:calc(100% - 7px);opacity:1}85%{left:calc(100% - 5px);top:calc(100% - 7px);opacity:1;filter:drop-shadow(0 0 8px #fff3a1) drop-shadow(0 0 16px #ff4500)}100%{left:-6px;top:-7px;opacity:0}}@keyframes sof-meet-burst{0%,58%{opacity:0;transform:scale(.3)}60%,82%{opacity:1;transform:scale(1.3)}86%,100%{opacity:0;transform:scale(.3)}}
.sof-fire-one::after,.sof-fire-two::after{content:"";position:absolute;z-index:-1;opacity:.75;background:linear-gradient(90deg,transparent,#ff4d08,#ffc133);filter:blur(2px)}.sof-fire-one::after{width:32px;height:3px;right:5px;top:7px}.sof-fire-two::after{width:3px;height:32px;left:4px;top:-23px;background:linear-gradient(0deg,transparent,#ff4d08,#ffc133)}.sof-fire-burst{inset:-3px!important;width:auto!important;height:auto!important;right:auto!important;bottom:auto!important;border-radius:8px!important;background:transparent!important;filter:none!important}.download-links a:hover .sof-fire-burst{animation:sof-button-burn 3.2s linear infinite}@keyframes sof-button-burn{0%,58%{opacity:0;box-shadow:none}60%,82%{opacity:1;box-shadow:inset 0 0 14px rgba(255,94,4,.62),0 0 12px #ff6a00,0 0 28px rgba(255,60,0,.9)}86%,100%{opacity:0;box-shadow:none}}
.sof-trail{position:absolute;z-index:3;inset:-3px;border-radius:9px;pointer-events:none;opacity:0;filter:drop-shadow(0 0 4px #ff6b08)}.sof-trail-one{border-top:2px solid #ff7913;border-right:2px solid #ff7913}.sof-trail-two{border-left:2px solid #ff7913;border-bottom:2px solid #ff7913}.download-links a:hover .sof-trail-one{animation:sof-trail-one-path 3.2s linear infinite}.download-links a:hover .sof-trail-two{animation:sof-trail-two-path 3.2s linear infinite}@keyframes sof-trail-one-path{0%{opacity:0;clip-path:inset(0 100% 100% 0)}30%{opacity:1;clip-path:inset(0 0 100% 0)}60%,85%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}@keyframes sof-trail-two-path{0%{opacity:0;clip-path:inset(100% 100% 0 0)}30%{opacity:1;clip-path:inset(100% 100% 0 0)}60%,85%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
/* İlk sade alev animasyonuna dönüş */
.sof-fire,.sof-trail,.sof-fire-burst{display:none!important}.download-links a::after{display:none!important}.download-links a::before{display:block!important;content:"";position:absolute;z-index:5;inset:auto!important;padding:0!important;width:10px;height:12px;top:-6px;left:-5px;border-radius:60% 60% 55% 55%;background:radial-gradient(ellipse at 50% 70%,#fff6ac 0 15%,#ffd33c 25%,#ff7518 52%,#c91900 76%,transparent 78%)!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important;filter:drop-shadow(0 0 4px #ffb11e) drop-shadow(0 0 8px #e43b00);opacity:0}.download-links a:hover::before{opacity:1;animation:sof-fuse-fire 2.6s linear infinite!important}.download-links a:hover{box-shadow:0 0 9px rgba(239,190,85,.55)!important;filter:brightness(1.12)!important}
/* Orijinal tek alev turu */
.download-links a:hover::before{animation:sof-first-fire 2.6s linear infinite!important}@keyframes sof-first-fire{0%{left:-5px;top:-6px;transform:rotate(0deg)}25%{left:calc(100% - 5px);top:-6px;transform:rotate(0deg)}25.1%{transform:rotate(90deg)}50%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(90deg)}50.1%{transform:rotate(180deg)}75%{left:-5px;top:calc(100% - 6px);transform:rotate(180deg)}75.1%{transform:rotate(270deg)}100%{left:-5px;top:-6px;transform:rotate(270deg)}}
.download-links a:hover::before{animation:sof-exact-fuse 2.6s linear infinite!important}@keyframes sof-exact-fuse{0%{left:-5px;top:-6px;transform:rotate(0deg)}24%{left:calc(100% - 5px);top:-6px;transform:rotate(0deg)}24.01%{left:calc(100% - 5px);top:-6px;transform:rotate(90deg)}49%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(90deg)}49.01%{left:calc(100% - 5px);top:calc(100% - 6px);transform:rotate(180deg)}74%{left:-5px;top:calc(100% - 6px);transform:rotate(180deg)}74.01%{left:-5px;top:calc(100% - 6px);transform:rotate(270deg)}99.99%{left:-5px;top:-6px;transform:rotate(270deg)}100%{left:-5px;top:-6px;transform:rotate(0deg)}}
.download-links a::before,.download-links a::after,.download-links .sof-fire,.download-links .sof-trail,.download-links .sof-fire-burst{display:none!important;animation:none!important}.download-links a,.download-links a:hover{transform:none!important;filter:none!important;box-shadow:none!important;transition:none!important}
.download-links a{transition:filter .2s ease,box-shadow .2s ease!important}.download-links a:hover{filter:brightness(1.35)!important;box-shadow:0 0 12px rgba(240,184,67,.82),inset 0 0 10px rgba(255,205,90,.3)!important}
.download-links a{transition:transform .2s ease,color .2s ease,filter .2s ease!important}.download-links a:hover{color:#ffe2a0!important;transform:scale(1.3) translateY(-3px)!important;filter:drop-shadow(0 0 7px rgba(239,190,85,.9))!important;box-shadow:none!important}
.download-links a:hover{transform:scale(1.15) translateY(-1.5px)!important}
.download-links{grid-template-columns:repeat(4,minmax(0,1fr))!important}.download-links a{width:100%!important;height:100%!important}
.download-links{width:auto!important;grid-template-columns:repeat(4,clamp(118px,8vw,155px))!important}.download-links a{height:7vh!important}@media(max-width:720px){.download-links{width:42vw!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.download-links a{height:auto!important}}
.footer-links{right:1.3vw!important;left:auto!important;margin-left:auto!important}
.download-links{left:42.7%!important}@media(max-width:720px){.download-links{left:42.7%!important}}
iframe.goog-te-banner-frame,.goog-te-banner-frame,.skiptranslate iframe{display:none!important;visibility:hidden!important;height:0!important}html,body{top:0!important;margin-top:0!important}
#sof-hidden-translator{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
html.legal-language-pending .rules-card,
html.legal-language-pending .back-home{visibility:hidden!important}
html.rules-from-dashboard .rules-page,.rules-body.rules-from-dashboard .rules-page{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(3,9,10,.46),rgba(0,0,0,.78)),url('assets/dashboard-bg.png') center top/cover fixed!important}

/* Ana kayıt ekranı video arka planı */
.page{background:#000!important}
.page::before{content:"";position:absolute;z-index:0;inset:0;background:url('assets/pirate-background.webp') center/100% 100% no-repeat;opacity:0;transform:scale(1.025);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.page-background-video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:fill;opacity:1;transition:opacity .55s ease;pointer-events:none}
.page.animation-disabled::before{opacity:1;transform:scale(1)}
.page.animation-disabled .page-background-video{opacity:0}
.signup-form,.login-form{z-index:2}
.animation-toggle{position:fixed;z-index:50;left:calc(12.3vw + 150px);top:5.1vh;display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:5px 8px;border:1px solid #b9872d;border-radius:6px;background:linear-gradient(135deg,#15140f,#2c210e);box-shadow:0 3px 9px rgba(0,0,0,.65);color:#f2d68e;font:700 9px Arial,sans-serif;letter-spacing:.01em;cursor:pointer;transition:color .18s ease,border-color .18s ease,filter .18s ease}
.animation-toggle:hover{color:#fff1bc;border-color:#e6b852;filter:brightness(1.12)}
.animation-toggle:focus-visible{outline:2px solid #ffe2a0;outline-offset:3px}
.animation-toggle-icon{font-size:11px;line-height:1}
@media(max-width:720px){.page::before{background-size:cover}.page-background-video{object-fit:cover}.animation-toggle{left:140px;top:10px;min-height:28px;padding:4px 7px;font-size:8px}}
.login-form .login-welcome{top:-8.25vh!important;width:112%!important;color:#f6d894!important;font:800 clamp(12px,1.05vw,22px) Georgia,serif!important;letter-spacing:.045em!important;text-shadow:0 2px 3px #000,0 0 8px rgba(214,139,35,.72)!important}
.login-form .remember-me{left:0!important;top:-3.05vh!important;transform:none!important;height:3vh!important;min-height:21px!important;min-width:clamp(105px,7.1vw,148px)!important;padding:0 .65vw!important;font:700 clamp(9px,.72vw,14px) Georgia,serif!important}
.login-form .remember-me:hover{transform:scale(1.04)!important}
.login-form .form-message{left:-10%!important;top:6.95vh!important;width:120%!important;font:800 clamp(10px,.88vw,17px) Georgia,serif!important;line-height:1.15!important}
@media(max-width:720px){.login-form .login-welcome{top:-6.05vh!important;font-size:7px!important}.login-form .remember-me{left:0!important;top:-2.35vh!important;transform:none!important;height:15px!important;min-height:15px!important;min-width:50px!important;font-size:5px!important}.login-form .remember-me:hover{transform:scale(1.04)!important}.login-form .form-message{top:5.95vh!important;font-size:6px!important}}

@media(max-width:820px){
  html,body{width:100%;min-height:100%;overflow-x:hidden;background:#020506!important}
  .page{width:100%;min-height:100svh;padding:92px 14px 110px;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.72)),url('assets/pirate-background.webp') center/cover no-repeat}
  .site-logo{position:relative!important;left:auto!important;top:auto!important;width:min(42vw,160px)!important;min-width:118px!important;margin:0 auto 2px;order:0}
  .language-switcher{position:fixed!important;left:10px!important;top:10px!important;bottom:auto!important;z-index:80!important;font-size:12px!important}
  .language-trigger{min-width:116px!important;padding:8px 10px!important}
  .language-menu{width:170px!important;max-height:72svh;overflow:auto}
  .signup-form,.login-form{position:relative!important;left:auto!important;top:auto!important;width:min(92vw,390px)!important;margin:0 auto!important;padding:18px 16px 16px!important;display:grid!important;gap:10px!important;border:1px solid rgba(194,143,50,.8);border-radius:12px;background:linear-gradient(145deg,rgba(9,13,12,.94),rgba(27,17,8,.91));box-shadow:0 12px 32px rgba(0,0,0,.78),inset 0 0 28px rgba(181,112,27,.12)}
  .login-form{order:1}
  .signup-form{order:2}
  .download-links{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:min(92vw,390px)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;transform:none!important;order:3;margin-top:4px}
  .signup-form input,.login-form input{height:44px!important;min-height:44px!important;width:100%!important;padding:0 14px!important;border:1px solid rgba(188,137,44,.66)!important;border-radius:5px;background:rgba(4,7,7,.86)!important;color:#f4d99a!important;font-size:16px!important;line-height:44px!important}
  .login-form input[name="password"]{padding-top:0!important;line-height:44px!important}
  .signup-form button,.login-form button{width:100%!important;height:50px!important;min-height:50px!important;margin:6px 0 0!important;border:1px solid rgba(224,172,64,.78)!important;border-radius:9px!important;background:linear-gradient(135deg,#59340a,#b06b12 52%,#2b1605)!important;font-size:20px!important;letter-spacing:.05em}
  .signup-form button span,.login-form button span{position:static!important;left:auto!important;top:auto!important;width:auto!important;transform:none!important}
  .login-welcome,.login-form .login-welcome{position:static!important;left:auto!important;top:auto!important;width:100%!important;margin:0 0 4px!important;transform:none!important;white-space:normal!important;font-size:20px!important;line-height:1.1!important}
  .remember-me,.login-form .remember-me{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:max-content!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:0 10px!important;gap:7px!important;font-size:13px!important}
  .remember-me:hover,.login-form .remember-me:hover{transform:scale(1.03)!important}
  .remember-check{width:14px!important;height:14px!important}
  .forgot-password{top:auto!important;margin-top:0!important;font-size:13px!important}
  .form-message,.signup-form .form-message,.login-form .form-message{position:static!important;left:auto!important;top:auto!important;width:100%!important;min-height:18px;margin:0!important;font-size:13px!important;line-height:1.2!important}
  .download-links a{height:auto!important;min-height:48px!important;padding:8px 6px!important;font-size:11px!important;letter-spacing:.04em!important}
  .download-links b{font-size:17px!important}
  .social-links{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;display:flex!important;width:100%;justify-content:center;gap:18px!important;order:4;margin-top:6px}
  .social-links a{width:42px!important;height:42px!important}
  .footer-links{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;width:min(92vw,390px)!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px 14px!important;order:5;margin-top:0}
  .footer-links a{font-size:12px!important}
}

@media(min-width:721px){
  .page{width:min(100vw,var(--sof-screen-width,100vw));min-height:min(100vh,var(--sof-screen-height,100vh));margin:0 auto}
}
img, video, canvas, svg, picture, source {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-touch-callout: none;
}