:root{
    --bg:#090603;
    --panel:#170f08;
    --panel2:#211408;
    --border:#6b4518;
    --gold:#d4af37;
    --gold2:#f1c75b;
    --text:#f3dfad;
    --muted:#9f875d;
    --red:#b9412f;
    --blue:#3f8ee6;
    --green:#4aa85f;
}
*{box-sizing:border-box}
body{
    margin:0;
    background:radial-gradient(circle at top,#231407 0,#090603 45%,#050302 100%);
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
}
a{color:var(--gold2);text-decoration:none}
.topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:18px 26px;
    background:rgba(20,12,5,.96);
    border-bottom:1px solid var(--border);
    position:sticky;
    top:0;
    z-index:10;
}
.brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:27px;font-weight:900}
.brand-icon{font-size:30px}
.nav{display:flex;gap:18px;flex-wrap:wrap}
.nav a{font-weight:800;color:var(--gold2)}
.nav a:hover{color:#fff}
.container{width:1200px;max-width:96%;margin:26px auto}
.card{
    background:linear-gradient(180deg,rgba(31,19,9,.96),rgba(18,11,6,.96));
    border:1px solid var(--border);
    border-radius:10px;
    padding:20px;
    box-shadow:0 0 25px rgba(0,0,0,.35);
}
.hero-hud{
    width:1200px;
    max-width:96%;
    margin:18px auto 0;
    display:grid;
    grid-template-columns:82px 1fr auto;
    gap:18px;
    align-items:center;
    background:linear-gradient(90deg,#1d1208,#100904);
    border:1px solid var(--border);
    border-radius:12px;
    padding:14px;
}
.avatar,.mini-avatar{
    width:72px;height:72px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    background:#2a1a0b;border:1px solid var(--gold);font-size:38px;
    box-shadow:inset 0 0 16px rgba(212,175,55,.18);
}
.hud-title{display:flex;gap:10px;align-items:baseline;margin-bottom:9px}
.hud-title b{font-size:24px;color:#fff}
.hud-title span{color:var(--muted)}
.bars{display:grid;gap:6px}
.bar-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}
.bar-row small{color:#f7dcb0;font-weight:bold}
.bar{height:11px;background:#080503;border:1px solid #4d3213;border-radius:20px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#88291f,#e65c46)}
.bar-row.mana .bar i{background:linear-gradient(90deg,#174e91,#4fa1ff)}
.bar-row.xp .bar i{background:linear-gradient(90deg,#7a5a08,#f4c53d)}
.hud-stats{display:grid;grid-template-columns:repeat(2,auto);gap:8px}
.hud-stats span,.pill,.location-pill,.badge{
    background:#2a1b0d;border:1px solid var(--border);border-radius:999px;padding:7px 11px;color:#f3dfad;font-weight:bold;
}
.game-screen{display:grid;grid-template-columns:230px 1fr 370px;gap:20px;align-items:start}
.character-panel{text-align:center;position:sticky;top:140px}
.character-panel .mini-avatar{margin:0 auto 12px}
.character-panel h2{margin:0;color:#fff}
.character-panel p{color:var(--muted);margin-top:6px}
.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}
.mini-stats span{background:#120b05;border:1px solid #4b2f10;border-radius:8px;padding:9px;font-size:13px}
.btn,button{
    display:inline-block;background:linear-gradient(#d4a10a,#b67c00);color:#120b05;border:0;border-radius:7px;
    padding:10px 16px;font-weight:900;text-decoration:none;cursor:pointer;text-align:center;
}
.btn:hover,button:hover{filter:brightness(1.15)}
.btn.secondary{background:#2c2112;color:var(--gold2);border:1px solid var(--border)}
.btn.full{display:block;width:100%;margin-top:8px}
.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}
.section-head h2{margin:0;color:#fff;font-size:28px}
.section-head p{margin:5px 0 0;color:var(--muted)}
.world-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tile{
    min-height:120px;padding:15px;border-radius:9px;border:1px solid #5b3813;background:#241408;color:var(--text);
    transition:.15s;position:relative;overflow:hidden;
}
.tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(212,175,55,.14),transparent 45%);pointer-events:none}
.tile:hover{transform:translateY(-2px);border-color:var(--gold)}
.tile.current{border:2px solid var(--gold);box-shadow:0 0 18px rgba(212,175,55,.22)}
.tile.locked{opacity:.45;filter:grayscale(.6);cursor:not-allowed}
.tile-top{display:flex;justify-content:space-between;gap:8px}
.name{font-size:17px;font-weight:900;color:var(--gold2)}
.meta{font-size:12px;color:var(--muted);margin:8px 0}
.badge{display:inline-block;font-size:12px;padding:5px 8px;margin:3px 3px 0 0}
.badge.danger{border-color:#8f2c21;color:#ffb5a8}.badge.active{border-color:var(--gold);color:#fff}
.lock{font-size:20px}.region-panel h2{font-size:28px;color:#fff;margin-top:0}.region-panel p{line-height:1.45}
.region-coords{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.region-coords span{background:#25170a;border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-weight:bold}.danger-text{color:#ff9b8f!important}
.monster-card{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;border-top:1px solid #3b2510;padding:13px 0}
.monster-icon{width:42px;height:42px;border-radius:8px;background:#2a1b0d;display:flex;align-items:center;justify-content:center;font-size:24px}
.monster-info b{display:block;color:#fff}.monster-info small{color:var(--muted)}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.stats{display:flex;gap:10px;flex-wrap:wrap}
input,select{width:100%;padding:11px;margin:7px 0 14px;background:#100b07;border:1px solid var(--border);color:#fff;border-radius:6px}label{color:var(--gold);font-weight:bold}.alert{background:#4b1d1d;border:1px solid #8a3333;padding:10px;margin-bottom:15px;color:#ffdada;border-radius:6px}
footer{text-align:center;padding:25px;color:var(--muted)}
@media(max-width:1050px){.game-screen{grid-template-columns:1fr}.character-panel{position:static}.world-map{grid-template-columns:repeat(2,1fr)}.hero-hud{grid-template-columns:70px 1fr}.hud-stats{grid-column:1 / -1;display:flex;flex-wrap:wrap}.topbar{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.world-map{grid-template-columns:1fr}.hero-hud{grid-template-columns:1fr;text-align:center}.avatar{margin:auto}.bar-row{grid-template-columns:1fr}.section-head{display:block}}

/* v0.4 - görsel savaş ekranı */
.battle-wrap{display:grid;gap:18px}
.battle-title{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#1a1008;border:1px solid var(--border);border-radius:12px;padding:18px 20px}
.battle-title h1{margin:0;color:#fff;font-size:32px}.battle-title p{margin:6px 0 0;color:var(--muted)}
.reward-box{display:flex;gap:10px;flex-wrap:wrap}.reward-box span{background:#2a1b0d;border:1px solid var(--gold);border-radius:999px;color:#ffe08a;font-weight:900;padding:9px 13px}
.battle-stage{height:285px;position:relative;overflow:hidden;border:1px solid #6b4518;border-radius:14px;background:#080604;box-shadow:0 0 28px rgba(0,0,0,.45), inset 0 -45px 0 rgba(35,20,7,.92)}
.battle-bg{position:absolute;inset:0;background:
    radial-gradient(circle at 12% 22%,rgba(0,132,255,.28) 0 3%,transparent 4%),
    radial-gradient(circle at 88% 28%,rgba(0,132,255,.22) 0 3%,transparent 4%),
    linear-gradient(to top,#140d07 0 25%,transparent 26%),
    repeating-linear-gradient(90deg,transparent 0 70px,rgba(212,175,55,.04) 71px 72px),
    linear-gradient(#101b20,#0b0908 55%,#1a1008);}
.battle-bg:before{content:"";position:absolute;left:0;right:0;bottom:68px;height:120px;background:
    radial-gradient(ellipse at 12% 100%,#111 0 20%,transparent 21%),
    radial-gradient(ellipse at 30% 100%,#0d0d0d 0 22%,transparent 23%),
    radial-gradient(ellipse at 57% 100%,#111 0 18%,transparent 19%),
    radial-gradient(ellipse at 76% 100%,#0b0b0b 0 22%,transparent 23%);opacity:.8}
.battle-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:repeating-linear-gradient(90deg,#1d2a16 0 24px,#23331b 25px 48px);border-top:2px solid #43532b}
.fighter{position:absolute;bottom:48px;width:170px;height:185px;text-align:center;z-index:3}.fighter-player{left:11%;animation:heroAttack 1.25s ease-in-out infinite}.fighter-monster{right:11%;animation:monsterAttack 1.25s ease-in-out infinite}.nameplate{font-weight:900;color:#fff;text-shadow:0 2px 2px #000;margin-bottom:5px}.fighter-bar{width:145px;height:10px;margin:0 auto 8px;background:#090604;border:1px solid #4a2c10;border-radius:999px;overflow:hidden}.fighter-bar i{display:block;height:100%;background:linear-gradient(90deg,#8b211c,#f05b45)}.fighter-bar.monster i{background:linear-gradient(90deg,#804d08,#ffc934)}
.sprite{width:112px;height:112px;margin:0 auto;display:flex;align-items:center;justify-content:center;image-rendering:pixelated;border-radius:18px;background:linear-gradient(#2c1b0d,#130b05);border:2px solid #6b4518;box-shadow:inset 0 0 18px rgba(255,216,120,.12),0 10px 20px rgba(0,0,0,.45)}.sprite span{font-size:58px;filter:drop-shadow(0 4px 0 #000)}.monster-sprite span{font-size:64px}.hero-sprite{background:linear-gradient(#20324a,#120b05)}.monster-sprite{background:linear-gradient(#432010,#120b05)}.shadow{width:108px;height:18px;background:rgba(0,0,0,.45);border-radius:50%;margin:-4px auto 0}.damage{position:absolute;top:60px;font-size:28px;font-weight:1000;color:#fff;text-shadow:0 2px 0 #000;animation:damageFloat 1.25s ease-in-out infinite}.damage-monster{right:8px;color:#ffef69}.damage-player{left:10px;color:#ff7464}.damage.crit{font-size:36px;color:#ff3939}.slash{position:absolute;width:88px;height:8px;background:#fff3aa;border-radius:999px;box-shadow:0 0 18px #ffda42;opacity:0;z-index:4;transform:rotate(-18deg)}.slash-one{left:48%;top:132px;animation:slashMove 1.25s ease-in-out infinite}.slash-two{left:51%;top:160px;animation:slashMove 1.25s .18s ease-in-out infinite}.magic-shot{position:absolute;left:30%;top:140px;width:22px;height:12px;border-radius:999px;background:#ff774f;box-shadow:0 0 16px #ff774f, -18px 0 0 rgba(255,119,79,.35);z-index:4;animation:shotMove 1.25s ease-in-out infinite}.fallen .sprite{filter:grayscale(1);opacity:.45;transform:rotate(8deg)}
.battle-actions{display:flex;gap:10px;flex-wrap:wrap}.battle-log-card h3{margin-top:0}.combat-log{line-height:1.7;color:#f4d8a4;max-height:260px;overflow:auto;background:#100905;border:1px solid #3d250f;border-radius:9px;padding:12px}
@keyframes heroAttack{0%,100%{transform:translateX(0)}45%{transform:translateX(52px)}60%{transform:translateX(0)}}
@keyframes monsterAttack{0%,100%{transform:translateX(0)}50%{transform:translateX(-34px)}68%{transform:translateX(0)}}
@keyframes damageFloat{0%,35%{opacity:0;transform:translateY(12px) scale(.8)}45%,75%{opacity:1;transform:translateY(-10px) scale(1)}100%{opacity:0;transform:translateY(-32px) scale(.9)}}
@keyframes slashMove{0%,42%{opacity:0;transform:translateX(-20px) rotate(-18deg)}48%,62%{opacity:1;transform:translateX(10px) rotate(-18deg)}80%,100%{opacity:0;transform:translateX(35px) rotate(-18deg)}}
@keyframes shotMove{0%{opacity:0;transform:translateX(0)}20%{opacity:1}65%{opacity:1;transform:translateX(410px)}100%{opacity:0;transform:translateX(460px)}}
@media(max-width:800px){.battle-stage{height:250px}.fighter{width:130px}.fighter-player{left:4%}.fighter-monster{right:4%}.sprite{width:88px;height:88px}.sprite span{font-size:45px}.monster-sprite span{font-size:50px}.magic-shot{animation:none;display:none}.battle-title{display:block}.reward-box{margin-top:12px}}

/* v0.5 - Task of Hero tarzı pixel savaş ekranı */
.pixel-battle-page{max-width:980px;margin:0 auto;}
.pixel-client{
    width:760px;max-width:100%;margin:0 auto 18px;
    background:#1b130d;border:4px solid #2b2520;border-radius:4px;
    box-shadow:0 0 0 2px #070504,0 18px 45px rgba(0,0,0,.55);
    image-rendering:pixelated;overflow:hidden;
}
.pixel-client-top{
    height:46px;background:linear-gradient(#8f1515,#4c0909);
    border-bottom:4px solid #221714;display:flex;align-items:center;justify-content:space-between;
    padding:0 12px;position:relative;color:#ffd86b;text-shadow:2px 2px 0 #200;
}
.client-title{font-size:28px;font-weight:1000;letter-spacing:1px;color:#ffcf47;text-shadow:3px 3px 0 #451008;}
.coin-box{background:#2b2117;border:2px solid #534432;padding:5px 12px;font-weight:900;color:#ffe8a5;}
.client-actions{display:flex;gap:8px}.client-actions span{width:27px;height:27px;display:grid;place-items:center;background:#2a1c16;border:2px solid #6d5743;color:#ffe08a;font-weight:bold;}
.pixel-battle-stage{
    height:260px;position:relative;overflow:hidden;background:#0b0f13;
    border-bottom:4px solid #26201b;
}
.pixel-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:saturate(1.15) contrast(1.08);}
.side-status{position:absolute;top:10px;z-index:5;width:160px;background:rgba(16,10,7,.82);border:2px solid #49331c;padding:5px 7px;color:#fff;font-size:13px;box-shadow:3px 3px 0 rgba(0,0,0,.35)}
.side-status-left{left:13px}.side-status-right{right:13px;text-align:right}.side-status b{display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tiny-bar{height:8px;background:#1a0f0a;border:1px solid #090604;overflow:hidden}.tiny-bar i{display:block;height:100%;background:#d64735}.tiny-bar.enemy i{background:#b98209}
.party{position:absolute;bottom:43px;z-index:4;display:flex;align-items:flex-end;gap:0}.party-left{left:95px}.party-right{right:120px}.unit{position:relative;width:112px;height:112px;animation:unitIdle .7s steps(2) infinite;filter:drop-shadow(6px 10px 0 rgba(0,0,0,.35));}.unit img{width:150px;height:150px;object-fit:contain;image-rendering:pixelated;position:absolute;left:-18px;bottom:-12px}.unit-main{animation:heroLunge 1.15s steps(4) infinite}.unit-small{width:82px;height:82px;opacity:.88}.unit-small img{width:112px;height:112px;left:-16px;bottom:-6px}.party-right .unit img{transform:scaleX(-1)}.enemy-main{width:125px;height:125px;animation:enemyLunge 1.15s steps(4) infinite}.enemy-main img{width:170px;height:170px;left:-24px;bottom:-20px}.delay1{animation-delay:.12s}.delay2{animation-delay:.28s}.unit.dead{filter:grayscale(1) opacity(.42) drop-shadow(6px 10px 0 rgba(0,0,0,.35));transform:rotate(12deg)}
.spell-orb{position:absolute;z-index:3;width:34px;height:34px;border-radius:50%;background:#4bc1ff;box-shadow:0 0 0 4px rgba(75,193,255,.22),0 0 18px #4bc1ff;bottom:82px;animation:orbPulse .8s steps(2) infinite}.orb-left{left:58px}.orb-right{right:62px}.fireball{position:absolute;z-index:6;left:300px;bottom:108px;width:34px;height:13px;background:#ff7041;box-shadow:-18px 0 0 rgba(255,112,65,.45),0 0 12px #ff7041;animation:pixelShot 1.15s steps(8) infinite}.hit-slash{position:absolute;z-index:7;right:235px;bottom:118px;width:78px;height:9px;background:#fff0a8;box-shadow:0 0 11px #ffd13e;transform:rotate(-16deg);opacity:0;animation:pixelSlash 1.15s steps(3) infinite}.pixel-damage{position:absolute;z-index:8;font-size:30px;font-weight:1000;color:#fff;text-shadow:3px 3px 0 #000;animation:pixelDamage 1.15s steps(5) infinite}.dmg-enemy{right:240px;bottom:160px;color:#fff7d3}.dmg-player{left:180px;bottom:160px;color:#ff7a69}.pixel-damage.crit{color:#ff2828;font-size:40px}.skill-dock{height:76px;background:#20140d;border-top:2px solid #6b4518;display:flex;align-items:center;justify-content:center;gap:16px}.skill-btn{width:58px;height:58px;border-radius:14px;background:linear-gradient(#9b4c13,#55210b);border:3px solid #342016;box-shadow:inset 0 0 0 2px #c17a24,0 4px 0 #070504;display:grid;place-items:center;color:#ffe29a;font-size:26px;font-weight:900;position:relative}.skill-btn small{position:absolute;bottom:2px;font-size:9px;color:#fff4c5;text-shadow:1px 1px #000}.skill-btn.active{background:linear-gradient(#d9a323,#7d3d08)}
.battle-result-panel{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#1a1008;border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:18px}.battle-result-panel h1{margin:0;color:#fff}.battle-result-panel p{margin:5px 0 0;color:var(--muted)}
@keyframes unitIdle{0%{transform:translateY(0)}100%{transform:translateY(-2px)}}
@keyframes heroLunge{0%,100%{transform:translateX(0)}45%{transform:translateX(55px)}65%{transform:translateX(0)}}
@keyframes enemyLunge{0%,100%{transform:translateX(0)}55%{transform:translateX(-35px)}72%{transform:translateX(0)}}
@keyframes orbPulse{0%{filter:brightness(1)}100%{filter:brightness(1.55)}}
@keyframes pixelShot{0%{opacity:0;transform:translateX(0)}18%{opacity:1}70%{opacity:1;transform:translateX(245px)}100%{opacity:0;transform:translateX(270px)}}
@keyframes pixelSlash{0%,42%{opacity:0}50%,62%{opacity:1}75%,100%{opacity:0}}
@keyframes pixelDamage{0%,35%{opacity:0;transform:translateY(8px)}45%,76%{opacity:1;transform:translateY(-10px)}100%{opacity:0;transform:translateY(-28px)}}
@media(max-width:820px){.pixel-client{width:100%}.pixel-battle-stage{height:230px}.party-left{left:30px}.party-right{right:50px}.unit{width:88px;height:88px}.unit img{width:125px;height:125px}.unit-small{display:none}.enemy-main img{width:145px;height:145px}.fireball{display:none}.hit-slash{right:145px}.dmg-enemy{right:145px}.dmg-player{left:95px}.side-status{width:135px}.skill-dock{gap:8px}.skill-btn{width:54px;height:54px}}

/* V06 MOBILE RPG UI */
body.mobile-rpg{background:radial-gradient(circle at top,#30200f 0,#0b0705 48%,#050302 100%);color:#ffe7b4;min-height:100vh;overflow-x:hidden}.phone-shell{max-width:980px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#160d07,#090605);box-shadow:0 0 45px rgba(0,0,0,.75);position:relative;padding-bottom:82px}.game-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(180deg,#251406,#120a04);border-bottom:1px solid #8a5a17;position:sticky;top:0;z-index:20}.game-top b{display:block;color:#ffc83d;font-size:19px}.game-top small{display:block;color:#a98a52;font-size:11px;margin-top:2px}.top-icons{display:flex;gap:10px}.top-icons span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#2b1908;border:1px solid #7b4e12}.mobile-hud{display:grid;grid-template-columns:68px 1fr auto;gap:12px;padding:12px 14px;background:linear-gradient(180deg,#211107,#120804);border-bottom:1px solid #5b3710}.hud-face{width:64px;height:64px;border-radius:16px;background:#2d1a0b;border:1px solid #b78020;display:grid;place-items:center;overflow:hidden}.hud-face img{height:58px;image-rendering:pixelated}.hud-info{min-width:0}.hud-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.hud-name b{font-size:16px;color:#fff}.hud-name span{background:#c89412;color:#190c02;border-radius:99px;padding:2px 8px;font-weight:700;font-size:12px}.hud-bar{height:15px;border-radius:99px;background:#21150d;border:1px solid #4d3217;margin:4px 0;position:relative;overflow:hidden}.hud-bar i{display:block;height:100%;border-radius:99px}.hud-bar small{position:absolute;left:8px;top:-1px;font-size:10px;color:#fff;text-shadow:1px 1px #000}.hud-bar.hp i{background:linear-gradient(90deg,#d52828,#ff6848)}.hud-bar.mp i{background:linear-gradient(90deg,#2457df,#58c8ff)}.hud-bar.xp i{background:linear-gradient(90deg,#a76d0b,#ffd24c)}.hud-currency{display:flex;flex-direction:column;gap:6px}.hud-currency span{background:#281606;border:1px solid #7b4b12;border-radius:10px;padding:6px 9px;color:#ffd56c;font-weight:800}.game-content{padding:14px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(980px,100%);height:70px;background:linear-gradient(180deg,#221108,#100703);border-top:1px solid #9b681a;display:grid;grid-template-columns:repeat(5,1fr);z-index:30}.bottom-nav a{color:#ffc83d;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:22px}.bottom-nav span{font-size:11px;color:#e9c16a}.mobile-home{text-align:center;padding:40px 18px}.logo-badge{width:86px;height:86px;border-radius:25px;background:linear-gradient(135deg,#75420d,#d69d1a);display:grid;place-items:center;margin:0 auto 12px;font-size:44px;box-shadow:0 12px 35px rgba(0,0,0,.5)}.mobile-home h1{font-size:38px;color:#ffd24c;margin:8px 0}.mobile-home p{color:#d7bd83}.home-hero-row{display:flex;align-items:end;justify-content:center;gap:24px;margin:32px 0}.home-hero-row img{height:118px;image-rendering:pixelated;filter:drop-shadow(0 10px 8px #000)}.home-hero-row span{font-weight:900;color:#fff;background:#8a1c14;border-radius:50%;padding:14px;margin-bottom:40px}.big-btn,.ghost-btn{display:block;text-align:center;border-radius:18px;padding:15px 18px;font-weight:900;text-decoration:none;margin:10px auto;max-width:360px}.big-btn{background:linear-gradient(180deg,#ffd65b,#b97807);color:#1d0e02;border:1px solid #ffdf79;box-shadow:0 8px 20px rgba(0,0,0,.35)}.ghost-btn{background:#201108;color:#ffd56b;border:1px solid #7a4c13}.hero-dashboard,.battle-lobby{display:grid;gap:14px}.stage-card{background:linear-gradient(180deg,#211209,#120806);border:1px solid #7a4b13;border-radius:22px;padding:16px;box-shadow:0 12px 32px rgba(0,0,0,.4);position:relative;overflow:hidden}.floating-title{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.45);border:1px solid #9b681a;border-radius:99px;padding:6px 11px;color:#ffd56b;font-weight:900;z-index:2}.hero-stage-card{text-align:center;padding-top:48px}.character-showcase{height:220px;background:radial-gradient(circle,#3b240f 0,#160b05 60%);border-radius:18px;border:1px solid #50300e;display:grid;place-items:center;position:relative}.character-showcase img{height:180px;image-rendering:pixelated;filter:drop-shadow(0 16px 12px #000);animation:idleFloat 1.8s ease-in-out infinite}.power-badge{position:absolute;right:14px;bottom:14px;background:#c98b10;color:#180b02;border-radius:14px;padding:7px 12px;font-weight:900}.hero-stage-card h2{font-size:30px;margin:14px 0 4px;color:#fff}.hero-stage-card p{margin:0 0 12px;color:#d4b06a}.quick-stats{display:grid;gap:9px;margin:12px 0}.quick-stats.four{grid-template-columns:repeat(4,1fr)}.quick-stats span{background:#281606;border:1px solid #6e4413;border-radius:14px;padding:10px 5px;text-align:center}.quick-stats b{display:block;color:#fff;font-size:18px}.quick-stats small{display:block;color:#bfa06a;font-size:10px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.eq-slot{height:82px;border-radius:18px;background:linear-gradient(180deg,#211108,#120806);border:1px solid #684011;display:grid;place-items:center;font-size:28px;color:#ffc83d}.eq-slot small{display:block;font-size:11px;color:#bf9b5d}.quest-card{background:#180d07;border:1px solid #65400f;border-radius:18px;padding:14px}.quest-card h3,.monster-list-mobile h3,.area-strip h3{margin:0 0 10px;color:#ffd56b}.quest-card p{display:flex;justify-content:space-between;border-bottom:1px solid #33200d;padding:8px 0;margin:0}.zone-stage{padding:0;height:260px}.zone-bg{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.85}.zone-desc{position:absolute;left:16px;right:16px;bottom:14px;background:rgba(0,0,0,.65);border:1px solid #8b5917;border-radius:16px;padding:12px}.zone-desc h2{margin:0 0 4px;color:#fff}.zone-desc p{margin:0;color:#e2c98c}.monster-list-mobile{background:#180d07;border:1px solid #65400f;border-radius:18px;padding:14px}.monster-row-mobile{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;text-decoration:none;color:#ffe7b4;background:#241308;border:1px solid #4d300e;border-radius:16px;padding:9px;margin:8px 0}.monster-row-mobile img{height:54px;image-rendering:pixelated;filter:drop-shadow(0 7px 4px #000)}.monster-row-mobile b{display:block;color:#fff}.monster-row-mobile small{display:block;color:#bd9d66}.monster-row-mobile em{font-style:normal;background:#c48b10;color:#160a02;border-radius:12px;padding:9px 12px;font-weight:900}.area-strip{background:#180d07;border:1px solid #65400f;border-radius:18px;padding:14px}.area-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.area-card-mini{min-width:150px;background:#241308;border:1px solid #4d300e;border-radius:16px;padding:12px;color:#ffe7b4;text-decoration:none;position:relative}.area-card-mini.active{border-color:#ffd24c;box-shadow:0 0 0 2px rgba(255,210,76,.15)}.area-card-mini.locked{opacity:.45}.area-card-mini b{display:block;color:#ffd56b}.area-card-mini small{display:block;color:#bd9d66;margin-top:4px}.area-card-mini i{position:absolute;right:10px;top:10px;font-style:normal}@keyframes idleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:820px){.hero-dashboard{grid-template-columns:1.2fr .8fr}.hero-stage-card{grid-row:span 3}.battle-lobby{grid-template-columns:1.2fr .8fr}.zone-stage{grid-column:1/2}.area-strip{grid-column:1/3}.phone-shell{border-left:1px solid #3e250c;border-right:1px solid #3e250c}}
@media(max-width:520px){.game-content{padding:10px}.mobile-hud{grid-template-columns:58px 1fr}.hud-currency{grid-column:1/3;flex-direction:row}.quick-stats.four{grid-template-columns:repeat(2,1fr)}.character-showcase{height:190px}.character-showcase img{height:150px}.zone-stage{height:220px}.monster-row-mobile{grid-template-columns:50px 1fr}.monster-row-mobile em{grid-column:1/3;text-align:center}.bottom-nav a{font-size:19px}}

/* v0.7 - eski oyun tarzı kayıt/giriş ekranı */
.auth-screen{
    min-height:calc(100vh - 135px);
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    align-items:center;
    padding:14px 0 76px;
}
.auth-visual{
    text-align:center;
    padding:14px 10px 4px;
}
.auth-visual h1{
    margin:6px 0 4px;
    color:#fff;
    font-size:34px;
    text-shadow:0 3px 0 #000;
}
.auth-visual p{
    margin:0 auto 10px;
    max-width:430px;
    color:#d0af74;
}
.auth-card{
    max-width:470px;
    width:100%;
    margin:0 auto;
}
.fancy-auth{
    border-radius:22px;
    background:linear-gradient(180deg,rgba(35,19,8,.98),rgba(15,8,4,.98));
    box-shadow:0 22px 55px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,213,107,.06);
}
.fancy-auth h2{
    margin-top:0;
    color:#ffd56b;
    text-align:center;
    font-size:27px;
}
.auth-link{
    display:block;
    text-align:center;
    margin-top:15px;
    color:#ffd56b;
    font-weight:900;
}
.logo-badge{
    width:72px;
    height:72px;
    margin:0 auto;
    display:grid;
    place-items:center;
    background:radial-gradient(circle,#ffd76a,#9d5d0b 70%);
    border:3px solid #3d2208;
    border-radius:22px;
    color:#160a02;
    font-size:36px;
    box-shadow:0 10px 28px rgba(0,0,0,.55);
}
.home-hero-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:20px auto;
}
.home-hero-row.compact{
    margin:12px auto 0;
}
.home-hero-row img{
    height:110px;
    image-rendering:pixelated;
    filter:drop-shadow(0 13px 10px #000);
}
.home-hero-row.compact img{
    height:82px;
}
.home-hero-row span{
    color:#ffd56b;
    font-weight:1000;
    font-size:24px;
    text-shadow:0 2px 0 #000;
}
.big-btn.full{
    width:100%;
    margin-top:6px;
}
label small{
    color:#a98c57;
    font-weight:normal;
}
@media(min-width:900px){
    .register-screen{
        grid-template-columns:.9fr 1.1fr;
        max-width:980px;
        margin:0 auto;
    }
    .register-screen .auth-visual{
        text-align:left;
        padding-left:18px;
    }
    .register-screen .logo-badge{margin-left:0;}
    .register-screen .home-hero-row{justify-content:flex-start;}
}

.home-actions{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:18px;
}
.small-note{
    color:#c9ad75;
    font-size:13px;
    text-align:center;
    margin-top:12px;
}

/* v0.9 - savaş kazanma animasyonu ve otomatik yeni savaş */
.victory-burst,
.defeat-burst{
    position:absolute;
    inset:0;
    z-index:40;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    pointer-events:none;
    overflow:hidden;
}
.victory-burst{
    background:radial-gradient(circle at center, rgba(255,214,92,.34), rgba(42,18,2,.18) 42%, rgba(0,0,0,.18) 70%);
    animation:victoryFade .55s ease-out both;
}
.defeat-burst{
    background:radial-gradient(circle at center, rgba(180,20,20,.35), rgba(0,0,0,.45) 68%);
    animation:victoryFade .55s ease-out both;
}
.victory-rays{
    position:absolute;
    width:360px;
    height:360px;
    border-radius:50%;
    background:repeating-conic-gradient(from 0deg, rgba(255,223,94,.35) 0 9deg, rgba(255,255,255,0) 9deg 18deg);
    animation:spinRays 2.4s linear infinite, popRay .5s ease-out both;
    filter:blur(.3px);
}
.victory-title{
    position:relative;
    z-index:2;
    color:#fff3a6;
    font-size:48px;
    font-weight:1000;
    letter-spacing:2px;
    text-shadow:0 4px 0 #5e2400, 0 0 18px #ffb300, 0 0 32px rgba(255,212,68,.75);
    animation:victoryPop .72s cubic-bezier(.18,1.35,.35,1) both, titlePulse 1.1s ease-in-out infinite .75s;
}
.defeat-burst .victory-title{
    color:#ffb3b3;
    text-shadow:0 4px 0 #4b0000, 0 0 18px #ff2b2b;
}
.victory-reward{
    position:relative;
    z-index:2;
    margin-top:12px;
    padding:8px 18px;
    border-radius:999px;
    background:rgba(40,18,2,.76);
    border:1px solid rgba(255,221,119,.65);
    color:#ffe28a;
    font-weight:900;
    animation:rewardFloat .9s ease-out both .35s;
}
.victory-next{
    position:relative;
    z-index:2;
    margin-top:12px;
    color:#fff;
    font-size:14px;
    font-weight:800;
    text-shadow:0 2px 0 #000;
    animation:blinkNext .8s ease-in-out infinite;
}
.party-right .unit.dead{
    animation:monsterDeath .9s ease-in forwards !important;
}
.party-left .unit.dead{
    animation:heroDown .7s ease-in forwards !important;
}
@keyframes victoryFade{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@keyframes victoryPop{0%{transform:scale(.25) rotate(-8deg);opacity:0}65%{transform:scale(1.18) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0deg)}}
@keyframes titlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes spinRays{to{transform:rotate(360deg)}}
@keyframes popRay{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes rewardFloat{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes blinkNext{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes monsterDeath{0%{transform:translateY(0) rotate(0);opacity:1;filter:brightness(1)}45%{transform:translateY(-14px) rotate(-4deg);filter:brightness(1.7)}100%{transform:translateY(58px) rotate(12deg);opacity:.18;filter:grayscale(1) brightness(.5)}}
@keyframes heroDown{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(38px) rotate(-18deg);opacity:.35;filter:grayscale(1)}}
@media(max-width:700px){
    .victory-title{font-size:34px;}
    .victory-rays{width:270px;height:270px;}
}