/* October presentation refresh: landscape iPhone, guide navigation, item details. */
.hero--mobile .hero-art{display:grid;place-items:center;height:auto;min-height:0;aspect-ratio:930/442;align-self:center;width:min(100%,850px);overflow:visible}
.hero-only-phone{position:relative;width:100%;aspect-ratio:930/442;filter:drop-shadow(0 32px 42px #000c)}
.hero-only-phone-screen{position:absolute;z-index:1;inset:3.4% 1.9%;overflow:hidden;border-radius:clamp(20px,3vw,50px);background:#080808}
.hero-only-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-only-phone-frame{position:absolute;z-index:2;left:50%;top:50%;display:block;width:47.5269%;height:210.407%;max-width:none;object-fit:fill;transform:translate(-50%,-50%) rotate(90deg);pointer-events:none}
.hero--mobile .hero-art:after{content:"";position:absolute;inset:12% 7%;z-index:-1;background:#9b60211c;filter:blur(45px);pointer-events:none}
@media(max-width:1120px){.hero--mobile .hero-art{width:min(100%,780px);aspect-ratio:930/442;height:auto;min-height:0;margin:26px auto 10px}}
@media(max-width:520px){.hero--mobile .hero-art{width:100%;margin:23px auto 10px}.hero-only-phone-screen{border-radius:20px}}

.finder-section{background:radial-gradient(ellipse at 50% 0,#6a431c38,transparent 55%),linear-gradient(#0e0b09,#090807)}
.finder-search-wrap{min-height:86px;border:1px solid #d5a567;background:linear-gradient(100deg,#21170e,#130f0b 60%,#27190d);box-shadow:0 24px 70px #0009,inset 0 0 0 5px #0a0908,0 0 32px #b97d2d1f}
.finder-search-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #9f713d;border-radius:50%;background:linear-gradient(145deg,#49321b,#1b130d);color:#ffe1a7;font-size:19px;box-shadow:0 0 22px #c28b3540}
.finder-search-wrap:focus-within .finder-search-icon{color:#fff;background:#805424}
.finder-suggestions button{border-radius:3px;transition:border-color .2s,background .2s,transform .2s}
.finder-suggestions button:hover{transform:translateY(-2px);background:#342316}

#sistemler .system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
#sistemler .system-card{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;min-height:82px;padding:14px 44px 14px 18px;border:1px solid #80603b;border-radius:3px;background:linear-gradient(115deg,#352315,#1a120d 60%,#100d0b);box-shadow:inset 0 0 0 4px #0d0a08,0 12px 28px #0007;overflow:hidden;isolation:isolate;text-align:left;text-decoration:none;transition:transform .2s,box-shadow .2s}
#sistemler .system-card:before{content:"";position:absolute;inset:-150%;z-index:-2;background:conic-gradient(from 0deg,transparent 0 65%,#ffe2a0 76%,#8a3d16 80%,transparent 88%);animation:feature-light-spin 6s linear infinite}
#sistemler .system-card:after{content:"";position:absolute;inset:2px;z-index:-1;background:linear-gradient(120deg,#342313,#17100c 67%,#0e0b0a);pointer-events:none}
#sistemler .system-card:hover,#sistemler .system-card:focus-visible{transform:translateY(-3px);box-shadow:0 18px 35px #000b,0 0 28px #d68f343a}
#sistemler .system-card strong{font-size:clamp(13px,1.25vw,17px);line-height:1.25;color:#f6dfb5}
#sistemler .system-card-symbol{flex:none;width:45px;height:45px;border-radius:50%;background:#6a421e55}
#sistemler .system-card .card-arrow{position:absolute;right:20px;color:#e9bb75}
@keyframes feature-light-spin{to{transform:rotate(360deg)}}
@media(max-width:960px){#sistemler .system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){#sistemler .system-grid{grid-template-columns:1fr}#sistemler .system-card{min-height:76px}}

#sistem-emmarket .market-standalone{display:block;width:min(100%,1080px);margin:28px auto 34px;padding:18px;border:1px solid #aa7a42;background:radial-gradient(circle at 50% 0,#65401e4d,transparent 50%),#110d0a;box-shadow:0 23px 60px #000a}
#sistem-emmarket .market-standalone .game-window{margin:0}
#sistem-emmarket .market-standalone .game-window{overflow:visible}
#sistem-emmarket .market-items{grid-template-columns:repeat(5,minmax(0,1fr))}
#sistem-emmarket .market-item{position:relative;overflow:visible;min-height:132px}
#sistem-emmarket .market-item-art{height:70px}
#sistem-emmarket .market-item-art img{max-width:78%;max-height:78%}
.market-tooltip{position:absolute;z-index:20;left:50%;bottom:calc(100% + 9px);width:210px;max-width:min(220px,85vw);padding:13px 15px;border:1px solid #bd914d;background:linear-gradient(145deg,#201913,#080808);box-shadow:0 10px 27px #000c;color:#d8c2a3;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s,transform .16s,visibility .16s}
.market-tooltip:after{content:"";position:absolute;left:calc(50% - 5px);bottom:-6px;width:9px;height:9px;border-right:1px solid #bd914d;border-bottom:1px solid #bd914d;background:#15100c;transform:rotate(45deg)}
.market-tooltip .market-tooltip-kicker{display:block;margin:0 0 8px;padding-bottom:7px;border-bottom:1px solid #785734;color:#c69d63;font:800 9px var(--body);letter-spacing:.14em}
.market-tooltip strong{display:block;margin-bottom:7px;color:#f3d99f!important;font:800 13px var(--body)!important}.market-tooltip span{display:block;color:#e4d4bb;font:500 11px/1.5 var(--body)}
.market-item:hover .market-tooltip,.market-item:focus-visible .market-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:750px){#sistem-emmarket .market-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){#sistem-emmarket .market-standalone{padding:6px}#sistem-emmarket .market-items{grid-template-columns:repeat(2,minmax(0,1fr))}.market-tooltip{max-width:165px;white-space:normal}}

@property --warning-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
#sistem-legalsatis .psd-guide-copy:last-of-type{position:relative;overflow:hidden;padding:22px 24px;border:2px solid transparent;background:linear-gradient(100deg,#370e0c,#1a0c0a) padding-box,conic-gradient(from var(--warning-angle),#731a15,#f83c30 20%,#ffd4b2 23%,#731a15 28%,#731a15 72%,#f83c30 78%,#ffd4b2 81%,#731a15 87%) border-box;color:#ffe2d8;font-weight:800;box-shadow:0 0 30px #bb2e242b;animation:warning-edge 4s linear infinite}
@keyframes warning-edge{to{--warning-angle:360deg}}

#sistem-farmhasar .psd-guide-scene,#sistem-pasifyetenekler .psd-guide-scene,#sistem-kadimsilah .psd-guide-scene,#sistem-pvmdonusumler .psd-guide-scene,#sistem-pvp2evrimler .psd-guide-scene,#sistem-evrimsistemi .psd-guide-image-frame{display:block}
#sistem-biyolog .guide-table-scroll{overflow:visible;width:100%;max-width:100%}
#sistem-biyolog .guide-table{width:100%;min-width:0;table-layout:fixed;overflow-wrap:anywhere}
#sistem-biyolog .guide-table th,#sistem-biyolog .guide-table td{white-space:normal}
@media(max-width:700px){#sistem-biyolog .guide-table{min-width:0;font-size:9px}#sistem-biyolog .guide-table th,#sistem-biyolog .guide-table td{padding:7px 4px}#sistem-biyolog .guide-table caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){#sistemler .system-card:before,#sistem-legalsatis .psd-guide-copy:last-of-type{animation:none}}