.m2stone{--gold:#d4b079;--muted:#a1b6c0;position:relative;padding:22px;border:1px solid #a78b5444;border-radius:14px;background:linear-gradient(140deg,#1d2c34,#101b22);color:#dbe6ea}.m2stone *{box-sizing:border-box}.m2stone [hidden]{display:none!important}.m2stone-atmosphere,.m2stone-vertical{display:none}.m2stone-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:34px;min-height:265px;border:1px solid #b18b5444;border-radius:12px;background:#14232c}.m2stone-hero-map{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111d24ee,#111d2499),url('../../metin-tasi/sohan_dagi.png') center/cover;opacity:.6}.m2stone-kicker{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.5px;color:var(--gold)}.m2stone-kicker>span,.m2stone-heading-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b1915355;border-radius:10px;font-size:23px;color:var(--gold)}.m2stone h1{font:700 clamp(27px,3.5vw,44px)/1.15 Georgia,serif;color:#f0dfc2;margin:18px 0}.m2stone h1 strong{display:block;color:#d9b57d}.m2stone-hero p{max-width:610px;font-size:13px;line-height:1.8;color:#b5c8d0}.m2stone-seal{display:grid;place-items:center;gap:7px;padding:24px;border:1px solid #a78b5433;border-radius:12px;color:var(--gold)}.m2stone-seal>span{font-size:55px}.m2stone-hero-actions,.m2stone-filters,.m2stone-tool-group,.m2stone-map-toolbar,.m2stone-editor-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.m2stone button{cursor:pointer;font:600 12px/1.5 'Segoe UI',sans-serif;color:#c4d5dd;border:1px solid #81939d44;background:#23343e;border-radius:8px;padding:9px 13px;transition:background .2s,border-color .2s,transform .2s}.m2stone button:hover{background:#b5925222;border-color:#c5a16b;transform:translateY(-2px)}.m2stone .m2stone-btn-primary,.m2stone-filters button.is-active{background:linear-gradient(120deg,#84663b,#51432d);border-color:#bc955f88;color:#f8e4bf}.m2stone :is(button,input,textarea):focus-visible{outline:2px solid #dab57b;outline-offset:3px}.m2stone-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.m2stone-summary article{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid #7d919b33;border-radius:10px;background:#20303977}.m2stone-summary article>span{font-size:28px;color:var(--gold)}.m2stone-summary strong,.m2stone-summary small{display:block}.m2stone-summary strong{font:700 23px Georgia,serif;color:#e8c998}.m2stone-summary small{font-size:10px;margin-top:5px;color:var(--muted)}.m2stone-guide{padding:22px;border:1px solid #7d919b33;border-radius:12px;margin:18px 0;background:#18272f}.m2stone-section-heading,.m2stone-panel-title{display:flex;gap:12px;align-items:center}.m2stone h2{font:700 23px Georgia,serif;color:#ebd7b5;margin:6px 0}.m2stone small{font-size:9px;color:#b69b71;letter-spacing:.8px}.m2stone-guide ol{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0;margin:18px 0 0}.m2stone-guide li{display:flex;gap:10px;font-size:11px;line-height:1.8;color:var(--muted)}.m2stone-guide li b{color:var(--gold)}.m2stone-search input,.m2stone input,.m2stone textarea{max-width:100%;min-width:0;border:1px solid #758c9855;border-radius:7px;background:#101c24;color:#dce7ed;padding:10px;font:12px 'Segoe UI',sans-serif}.m2stone-search{display:flex;gap:8px;align-items:center;margin:15px 0}.m2stone-filters{margin:18px 0}.m2stone-filters span{margin-left:8px;color:var(--gold)}.m2stone-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.m2stone .m2stone-map-card{position:relative;display:grid;grid-template-columns:1fr auto;text-align:left;padding:0;overflow:hidden;background:#15252e;border-color:#80909b44;animation:stone-enter .4s ease both}.m2stone-map-thumb{grid-column:1/-1;position:relative;display:block;height:145px;overflow:hidden}.m2stone-map-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.m2stone-map-card:hover img{transform:scale(1.05)}.m2stone-map-thumb i{position:absolute;right:12px;bottom:10px;font:24px Georgia;color:#f2d59f;text-shadow:0 2px 4px #000}.m2stone-map-info{padding:15px}.m2stone-map-info b,.m2stone-map-info small{display:block}.m2stone-map-info b{font-size:13px;color:#e1d0b2}.m2stone-map-info small{margin-top:5px;color:#8fa8b5}.m2stone-map-card>em{padding:18px;color:var(--gold)}.m2stone-empty{padding:40px;text-align:center}.m2stone-empty>*{display:block;margin:8px}.m2stone-editor{margin-top:20px}.m2stone-editor-head{padding:18px;border-bottom:1px solid #ad8a5244;margin-bottom:20px}.m2stone-editor-head p{font-size:12px;color:var(--muted)}.m2stone-editor-badge{margin-left:auto;color:var(--gold)}.m2stone-editor-badge>*{margin:4px}.m2stone-editor-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:18px}.m2stone-map-workbench,.m2stone-settings,.m2stone-point-panel{min-width:0;padding:18px;border:1px solid #758b963d;border-radius:11px;background:#14232b}.m2stone-map-toolbar{font-size:11px;margin-bottom:14px;justify-content:space-between}.m2stone-coord-readout{display:grid;gap:5px;color:var(--muted)}.m2stone-zoom{display:flex;gap:6px;align-items:center}.m2stone-zoom input{width:80px;padding:0}.m2stone-canvas-shell{overflow:auto;max-height:650px;border:1px solid #81949d44;border-radius:8px;background:#0d171d}.m2stone-canvas-stage{position:relative;width:100%;min-height:100px}.m2stone canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:pan-x pan-y}.m2stone-canvas-loading{position:absolute;inset:0;display:grid;place-content:center;background:#12222b;color:#e2c28f}.m2stone-canvas-help{padding-top:12px;font-size:10px;line-height:1.8;color:var(--muted)}.m2stone-panel-title>span{font-size:25px;color:var(--gold)}.m2stone h3{font:700 18px Georgia,serif;color:#dfc79f;margin:5px 0 14px}.m2stone-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.m2stone-field-wide{grid-column:1/-1}.m2stone-field>span{display:block;margin-bottom:6px;font-size:11px;color:var(--muted)}.m2stone-field>div{display:flex;align-items:center;gap:7px}.m2stone-field input{width:100%}.m2stone-field em{font-size:11px;color:#92a5af}.m2stone-output-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--gold);margin-bottom:10px}.m2stone-output{width:100%;min-height:130px;font:11px/1.8 Consolas,monospace!important;white-space:pre;resize:vertical}.m2stone-actions{display:grid;gap:9px;margin-top:15px}.m2stone-save-note{font-size:11px;color:#a5beb5;line-height:1.7;margin-top:15px}.m2stone-point-panel{margin-top:18px}.m2stone-point-panel-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.m2stone-point-list{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow:auto;margin-top:12px}.m2stone-point-list button{font-size:11px}.m2stone-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}.m2stone-modal-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(6px)}.m2stone-modal-card{position:relative;max-width:600px;max-height:85vh;overflow:auto;padding:32px;background:#172831;border:1px solid #bc945d;border-radius:14px;box-shadow:0 20px 70px #0009}.m2stone-modal-close{position:absolute;right:12px;top:12px}.m2stone-modal-card ol{padding-left:20px;font-size:13px;color:#b4c7cf}.m2stone-modal-warning{font-size:11px;color:#d7b57c;line-height:1.8}.m2stone-toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:13px 20px;border:1px solid #bf985b;border-radius:9px;background:#172a34;z-index:11000;opacity:0;pointer-events:none;max-width:90vw;font-size:12px}.m2stone-toast.show{opacity:1}.static-archive:has(.m2stone)>.static-archive__hero,.static-archive:has(.m2stone) .static-archive__aside{display:none}.static-archive:has(.m2stone) .static-archive__layout{display:block}.static-archive:has(.m2stone) .static-archive__content{padding:0;min-width:0}@keyframes stone-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.m2stone-editor-layout{grid-template-columns:1fr}.m2stone-guide ol{grid-template-columns:1fr 1fr}.m2stone-map-grid{grid-template-columns:1fr 1fr}.m2stone-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.m2stone{padding:10px}.m2stone-hero{padding:23px 16px}.m2stone-seal{display:none}.m2stone-map-grid{grid-template-columns:1fr}.m2stone-guide ol{grid-template-columns:1fr}.m2stone-summary article{padding:13px}.m2stone-summary strong{font-size:18px}.m2stone-editor-head{padding:12px}.m2stone-settings,.m2stone-map-workbench{padding:12px}}@media(prefers-reduced-motion:reduce){.m2stone *{animation:none!important;transition:none!important}}

/* Reference design: warm black, copper and parchment gold. */
.m2stone{--gold:#dbad61;--muted:#a08a70;padding:0;border:0;border-radius:0;background:linear-gradient(120deg,#110b07,#080604);color:#d5c0a2;font-family:'Segoe UI',Arial,sans-serif}
.m2stone .m2stone-hero{min-height:375px;padding:34px 44px;display:block;border:1px solid #93632b;border-radius:22px;background:#100a06;box-shadow:inset 0 0 0 10px #130b0666}
.m2stone .m2stone-hero:after{content:'';position:absolute;inset:10px;border:1px solid #b37c3226;border-radius:17px;pointer-events:none}
.m2stone .m2stone-hero-map{opacity:1;background:linear-gradient(90deg,#100905 0%,#100905f2 40%,#10090544 100%),url('../../metin-tasi/hayalet_ormani.png') right center/auto 125% no-repeat;filter:sepia(.45) brightness(.66)}
.m2stone .m2stone-hero-copy{position:relative;z-index:1;max-width:850px;margin:0;text-align:left}
.m2stone .m2stone-kicker{font-size:11px;letter-spacing:1.5px;color:#e8bb68}.m2stone .m2stone-kicker>span{width:32px;height:32px;border-radius:0;background:#5e341519;border-color:#97642b;font-size:23px}
.m2stone .m2stone-hero h1{font-size:clamp(34px,4.5vw,60px);line-height:1.01;letter-spacing:-1.7px;margin:18px 0;color:#f2e5cf}.m2stone .m2stone-hero h1 strong{color:#f2c96d;font-weight:700}.m2stone .m2stone-hero p{max-width:620px;font-size:14px;line-height:1.8;color:#c6ad8d;margin:16px 0 24px}.m2stone .m2stone-hero p code{color:#f1d397;background:transparent}
.m2stone .m2stone-seal{position:absolute;right:40px;bottom:30px;width:120px;height:120px;padding:10px;border:1px solid #a95629;border-radius:0;transform:rotate(-6deg);background:#32150e88;box-shadow:0 0 0 6px #130a07,0 0 0 7px #84622a66;color:#d9673d}.m2stone .m2stone-seal>span{font-size:55px;line-height:1}.m2stone .m2stone-seal b{font-size:9px;letter-spacing:3px;color:#e5b65a}.m2stone .m2stone-seal small{font-size:8px}
.m2stone .m2stone-vertical{display:block;position:absolute;right:16px;top:16px;writing-mode:vertical-rl;color:#9b783e;font-size:9px;letter-spacing:3px}
.m2stone button{background:#100a06;color:#d4bea0;border-color:#77512366;border-radius:8px}.m2stone button:hover{background:#422411;border-color:#b17836;color:#f4d295}.m2stone .m2stone-btn-primary{background:linear-gradient(110deg,#edba62,#a3481d);color:#160c06;border-color:#e7b46b;box-shadow:inset 0 1px #ffe3a855,0 7px 24px #a443171c}.m2stone .m2stone-hero-actions button{min-height:43px;padding:10px 18px;font-size:14px}.m2stone .m2stone-hero-actions b{margin-left:10px}
.m2stone .m2stone-summary{gap:10px;margin:13px 0 21px}.m2stone .m2stone-summary article{padding:14px 16px;gap:12px;border-color:#75502566;background:linear-gradient(120deg,#180e08,#0e0905);border-radius:12px}.m2stone .m2stone-summary article>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #8f5e2955;background:#69401715;font-size:23px}.m2stone .m2stone-summary strong{font:700 18px 'Segoe UI',sans-serif;color:#cdae73}.m2stone .m2stone-summary small{font-size:9px;color:#887055;text-transform:uppercase;letter-spacing:.8px}
.m2stone .m2stone-guide,.m2stone .m2stone-map-section{margin:16px 0;padding:24px 25px;background:linear-gradient(115deg,#1b1009,#0b0704);border:1px solid #79502566;border-radius:20px}.m2stone .m2stone-heading-main,.m2stone .m2stone-section-heading{display:flex;align-items:center;gap:12px}.m2stone .m2stone-heading-row{justify-content:space-between}.m2stone .m2stone-heading-mark{border-radius:0;background:#59341522;border-color:#98632c;color:#deb364}.m2stone h2{color:#e6cfac;font-size:25px;line-height:1.15;margin:3px 0}.m2stone small{color:#987750;font-size:9px;font-weight:700;letter-spacing:1.3px}
.m2stone .m2stone-guide ol{gap:9px;margin-top:20px}.m2stone .m2stone-guide li{padding:13px 12px;gap:18px;border:1px solid #83532340;border-radius:10px;background:#0b0704;font-size:11px;color:#a68e70}.m2stone .m2stone-guide li>b{color:#c77b35;font:700 18px Georgia,serif}.m2stone .m2stone-guide li strong{display:block;color:#dac3a0;font-size:12px}
.m2stone .m2stone-search{margin:0;position:relative}.m2stone .m2stone-search>span{position:absolute;left:13px;color:#bd873b}.m2stone .m2stone-search input{width:280px;padding-left:36px;height:42px}.m2stone input,.m2stone textarea{background:#0b0704;border-color:#7c512447;color:#d9c5a6;border-radius:8px}.m2stone input::placeholder{color:#81654a}.m2stone .m2stone-filters{gap:7px;margin:18px 0 16px}.m2stone .m2stone-filters button{border-radius:22px;font-size:10px;padding:7px 11px;color:#aa8b68}.m2stone .m2stone-filters button.is-active{background:linear-gradient(110deg,#6b401b,#291407);border-color:#a56e29;color:#e5c089}.m2stone .m2stone-filters span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:50%;background:#ffffff0b;margin-left:5px;font-size:9px}
.m2stone .m2stone-map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.m2stone .m2stone-map-card{display:flex;align-items:center;gap:11px;padding:9px;border:1px solid #80502066;border-radius:12px;background:linear-gradient(110deg,#1e120b,#100a06);min-height:91px}.m2stone .m2stone-map-thumb{width:70px;height:70px;flex:none;border:1px solid #8e613533;border-radius:8px;background:#050403}.m2stone .m2stone-map-thumb img{object-fit:contain;filter:sepia(.12) brightness(.85)}.m2stone .m2stone-map-thumb i{right:4px;bottom:3px;font-size:17px;color:#dfb870}.m2stone .m2stone-map-info{padding:0;min-width:0}.m2stone .m2stone-map-info b{font-size:12px;color:#d9c2a0}.m2stone .m2stone-map-info small{font-size:8px;margin-top:5px;letter-spacing:.8px;font-weight:400;color:#987b59;text-transform:uppercase}.m2stone .m2stone-map-card>em{padding:0 3px;margin-left:auto;color:#c07a32}.m2stone .m2stone-map-card:hover{border-color:#bb813b;background:#2a180c;box-shadow:0 8px 22px #0005}
.m2stone .m2stone-editor{padding:16px;background:#0c0805;border:1px solid #78502155;border-radius:15px;scroll-margin-top:95px}.m2stone .m2stone-editor-head{border-color:#79502144;padding:10px 0 18px}.m2stone .m2stone-editor-layout{grid-template-columns:minmax(0,2.25fr) minmax(275px,1fr);gap:15px;align-items:start}.m2stone .m2stone-map-workbench,.m2stone .m2stone-settings,.m2stone .m2stone-point-panel{background:linear-gradient(120deg,#1a1009,#0e0905);border-color:#77502466;border-radius:14px}.m2stone .m2stone-map-workbench{padding:0;overflow:hidden}.m2stone .m2stone-map-toolbar{padding:10px;margin:0;border-bottom:1px solid #714b2533;gap:10px}.m2stone .m2stone-tool-group{gap:5px}.m2stone .m2stone-icon-btn{width:35px;height:35px;padding:0;border-radius:6px;font-size:16px;background:#211309}.m2stone .m2stone-coord-readout{display:flex;font-size:9px;color:#97764e;gap:9px}.m2stone .m2stone-coord-readout span{text-transform:uppercase;font-size:8px}.m2stone .m2stone-zoom{font-size:9px;color:#a1845b}.m2stone input[type=range]{accent-color:#c87430}
.m2stone .m2stone-canvas-shell{height:650px;max-height:70vh;border:0;border-radius:0;background:#030302;padding:12px;scrollbar-width:thin;scrollbar-color:#714621 #100b07}.m2stone .m2stone-canvas-stage{min-height:100%;background:#030302}.m2stone canvas{image-rendering:pixelated;border:1px solid #79552166}.m2stone .m2stone-canvas-help{font-size:9px;text-align:center;padding:10px;color:#94734f}.m2stone .m2stone-map-workbench>.m2stone-modal-warning{font-size:9px;padding:0 12px;color:#9b805d;line-height:1.5}.m2stone .m2stone-settings{padding:15px}.m2stone .m2stone-panel-title>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #87592366;color:#d5a157;font-size:22px}.m2stone h3{font-size:19px;color:#ddc5a1;margin:3px 0}.m2stone .m2stone-field-grid{gap:10px;margin:16px 0}.m2stone .m2stone-field>span{text-transform:uppercase;font-size:9px;font-weight:700;color:#987751;margin-bottom:5px}.m2stone .m2stone-field input{height:37px;font-size:11px;padding:9px}.m2stone .m2stone-field>div{position:relative}.m2stone .m2stone-field>div input{padding-right:35px}.m2stone .m2stone-field em{position:absolute;right:10px;color:#876842;font-size:9px}.m2stone .m2stone-output-head{font-size:9px;text-transform:uppercase;color:#9f7c52}.m2stone .m2stone-output-head button{padding:0;border:0;font-size:9px;background:transparent;color:#cc923e}.m2stone .m2stone-output{min-height:135px;font-size:10px!important;background:#080603}.m2stone .m2stone-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.m2stone .m2stone-actions button{font-size:9px;padding:10px 7px}.m2stone .m2stone-actions .m2stone-btn-primary{grid-column:1/-1;min-height:40px}.m2stone .m2stone-save-note{display:flex;gap:10px;align-items:center;padding:10px;background:#23301120;border:1px solid #54613144;border-radius:8px;font-size:9px;color:#99a884}.m2stone .m2stone-save-note p{margin:0}.m2stone .m2stone-save-note>span{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#334d2455;color:#87ba73}.m2stone .m2stone-point-list button{color:#bf9b66}.m2stone .m2stone-modal-card,.m2stone .m2stone-toast{background:#1c110a;border-color:#99703a;color:#ddc39e}.m2stone .m2stone-canvas-loading{background:#100a06;color:#d9b478}
@media(max-width:1200px){.m2stone .m2stone-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.m2stone .m2stone-seal{width:95px;height:95px;right:25px;bottom:25px}.m2stone .m2stone-hero-copy{padding-right:80px}}
@media(max-width:900px){.m2stone .m2stone-editor-layout{grid-template-columns:1fr}.m2stone .m2stone-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m2stone .m2stone-hero{min-height:340px;padding:28px}.m2stone .m2stone-hero-copy{padding:0}.m2stone .m2stone-seal{display:none}.m2stone .m2stone-guide ol{grid-template-columns:1fr 1fr}.m2stone .m2stone-heading-row{flex-wrap:wrap}.m2stone .m2stone-search input{width:240px}}
@media(max-width:600px){.m2stone .m2stone-hero{padding:25px 20px;min-height:0;border-radius:15px}.m2stone .m2stone-hero h1{font-size:35px;letter-spacing:-1px}.m2stone .m2stone-hero p{font-size:12px}.m2stone .m2stone-kicker{font-size:8px}.m2stone .m2stone-guide,.m2stone .m2stone-map-section{padding:16px;border-radius:14px}.m2stone .m2stone-map-grid{grid-template-columns:1fr}.m2stone .m2stone-guide ol{grid-template-columns:1fr}.m2stone .m2stone-summary article{padding:10px;gap:8px}.m2stone .m2stone-summary article>span{width:28px;height:28px;font-size:20px}.m2stone .m2stone-summary small{font-size:8px;letter-spacing:0}.m2stone .m2stone-summary strong{font-size:16px}.m2stone .m2stone-search{width:100%;margin-top:12px}.m2stone .m2stone-search input{width:100%}.m2stone .m2stone-editor{padding:9px}.m2stone .m2stone-canvas-shell{height:440px}.m2stone .m2stone-vertical{display:none}}
