@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:NanumMyeongjo;src:url(/fonts/NanumMyeongjo-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}@layer base{:root{--font-ui:"Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-title:"NanumMyeongjo", "Noto Serif KR", Georgia, serif;--ground:#151413;--ground-2:#1c1b1a;--panel:#2e2c2b;--panel-2:#262423;--panel-3:#3a3735;--text:#dbd4c6;--text-2:#c3beb5;--text-3:#938266;--muted:#8c8a86;--gold:#eac374;--gold-2:#d9b163;--gold-3:#b27400;--red:#e5484a;--green:#58ffb6;--line:#dbd4c629;--line-2:#dbd4c614;--shadow:0 10px 30px #00000073;--radius:4px;--content:1280px;--pad:24px}*{box-sizing:border-box}html{background:var(--ground);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:18px;line-height:1.5}body{background:0 0;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}a:hover{color:#fff}img{max-width:100%;display:block}h1,h2,h3{margin:0;font-weight:600;line-height:1.2}p{margin:0}ul{margin:0;padding:0;list-style:none}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line-2);vertical-align:middle;padding:10px 12px}th{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:16px;font-weight:600}td.num,th.num{text-align:right}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--ground-2)}::-webkit-scrollbar-thumb{background:var(--panel-3);border:2px solid var(--ground-2);border-radius:6px}body:before{content:"";z-index:-2;pointer-events:none;opacity:1;background:url(/art/bg_sky.webp) top/cover no-repeat;height:min(76vh,900px);position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 34%,#0000008c 62%,#0000 100%);mask-image:linear-gradient(#000 0% 34%,#0000008c 62%,#0000 100%)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, #15141314 0%, #15141333 26%, #1514139e 52%, #151413ed 70%, var(--ground) 84%), radial-gradient(130% 70% at 50% 0%, #15141300 40%, #15141373 100%);position:fixed;inset:0}.skip{z-index:100;background:var(--panel);color:var(--gold);border:1px solid var(--gold);padding:10px 16px;position:absolute;top:0;left:-9999px}.skip:focus{top:8px;left:8px}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px)saturate(1.15);background:#1816159e;position:sticky;top:0;box-shadow:0 10px 30px #00000073}.topbar:after{content:"";background:linear-gradient(90deg,#eac37400,#eac3748c 18% 82%,#eac37400);height:1px;position:absolute;bottom:0;left:0;right:0}.topbar-in{max-width:var(--content);padding:0 var(--pad);align-items:center;gap:20px;height:60px;margin:0 auto;display:flex}.brand{font-family:var(--font-title);color:var(--text);letter-spacing:.01em;white-space:nowrap;text-shadow:0 2px 10px #0009;flex:none;align-items:center;gap:10px;font-size:25px;display:flex}.brand img{filter:drop-shadow(0 1px 4px #0009);width:30px;height:30px}.brand small{font-family:var(--font-ui);color:var(--text-3);margin-left:6px;font-size:16px;font-weight:600}.topbar-in .search{max-width:300px;margin-left:auto}.topnav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.topnav::-webkit-scrollbar{display:none}.topnav a{color:var(--text-2);white-space:nowrap;border-radius:var(--radius);padding:8px 14px;font-size:17px}.topnav a:hover,.topnav a[aria-current]{color:var(--gold);background:#eac3741a}.tabbar{z-index:10;max-width:calc(var(--content) + 96px);filter:drop-shadow(0 8px 18px #00000080);background:linear-gradient(#4c4740,#575046 38%,#5a5349) padding-box padding-box;border:0 solid #0000;border-width:0 72px;border-image:url(/ui/img_maintab_bg_01.png) 0 72;margin:0 auto;position:relative}.tabbar-in{scrollbar-width:none;gap:2px;padding:7px 4px;display:flex;overflow-x:auto}.tabbar-in::-webkit-scrollbar{display:none}.tab{color:var(--text-2);border-radius:var(--radius);white-space:nowrap;text-shadow:0 1px 3px #00000080;flex-direction:column;flex:none;align-items:center;gap:2px;padding:6px 14px 4px;font-size:16px;display:flex}.tab img{object-fit:contain;filter:saturate(.55)brightness(.92)drop-shadow(0 1px 3px #00000080);width:36px;height:36px}.tab:hover img,.tab[aria-current] img{filter:drop-shadow(0 1px 4px #0000008c)}.tab:hover,.tab[aria-current]{color:var(--gold);background:url(/ui/img_tab_top_on_01.png) bottom/100% 100% no-repeat}.page{max-width:var(--content);padding:34px var(--pad) 72px;margin:0 auto}.page>h1:first-child{text-shadow:0 3px 18px #000000a6}.page>.lead{text-shadow:0 2px 10px #00000080}.footer{color:var(--muted);background:#151413b8;margin-top:40px;font-size:16px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#eac37400,#eac37459,#eac37400);height:1px;position:absolute;top:0;left:0;right:0}.footer-in{max-width:var(--content);padding:24px var(--pad);flex-wrap:wrap;gap:8px 24px;margin:0 auto;display:flex}.window{box-shadow:var(--shadow), inset 0 1px 0 #ffffff0a;background:linear-gradient(#3a3735f5,#262423f7 140px,#232120f7);margin-bottom:28px;position:relative}.window:after{content:"";pointer-events:none;border:57px solid #0000;border-image:url(/ui/img_frame_subpopupbase.png) 56 57 59;position:absolute;inset:0}.window-head{background:#3a3735 url(/ui/header_strip.png) 0/auto 100% repeat-x;align-items:center;gap:12px;height:54px;padding:0 18px;display:flex;position:relative;box-shadow:inset 0 -1px #eac3744d,inset 0 1px #ffffff0d}.window-head img{width:28px;height:28px}.window-head h1,.window-head h2{font-family:var(--font-title);color:var(--text);text-shadow:0 2px 6px #0000008c;font-size:24px;font-weight:800}.window-head .aside{color:var(--text-3);font-size:16px;font-family:var(--font-ui);margin-left:auto}.window-body{padding:20px 22px 24px}.window-body>*+*{margin-top:18px}.slot{background:var(--panel-2) center / cover no-repeat;flex:none;width:64px;height:64px;position:relative}.slot img.icon{object-fit:contain;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px}.slot:after{content:"";pointer-events:none;border:29px solid #0000;border-image:var(--frame) 29 29 28 28 stretch;position:absolute;inset:0}.slot .lv{color:#fff;background:#000000b8;border-radius:3px;padding:0 5px;font-size:14px;line-height:18px;position:absolute;bottom:3px;right:3px}.slot.sm{width:44px;height:44px}.slot.sm:after{border-width:20px}.slot.sm img.icon{width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.slot.lg{width:96px;height:96px}.slot.lg:after{border-width:43px}.slot-empty{background:url(/ui/img_emptyslot_01.png) 50%/cover no-repeat}.t1{--frame:url(/ui/img_item_frame_t1.png);background-image:url(/ui/img_item_card_bg_t1_m.png)}.t2{--frame:url(/ui/img_item_frame_t2.png);background-image:url(/ui/img_item_card_bg_t2_m.png)}.t3{--frame:url(/ui/img_item_frame_t3.png);background-image:url(/ui/img_item_card_bg_t3_m.png)}.t4{--frame:url(/ui/img_item_frame_t4.png);background-image:url(/ui/img_item_card_bg_t4_m.png)}.t5{--frame:url(/ui/img_item_frame_t5.png);background-image:url(/ui/img_item_card_bg_t5_m.png)}.t6{--frame:url(/ui/img_item_frame_t6.png);background-image:url(/ui/img_item_card_bg_t6_m.png)}.t7{--frame:url(/ui/img_item_frame_t7.png);background-image:url(/ui/img_item_card_bg_t7_m.png)}.t8{--frame:url(/ui/img_item_frame_t8.png);background-image:url(/ui/img_item_card_bg_t8_m.png)}.t9{--frame:url(/ui/img_item_frame_t9.png);background-image:url(/ui/img_item_card_bg_t9_m.png)}.rows{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;min-width:0;min-height:62px;padding:8px 6px;display:flex}.row>span:not(.slot):not(.right){overflow-wrap:break-word;flex:auto;min-width:0}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}@media (max-width:480px){.grid.wide{grid-template-columns:minmax(0,1fr)}.row.wrap{flex-wrap:wrap}.row.wrap .right{margin-left:58px}}.row:hover{background:#ffffff08}.row-lg{min-height:112px}.row .name{font-size:19px;font-weight:600}.row .sub{color:var(--text-3);font-size:16px}.roster .card .nm{font-size:16px}.row .right{text-align:right;max-width:55%;color:var(--text-2);flex:0 auto;margin-left:auto;font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 28px;display:grid}.stats{flex-direction:column;display:flex}.stat{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:7px 4px;display:flex}.stat img{width:22px;height:22px}.stat .k{color:var(--text-2)}.stat .v{color:#fff;margin-left:auto;font-weight:600}.stat .v.gold{color:var(--gold)}.bar{border-bottom:1px solid var(--line-2);flex-direction:column;gap:4px;padding:7px 4px;display:flex}.bar .track{background:var(--ground-2);border-radius:3px;height:10px;overflow:hidden}.bar .fill{background:linear-gradient(90deg, var(--gold-3), var(--gold));height:100%}.bar .lbl{justify-content:space-between;display:flex}.btn{color:#fff;min-height:44px;font:600 18px/1 var(--font-ui);cursor:pointer;background:0 0;border:13px solid #0000;border-width:10px 13px 17px;border-image:url(/ui/img_btn_violet_selected.png) 10 13 17 fill;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.btn:hover{border-image-source:url(/ui/img_btn_violet_highlighted.png)}.btn:active{border-image-source:url(/ui/img_btn_violet_pressed.png)}.btn:disabled,.btn.disabled{color:var(--muted);cursor:default;border-image-source:url(/ui/img_btn_violet_disabled.png)}.btn.stone{color:var(--text);border-image-source:url(/ui/img_btn_brown_selected.png)}.btn.stone:hover{border-image-source:url(/ui/img_btn_brown_highlighted.png)}.btn.wide{border-width:0 20px;border-image:url(/ui/img_btn_violet_h50_selected.png) 0 20 fill;min-height:50px}.btn.wide:hover{border-image-source:url(/ui/img_btn_violet_h50_highlighted.png)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs a,.tabs button{min-height:40px;color:var(--text-2);font:600 17px/1.4 var(--font-ui);cursor:pointer;background:0 0;border:11px solid #0000;border-left-width:12px;border-image:url(/ui/img_tab_top02_disabled.png) 11 11 11 12 fill;padding:6px 16px}.tabs a[aria-current],.tabs button[aria-pressed=true]{color:#1f1d1c;border-image-source:url(/ui/img_tab_top02_selected.png)}.box{border:4px solid #0000;border-image:url(/ui/img_box_r04.png) 4 fill;padding:10px 14px}.box-line{border:6px solid #0000;border-image:url(/ui/img_box_line_r04.png) 6;padding:10px 14px}.divider{opacity:.8;background:url(/ui/img_gradient_01.png) 50%/100% 100% no-repeat;height:10px;margin:8px 0}.search{width:100%;max-width:440px;position:relative}.search input{color:#fff;width:100%;font:inherit;background:#151413b8;border:1px solid #eac37447;border-radius:4px;padding:10px 14px;font-size:17px}.search input::placeholder{color:var(--text-3)}.search input:focus{border-color:var(--gold);background:#151413e6;outline:none}.search-lg{max-width:640px}.search-lg input{padding:14px 18px;font-size:19px}.search-drop{z-index:40;background:#211f1e;border:1px solid #eac3744d;border-radius:4px;max-height:60vh;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 44px #0009}.search-drop a{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:7px 12px;display:flex}.search-drop a:last-child{border-bottom:0}.search-drop a.on{background:#eac3741f}.search-drop .ic{flex:0 0 34px;justify-content:center;align-items:center;height:34px;display:flex}.search-drop .ic img{object-fit:contain;max-width:34px;max-height:34px}.search-drop .nm{font-weight:600}.search-drop .kd{color:var(--text-3);white-space:nowrap;margin-left:auto;font-size:16px}.masthead{flex-direction:column;gap:14px;max-width:780px;margin:8px 0 34px;display:flex}.masthead h1{font-family:var(--font-title);text-shadow:0 3px 18px #000000b3;font-size:40px;line-height:1.12}.masthead .lead{text-shadow:0 2px 12px #0009}.masthead kbd{font:inherit;border:1px solid var(--line);background:#ffffff14;border-radius:3px;padding:0 5px;font-size:16px}.roster{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px;display:grid}.roster .card{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.roster .card img,.roster .card .noart{object-fit:cover;background:var(--panel-2);border:1px solid var(--line);border-radius:3px;width:88px;height:124px}.roster .card:hover img{border-color:var(--gold)}.roster .card .nm{align-items:center;min-height:2.4em;font-size:16px;font-weight:600;line-height:1.2;display:flex}.roster .card .sub{color:var(--text-3);font-size:16px}.answers li a{border-bottom:1px solid var(--line-2);padding:9px 4px;display:block}.answers li:last-child a{border-bottom:0}.answers b{color:var(--gold);font-weight:600;display:block}.answers span{color:var(--text-2);font-size:17px}.answers li a:hover b{color:#fff}.bosses{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.boss{text-align:center;flex-direction:column;align-items:center;display:flex}.boss img{width:100%;max-width:128px;height:auto}.boss .nm{color:var(--red);font-size:16px;font-weight:600}.boss .sub{color:var(--text-3);font-size:16px}.lead{color:var(--text);max-width:72ch;font-size:20px}.muted{color:var(--text-3)}.gold{color:var(--gold)}.red{color:var(--red)}.green{color:var(--green)}.kv{grid-template-columns:max-content 1fr;gap:6px 18px;display:grid}.kv dt{color:var(--text-3)}.kv dd{margin:0}.crumbs{color:var(--text-3);flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.crumbs a:hover{color:var(--gold)}.toc{flex-wrap:wrap;gap:6px 14px;margin-bottom:18px;display:flex}.toc a{color:var(--text-2);border-radius:var(--radius);background:#ffffff0a;padding:4px 10px}.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.cols>*{min-width:0}.window,.window-body{min-width:0;max-width:100%}.scroll-x{overflow-x:auto}@media (max-width:900px){:root{--pad:16px}.cols{grid-template-columns:minmax(0,1fr)}.topbar-in{gap:12px;height:52px}.brand{font-size:21px}.brand small{display:none}.masthead h1{font-size:30px}.topbar-in .search{display:none}.roster{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px 8px}.window-body{padding:16px 16px 20px}.window:after{border-width:40px}.tabbar{border-width:0 40px;border-image-slice:0 72 fill}body:before{opacity:.5;height:min(52vh,460px)}}.field{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:6px 4px;display:flex}.field label{color:var(--text-2)}.field input,.field select,.tool select{background:var(--ground-2);border:1px solid var(--line);color:#fff;width:132px;font:inherit;text-align:right;font-variant-numeric:tabular-nums;border-radius:3px;padding:5px 8px;font-size:17px}.field select,.tool select{text-align:left;flex:200px;width:0;min-width:0;max-width:100%}.field input:focus,.tool select:focus{border-color:var(--gold);outline:none}.field .unit{color:var(--text-3);width:22px;font-size:16px}.result{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:10px;padding:7px 4px;display:flex}.result .k{color:var(--text-2)}.result .v{color:#fff;font-size:20px;font-weight:600}.verdict{border:4px solid #0000;border-image:url(/ui/img_box_r04.png) 4 fill;padding:12px 16px;font-size:20px}.tool .tabs button{margin:0}}