/* Lucas2 Alesta — oyun içi başlangıç ve Legal Satış sahneleri */
.system-story.has-system-experience{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-left:clamp(18px,5vw,82px);padding-right:clamp(18px,5vw,82px);overflow:hidden}
.system-story.has-system-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070605f5,#090706cc 48%,#070605f2);opacity:.68;pointer-events:none}
.system-story.has-system-experience .story-copy{grid-column:1;grid-row:1;width:min(100%,1180px);margin:0 auto}
.system-story.has-system-experience .system-experience{grid-column:1;grid-row:2;width:min(100%,1240px);margin:40px auto 0}
.system-story.has-system-experience .story-media{display:none!important}
.system-experience{position:relative;z-index:2;color:#e9dccb;font-family:var(--body)}
.experience-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);grid-template-areas:"kicker lead" "title lead";align-items:end;gap:8px 58px;margin:0 0 22px;padding:0 4px}
.experience-title>span{grid-area:kicker;color:#d9a85b;font:800 10px/1.3 var(--body);letter-spacing:.18em}
.experience-title>h3{grid-area:title;margin:0;color:#fff2df;font:800 clamp(28px,3.5vw,50px)/1 var(--display);letter-spacing:-.04em}
.experience-title>p{grid-area:lead;margin:0;padding-left:24px;border-left:1px solid #76502d;color:#c9b7a1;font-size:12px;line-height:1.72}
.system-experience button{font-family:var(--body)}
.three-loading{position:absolute;z-index:4;left:50%;top:50%;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%);color:#d7aa69;font:800 9px var(--display);letter-spacing:.12em;white-space:nowrap}
.three-ready .three-loading{display:none}.three-fallback{display:none}.three-failed canvas{display:none}.three-failed .three-fallback{display:block}

/* Oyuna başlangıç */
.start-game-stage{position:relative;min-height:690px;overflow:hidden;border:1px solid #8e6236;background:linear-gradient(90deg,#070706c7 0%,#07070630 34%,transparent 55%,#080706a8 100%),url("../img/character-alesta-bg.jpg") center 43%/cover no-repeat;box-shadow:0 30px 80px #000d,inset 0 0 0 4px #090807,inset 0 0 0 5px #593c23}
.start-game-stage:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#0007 0,transparent 22%,transparent 66%,#030302d9 100%);pointer-events:none}
.game-stage-bar{position:absolute;z-index:8;top:7px;left:7px;right:7px;display:flex;align-items:center;justify-content:space-between;min-height:41px;padding:0 16px;border:1px solid #5e4228;background:linear-gradient(#2b1e14eb,#100d0aed);color:#cbae82;font:700 9px var(--body);letter-spacing:.05em;text-shadow:0 1px #000}
.game-stage-bar span,.game-stage-bar b{display:flex;align-items:center;gap:8px}.game-stage-bar i{color:#dfa558}.game-stage-bar em{color:#8fc583;font-style:normal}
.start-character-stage{position:absolute;z-index:2;inset:48px 262px 0 80px;overflow:visible}
.system-three,.legal-three{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none}
.start-character-stage:after{content:"";position:absolute;z-index:1;left:50%;bottom:7%;width:min(52%,350px);height:48px;border:1px solid #d99a4550;border-radius:50%;background:#bd6d201b;box-shadow:0 0 34px #c76f2b26;transform:translateX(-50%)}
.start-character-stage .three-fallback{position:absolute;z-index:2;left:50%;bottom:0;width:auto;height:94%;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 20px 24px #000)}
.player-name{position:absolute;z-index:5;left:50%;top:21%;transform:translateX(-50%);color:#f1d09b;font:700 11px var(--body);text-shadow:0 1px 2px #000,0 0 7px #000;white-space:nowrap}.player-name b{color:#82d16e}
.start-notice{position:absolute;z-index:7;left:50%;bottom:34px;display:flex;align-items:center;gap:12px;min-width:330px;max-width:480px;padding:12px 18px;border:1px solid #79532f;background:linear-gradient(90deg,#120e0be8,#070605e8);box-shadow:0 12px 28px #000a;transform:translateX(-58%)}
.start-notice>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #7d5c39;background:#1a130d;color:#e0a45a}.start-notice span{display:flex;flex-direction:column;gap:3px}.start-notice strong{color:#f1d6aa;font:800 10px var(--display);letter-spacing:.03em}.start-notice small{color:#9f8d79;font-size:9px;line-height:1.35}
.start-notice.is-flashing{animation:notice-in .4s ease both}
.metin-inventory{position:absolute;z-index:9;top:67px;right:20px;width:250px;border:1px solid #8d643c;background:#0b0907f2;box-shadow:0 18px 40px #000d,inset 0 0 0 3px #1c140e}
.metin-inventory>header{display:flex;align-items:center;height:37px;padding:0 10px;border-bottom:1px solid #674727;background:linear-gradient(#322218,#130e0a);color:#e2bd83;font:800 10px var(--display);letter-spacing:.11em;text-shadow:0 1px #000}
.metin-inventory>header small{margin-left:auto;color:#84705c;font:600 7px var(--body);letter-spacing:.04em}.metin-inventory>header button{display:grid;place-items:center;width:24px;height:24px;margin-left:8px;border:1px solid #55402c;background:#0e0b08;color:#ad8d64;cursor:pointer}
.equipment-paper{position:relative;height:160px;margin:7px;border:1px solid #4d3c2c;background:radial-gradient(circle at 52% 45%,#2a2119 0,#13100c 48%,#090807 100%);box-shadow:inset 0 0 26px #000}
.equipment-paper:before,.equipment-paper:after{content:"";position:absolute;inset:7px;border:1px solid #2c261f;pointer-events:none}.equipment-paper:after{inset:14px;border-color:#36291d80}
.equipment-silhouette{position:absolute;left:50%;top:50%;color:#6c58443b;font-size:112px;transform:translate(-50%,-50%)}
.equipment-slot{position:absolute;z-index:2;display:grid;place-items:center;width:53px;height:60px;padding:3px;border:1px solid #594633;background:#0a0907c7;color:#5e5040;cursor:pointer}.equipment-slot:after{content:"";position:absolute;inset:3px;border:1px solid #27231e;pointer-events:none}
.equipment-slot i{font-size:18px}.equipment-slot img{width:34px;height:39px;object-fit:contain;filter:drop-shadow(0 3px 4px #000)}.equipment-slot small{max-width:46px;overflow:hidden;color:#7e6a54;font:700 6px var(--body);text-overflow:ellipsis;white-space:nowrap}
.equipment-slot.weapon-slot{right:18px;top:12px;height:84px}.equipment-slot.shoes-slot{left:18px;bottom:13px}.equipment-slot.glove-slot{right:18px;bottom:13px}
.equipment-slot.is-over,.equipment-slot.has-item{border-color:#d5a05d;box-shadow:0 0 0 2px #d5a05d35,inset 0 0 14px #b56e2530}.equipment-slot.has-item small{color:#e4bc83}
.metin-bag-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(9,34px);margin:7px;background:#060504;box-shadow:0 0 0 1px #483829}
.bag-cell{min-width:0;border-right:1px solid #3b3025;border-bottom:1px solid #3b3025;background:linear-gradient(145deg,#15110d,#090705)}.bag-cell:nth-child(5n){border-right:0}.bag-cell.is-over{background:#9b692f55;box-shadow:inset 0 0 0 1px #e0aa62}
.start-item{position:absolute;z-index:3;left:calc(var(--col)*20%);top:calc(var(--row)*34px);display:grid;place-items:center;width:20%;height:calc(var(--span)*34px);padding:2px;border:0;background:transparent;color:#fff;cursor:pointer}.start-item:before{content:"";position:absolute;inset:2px;border:1px solid transparent;background:#5c402617;pointer-events:none}.start-item:hover:before,.start-item:focus-visible:before{border-color:#a8743c;background:#8c5b282c}.start-item img{position:relative;z-index:2;max-width:31px;max-height:calc(var(--span)*31px);object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.start-item.is-tall img{max-height:61px}.start-item.is-purple img{filter:hue-rotate(235deg) saturate(1.25) drop-shadow(0 2px 3px #000)}
.start-item>b{position:absolute;z-index:4;right:4px;bottom:2px;color:#f1e7d8;font:700 8px Arial;text-shadow:1px 1px #000,-1px -1px #000}.start-item>span{position:absolute;z-index:20;right:calc(100% + 8px);top:50%;display:none;width:185px;padding:9px 11px;border:1px solid #87613c;background:#090807f5;box-shadow:0 8px 18px #000;color:#e9c68c;font:700 9px/1.35 var(--body);transform:translateY(-50%);pointer-events:none}.start-item>span small{display:block;margin-top:3px;color:#978775;font-size:8px;font-weight:500}.start-item:hover>span,.start-item:focus-visible>span{display:block}
.start-item.is-equipped,.start-item.is-consumed{opacity:0;pointer-events:none}.start-item.is-dragging{opacity:.25}.start-item.is-using{animation:item-use .42s ease}.inventory-fly-icon,.trade-fly-icon,.trade-transfer-icon{position:fixed;z-index:9999;object-fit:contain;filter:drop-shadow(0 4px 7px #000);pointer-events:none;animation:item-fly .52s cubic-bezier(.2,.8,.2,1) forwards}
.game-hotbar{position:absolute;z-index:6;left:23px;bottom:23px;display:flex;gap:7px}.game-hotbar span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6b4a2c;background:radial-gradient(circle,#3a2819,#0b0907);color:#bd8747;box-shadow:0 5px 14px #0008}.game-hotbar span.is-pulse{animation:hotbar-pulse .65s ease}
.start-use-effect{position:absolute;z-index:5;left:50%;top:51%;width:170px;height:170px;opacity:0;transform:translate(-50%,-50%);pointer-events:none}.start-use-effect img{position:absolute;z-index:2;left:50%;top:50%;width:42px;height:42px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px var(--effect-color))}.start-use-effect i,.start-use-effect b,.start-use-effect em{position:absolute;inset:14px;border:1px solid var(--effect-color);border-radius:50%;box-shadow:0 0 22px var(--effect-soft)}.start-use-effect b{inset:35px}.start-use-effect em{inset:55px;background:var(--effect-soft)}.start-character-stage.is-using-item .start-use-effect{animation:use-effect .9s ease both}

/* Legal Satış */
.legal-game-stage{position:relative;overflow:hidden;border:1px solid #8e6236;background:linear-gradient(#0b0907d9,#080605ed),url("../img/character-alesta-bg.jpg") center/cover no-repeat;box-shadow:0 30px 80px #000d,inset 0 0 0 4px #090807,inset 0 0 0 5px #593c23}
.legal-stage-head{position:relative;z-index:7;display:flex;align-items:center;min-height:54px;padding:7px 14px;border-bottom:1px solid #6d4b2b;background:linear-gradient(#2b1e14ed,#100d0aef);color:#d9b27b}
.legal-stage-head>strong{display:flex;align-items:center;gap:9px;font:800 11px var(--display);letter-spacing:.08em}.legal-stage-head>strong i{color:#e0a354}.legal-stage-head>span{display:flex;align-items:center;gap:6px;margin-left:auto;color:#7bc376;font:800 8px var(--body);letter-spacing:.1em}.legal-stage-head>span i{width:6px;height:6px;border-radius:50%;background:#6fc96b;box-shadow:0 0 7px #6fc96b}
.legal-tabs{display:flex;gap:5px;margin-left:24px}.legal-tabs button{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid #59432c;background:#0d0a08;color:#907b63;font:800 8px var(--body);cursor:pointer}.legal-tabs button.is-active{border-color:#ae793c;background:linear-gradient(#3b2718,#18100b);color:#f0c98e}.legal-tabs button i{color:#cf8d42}
.legal-scene{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) 190px;align-items:end;min-height:715px;padding:26px 12px 0;background:radial-gradient(circle at 50% 35%,#9c572515 0,transparent 45%)}
.legal-actor{position:relative;z-index:2;height:620px;overflow:hidden;pointer-events:none}.legal-actor img{position:absolute;left:50%;bottom:-4px;width:auto;height:94%;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 18px 18px #000)}.legal-actor>span{position:absolute;z-index:3;left:50%;top:20px;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #7b5534;background:#0a0806d9;color:#d9b27b;font:800 8px var(--body);letter-spacing:.1em;transform:translateX(-50%);white-space:nowrap}.legal-actor>span i{color:#dda052}.legal-buyer img{height:90%}
.legal-trade-window{position:relative;z-index:4;align-self:center;width:100%;max-width:790px;margin:0 auto 28px;border:1px solid #86613c;background:#0a0807f2;box-shadow:0 22px 55px #000e,inset 0 0 0 3px #1b130e}
.legal-manager{display:flex;align-items:center;gap:10px;min-height:55px;padding:9px 13px;border-bottom:1px solid #584129;background:linear-gradient(#21170f,#0f0c09)}.legal-manager>i{display:grid;place-items:center;width:35px;height:35px;border:1px solid #735130;background:#15100c;color:#db9c4d}.legal-manager>span{display:flex;flex-direction:column;gap:3px;min-width:0}.legal-manager small{color:#987b5b;font:800 7px var(--body);letter-spacing:.1em}.legal-manager strong{overflow:hidden;color:#dec19a;font:700 9px var(--body);text-overflow:ellipsis;white-space:nowrap}.legal-manager>b{margin-left:auto;color:#84c97d;font:800 11px var(--display);white-space:nowrap}
.legal-trade-main{display:grid;grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);gap:10px;padding:12px}
.trade-side{min-width:0;border:1px solid #56412e;background:#090806}.trade-side>header{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px;border-bottom:1px solid #493725;background:#17110d;color:#d5ad78}.trade-side>header>i{color:#cd8e46}.trade-side>header span{display:flex;flex-direction:column;color:#cda56e;font:800 7px var(--body);letter-spacing:.1em}.trade-side>header small{margin-top:2px;color:#8c7b68;font-size:7px;font-weight:600;letter-spacing:0}.trade-side>footer{display:flex;align-items:center;gap:7px;height:34px;padding:0 9px;border-top:1px solid #493725;color:#c29253;font-size:9px}.trade-side>footer b{margin-left:auto;color:#e2c18d}
.trade-grid{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,32px);min-height:128px;background:#050403}.trade-grid>i{border-right:1px solid #342a21;border-bottom:1px solid #342a21}.trade-grid>i:nth-child(8n){border-right:0}.trade-grid.is-over{box-shadow:inset 0 0 0 2px #d19b56;background:#6b451e24}.trade-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#6f6255;font:800 7px var(--body);letter-spacing:.09em;pointer-events:none}.trade-empty:empty{display:none}.trade-empty>i{font-size:17px;color:#775938}
.trade-grid-item{position:absolute;z-index:3;left:calc(var(--trade-col)*12.5%);top:calc(var(--trade-row)*32px);display:grid;place-items:center;width:12.5%;height:calc(var(--trade-span)*32px);padding:2px;border:1px solid #8a6032;background:#1a120bc7;color:#fff;cursor:pointer}.trade-grid-item img{max-width:29px;max-height:calc(var(--trade-span)*29px);object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.trade-grid-item small{position:absolute;z-index:4;left:50%;bottom:calc(100% + 5px);display:none;width:115px;padding:6px;border:1px solid #725236;background:#080706f5;color:#e3bd82;font:700 7px var(--body);transform:translateX(-50%);pointer-events:none}.trade-grid-item:hover small{display:block}.trade-grid-item.is-awaiting{opacity:.18}.trade-grid-item.is-receiver{border-color:#6e9e55;cursor:default}
.legal-item-preview{position:relative;min-width:0;overflow:hidden;border:1px solid #493725;background:radial-gradient(circle,#2a190e 0,#080605 64%)}.legal-item-preview:after{content:"";position:absolute;left:50%;bottom:29px;width:72px;height:14px;border:1px solid #a56a2b4d;border-radius:50%;background:#b66c2421;transform:translateX(-50%)}.trade-arrow{position:absolute;z-index:5;left:50%;bottom:8px;display:flex;align-items:center;gap:6px;color:#a36f37;transform:translateX(-50%)}.trade-arrow i:nth-child(2){display:grid;place-items:center;width:23px;height:23px;border:1px solid #6d4d2d;border-radius:50%;background:#110d09;color:#d39a51}.legal-game-stage.is-pending .trade-arrow i:nth-child(2){animation:lock-pulse .8s ease infinite alternate}.legal-game-stage.is-complete .trade-arrow{color:#76bd6d}
.legal-inventory-title{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 13px;border-top:1px solid #56412e;border-bottom:1px solid #56412e;background:#17110d;color:#cda36d;font:800 8px var(--body);letter-spacing:.1em}.legal-inventory-title span{display:flex;align-items:center;gap:8px}.legal-inventory-title i{color:#d99748}.legal-inventory-title small{color:#776a5c;font-size:7px;letter-spacing:0}
.legal-inventory-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px}.legal-inventory-items>button{display:flex;align-items:center;gap:7px;min-width:0;height:53px;padding:5px 7px;border:1px solid #493a2a;background:linear-gradient(145deg,#17120e,#090705);color:#d5b17d;text-align:left;cursor:pointer}.legal-inventory-items>button:hover,.legal-inventory-items>button:focus-visible{border-color:#a87339;background:#21160e}.legal-inventory-items>button.is-dragging{opacity:.35}.legal-item-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border:1px solid #392f25;background:#060504}.legal-item-icon img{max-width:31px;max-height:37px;object-fit:contain}.legal-inventory-items button>span:last-child{min-width:0}.legal-inventory-items strong,.legal-inventory-items small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legal-inventory-items strong{font:800 8px var(--body)}.legal-inventory-items small{margin-top:3px;color:#846e58;font:600 7px var(--body)}
.character-sale-card{display:flex;align-items:center;gap:14px;margin:9px;padding:8px 12px;border:1px solid #55412e;background:linear-gradient(90deg,#1b130d,#0a0806)}.character-sale-card[hidden]{display:none}.character-sale-card>img{width:74px;height:58px;object-fit:contain;object-position:center top}.character-sale-card>span{display:flex;flex:1;flex-direction:column;gap:4px}.character-sale-card strong{color:#e5bf85;font:800 10px var(--display)}.character-sale-card small{color:#8f7a65;font-size:8px}.character-sale-card button{height:36px;padding:0 13px;border:1px solid #8b6135;background:#2b1c11;color:#e8bf82;font:800 8px var(--body);cursor:pointer}
.legal-trade-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px;border-top:1px solid #59412b;background:#100c09}.legal-trade-foot button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid #6e4e2f;background:linear-gradient(#312015,#140e0a);color:#d7ad76;font:800 8px var(--body);cursor:pointer}.legal-trade-foot button:last-child{border-color:#9b6a32;background:linear-gradient(#6a3e1e,#2d1a10);color:#f2d39f}.legal-trade-foot button:disabled{opacity:.38;cursor:not-allowed}.legal-trade-foot>span{overflow:hidden;color:#8d7a66;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.legal-notification{position:absolute;z-index:10;left:50%;top:50%;display:flex;align-items:center;gap:11px;min-width:280px;padding:15px 18px;border:1px solid #6fa55f;background:#0d150cec;box-shadow:0 18px 40px #000d,0 0 28px #63a25333;opacity:0;transform:translate(-50%,-45%) scale(.94);visibility:hidden}.legal-notification.is-visible{animation:legal-notice .55s ease forwards;visibility:visible}.legal-notification>i{color:#79cb70;font-size:25px}.legal-notification span{display:flex;flex-direction:column;gap:2px}.legal-notification strong{color:#dff1d9;font:800 15px var(--display)}.legal-notification small{color:#96ae91;font-size:8px}

@keyframes item-fly{0%{opacity:1;transform:translate(0,0) scale(1)}70%{opacity:1;transform:translate(var(--fly-x),var(--fly-y)) scale(1.18)}100%{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) scale(.72)}}
@keyframes notice-in{0%{opacity:.3;transform:translateX(-58%) translateY(8px)}100%{opacity:1;transform:translateX(-58%) translateY(0)}}
@keyframes item-use{50%{filter:brightness(1.8);transform:scale(1.12)}}
@keyframes use-effect{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-20deg)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55) rotate(24deg)}}
@keyframes hotbar-pulse{50%{border-color:#dfaa61;color:#f0c985;box-shadow:0 0 18px #d58237}}
@keyframes lock-pulse{to{color:#ffd187;box-shadow:0 0 18px #d58b3b}}
@keyframes legal-notice{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

@media(max-width:1100px){.legal-scene{grid-template-columns:120px minmax(0,1fr) 120px}.legal-actor img{height:78%}.legal-trade-main{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr)}.start-character-stage{left:10px}}
@media(max-width:900px){.experience-title{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "lead";gap:9px}.experience-title>p{margin-top:8px;padding:0;border:0}.start-game-stage{min-height:760px}.start-character-stage{inset:48px 0 255px 0}.start-notice{bottom:247px;transform:translateX(-50%)}.metin-inventory{top:auto;right:10px;bottom:10px;left:10px;width:auto;display:grid;grid-template-columns:170px 1fr;grid-template-rows:37px 306px}.metin-inventory>header{grid-column:1/-1}.equipment-paper{height:auto}.metin-bag-grid{grid-template-rows:repeat(9,32px)}.start-item{top:calc(var(--row)*32px);height:calc(var(--span)*32px)}.legal-scene{display:block;min-height:auto;padding:18px 12px 24px}.legal-actor{display:none}.legal-trade-window{margin:0 auto}.legal-trade-main{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)}}
@media(max-width:620px){.system-story.has-system-experience{padding-left:12px;padding-right:12px}.system-story.has-system-experience .system-experience{margin-top:28px}.experience-title>h3{font-size:28px}.start-game-stage{min-height:820px}.game-stage-bar{padding:0 9px}.game-stage-bar b{display:none}.start-character-stage{inset:48px -55px 325px -55px}.player-name{top:18%}.start-notice{bottom:315px;width:calc(100% - 28px);min-width:0}.metin-inventory{grid-template-columns:125px 1fr;grid-template-rows:37px 288px}.equipment-paper{margin:5px}.equipment-silhouette{font-size:82px}.equipment-slot{width:42px;height:49px}.equipment-slot.weapon-slot{right:7px;top:9px;height:68px}.equipment-slot.shoes-slot{left:7px;bottom:9px}.equipment-slot.glove-slot{right:7px;bottom:9px}.metin-bag-grid{margin:5px;grid-template-rows:repeat(9,31px)}.start-item{top:calc(var(--row)*31px);height:calc(var(--span)*31px)}.start-item img{max-width:27px;max-height:calc(var(--span)*28px)}.start-item>span{right:auto;left:0;top:auto;bottom:calc(100% + 4px);width:145px;transform:none}.game-hotbar{display:none}.legal-stage-head{align-items:flex-start;flex-wrap:wrap}.legal-stage-head>strong{height:34px}.legal-stage-head>span{height:34px}.legal-tabs{order:3;width:100%;margin:4px 0 0}.legal-tabs button{flex:1;justify-content:center}.legal-scene{padding:10px 5px 14px}.legal-manager>b{font-size:9px}.legal-manager strong{font-size:8px}.legal-trade-main{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:5px;padding:6px}.trade-side>header{padding:0 6px}.trade-side>header>i{display:none}.trade-grid{grid-template-rows:repeat(4,25px);min-height:100px}.trade-grid-item{top:calc(var(--trade-row)*25px);height:calc(var(--trade-span)*25px)}.trade-grid-item img{max-width:24px;max-height:calc(var(--trade-span)*23px)}.trade-side>footer{padding:0 5px}.legal-item-preview:after{bottom:24px;width:40px}.trade-arrow{gap:2px;font-size:8px}.trade-arrow i:nth-child(2){width:19px;height:19px}.legal-inventory-items{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-trade-foot{grid-template-columns:1fr 1fr}.legal-trade-foot>span{grid-column:1/-1;grid-row:1}.legal-trade-foot button{grid-row:2}.character-sale-card{flex-wrap:wrap}.character-sale-card button{margin-left:auto}.legal-notification{min-width:250px}.legal-manager{padding:7px}.legal-manager>i{display:none}}
@media(prefers-reduced-motion:reduce){.inventory-fly-icon,.trade-fly-icon,.trade-transfer-icon,.start-notice.is-flashing,.start-item.is-using,.game-hotbar span.is-pulse,.start-character-stage.is-using-item .start-use-effect,.legal-game-stage.is-pending .trade-arrow i:nth-child(2),.legal-notification.is-visible{animation:none}.legal-notification.is-visible{opacity:1;transform:translate(-50%,-50%)}}

/* Oyuna Başlangıç — yerel Three.js karakteri ve oyun içi envanter */
.start-experience>.experience-title{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 34px;text-align:center}
.start-experience>.experience-title>span,.start-experience>.experience-title>h3,.start-experience>.experience-title>p{grid-area:auto}
.start-experience>.experience-title>span{display:flex;align-items:center;gap:13px;color:#d7aa61}
.start-experience>.experience-title>span:before,.start-experience>.experience-title>span:after{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,#9e5a32)}
.start-experience>.experience-title>span:after{background:linear-gradient(90deg,#9e5a32,transparent)}
.start-experience>.experience-title>h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,72px);font-weight:600;letter-spacing:-.045em}
.start-experience>.experience-title>h3::first-letter{color:#fff}
.start-experience>.experience-title>p{max-width:620px;margin:0;padding:0;border:0;color:#a99b8a;font-size:12px;line-height:1.65}
.start-game-stage{min-height:755px;border:1px solid #8a6037;background:linear-gradient(90deg,rgba(4,7,12,.5),rgba(4,7,12,.04) 48%,rgba(4,7,12,.48)),linear-gradient(180deg,rgba(5,8,13,.08),rgba(5,8,13,.12) 58%,rgba(4,7,12,.7)),url("../img/character-alesta-bg.jpg") center 38%/cover no-repeat;box-shadow:0 34px 90px #000b,inset 0 0 0 1px #f7dca00b}
.start-game-stage:before{z-index:3;background:linear-gradient(180deg,transparent 62%,rgba(4,7,12,.86));pointer-events:none}
.start-character-stage{position:absolute;z-index:2;inset:42px 270px 0 0;overflow:hidden;filter:drop-shadow(0 28px 20px #000b);pointer-events:none}
.start-character-stage:after{content:"";position:absolute;z-index:1;left:48%;bottom:5%;width:min(48%,330px);height:46px;border:1px solid #d99a4550;border-radius:50%;background:#bd6d201b;box-shadow:0 0 34px #c76f2b26;transform:translateX(-50%)}
.start-character-three{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;touch-action:none;pointer-events:none}
.start-character-stage>.three-loading{z-index:5}
.start-character-stage.three-ready>.three-loading{display:none}
.start-character-stage.three-failed:before{content:"3D model yüklenemedi";position:absolute;z-index:5;left:50%;top:48%;padding:10px 14px;border:1px solid #79532f;background:#090806d9;color:#d8b47f;font:800 9px var(--body);letter-spacing:.08em;transform:translate(-50%,-50%)}
.player-name{display:none}
.start-equip-flash{position:absolute;z-index:5;left:34%;top:50%;width:2px;height:2px;border-radius:50%;opacity:0;box-shadow:0 0 22px 12px #ffcd6fdb,0 0 80px 42px #cd482856}
.start-character-stage.is-equipping .start-equip-flash{animation:start-equip-state-flash .72s ease-out}
@keyframes start-equip-state-flash{0%{opacity:0;transform:scale(.2)}34%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(2.8)}}
.start-notice{z-index:9;left:24px;bottom:20px;width:min(410px,calc(100% - 48px));min-width:0;max-width:none;min-height:62px;padding:10px 15px;border-color:#845d35;background:linear-gradient(112deg,rgba(12,16,24,.95),rgba(6,9,15,.94));transform:none}
.start-notice>i{flex:0 0 34px}.start-notice strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.start-notice small{font-size:9px}
.start-notice.is-flashing{animation:start-notice-reference .42s cubic-bezier(.16,1,.3,1) both}
@keyframes start-notice-reference{0%{opacity:0;transform:translateY(10px) scale(.97)}100%{opacity:1;transform:none}}
.metin-inventory{top:67px;right:20px;bottom:auto;left:auto;width:250px;height:auto;border:1px solid #8d643c;background:linear-gradient(180deg,#12100df2,#080706f5);box-shadow:0 18px 40px #000d,inset 0 0 0 3px #1c140e;filter:none;transform:translate(var(--inventory-x),var(--inventory-y));transform-origin:center;touch-action:none;user-select:none}
.metin-inventory.is-dragging{filter:brightness(1.08);box-shadow:0 24px 48px #000f,inset 0 0 0 3px #1c140e}
.metin-inventory>header{position:relative;z-index:8;left:auto;top:auto;width:auto;height:37px;padding:0 10px;border-bottom:1px solid #674727;background:linear-gradient(#322218,#130e0a);cursor:grab;touch-action:none}
.metin-inventory>header:active{cursor:grabbing}.metin-inventory>header>span,.metin-inventory>header>small{opacity:1;pointer-events:auto}
.metin-inventory>header>button{position:static;width:24px;height:24px;margin-left:8px;border:1px solid #55402c;background:#0e0b08;color:#ad8d64}
.metin-inventory>header>button i{display:inline-block}
.equipment-paper{position:relative;z-index:3;inset:auto;height:160px;margin:7px;border:1px solid #4d3c2c;background:radial-gradient(circle at 52% 45%,#2a2119 0,#13100c 48%,#090807 100%);box-shadow:inset 0 0 26px #000;pointer-events:none}
.equipment-paper:before,.equipment-paper:after{display:block}.equipment-silhouette{display:block}
.equipment-slot{pointer-events:auto;width:53px;height:60px;padding:3px;border:1px solid #594633;background:#0a0907c7;color:#5e5040}
.equipment-slot:after,.equipment-slot i,.equipment-slot small{display:block}
.equipment-slot img{width:34px;height:39px;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #000);transform:none}
.equipment-slot.weapon-slot{left:auto;right:18px;top:12px;width:53px;height:84px}.equipment-slot.weapon-slot img{height:72px;object-fit:contain;transform:none}
.equipment-slot.shoes-slot{left:18px;top:auto;bottom:13px}.equipment-slot.glove-slot{left:auto;right:18px;top:auto;bottom:13px}
.equipment-slot.is-over,.equipment-slot.has-item{border-color:#d5a05d;background:#6c431d2b;box-shadow:0 0 0 2px #d5a05d35,inset 0 0 14px #b56e2530}
.metin-bag-grid{position:relative;z-index:4;left:auto;top:auto;display:grid;width:auto;height:auto;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(9,34px);margin:7px;background:#060504;box-shadow:0 0 0 1px #483829}
.bag-cell{width:auto;height:auto;align-self:stretch;justify-self:stretch;border-right:1px solid #2f271f;border-bottom:1px solid #2f271f;background:#080706}.bag-cell:nth-child(5n){border-right:0}.bag-cell.is-over{border-color:#ffcb6f9e;background:#dc94301f;box-shadow:inset 0 0 12px #f4b24038}
.start-item{left:calc(var(--col)*20%);top:calc(var(--row)*34px);width:20%;height:calc(var(--span)*34px);padding:2px;transition:left .35s cubic-bezier(.2,.75,.2,1),top .35s cubic-bezier(.2,.75,.2,1),opacity .24s ease,transform .22s ease,filter .22s ease,box-shadow .22s ease}
.start-item:before{display:block}.start-item img{width:auto;max-width:31px;height:auto;max-height:calc(var(--span)*31px);object-fit:contain;image-rendering:auto;transform:none}
.start-item.is-tall{height:calc(var(--span)*34px)}.start-item.is-tall img{width:auto;height:auto;max-height:61px;object-fit:contain;transform:none}
.start-item>b{right:4px;bottom:2px;font-size:8px}.start-item>span{right:calc(100% + 8px);top:50%;display:none;width:185px;padding:9px 11px;opacity:1;transform:translateY(-50%);transition:none}
.start-item:hover>span,.start-item:focus-visible>span{display:block;transform:translateY(-50%)}
.start-use-effect{top:51%;width:170px;height:170px}
.game-stage-bar,.game-hotbar{display:none!important}

@media(max-width:900px){
  .start-game-stage{min-height:700px}.start-character-stage{inset:48px 180px 0 -70px}
  .metin-inventory{display:block;top:68px;right:-8px;bottom:auto;left:auto;width:250px;transform:translate(var(--inventory-x),var(--inventory-y)) scale(.76);transform-origin:top right}
  .metin-inventory>header{grid-column:auto}.equipment-paper{height:160px;margin:7px}.metin-bag-grid{grid-template-rows:repeat(9,34px);margin:7px}.start-item{top:calc(var(--row)*34px);height:calc(var(--span)*34px)}
}
@media(max-width:600px){
  .start-experience>.experience-title>h3{font-size:42px}.start-game-stage{min-height:690px}
  .start-character-stage{inset:70px 86px 74px -115px}
  .metin-inventory{top:54px;right:-17px;width:250px;transform:translate(var(--inventory-x),var(--inventory-y)) scale(.62);transform-origin:top right}
  .start-notice{left:14px;right:14px;bottom:14px;width:auto}.start-notice small{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.start-character-stage.is-equipping .start-equip-flash{animation:none}}

/* Etkileşimli sahne üstte, rehber açıklaması hemen altında. */
.system-story.has-system-experience .system-experience{grid-column:1;grid-row:1;width:min(100%,1240px);margin:0 auto 42px}
.system-story.has-system-experience .story-copy{grid-column:1;grid-row:2;width:min(100%,1240px);max-width:1240px;margin:0 auto}
.system-story.has-system-experience .story-copy>p:first-of-type{max-width:940px}
.system-story.has-system-experience .story-details{max-width:none}