:root{--bg:#07100f;--bg2:#0b1514;--card:rgba(10,19,18,.87);--line:rgba(214,173,94,.22);--gold:#d6ad5e;--gold2:#f0d594;--text:#f4efe6;--muted:#a9aaa4;--burg:#6b1d27;--burg2:#321016;--ok:#66d28a;--warn:#f2c269;--shadow:0 26px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 8%,rgba(102,29,39,.16),transparent 30%),linear-gradient(180deg,#06100f,#091311 55%,#050b0b);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.fx-noise{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.fx-glow{position:fixed;width:440px;height:440px;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.17}.glow-a{background:#7e1e2a;right:-160px;top:90px}.glow-b{background:#7f6a30;left:-220px;bottom:-200px}.site-header{height:82px;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:0 34px;background:rgba(5,12,12,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;min-width:250px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(214,173,94,.48);background:linear-gradient(145deg,#151d1b,#2b1715);color:var(--gold2);font-family:Cinzel;font-weight:700;box-shadow:inset 0 0 25px rgba(214,173,94,.08)}.brand strong,.brand small{display:block;font-family:Cinzel}.brand strong{font-size:14px;letter-spacing:1.6px}.brand small{font-size:9px;color:var(--gold);letter-spacing:4px;margin-top:3px}.top-nav{display:flex;gap:22px;flex:1;justify-content:center}.top-nav a{color:#c8c8c1;text-decoration:none;font-size:13px;font-weight:600;position:relative}.top-nav a:hover,.top-nav a.active{color:var(--gold2)}.top-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:var(--gold)}.header-user{display:flex;align-items:center;gap:10px;min-width:250px;justify-content:flex-end}.header-user small,.header-user strong{display:block}.header-user small{font-size:9px;color:var(--muted);letter-spacing:1.2px}.header-user strong{font-size:13px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 14px var(--ok)}.ghost-btn,.primary-btn,.quick-actions button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);border-radius:2px;padding:10px 14px;font-weight:700;cursor:pointer}.ghost-btn:hover,.quick-actions button:hover{border-color:rgba(214,173,94,.7);color:var(--gold2)}.page-shell{max-width:1500px;margin:0 auto;padding:34px 26px 70px}.glass{background:linear-gradient(180deg,rgba(14,25,23,.93),rgba(7,14,14,.91));border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,213,148,.55),transparent)}.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(660px,1.12fr);gap:24px;align-items:stretch}.identity-card{padding:34px}.identity-top{display:flex;gap:22px;align-items:center;padding-bottom:26px;border-bottom:1px solid rgba(214,173,94,.14)}.crest{width:84px;height:84px;border:1px solid rgba(214,173,94,.48);display:grid;place-items:center;font-family:Cinzel;font-size:28px;color:var(--gold2);background:linear-gradient(145deg,#171f1d,#351416);box-shadow:inset 0 0 35px rgba(214,173,94,.08)}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--gold);font-weight:800}.identity-card h1,.panel-title h2,.section-title-row h2,.ranking-card h2,.security-card h2,.support-card h2{font-family:Cinzel;margin:6px 0;color:#f5eddc}.identity-card h1{font-size:42px}.identity-card p{color:var(--muted);line-height:1.7;margin:4px 0 0}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.summary-grid>div{padding:15px 16px;border:1px solid rgba(214,173,94,.12);background:rgba(255,255,255,.025)}.summary-grid small,.summary-grid strong{display:block}.summary-grid small{font-size:9px;color:#8f958f;letter-spacing:1.2px}.summary-grid strong{margin-top:6px;font-size:15px}.summary-grid .soul{color:var(--gold2)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.equipment-panel{padding:26px 28px 18px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.panel-title h2{font-size:30px;margin-bottom:0}.level-chip{border:1px solid rgba(214,173,94,.38);padding:8px 12px;color:var(--gold2);font-weight:800;font-size:12px;background:rgba(214,173,94,.07)}.character-stage{height:640px;position:relative;margin-top:2px;overflow:visible}.character-aura{position:absolute;left:50%;top:17%;transform:translateX(-50%);width:330px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(191,150,70,.17),rgba(107,29,39,.13) 44%,transparent 72%);filter:blur(4px)}.character-art{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:360px;height:610px;filter:drop-shadow(0 30px 35px rgba(0,0,0,.6))}.gear-slot{position:absolute;width:100px;height:64px;border:1px solid rgba(214,173,94,.28);background:linear-gradient(145deg,rgba(31,39,35,.95),rgba(14,18,18,.95));color:#e8dfcf;display:grid;grid-template-columns:34px 1fr;align-items:center;padding:0 9px;gap:6px;cursor:pointer;box-shadow:0 12px 25px rgba(0,0,0,.24)}.gear-slot span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(214,173,94,.26);color:var(--gold2);background:#0a1010;font-size:18px}.gear-slot small{text-align:left;font-size:10px;font-weight:800;letter-spacing:.5px}.gear-slot:hover,.gear-slot:focus{outline:none;border-color:var(--gold2);box-shadow:0 0 0 1px rgba(214,173,94,.18),0 0 26px rgba(214,173,94,.16)}.gear-slot.left{left:4%}.gear-slot.right{right:4%}.s-weapon{top:10%}.s-head{top:24%}.s-chest{top:38%}.s-gloves{top:52%}.s-boots{top:66%}.s-offhand{top:10%}.s-neck{top:24%}.s-ear{top:38%}.s-ring1{top:52%}.s-ring2{top:66%}.gear-slot.bottom{bottom:8px;width:108px}.s-dress{left:24%}.s-pet{left:calc(50% - 54px)}.s-title{right:24%}.hover-note{text-align:center;color:#8d918c;font-size:11px;margin:0}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.7fr);gap:24px;margin-top:24px}.soul-card,.ranking-card,.security-card,.support-card{padding:28px}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-title-row h2{font-size:27px}.balance-box{text-align:right;border-left:1px solid rgba(214,173,94,.2);padding-left:26px}.balance-box small,.balance-box strong{display:block}.balance-box small{font-size:9px;color:var(--muted);letter-spacing:1px}.balance-box strong{font-family:Cinzel;color:var(--gold2);font-size:28px;margin-top:4px}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(214,173,94,.12);font-size:12px}th{color:#9ba19a;font-size:9px;letter-spacing:1px}.plus{color:var(--gold2);font-weight:800}.status{padding:5px 8px;font-size:9px;font-weight:800;border:1px solid}.status.ok{color:var(--ok);border-color:rgba(102,210,138,.3);background:rgba(102,210,138,.07)}.ranking-card h2,.security-card h2,.support-card h2{font-size:24px}.rank-row,.security-list>div{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(214,173,94,.11);font-size:12px}.rank-row span,.security-list span{color:#a8aaa4}.rank-row strong{color:var(--gold2)}.lower-grid{grid-template-columns:1fr 1fr}.security-list{margin:10px 0 18px}.good{color:var(--ok)}.warn{color:var(--warn)}.primary-btn{background:linear-gradient(180deg,#d2ab5e,#9a6d2f);color:#15100a;border-color:#efcf88;text-transform:uppercase;letter-spacing:.7px}.support-card p{color:var(--muted);line-height:1.7;min-height:60px}.item-tooltip{position:fixed;z-index:1000;width:320px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .12s,transform .12s;background:linear-gradient(180deg,#101817,#080e0e);border:1px solid rgba(214,173,94,.5);box-shadow:0 24px 50px rgba(0,0,0,.55);padding:15px 16px}.item-tooltip.show{opacity:1;transform:none}.tip-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(214,173,94,.18);padding-bottom:10px;margin-bottom:10px}.tip-name{font-family:Cinzel;color:var(--gold2);font-weight:700}.tip-plus{color:#fff4c6;font-weight:800;text-shadow:0 0 10px rgba(255,224,133,.45)}.tip-meta{font-size:10px;color:#a5aaa5;margin-bottom:8px}.tip-stats{display:grid;gap:6px;font-size:11px}.tip-stat{display:flex;justify-content:space-between}.tip-stat b{color:#e6d39d}.tip-glow{margin-top:10px;padding:8px;border:1px solid rgba(214,173,94,.14);background:rgba(214,173,94,.05);font-size:10px;color:#d8c38f}.rarity-legendary{color:#ffcf6b}.rarity-epic{color:#d59cff}.rarity-rare{color:#76b8ff}@media(max-width:1180px){.top-nav{display:none}.profile-hero{grid-template-columns:1fr}.header-user{min-width:auto}.brand{min-width:0}.equipment-panel{min-height:750px}.content-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}}@media(max-width:760px){.site-header{padding:0 16px;height:70px}.brand strong{font-size:11px}.brand small{display:none}.header-user>div{display:none}.page-shell{padding:18px 12px 45px}.identity-card,.equipment-panel,.soul-card,.ranking-card,.security-card,.support-card{padding:20px}.summary-grid{grid-template-columns:1fr 1fr}.character-stage{height:720px}.character-art{width:300px;height:540px;bottom:88px}.gear-slot{width:82px;height:58px;grid-template-columns:28px 1fr;padding:0 6px}.gear-slot span{width:28px;height:30px}.gear-slot small{font-size:8px}.gear-slot.left{left:0}.gear-slot.right{right:0}.s-dress{left:4%}.s-pet{left:calc(50% - 54px)}.s-title{right:4%}.section-title-row{flex-direction:column}.balance-box{text-align:left;border-left:0;border-top:1px solid rgba(214,173,94,.18);padding:14px 0 0}.item-tooltip{width:min(300px,calc(100vw - 24px))}}

.secondary-btn{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);padding:10px 14px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.6px}.secondary-btn:hover{border-color:rgba(214,173,94,.7);color:var(--gold2)}.support-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.support-modal{position:fixed;inset:0;z-index:1200;display:none}.support-modal.open{display:block}.support-backdrop{position:absolute;inset:0;background:rgba(1,5,5,.78);backdrop-filter:blur(8px)}.support-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(980px,calc(100vw - 32px));max-height:min(840px,calc(100vh - 32px));overflow:auto;padding:28px}.support-close{position:absolute;right:16px;top:12px;width:36px;height:36px;border:1px solid rgba(214,173,94,.3);background:#0a1110;color:var(--gold2);font-size:24px;cursor:pointer}.support-dialog-head{display:flex;justify-content:space-between;gap:26px;padding-right:42px}.support-dialog-head h2{font-family:Cinzel;margin:7px 0 4px;font-size:30px}.support-dialog-head p{margin:0;color:var(--muted);font-size:12px}.support-live{display:grid;grid-template-columns:10px auto;gap:2px 8px;align-content:start;min-width:150px;padding:10px 12px;border:1px solid rgba(102,210,138,.24);background:rgba(102,210,138,.04)}.support-live i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok);grid-row:1/3;align-self:center}.support-live span{font-size:9px;color:#aab0aa;letter-spacing:1px}.support-live strong{font-size:11px;color:var(--ok)}.support-tabs{display:flex;gap:8px;margin:22px 0 16px;border-bottom:1px solid rgba(214,173,94,.15)}.support-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#a6aaa4;padding:10px 14px;font-weight:800;cursor:pointer}.support-tab.active{color:var(--gold2);border-bottom-color:var(--gold)}.support-pane{display:none}.support-pane.active{display:block}.chat-context{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.chat-context span{font-size:10px;padding:7px 9px;border:1px solid rgba(214,173,94,.14);background:rgba(255,255,255,.02);color:#9ea39e}.chat-context b{color:#e9dfca}.chat-messages{height:360px;overflow:auto;padding:14px;border:1px solid rgba(214,173,94,.16);background:rgba(3,8,8,.7);display:flex;flex-direction:column;gap:10px}.chat-message{max-width:78%;padding:11px 13px;border:1px solid rgba(214,173,94,.14);line-height:1.55;font-size:12px}.chat-message small{display:block;font-size:8px;letter-spacing:1.2px;margin-bottom:4px;color:#9fa49f}.chat-message p{margin:0}.chat-message.ai{align-self:flex-start;background:linear-gradient(145deg,rgba(69,28,29,.55),rgba(16,21,20,.9));border-color:rgba(214,173,94,.22)}.chat-message.user{align-self:flex-end;background:rgba(214,173,94,.08);border-color:rgba(214,173,94,.3)}.chat-message.human{align-self:flex-start;background:rgba(102,210,138,.07);border-color:rgba(102,210,138,.24)}.chat-escalation{margin:10px 0;padding:10px 12px;border:1px solid rgba(242,194,105,.25);background:rgba(242,194,105,.06);font-size:11px;color:#d8c9a6}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.chat-compose textarea,.ticket-form input,.ticket-form textarea,.ticket-form select{width:100%;border:1px solid rgba(214,173,94,.18);background:#07100f;color:var(--text);padding:11px 12px;font:inherit;outline:none}.chat-compose textarea:focus,.ticket-form input:focus,.ticket-form textarea:focus,.ticket-form select:focus{border-color:rgba(214,173,94,.6)}.privacy-note{margin-top:8px;font-size:9px;color:#7f8580}.ticket-form{display:grid;gap:14px}.ticket-form label{display:grid;gap:7px;color:#b8b9b3;font-size:11px;font-weight:700}.file-label input{padding:9px}.ticket-footer{display:flex;justify-content:space-between;gap:18px;align-items:center}.ticket-footer span{font-size:10px;color:#9da39d}.support-toast{position:fixed;right:24px;bottom:24px;z-index:1400;padding:12px 14px;background:#0d1715;border:1px solid rgba(214,173,94,.4);box-shadow:var(--shadow);font-size:11px}.support-toast.ok{color:var(--ok)}.support-toast.warn{color:var(--warn)}@media(max-width:760px){.support-dialog{padding:20px 14px}.support-dialog-head{display:block}.support-live{margin-top:12px;width:max-content}.chat-messages{height:330px}.chat-message{max-width:92%}.chat-compose{grid-template-columns:1fr}.ticket-footer{align-items:stretch;flex-direction:column}.support-actions{flex-direction:column}.support-actions button{width:100%}}


/* === FSO Mobile Responsive V1 === */
.mobile-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:9px;cursor:pointer}
.mobile-menu-toggle span{display:block;height:2px;background:var(--gold2);margin:5px 0}
.mobile-only{display:none}.desktop-only{display:inline}
.mobile-item-sheet{display:none}
@media(max-width:900px){
  body{padding-bottom:max(0px,env(safe-area-inset-bottom))}
  .site-header{height:66px;padding:0 12px;gap:10px}
  .mobile-menu-toggle{display:block;order:3;margin-left:auto}
  .brand{order:1;min-width:0;flex:1}.brand-mark{width:40px;height:40px}.brand strong{font-size:10px}.brand small{display:none}
  .header-user{order:2;min-width:auto}.header-user .ghost-btn{display:none}.header-user>div{display:none}
  .top-nav{position:fixed;top:66px;left:10px;right:10px;display:none;flex-direction:column;gap:0;background:rgba(5,12,12,.98);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px;z-index:70}
  .top-nav.open{display:flex}.top-nav a{padding:14px 12px;border-bottom:1px solid rgba(214,173,94,.1)}.top-nav a.active:after{display:none}
  .page-shell{padding:14px 10px 80px}
  .profile-hero{display:flex;flex-direction:column;gap:12px}.identity-card{order:1}.equipment-panel{order:2;min-height:0}
  .identity-card,.equipment-panel,.soul-card,.ranking-card,.security-card,.support-card{padding:16px}
  .identity-top{gap:13px;padding-bottom:18px}.crest{width:60px;height:60px;font-size:20px}.identity-card h1{font-size:30px}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-grid>div{padding:12px}.summary-grid strong{font-size:13px;word-break:break-word}
  .quick-actions{grid-template-columns:1fr 1fr}.quick-actions button{min-height:48px}
  .panel-title h2{font-size:24px}.level-chip{padding:7px 9px}
  .character-stage{height:650px;margin-top:6px}.character-art{width:270px;height:490px;bottom:78px}
  .character-aura{width:250px;height:360px}
  .gear-slot{width:76px;height:54px;grid-template-columns:24px 1fr;padding:0 5px;gap:4px}.gear-slot span{width:24px;height:27px;font-size:14px}.gear-slot small{font-size:7px;line-height:1.05}
  .gear-slot.left{left:0}.gear-slot.right{right:0}.gear-slot.bottom{bottom:4px;width:92px}.s-dress{left:0}.s-pet{left:calc(50% - 46px)}.s-title{right:0}
  .desktop-only{display:none}.mobile-only{display:inline}
  .content-grid,.lower-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.section-title-row{gap:10px}.section-title-row h2{font-size:22px}.balance-box strong{font-size:22px}
  .table-wrap{margin-left:-4px;margin-right:-4px;padding-bottom:4px}.table-wrap:after{content:'← Yatay kaydır →';display:block;text-align:center;color:#777f79;font-size:9px;padding:8px 0 0}
  .support-card{padding-bottom:80px}
  .support-actions button{min-height:50px}
  .support-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:16px 10px;border-radius:0}.support-close{right:8px;top:8px}
  .support-dialog-head h2{font-size:24px}.support-tabs{position:sticky;top:-16px;z-index:3;background:#081110;padding-top:8px}
  .chat-messages{height:42dvh;min-height:280px}.chat-compose textarea{min-height:90px}.chat-compose .primary-btn{min-height:48px}
  .support-toast{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));text-align:center}
  .mobile-item-sheet{position:fixed;inset:0;z-index:1600}.mobile-item-sheet.open{display:block}.mobile-item-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);width:100%}.mobile-item-card{position:absolute;left:0;right:0;bottom:0;max-height:78dvh;overflow:auto;background:linear-gradient(180deg,#111b19,#060c0c);border-top:1px solid rgba(214,173,94,.55);box-shadow:0 -25px 60px rgba(0,0,0,.6);padding:26px 18px calc(20px + env(safe-area-inset-bottom))}.mobile-item-grab{width:48px;height:4px;background:rgba(240,213,148,.35);border-radius:4px;margin:-12px auto 16px}.mobile-item-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:1px solid var(--line);background:#0a1110;color:var(--gold2);font-size:23px}.mobile-item-card .tip-name{font-size:19px;padding-right:45px}.mobile-item-card .tip-stats{font-size:13px;gap:10px}.mobile-item-card .tip-stat{padding:7px 0;border-bottom:1px solid rgba(214,173,94,.1)}
}
@media(max-width:430px){
  .summary-grid{grid-template-columns:1fr 1fr}.summary-grid small{font-size:8px}.quick-actions{grid-template-columns:1fr}
  .character-stage{height:620px}.character-art{width:245px;height:455px;bottom:78px}
  .gear-slot{width:70px;height:50px}.gear-slot small{font-size:6.7px}.gear-slot.bottom{width:84px}.s-pet{left:calc(50% - 42px)}
  .section-title-row h2,.ranking-card h2,.security-card h2,.support-card h2{font-size:20px}
}