.m2guild{--text-soft:#9cafb8;position:relative;isolation:isolate;padding:22px;border:1px solid #9c805344;border-radius:14px;background:linear-gradient(135deg,#1b2931,#0f1a21);color:#dce5e8;overflow:hidden}.m2guild *{box-sizing:border-box}.m2guild .hidden{display:none!important}.m2guild-atmosphere,.m2guild-vertical{display:none}.m2guild-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:245px;padding:32px;overflow:hidden;border:1px solid #b18d5144;border-radius:12px;background:#14232b}.m2guild-hero-art,.m2guild-hero-shade{position:absolute;inset:0;z-index:0}.m2guild-hero-art{background:url('../images/hero_full.webp') center/cover;opacity:.4}.m2guild-hero-shade{background:linear-gradient(90deg,#101c24ef,#101c2460)}.m2guild-hero-copy,.m2guild-hero-seal{position:relative;z-index:1}.m2guild-kicker{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px;color:#d4b178}.m2guild-kicker>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ae8b5355;border-radius:10px;font-size:24px}.m2guild h1{margin:18px 0;font:700 clamp(28px,3vw,44px)/1.15 Georgia,serif;color:#f0e1c7}.m2guild h1 strong{display:block;color:#e0b77b}.m2guild-hero-seal{display:grid;text-align:center;color:#cda86b;gap:6px;padding:20px;border:1px solid #cda86b44;border-radius:12px}.m2guild-hero-seal>span{font-size:44px}.m2guild-hero-seal small{opacity:.6}.m2guild-guide{margin:18px 0;padding:20px;border:1px solid #71828c33;border-radius:12px;background:#20303866}.m2guild-guide-title{display:flex;gap:12px;align-items:center}.m2guild-guide-title>span{font-size:30px;color:#d3af72}.m2guild-guide-title small{display:block;color:#b5996a;font-size:9px;letter-spacing:1px}.m2guild-guide-title strong{font:700 20px Georgia,serif}.m2guild-guide ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;margin:18px 0 0;list-style:none}.m2guild-guide li{display:flex;gap:9px;font-size:11px;line-height:1.7;color:#aebfc7}.m2guild-guide li b{color:#e0bb81}.m2guild .wrapper{width:100%;max-width:none;margin:0;padding:0}.m2guild .layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px}.m2guild .panel{min-width:0;padding:22px;background:#14232bd9;border:1px solid #72899444;border-radius:12px;box-shadow:0 12px 28px #0002;animation:guild-enter .45s ease both}.m2guild h2{font:700 21px Georgia,serif;color:#ead4b0;margin:0 0 18px}.m2guild h3{font-size:15px;color:#d6b581;margin-top:22px}.m2guild .tabs,.m2guild .toolbar,.m2guild .btn-row,.m2guild .palette{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0}.m2guild button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 12px;border:1px solid #7c919b44;border-radius:7px;background:#24353e;color:#c8d7de;font:600 11px/1.5 inherit;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.m2guild button:hover{transform:translateY(-2px);border-color:#bd965b;background:#b9945620}.m2guild button.active,.m2guild .btn-tool-active,.m2guild .btn-primary{background:linear-gradient(120deg,#85683d,#4e412c);color:#fce8c6;border-color:#c49b5e88}.m2guild :is(button,input,select):focus-visible{outline:2px solid #dfb778;outline-offset:3px}.m2guild .toolbar label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#b5c6cf}.m2guild select{max-width:100%;min-height:36px;padding:7px 30px 7px 9px;border:1px solid #69818d55;border-radius:7px;background-color:#101d25;color:#d4e1e8}.m2guild input[type=file]{max-width:100%;font-size:11px}.m2guild input::file-selector-button{padding:9px 13px;margin-right:12px;border:1px solid #b1915755;border-radius:6px;background:#8d6e3733;color:#ecd1a2;cursor:pointer}.m2guild .tab-desc,.m2guild .select-hint,.m2guild .notice,.m2guild .source-hint,.m2guild .canvas-hint{font-size:11px;line-height:1.8;color:#9db2bd}.m2guild .source-wrapper,.m2guild .canvas-wrapper{padding:14px;border:1px dashed #79929c55;border-radius:9px;background:#0d1920;overflow:auto}.m2guild canvas{max-width:100%;image-rendering:pixelated;touch-action:none}.m2guild #m2g-sourceCanvas{height:auto}.m2guild .palette button{width:25px;height:25px;min-height:0;padding:0;border-radius:6px}.m2guild .preview-flag{display:flex;flex-wrap:wrap;gap:16px;padding:15px;background:#0d1920;border-radius:9px}.m2guild .flag-cloth{display:grid;place-items:center;width:120px;height:105px;background:linear-gradient(100deg,#5d2525,#913e32,#542424);border-radius:2px 2px 28px 2px;box-shadow:5px 6px 12px #0004}.m2guild .flag-emblem canvas{width:64px;height:48px}.m2guild .preview-text{flex:1;min-width:130px}.m2guild .preview-text>span{display:block;margin-top:8px;font-size:11px;color:#9eb2bc;line-height:1.7}.m2guild .char-preview-card{margin-top:18px;border:1px solid #7d929b33;border-radius:10px;overflow:hidden}.m2guild .char-preview-title{padding:12px;background:#25333a;font-size:12px;color:#d7c29e}.m2guild .metin-preview{position:relative;background:#101c23;text-align:center;min-height:220px}.m2guild .metin-preview>img{width:100%;height:240px;object-fit:contain}.m2guild .nameplate{position:absolute;left:0;right:0;top:20px;text-shadow:0 2px 3px #000}.m2guild .guild-row,.m2guild .player-row{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.m2guild .guild-name{color:#ffe887}.m2guild .player-row{color:#e8f4ff}.m2guild .guild-emblem canvas{width:16px;height:12px}.m2guild .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;padding:12px 20px;border:1px solid #b9955a;border-radius:9px;background:#192b34;color:#efd4a6;opacity:0;pointer-events:none}.m2guild .toast.show,.m2guild .toast.is-visible{opacity:1}.static-archive:has(.m2guild)>.static-archive__hero,.static-archive:has(.m2guild) .static-archive__aside{display:none}.static-archive:has(.m2guild) .static-archive__layout{display:block}.static-archive:has(.m2guild) .static-archive__content{padding:0;min-width:0}@keyframes guild-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.m2guild .layout{grid-template-columns:1fr}.m2guild-guide ol{grid-template-columns:1fr 1fr}}@media(max-width:600px){.m2guild{padding:10px}.m2guild-hero{padding:22px 16px}.m2guild-hero-seal{display:none}.m2guild .panel{padding:15px}.m2guild-guide ol{grid-template-columns:1fr}.m2guild .tabs>button{flex:1}}@media(prefers-reduced-motion:reduce){.m2guild *{animation:none!important;transition:none!important}}