:root{--bg: #0d0f14;--panel: rgba(18, 21, 30, .92);--line: #3a4157;--text: #e8e6df;--dim: #9aa0b2;--gold: #e3c06b;--ally: #4f8cff;--enemy: #ff5a5a;--npc: #5ad28c;--hp: #55d17a;--font: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--ec-ink: #0f1712;--ec-ink-2: #19231b;--ec-parch: #f7efc2;--ec-parch-2: #efe3ab;--ec-parch-3: #e6d394;--ec-ribbon: #f6b878;--ec-bronze: #b07a2c;--ec-bronze-dk: #6e4a1e;--ec-gold: #e9a92e;--ec-gold-lt: #f6d78a;--ec-text: #2b1d0b;--ec-text-2: #6b5330;--ec-text-3: #9b8558;--ec-orange: #f0901f;--ec-orange-dk: #b8320c;--ec-blue: #2a2fd8;--ec-blue-dk: #0c1170;--ec-red: #b4220f;--ec-green: #2c7524;--ec-cream: #fdf6d0}@font-face{font-family:Eclipse Bitmap;src:url(/assets/ui/eclipse-font.woff) format("woff");font-display:block}html.bmfont{--font: "Eclipse Bitmap", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;font-synthesis:none}html.bmfont *{font-synthesis:none}html.bmfont #camp .stage{font-size:16px;line-height:15px}html.bmfont #camp .desc .say{font-size:16px;line-height:16px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}html,body{touch-action:pan-x pan-y;-webkit-touch-callout:none}html,body{-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;user-drag:none}textarea,input{-webkit-user-select:text;user-select:text}canvas#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;cursor:default}button{font:inherit;color:var(--text);background:#262c3d;border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover{background:#313952}button.on{border-color:var(--enemy);color:#ffb3b3}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#hud{position:fixed;transform-origin:0 0;pointer-events:none;image-rendering:pixelated;-webkit-user-select:none;user-select:none;font:16px/16px var(--font);color:#000;z-index:5}#hud>*{position:absolute;pointer-events:auto}canvas#view{touch-action:none}.owin{position:absolute;background-size:100% 100%;image-rendering:pixelated;color:#000;font:16px/16px var(--font)}.owin .t{position:absolute;left:8px;right:8px;top:5px;height:18px;line-height:18px;text-align:center;white-space:nowrap;overflow:hidden}.oclose{all:unset;position:absolute;right:2px;top:1px;width:24px;height:24px;cursor:pointer}.oclose i{position:absolute;left:4px;top:4px;width:16px;height:16px;box-sizing:border-box;border:1px solid #4a2c0c;border-radius:3px;background:linear-gradient(#fbecc0,#e2bb72);box-shadow:inset 1px 1px #fffbe6,inset -1px -1px #b27e36,0 1px #3c1e0059}.oclose i:before,.oclose i:after{content:"";position:absolute;left:2px;top:6px;width:10px;height:2px;border-radius:1px;background:#4a2008;box-shadow:0 1px #fff6d2cc;transform:rotate(45deg)}.oclose i:after{transform:rotate(-45deg)}.oclose:hover{background:none}.oclose:hover i{background:linear-gradient(#fff4d4,#eccb86)}.oclose:hover i:before,.oclose:hover i:after{background:#a00000}.oclose:active i{background:linear-gradient(#e2bb72,#f4dca4);box-shadow:inset 1px 1px #a87430,inset -1px -1px #fff2c8}.oclose:active i:before,.oclose:active i:after{top:7px;left:3px}.owin.hasx .t{right:26px}#hud .oshade{background:#00000061}.owin .b{position:absolute;left:12px;right:12px;line-height:18px;text-shadow:-1px 0 #aaa;overflow:hidden;text-align:center}.owin .b .rules{text-align:left}.owin .b .rules div{padding-left:10px;text-indent:-10px;margin-bottom:4px}.owin .blue,.owin .h.blue{color:#2828e0;text-shadow:-1px 0 #8888ff}.owin .red,.owin .h.red{color:#b00000;text-shadow:-1px 0 #ff8080}.owin .green,.owin .h.green{color:#006a1a;text-shadow:-1px 0 #80c080}.owin .dim{color:#555}.owin .done{color:#006a1a}.owin .failed{color:#b00000;text-decoration:line-through}.obtn{all:unset;position:absolute;box-sizing:border-box;height:25px;line-height:25px;text-align:center;white-space:nowrap;border-style:solid;border-width:0 8px;border-image:var(--btn) 0 8 fill / 0 8px stretch;color:#000;font:16px/25px var(--font);cursor:pointer;image-rendering:pixelated}.obtn:active:not(:disabled){border-image-source:var(--btn-down)}.obtn:hover:not(:disabled),.obtn:focus-visible{filter:brightness(1.12)}.obtn:focus-visible{outline:1px dotted #000;outline-offset:-4px}.obtn:disabled{color:#7a6a58;cursor:default;filter:saturate(.4)}.obtn.on{color:#a00000;text-shadow:-1px 0 #ffb080}#hud .band{left:0;top:0;width:0;height:0;pointer-events:none}.band>*{position:absolute;pointer-events:auto}.band-title{text-align:center;line-height:29px;color:#3a2008;text-shadow:-1px 0 #c8a878;white-space:nowrap;overflow:hidden;pointer-events:none!important}.band.foe .band-title{background:#c828142e}.plate{height:25px;line-height:23px;text-align:center;white-space:nowrap;background:#fceca4;border:1px solid #64401c;box-shadow:inset 0 0 0 1px #ecd084;border-radius:3px;color:#000;padding:0 6px}.plate b{font-weight:inherit}.plate .ally{color:#2828e0}.plate .enemy{color:#b00000}.plate .npc{color:#006a1a}.plate.terrain{width:auto}.owin.basic .ic{position:absolute;top:28px}#hud .owin.basic.passive{pointer-events:none}.owin.basic .ic.btn{cursor:pointer}.owin.basic .v{position:absolute;top:50px;width:24px;text-align:center;color:#2a3c9c;text-shadow:-1px 0 #9aa8e0}.owin.basic .v.red{color:#c01818;text-shadow:-1px 0 #f0a0a0}.owin.basic .x{position:absolute;left:10px;right:6px;top:72px;line-height:18px;white-space:nowrap;overflow:hidden}.bigstat{position:absolute;width:330px;height:330px;cursor:pointer;font:14px/16px var(--font)}html.bmfont .bigstat{font-size:16px;line-height:15px}.bigstat>*,.bigstat .status>*{position:absolute}.bigstat .status-bg{left:0;top:0}.bigstat .por{display:block;background:url(/assets/ui/camp-por.png)}.bigstat .txt,.bigstat .num{color:#000;text-shadow:-1px 0 #aaa;white-space:nowrap}.bigstat .num.cur{color:#00a;text-shadow:-1px 0 #5555ff;text-align:right}.bigstat .b{font-weight:700}.bigstat .icon{display:block;width:48px;height:56px;background-image:url(/assets/ui/equip.png)}.bigstat .mg{background-image:url(/assets/ui/magic-icons.png)}.owin .lvup{display:flex;justify-content:center;gap:8px;margin-top:4px}.owin .lvup figure{margin:0;width:92px;text-align:center}.owin .lvup figcaption{line-height:16px;white-space:nowrap}.owin .lvup .icon{display:block;width:48px;height:56px;margin:0 auto 2px;background-image:url(/assets/ui/equip.png)}.owin .lvup .mg{display:block;width:32px;height:40px;margin:8px auto 10px;background:url(/assets/ui/magic-icons.png) no-repeat}.bigstat button{all:unset;position:absolute}#hud .gogo{pointer-events:none}.speak{background-size:100% 100%;image-rendering:pixelated;cursor:pointer;transition:filter .15s,opacity .15s}.speak>*{position:absolute}.speak .por{width:96px;height:111px}.speak .name{color:#2828e0;text-shadow:-1px 0 #8888ff;white-space:nowrap}.speak .text{line-height:20px;height:60px;overflow:hidden;color:#000;text-shadow:-1px 0 #aaa;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.speak.narr .text{left:24px!important;width:calc(100% - 48px)!important}.speak.narr .name{display:none}.speak.dim{filter:brightness(.82) saturate(.7);opacity:.85}.speak.remake .por{filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.speak.remake .text{height:60px}.owin.minimap canvas{position:absolute;image-rendering:pixelated;cursor:pointer;touch-action:none}.band-bar{display:none}html.ui-modern .band-bar{display:block;background:var(--ec-ink-2);border-bottom:1px solid var(--ec-gold);box-shadow:0 1px 0 var(--ec-bronze-dk),0 2px #00000059}html.ui-modern .band-title{text-align:left;line-height:32px;color:var(--ec-gold-lt);text-shadow:1px 1px 0 #000}html.ui-modern .band.foe .band-title{background:none;color:#ff9a7a}html.ui-modern .band.foe .band-bar{border-bottom-color:#d0482a}html.ui-modern .plate{background:var(--ec-parch);border:1px solid var(--ec-bronze-dk);box-shadow:inset 0 0 0 1px var(--ec-parch-2);border-radius:3px;color:var(--ec-text)}html.ui-modern .plate .ally{color:var(--ec-blue)}html.ui-modern .plate .enemy{color:var(--ec-red)}html.ui-modern .plate .npc{color:var(--ec-green)}html.ui-modern .owin{background:linear-gradient(var(--ec-ribbon) 0 24px,var(--ec-bronze-dk) 24px 25px,var(--ec-parch) 25px)!important;border:1px solid var(--ec-bronze-dk);border-radius:3px;box-shadow:inset 0 0 0 1px #fffadc99,0 3px #00000059;color:var(--ec-text);image-rendering:auto}html.ui-modern .owin .t{color:var(--ec-text)}html.ui-modern .oclose i{border-color:var(--ec-bronze);border-radius:50%;background:var(--ec-parch);box-shadow:0 1px #0003}html.ui-modern .oclose i:before,html.ui-modern .oclose i:after{background:var(--ec-text-2);box-shadow:none}html.ui-modern .oclose:hover i{background:var(--ec-orange);border-color:var(--ec-orange-dk)}html.ui-modern .oclose:hover i:before,html.ui-modern .oclose:hover i:after{background:var(--ec-text)}html.ui-modern .oclose:active i{background:var(--ec-parch-3);box-shadow:none}html.ui-modern .owin .t:before,html.ui-modern .owin .t:after{content:"◆";font-size:8px;color:var(--ec-bronze);margin:0 6px;vertical-align:2px}html.ui-modern .owin .b{color:var(--ec-text);text-shadow:none}html.ui-modern .owin .blue,html.ui-modern .owin .h.blue{color:var(--ec-blue);text-shadow:none}html.ui-modern .owin .red,html.ui-modern .owin .h.red{color:var(--ec-red);text-shadow:none}html.ui-modern .owin .green,html.ui-modern .owin .h.green{color:var(--ec-green);text-shadow:none}html.ui-modern .owin .dim{color:var(--ec-text-2)}html.ui-modern .owin .done{color:var(--ec-green)}html.ui-modern .owin .failed{color:var(--ec-red)}html.ui-modern .owin.basic .v{color:var(--ec-blue);text-shadow:none}html.ui-modern .owin.basic:before{content:"◆ 인물기본자료 ◆";position:absolute;left:0;right:0;top:4px;text-align:center;font-size:13px;line-height:18px;color:var(--ec-text)}html.ui-modern .obtn{border:1px solid var(--ec-bronze-dk);border-bottom-width:2px;border-image:none;border-radius:3px;background:var(--ec-parch-2);color:var(--ec-text);height:25px;line-height:22px}html.ui-modern .obtn:active:not(:disabled){background:var(--ec-parch-3);border-bottom-width:1px;line-height:23px}html.ui-modern .obtn:hover:not(:disabled),html.ui-modern .obtn:focus-visible{filter:none;background:#fbf3cf;border-color:var(--ec-orange-dk)}html.ui-modern .obtn:focus-visible{outline:none}html.ui-modern .obtn:disabled{color:var(--ec-text-3);filter:none;opacity:.7}html.ui-modern .obtn.on{background:var(--ec-orange);border-color:var(--ec-orange-dk);color:var(--ec-text);text-shadow:none}html.ui-modern .band .obtn{background:var(--ec-parch)}html.ui-modern .band .obtn.on{background:var(--ec-orange)}html.ui-modern .speak{background:var(--ec-parch)!important;border:1px solid var(--ec-bronze-dk);border-radius:3px;box-shadow:inset 0 0 0 3px var(--ec-parch),inset 0 0 0 4px #b07a2c8c,0 3px #00000059}html.ui-modern .speak .name{color:var(--ec-blue);text-shadow:none}html.ui-modern .speak .text{color:var(--ec-text);text-shadow:none}html.ui-modern .speak .por{border:1px solid var(--ec-bronze-dk);background:var(--ec-parch-2)}html.ui-modern .speak.dim{filter:brightness(.82) saturate(.75);opacity:.9}#titlescreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}#titlescreen .stage{position:absolute;left:50%;top:50%;width:640px;height:480px;transform-origin:50% 50%;image-rendering:pixelated;-webkit-user-select:none;user-select:none}#titlescreen .stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .6s}#titlescreen .stage.dark:after{opacity:1}#titlescreen .stage.cut:after{transition:none}#titlescreen .gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#000;color:#9c9c90;font-size:14px;letter-spacing:2px;cursor:pointer}#titlescreen .bg{position:absolute;top:0;right:0;bottom:0;left:0;width:640px;height:480px}#titlescreen .win{position:absolute;left:460px;top:0;width:172px;border-style:solid;border-width:60px 26px 26px;border-image:url(/assets/ui/menu-frame.png) 60 26 26 fill / 60px 26px 26px round}#titlescreen .win.wide{left:400px;width:232px}#titlescreen .body{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;padding:0 0 6px;margin-top:-10px;max-height:360px;overflow-y:auto;scrollbar-width:none}#titlescreen .row{all:unset;box-sizing:border-box;cursor:pointer;width:120px;height:24px;flex:none;text-align:center;font:700 16px/24px var(--font);letter-spacing:2px;color:#9c9c90;text-shadow:1px 1px 0 #3c3c3c}#titlescreen .row:hover:not(:disabled),#titlescreen .row:focus-visible{color:#fcfcfc;text-shadow:1px 1px 0 #000}#titlescreen .row.opt{font-size:12px;height:20px;line-height:20px;letter-spacing:0;margin-top:4px;color:#6c846c}#titlescreen .row:disabled{cursor:default;opacity:.45}#titlescreen .row.ed{width:56px;font-size:13px;height:20px;line-height:20px;color:#6c846c}#titlescreen .row.ed.on{color:#fcfcfc;text-shadow:1px 1px 0 #000}#titlescreen .row.ed{margin-top:6px}#titlescreen .version{width:100%;text-align:center;font:400 12px/16px var(--font);color:#6c846c}#titlescreen .wide .row{width:180px;font-size:14px}#titlescreen .row.back{margin-top:6px}#titlescreen .row.two{height:40px;line-height:20px;padding-top:1px}#titlescreen .row.two small{display:block;font-size:12px;line-height:16px;letter-spacing:0;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#titlescreen .wide .row.opt{font-size:14px;height:24px;line-height:24px;color:inherit}#titlescreen .wide .row.opt:first-child{margin-top:12px}#titlescreen .page{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}#titlescreen .page nav{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px;background:#000000bf}#titlescreen .page nav span{color:#9c9c90;font-size:13px;min-width:40px;text-align:center}#titlescreen .page nav button{all:unset;cursor:pointer;padding:2px 8px;color:#9c9c90;text-shadow:1px 1px 0 #3c3c3c;font:700 14px/20px var(--font)}#titlescreen .page nav button:hover:not(:disabled),#titlescreen .page nav button:focus-visible{color:#fcfcfc}#titlescreen .page nav button:disabled{opacity:.35;cursor:default}#titlescreen .page nav .close{position:absolute;right:12px}#titlescreen .page img{width:640px;height:480px}#titlescreen .wmap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0c0a06}#titlescreen .wmap .mapbox{position:absolute;left:0;top:0;width:640px;height:480px;transform-origin:0 0;transition:transform .3s ease}#titlescreen .wmap.list .mapbox{transform:translate(4px,52px) scale(.725)}#titlescreen .wmap .map,#titlescreen .wmap .paths{position:absolute;top:0;right:0;bottom:0;left:0;width:640px;height:480px}#titlescreen .wmap .paths{pointer-events:none}#titlescreen .wmap .paths path{fill:none;stroke-linecap:round;stroke-linejoin:round}#titlescreen .wmap .paths .under{stroke:#fff3c8;stroke-width:7;opacity:.55}#titlescreen .wmap .paths .trail{stroke:#8a1407;stroke-width:4;stroke-dasharray:.1 8}#titlescreen .wmap .dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#140a009e;opacity:0;transition:opacity .15s;pointer-events:none}#titlescreen .wmap.focus .dim{opacity:1}#titlescreen .wmap .labels{position:absolute;top:0;right:0;bottom:0;left:0}#titlescreen .wmap.focus .labels>:not(.lit){opacity:.18}#titlescreen .wmap.focus .place.next:not(.lit){animation:none;opacity:.18}#titlescreen .wmap .labels>*{transition:opacity .15s,filter .15s}#titlescreen .wmap .lit{filter:drop-shadow(0 0 6px #fff0a0) brightness(1.15)}#titlescreen .placebtn{all:unset;position:absolute;cursor:pointer;filter:drop-shadow(0 1px 1px rgba(60,30,0,.6))}#titlescreen .placebtn .place{position:relative}#titlescreen .placebtn:hover,#titlescreen .placebtn:focus-visible{filter:drop-shadow(0 0 4px #fff6c0) brightness(1.1)}#titlescreen .place.next{animation:placepulse 1.6s ease-in-out infinite;pointer-events:none}@keyframes placepulse{0%,to{filter:drop-shadow(0 0 0 #fff0a0);opacity:.6}50%{filter:drop-shadow(0 0 6px #fff0a0);opacity:1}}#titlescreen .wmap .hero{position:absolute;width:56px;height:48px;background-repeat:no-repeat;background-position:0 0;pointer-events:none;image-rendering:pixelated;animation:herobob 2.6s ease-in-out infinite;filter:drop-shadow(1px 0 0 #3a2208) drop-shadow(-1px 0 0 #3a2208) drop-shadow(0 1px 0 #3a2208) drop-shadow(0 -1px 0 #3a2208) drop-shadow(0 3px 2px rgba(0,0,0,.6))}@keyframes herobob{50%{transform:translateY(-4px)}}#titlescreen .wmap .hplace{position:absolute;padding:2px 8px;background:#faeec8;border:2px solid #96701e;border-radius:3px;color:#6e3c0a;font-size:12px;white-space:nowrap}#titlescreen .wmap .sun{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;align-items:center;pointer-events:none}#titlescreen .wmap .sun i{display:block;width:36px;height:36px;margin:6px auto 8px;border-radius:50%;background:radial-gradient(#ffe27a,#ffb32c 60%,#c06a10);box-shadow:0 0 14px 8px #ffd26eb3}#titlescreen .wmap .sun b{font-size:12px;font-weight:400;color:#6e3c0a;white-space:nowrap;text-shadow:0 0 3px #fff3c8}#titlescreen .wmap .clist{position:absolute;right:6px;top:8px;bottom:34px;width:164px;overflow:auto;padding:6px 8px;background:#f3e3b0;border:2px solid #6b4a1a;border-radius:4px;color:#3c2a10;font-size:12px;transition:transform .3s ease,opacity .3s}#titlescreen .wmap:not(.list) .clist{transform:translate(110%);opacity:0;pointer-events:none}#titlescreen .wmap .clist h3{margin:0 0 4px;font-size:14px;font-weight:400;color:#5a1a08;text-align:center}#titlescreen .wmap .clist h4{margin:8px 0 2px;font-size:12px;font-weight:400;color:#8a5a20;border-bottom:1px solid #c9a868}#titlescreen .wmap .clist p{margin:8px 0;color:#8a6a3a;text-align:center}#titlescreen .crow{all:unset;box-sizing:border-box;display:flex;align-items:baseline;gap:6px;width:100%;padding:1px 3px;cursor:pointer;border-radius:2px}#titlescreen .crow b{width:18px;flex:none;text-align:right;font-weight:400;color:#8a1c10}#titlescreen .crow span{flex:1;min-width:0}#titlescreen .crow small{display:block;color:#8a6a3a;font-size:10px}#titlescreen .crow em{font-style:normal;color:#8a1c10;font-size:10px}#titlescreen .crow.next{opacity:.75}#titlescreen .crow:hover,#titlescreen .crow:focus-visible{background:#7a1c1024}#titlescreen .wmap .popup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:260px;max-width:460px;padding:10px 16px 6px;background:#f3e3b0;border:2px solid #6b4a1a;border-radius:4px;box-shadow:0 3px 12px #000000a6;color:#3c2a10;font-size:13px;z-index:2}#titlescreen .wmap.list .popup{left:236px}#titlescreen .wmap .popup[hidden]{display:none}#titlescreen .wmap .popup h3{margin:0 0 6px;font-size:14px;font-weight:400;color:#5a1a08;text-align:center}#titlescreen .wmap .prow{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:3px 0;border-top:1px dotted #c9a868}#titlescreen .wmap .prow b{flex:none;width:34px;font-weight:400;color:#8a1c10}#titlescreen .wmap .prow span{flex:1}#titlescreen .wmap .prow small{display:block;color:#8a6a3a;font-size:11px}#titlescreen .wmap .popup button{all:unset;cursor:pointer;color:#7a1c10;padding:1px 4px;border-radius:2px}#titlescreen .wmap .popup button:hover,#titlescreen .wmap .popup button:focus-visible{background:#7a1c1024}#titlescreen .wmap .popup button.x{display:block;margin:6px auto 0;color:#8a6a3a}#titlescreen .wmap .popup p{margin:4px 0 0;color:#2f5a1f}#titlescreen .wmap .popup .via{flex:1 0 100%;display:flex;justify-content:flex-end;align-items:center;gap:4px;white-space:nowrap}#titlescreen .wmap .popup .via span{flex:none;color:#7a1c10;margin-right:2px}#titlescreen .wmap .popup .via button{border:1px solid #b08850;font-size:11px;padding:0 5px}#titlescreen .wmap .popup .via button.pri{background:#7a1c1024;border-color:#7a1c10}#titlescreen .page nav .toggle{position:absolute;left:12px}#titlescreen .page:has(.wmap) nav{height:30px;background:linear-gradient(transparent,#0c0a06eb 40%);z-index:3}#titlescreen .codex{position:absolute;top:0;right:0;bottom:30px;left:0;padding:10px 16px;color:#c8c8bc;font-size:12px;overflow:auto}#titlescreen .codex h2{margin:0 0 6px;font-size:16px;color:var(--gold);font-weight:400}#titlescreen .codex h3{margin:10px 0 4px;font-size:13px;font-weight:400;color:#9c9c90}#titlescreen .codex h3 small{color:#6c6c64}#titlescreen .codex .cells{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#titlescreen .codex .cell{display:flex;gap:6px;align-items:center;border:1px solid #3c3c34;border-radius:3px;padding:3px}#titlescreen .codex .cell img{width:32px;height:37px;object-fit:cover}#titlescreen .codex .cell b{display:block;font-weight:400;color:#e8e6df}#titlescreen .codex .cell small{color:#8c8c80;font-size:10px}#titlescreen .codex .items{display:flex;flex-wrap:wrap;gap:3px 10px}#titlescreen .codex p{margin:0;color:#6c6c64}#titlescreen .codex .rule-head{margin-top:14px}#titlescreen .codex .rules{margin:0;padding-left:16px;line-height:17px}#titlescreen .notice{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fcfcfc;text-align:center;font:16px/1.7 var(--font)}#titlescreen .notice h2{font-size:20px;margin:0 0 18px;letter-spacing:4px}#titlescreen .notice p{margin:0 0 14px}#titlescreen .notice a{color:#f0d070;text-decoration:underline;text-underline-offset:3px}#titlescreen .notice a:hover,#titlescreen .notice a:focus-visible{color:#fcfcfc}#titlescreen .notice .dim{color:#9c9c90;font-size:13px;line-height:1.6}#titlescreen .transfer{position:absolute;top:0;right:0;bottom:34px;left:0;padding:18px 22px 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:0 16px;color:#e8e6df;font:13px/1.5 var(--font)}#titlescreen .transfer h2{grid-column:1 / -1;margin:0 0 4px;font-size:20px;letter-spacing:4px;text-align:center;color:#fcfcfc}#titlescreen .transfer .lead{grid-column:1 / -1;margin:0 0 10px;color:#9c9c90;text-align:center}#titlescreen .transfer section{display:flex;flex-direction:column;min-height:0;padding:10px 12px;border:1px solid #3c3c34;border-radius:4px;background:#0c0c0a}#titlescreen .transfer h3{margin:0 0 6px;font-size:15px;font-weight:400;color:#f0d070;letter-spacing:2px}#titlescreen .transfer ul{margin:0 0 6px;padding:0;list-style:none}#titlescreen .transfer li b{font-weight:400;color:#f0d070;margin-right:4px}#titlescreen .transfer .dim{color:#6c6c64}#titlescreen .transfer textarea{flex:1;min-height:80px;resize:none;padding:6px;border:1px solid #3c3c34;border-radius:3px;background:#1a1a16;color:#c8c8bc;font:11px/1.35 ui-monospace,Menlo,monospace;word-break:break-all;-webkit-user-select:text;user-select:text}#titlescreen .transfer textarea:focus{outline:1px solid #f0d070}#titlescreen .transfer .btns{display:flex;gap:8px;margin-top:8px}#titlescreen .transfer .btns button{all:unset;flex:1;text-align:center;cursor:pointer;padding:4px 0;border:1px solid #5c5c50;border-radius:3px;color:#e8e6df;background:#24241e}#titlescreen .transfer .btns button:hover:not(:disabled),#titlescreen .transfer .btns button:focus-visible{background:#34342a;color:#fcfcfc}#titlescreen .transfer .btns button:disabled{opacity:.4;cursor:default}#titlescreen .transfer .btns button.warn{border-color:#c06a10;color:#ffd27a}#titlescreen .transfer .msg{margin:6px 0 0;min-height:20px;color:#b8d8a0}#titlescreen .transfer .msg .err{color:#ff8a7a}#titlescreen .transfer .msg ul{margin:0}#menu .menu-title{color:var(--gold);font-weight:700;padding:2px 6px 4px}#titlescreen .row[role=switch]{display:flex;align-items:center;justify-content:center;gap:6px}#titlescreen .switch{position:relative;width:22px;height:12px;border-radius:6px;background:#3c3c3c;box-shadow:inset 0 0 0 1px #5c5c58;transition:background .15s}#titlescreen .switch:after{content:"";position:absolute;left:2px;top:2px;width:8px;height:8px;border-radius:50%;background:#9c9c90;transition:left .15s,background .15s}#titlescreen [aria-checked=true] .switch{background:#6c846c}#titlescreen [aria-checked=true] .switch:after{left:12px;background:#fcfcfc}#camp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;overflow:hidden}#camp .stage{position:absolute;left:50%;top:50%;width:640px;height:480px;transform-origin:50% 50%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;cursor:default;font:14px/16px var(--font)}#camp .stage>*,#camp .status>*,#camp .desc>*{position:absolute}#camp .bg{left:0;top:0;width:640px;height:480px}#camp.editing:not(.remake) .stage{cursor:ew-resize}#camp .txt,#camp .num{color:#000;text-shadow:-1px 0 #aaa;white-space:nowrap}#camp .num.cur{color:#00a;text-shadow:-1px 0 #5555ff;text-align:right}#camp .b{font-weight:700}#camp .txt.pos{color:#00a;text-shadow:-1px 0 #5555ff}#camp .txt.neg{color:#a00;text-shadow:-1px 0 #ff5555}#camp .desc .say{position:static;width:152px;margin:4px 6px;font-size:12px;line-height:16px;color:#000;text-shadow:-1px 0 #aaa;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}#camp .icon{display:block;width:48px;height:56px;background-image:url(/assets/ui/equip.png)}#camp .note .icon{position:absolute;left:9px;top:21px}#camp .note p{position:absolute;left:79px;top:12px;margin:0;line-height:17px;white-space:nowrap;color:#000}#camp .spr{display:block}#camp .por{display:block;background:url(/assets/ui/camp-por.png)}#camp .mg,#camp .mgi{background-image:url(/assets/ui/magic-icons.png)}#camp button{all:unset;position:absolute;box-sizing:border-box;cursor:inherit}#camp .mb.full{opacity:.55}#camp .mb .x{position:absolute;left:0;top:0}#camp.remake .it.picked{outline:2px solid #c86414}#camp .hit:focus-visible,#camp .mb:focus-visible,#camp .sb:focus-visible,#camp .it:focus-visible,#camp .eq:focus-visible{outline:1px dotted #000}#camp.remake .mb:hover:not(.gone),#camp.remake .sb:hover,#camp.remake .it:hover,#camp.remake .eq:hover{outline:1px solid #c86414}#camp.remake .hit:hover{outline:1px solid #fff}#camp.remake .mb.shown:not(.gone){outline:1px dashed #c86414}#camp .empty{box-sizing:border-box;border:1px dashed rgba(120,80,30,.7);border-radius:3px}#camp.remake .sb.lead:after{content:"선두";position:absolute;right:0;bottom:0;padding:0 2px;font-size:9px;line-height:11px;color:#fff;background:#c86414}#camp .count{left:548px;top:352px;width:60px;text-align:right;font-weight:700;color:#000}#camp .dlg .obtn{top:32px;width:54px;height:25px;border-style:solid;border-width:0 8px;cursor:pointer;border-image:var(--btn) 0 8 fill / 0 8px stretch;font:16px/25px var(--font);text-align:center;color:#000}#camp .dlg .obtn:active{border-image-source:var(--btn-down)}#camp .dlg .obtn:hover,#camp .dlg .obtn:focus-visible{filter:brightness(1.12)}#camp .dlg .ok{left:9px}#camp .dlg:not(.slots) .no{left:67px}#camp .dlg.slots .obtn{width:100px}#camp .dlg .obtn:disabled{color:#7a6a58;cursor:default;filter:saturate(.4)}.mpanel{position:absolute;box-sizing:border-box;background:var(--ec-parch);border:1px solid var(--ec-bronze-dk);border-radius:3px;box-shadow:inset 0 0 0 1px #fffadc99,0 3px #00000059}.mpanel b{display:block;height:19px;line-height:19px;text-align:center;font-size:13px;font-weight:400;color:var(--ec-text);background:var(--ec-ribbon);border-bottom:1px solid var(--ec-bronze-dk);border-radius:2px 2px 0 0}.mstatus>*{position:absolute}.mlabel{color:var(--ec-text-2);text-shadow:none;white-space:nowrap}.mlabel.r{text-align:right}.mlabel.c{text-align:center}.mlabel.dim{color:var(--ec-text-3)}.mrule{background:var(--ec-bronze);opacity:.6}.mpor{box-sizing:border-box;border:1px solid var(--ec-bronze-dk);border-radius:2px;background:var(--ec-parch-2)}.bigstat.modern .txt,.bigstat.modern .num{color:var(--ec-text);text-shadow:none}.bigstat.modern .num.cur{color:var(--ec-blue);text-shadow:none}#mcamp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--ec-ink);color:var(--ec-text);font:14px/1.45 var(--font);-webkit-user-select:none;user-select:none}#mcamp button{font:inherit;color:var(--ec-text);background:var(--ec-parch-2);border:1px solid var(--ec-bronze-dk);border-bottom-width:2px;border-radius:3px;padding:5px 14px}#mcamp button:hover:not(:disabled){background:#fbf3cf;border-color:var(--ec-orange-dk)}#mcamp button:active:not(:disabled){border-bottom-width:1px;transform:translateY(1px)}#mcamp button:disabled{color:var(--ec-text-3);opacity:.7}#mcamp button:focus-visible{outline:2px solid var(--ec-orange);outline-offset:1px}#mcamp .dim{color:var(--ec-text-2)}.mc-head,.mc-foot{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--ec-ink-2)}.mc-head{border-bottom:1px solid var(--ec-gold);box-shadow:0 1px 0 var(--ec-bronze-dk)}.mc-foot{border-top:1px solid var(--ec-gold);box-shadow:0 -1px 0 var(--ec-bronze-dk)}.mc-title{flex:1;min-width:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.mc-title b{font-size:17px;color:var(--ec-gold-lt);font-weight:400;white-space:nowrap;text-shadow:1px 1px 0 #000}.mc-title span{color:var(--ec-cream)}.mc-count{color:var(--ec-gold-lt);white-space:nowrap}#mcamp .mc-go{background:var(--ec-blue);border-color:var(--ec-blue-dk);color:var(--ec-cream);padding:6px 20px}#mcamp .mc-go:hover{background:#3c42f0;border-color:var(--ec-blue-dk)}#mcamp .mc-foot button{background:var(--ec-parch)}.mc-note{flex:1;color:var(--ec-gold-lt);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-main{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);gap:12px;padding:12px 18px;min-height:0;width:100%;max-width:1480px;margin:0 auto}.mc-right{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.mc-panel{background:var(--ec-parch);border:1px solid var(--ec-bronze-dk);border-radius:3px;padding:10px 12px;min-height:0;box-shadow:inset 0 0 0 3px var(--ec-parch),inset 0 0 0 4px #b07a2c80,0 3px #00000059}.mc-chips{display:flex;gap:6px;flex-wrap:wrap}#mcamp .mc-chip{padding:1px 10px;font-size:12px;border-radius:2px;border-bottom-width:1px;background:var(--ec-parch);color:var(--ec-text-2)}#mcamp .mc-chip.on{background:var(--ec-ribbon);color:var(--ec-text);border-color:var(--ec-bronze-dk)}.mc-empty{margin:6px 2px 0;font-size:12px;color:var(--ec-text-3)}.mc-roster{display:flex;flex-direction:column}.mc-list{flex:1;min-height:0;overflow-y:auto;margin-top:8px;scrollbar-width:thin;scrollbar-color:var(--ec-bronze) transparent}.mc-group{padding:2px}.mc-group+.mc-group{margin-top:8px}.mc-group h4{margin:2px 0 4px;padding:1px 8px;font-size:12px;font-weight:400;color:var(--ec-text);background:var(--ec-ribbon);border:1px solid var(--ec-bronze-dk);border-radius:2px}.mc-group h4 span{color:var(--ec-text-2);margin-left:4px}#mcamp .mc-row{all:unset;box-sizing:border-box;display:grid;grid-template-columns:22px 46px minmax(0,1fr) auto 18px;align-items:center;gap:8px;width:100%;padding:3px 8px;border-radius:2px;cursor:pointer;border:1px solid transparent;touch-action:pan-y}#mcamp .mc-row+.mc-row{border-top-color:#b07a2c40}#mcamp .mc-row:hover{background:var(--ec-parch-2)}#mcamp .mc-row.shown{border-color:var(--ec-bronze);background:var(--ec-parch-3)}#mcamp .mc-row:focus-visible{outline:2px solid var(--ec-orange);outline-offset:-2px}#mcamp .mc-row.blocked{opacity:.5}.mc-check{width:18px;height:18px;border:1px solid var(--ec-bronze-dk);border-radius:2px;background:var(--ec-cream);display:grid;place-items:center;font-size:13px;color:var(--ec-cream)}.mc-row.in .mc-check{background:var(--ec-blue);border-color:var(--ec-blue-dk)}.mc-spr{width:46px;height:39px;image-rendering:pixelated}.mc-name{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}.mc-name b{font-weight:400;white-space:nowrap}.mc-name small{flex-basis:100%;font-size:12px;color:var(--ec-text-2)}#mcamp em{font-style:normal;font-size:11px;padding:0 5px;border-radius:2px;background:var(--ec-orange);color:var(--ec-text);border:1px solid var(--ec-orange-dk);vertical-align:2px;margin-left:6px}.mc-hp{font-size:12px;color:var(--ec-green);white-space:nowrap}.mc-ord{font-size:12px;color:var(--ec-blue);text-align:right}.mc-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px}.mc-por{display:block;width:96px;height:111px;border:1px solid var(--ec-bronze-dk);box-shadow:0 0 0 2px var(--ec-parch),0 0 0 3px var(--ec-bronze);background-image:url(/assets/ui/camp-por.png);image-rendering:pixelated}.mc-who h3{margin:0;font-size:18px;font-weight:400;color:var(--ec-text)}.mc-who p{margin:2px 0 0;font-size:13px}.mc-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:4px 12px;margin-top:8px}.mc-stat{display:flex;align-items:baseline;gap:6px;white-space:nowrap;border-bottom:1px dotted rgba(176,122,44,.45)}.mc-stat span{color:var(--ec-text-2);width:3.6em}.mc-stat b{font-weight:400;font-size:16px;color:var(--ec-blue)}.mc-stat i{font-style:normal;font-size:12px}.mc-stat em{background:none!important;border:0!important;padding:0!important;margin:0!important;font-size:13px!important;vertical-align:0!important}#mcamp .up{color:var(--ec-green)!important}#mcamp .down{color:var(--ec-red)!important}.mc-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.mc-slot{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--ec-bronze);border-radius:2px;background:var(--ec-parch-2);min-height:64px}.mc-slot small{grid-column:1 / -1;font-size:11px;color:var(--ec-text-2)}.mc-slot .mc-ico{grid-row:2 / 4}.mc-slot b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-slot i{font-style:normal;font-size:12px;color:var(--ec-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-slot .mc-none{grid-column:1 / -1;color:var(--ec-text-3)}.mc-slot.tool{border-style:dashed;border-color:var(--ec-bronze-dk)}.mc-slot.tool.target{border-color:var(--ec-orange-dk);background:#fbe7b8}.mc-slot.tool:has(.mc-take){cursor:grab}#mcamp .mc-take{position:absolute;right:6px;top:4px;padding:0 8px;font-size:12px;border-bottom-width:1px}.mc-ico{display:block;width:34px;height:40px;overflow:hidden;image-rendering:pixelated}.mc-ico .icon{display:block;width:48px;height:56px;background-image:url(/assets/ui/equip.png);transform:scale(.7083);transform-origin:0 0}.mc-spr .spr{display:block}.mc-magic{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;font-size:13px}#mcamp .mc-mg{cursor:pointer}#mcamp .mc-mg,.mc-mg{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 2px;border:1px solid var(--ec-bronze);border-radius:2px;background:var(--ec-parch-2)}.mc-mg i{display:block;width:16px;height:20px;background:url(/assets/ui/magic-icons.png);background-size:auto 20px;image-rendering:pixelated}.mc-inv{display:flex;flex-direction:column}.mc-invhead{display:flex;align-items:center;gap:10px}.mc-label{font-weight:400;color:var(--ec-text);font-size:13px;padding:1px 8px;background:var(--ec-ribbon);border:1px solid var(--ec-bronze-dk);border-radius:2px}.mc-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:6px;margin-top:8px;scrollbar-width:thin;scrollbar-color:var(--ec-bronze) transparent}#mcamp .mc-item{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px;align-items:center;padding:4px 8px;border:1px solid var(--ec-bronze);border-radius:2px;background:var(--ec-parch-2);cursor:pointer;touch-action:pan-y}#mcamp .mc-item .mc-ico{grid-row:1 / 3}#mcamp .mc-item b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mcamp .mc-item i{font-style:normal;font-size:12px;color:var(--ec-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mcamp .mc-item em{position:absolute;right:6px;top:4px;margin:0;background:var(--ec-parch-3);border-color:var(--ec-bronze);color:var(--ec-text-2)}#mcamp .mc-item.no{opacity:.62}#mcamp .mc-item:hover{border-color:var(--ec-orange-dk);background:#fbf3cf}#mcamp .mc-item.picked{border:2px solid var(--ec-orange-dk);padding:3px 7px;background:#fbe7b8;opacity:1}#mcamp .mc-item:focus-visible{outline:2px solid var(--ec-orange);outline-offset:-2px}.mc-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:34px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(176,122,44,.6);font-size:13px}.mc-info b{font-weight:400;color:var(--ec-text)}.mc-info>span:not(.dim):not(.mc-acts){color:var(--ec-blue)}.mc-acts{margin-left:auto;display:flex;gap:6px}#mcamp .mc-acts button{padding:2px 12px}#mcamp .mc-acts .mc-eq{background:var(--ec-orange);border-color:var(--ec-orange-dk)}.mc-ghost{position:fixed!important;left:0;top:0;z-index:30;pointer-events:none;opacity:.9;background:var(--ec-parch-3)!important;border:1px solid var(--ec-orange-dk)!important;box-shadow:0 4px #0000004d}#mcamp.dragging,#mcamp.dragging *{cursor:grabbing!important}#mcamp .drop-over{outline:2px dashed var(--ec-orange-dk)!important;outline-offset:-2px;background:#fbe7b8!important}.mc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0f171299}.mc-dlg{min-width:280px;max-width:min(460px,calc(100vw - 32px));padding:0 0 14px;background:var(--ec-parch);border:1px solid var(--ec-bronze-dk);border-radius:3px;box-shadow:inset 0 0 0 1px #fffadc99,0 4px #0006}.mc-dlg h3{margin:0 0 10px;padding:3px 12px;font-size:15px;font-weight:400;color:var(--ec-text);background:var(--ec-ribbon);border-bottom:1px solid var(--ec-bronze-dk);text-align:center}.mc-dlg h3:before,.mc-dlg h3:after{content:"◆";font-size:8px;color:var(--ec-bronze);margin:0 8px;vertical-align:2px}.mc-dlg p{margin:0 16px 12px;color:var(--ec-text)}.mc-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 16px}#mcamp .mc-btns .primary{background:var(--ec-orange);border-color:var(--ec-orange-dk)}@media(max-width:760px){#mcamp{display:block;overflow-y:auto}.mc-head{position:sticky;top:0;z-index:2;flex-wrap:wrap}.mc-main{display:block;padding:10px}.mc-main>*,.mc-right>*{margin-bottom:10px}.mc-right{display:block}.mc-list,.mc-grid{overflow:visible}.mc-slots{grid-template-columns:1fr}.mc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-foot{position:sticky;bottom:0}}#worldmap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000;overflow:hidden;cursor:pointer}#worldmap .stage{position:absolute;left:50%;top:50%;width:640px;height:480px;transform-origin:50% 50%}#worldmap .map{position:absolute;top:0;right:0;bottom:0;left:0;width:640px;height:480px}#worldmap .place,#titlescreen .place{position:absolute;display:block;image-rendering:pixelated}#promote{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000;overflow:hidden;cursor:pointer}#promote .stage{position:absolute;left:50%;top:50%;width:640px;height:480px;transform-origin:50% 50%}#promote .anim{position:absolute;left:264px;top:200px;width:112px;height:85px;image-rendering:pixelated}#promote .cap{position:absolute;left:0;right:0;top:300px;margin:0;text-align:center;color:#e8dcb0;font-size:16px;opacity:0;transition:opacity .4s}#promote.end .cap{opacity:1}#movie{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000;overflow:hidden;cursor:pointer}#movie canvas{position:absolute;left:50%;top:50%;width:640px;height:480px;transform-origin:50% 50%;image-rendering:pixelated}#fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;opacity:0;pointer-events:none;transition-property:opacity;transition-timing-function:linear}#fade.on{opacity:1;pointer-events:auto}.magicwin .mgi,.magicwin .mgbig{all:unset;position:absolute;width:32px;height:40px;background:url(/assets/ui/magic-icons.png) no-repeat;image-rendering:pixelated;cursor:pointer;-webkit-tap-highlight-color:transparent}.magicwin .mgbig{box-shadow:1px 1px #000}.magicwin .mgbig.down{transform:translate(1px,1px);box-shadow:-1px -1px #fff}.magicwin .mgbig[aria-disabled]{cursor:default;opacity:.5}.magicwin .mgsep{position:absolute;width:139px;height:1px;background:#000}.magicwin .mgname,.magicwin .mgfx{position:absolute;white-space:nowrap;line-height:16px}.magicwin .mgname{text-shadow:-1px 0 #aaa}.magicwin .mgfx.own{color:#00a;text-shadow:-1px 0 #5555ff}.magicwin .mgfx.foe{color:#a00;text-shadow:-1px 0 #aa0000}html.ui-modern .owin.magicwin:before{content:"◆ 마법일람표 ◆";position:absolute;left:0;right:0;top:4px;text-align:center;font-size:13px;line-height:18px;color:var(--ec-text)}.owin .b:has(>.mglist){left:8px;right:8px;text-align:left;text-shadow:none;overflow:visible}.mglist{height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px;padding-right:2px;scrollbar-width:thin}.mghead{display:flex;align-items:center;gap:8px;height:22px;flex:none;padding:0 4px;font-size:13px;line-height:16px;color:#5a4526}.mghead b{font-weight:400;font-variant-numeric:tabular-nums}.mgbar{flex:1;height:6px;border-radius:3px;background:#6e4a1e33;overflow:hidden}.mgbar i{display:block;height:100%;background:linear-gradient(90deg,#e9a92e,#b8320c)}.mgrow{all:unset;box-sizing:border-box;flex:none;display:grid;grid-template-columns:32px 1fr;grid-template-rows:22px 20px;column-gap:8px;align-items:center;height:46px;padding:2px 8px 2px 4px;border:1px solid rgba(110,74,30,.45);border-left:3px solid #b07a2c;border-radius:3px;background:#fffae18c;color:#2b1d0b;cursor:pointer;-webkit-tap-highlight-color:transparent}.mgrow.foe{border-left-color:#b4220f}.mgrow.own{border-left-color:#2c7524}.mgrow:hover,.mgrow:focus-visible{background:#fbf3cf;border-color:#b8320c;outline:none}.mgrow:active:not([aria-disabled]){background:#f6e3a8}.mgrow[aria-disabled]{cursor:default;opacity:.62;filter:saturate(.35)}.mgrow[aria-disabled]:hover{background:#fffae18c;border-color:#6e4a1e73}.mgicon{grid-row:1 / 3;width:32px;height:40px;background:url(/assets/ui/magic-icons.png) no-repeat;image-rendering:pixelated}.mgtop,.mgsub{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}.mgtop{font-size:16px;line-height:20px}.mgtop b{font-weight:400}.mgtop small{font-size:11px;color:#8a6d3e}.mgfat{margin-left:auto;font-style:normal;font-size:12px;color:#8a4a12;font-variant-numeric:tabular-nums}.mgsub{font-size:12px;line-height:16px;color:#5a4526;overflow:hidden}.mgside{font-size:11px;padding:0 4px;border-radius:2px;color:#fff;background:#2c7524}.mgrow.foe .mgside{background:#b4220f}.mgwhy{color:#b4220f}.mgmeta{margin-left:auto;color:#8a6d3e;overflow:hidden;text-overflow:ellipsis}.mc-opts{display:flex;flex-direction:column;gap:6px;margin:0 16px 14px;max-height:min(60vh,420px);overflow-y:auto}#mcamp .mc-opts button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;text-align:left;background:var(--ec-parch-2)}.mc-opts button span{flex:1;display:flex;flex-direction:column;gap:2px}.mc-opts small{font-size:11px;line-height:14px;color:var(--ec-text-2)}.mc-switch{flex:none;position:relative;width:34px;height:18px;border-radius:9px;background:var(--ec-text-3);transition:background .15s}.mc-switch:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--ec-cream);transition:left .15s}[aria-checked=true]>.mc-switch{background:var(--ec-green)}[aria-checked=true]>.mc-switch:after{left:18px}#camp .setbtn{position:absolute;image-rendering:pixelated;pointer-events:none}#camp .dlg .obtn.opt{display:flex;justify-content:space-between;padding:0 2px;text-align:left}#camp .dlg .obtn.opt b{font-weight:400;color:#7a6a58}#camp .dlg .obtn.opt[aria-checked=true] b{color:#a00000;text-shadow:-1px 0 #ffb080}#hud>.cutscene{overflow:visible;cursor:pointer}.cutscene canvas,#hud>.cutscene.still{position:absolute;image-rendering:pixelated}.cut-white{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#fff;opacity:0;pointer-events:none;transition-property:opacity;transition-timing-function:linear}.cut-white.on{opacity:1}.owin.log .b{overflow-y:auto}.owin .b .battlelog div{margin-bottom:3px;word-break:keep-all}.vol,.mc-vol,.ovol{display:flex;align-items:center;gap:8px;box-sizing:border-box}.vol input,.mc-vol input,.ovol input{flex:1;min-width:0;margin:0;height:14px;cursor:pointer}.vol input:disabled,.mc-vol input:disabled,.ovol input:disabled{cursor:default}.vol b,.mc-vol b,.ovol b{width:24px;text-align:right;font-weight:400}.vol.off,.mc-vol.off,.ovol.off{opacity:.45}#titlescreen .row.vol{display:flex;align-items:center;gap:8px;cursor:default;height:20px;line-height:20px;padding:0 8px 0 24px;font-size:12px;font-weight:400;color:#9c9c90;margin-top:0}#titlescreen .row.vol.off{opacity:.45}#titlescreen .row.vol input{accent-color:#6c846c}#mcamp .mc-vol{padding:0 12px 0 28px;font-size:13px;color:var(--ec-text-2)}#mcamp .mc-vol input{accent-color:var(--ec-green)}#camp .dlg .ovol{position:absolute;height:25px;padding:0 2px 0 14px;font-size:13px;color:#7a6a58}#camp .dlg .ovol input{accent-color:#a00000}.owin .b .snd{display:flex;flex-direction:column;gap:4px;padding-top:2px;text-shadow:none}.owin .snd .obtn.opt{position:relative;width:100%;display:flex;justify-content:space-between;padding:0 4px;text-align:left;cursor:pointer}.owin .snd .obtn.opt b{font-weight:400;color:#7a6a58}.owin .snd .obtn.opt[aria-checked=true] b{color:#a00000;text-shadow:-1px 0 #ffb080}.owin .snd .ovol{height:25px;padding:0 4px 0 16px;text-align:left;font-size:13px;color:#7a6a58}.owin .snd .ovol input{accent-color:#a00000}html.ui-modern .owin .snd .obtn.opt[aria-checked=true] b{color:var(--ec-green);text-shadow:none}html.ui-modern .owin .snd .ovol{color:var(--ec-text-2)}html.ui-modern .owin .snd .ovol input{accent-color:var(--ec-green)}#camp .dlg .oclose{position:absolute;left:auto;right:2px;top:1px;width:24px;height:24px;cursor:pointer}#camp .dlg .obtn.on{color:#a00000;text-shadow:-1px 0 #ffb080}