:root{font-family:Outfit,Noto Sans KR,sans-serif;color:#d8ddd8;background:#101715;font-synthesis:none;font-weight:400;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #35413b;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;transition:background .15s,border-color .15s}button:hover{background:#29382e;border-color:#718c65}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #c4d497;outline-offset:3px}input,select{color:inherit;background:transparent;border:0;outline:none}input:focus-visible,select:focus-visible{outline:1px solid #a6bc7c;border-radius:4px}select option{background:#202c25}a{color:inherit;text-decoration:none}header{height:88px;border-bottom:1px solid #2a352e;display:flex;align-items:center;padding:0 4%;gap:44px;background:#131c18}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-weight:700;font-size:21px;letter-spacing:2.5px}.brand small{display:block;font-family:Outfit,sans-serif;font-size:9px;letter-spacing:4.5px;color:#9eaf92;margin-top:5px}.brand-mark{width:41px;height:44px;color:#d0bd84;display:grid;place-items:center;border:1px solid #7f7956;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}nav{display:flex;align-self:stretch;gap:25px;align-items:center}nav button{border:0;color:#8f9b93;padding:0}.nav-active{align-self:stretch;display:flex;align-items:center;gap:8px;border-bottom:2px solid #bbcf91;color:#c5d5a5}header .save-state{margin-left:auto}.save-state{font-size:11px;color:#95a68d;display:flex;align-items:center;gap:7px}.save-state>span{height:5px;width:5px;background:#9ab87b;border-radius:50%;box-shadow:0 0 7px #7b9d65}.save-state.error{color:#eaa38d}.version{font-size:10px;padding:6px 9px;border:1px solid #3b4435;color:#b6c398;border-radius:4px;letter-spacing:1px}.page-title{padding:38px 4% 30px;display:flex;align-items:end;justify-content:space-between}.eyebrow{font-size:10px;color:#aebd90;letter-spacing:2.4px;font-weight:600}h1{font-size:29px;font-weight:500;margin:10px 0 9px;letter-spacing:-1.2px}h1 span{color:#b4cb8d}.page-title p{color:#829287;margin:0;font-size:12px}.file-actions{display:flex;gap:9px}.file-actions button:last-child{background:#25332a;border-color:#546448;color:#ccd9b3}main{margin:0 4%;display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.catalog,.workspace{border:1px solid #303e34;border-radius:10px;overflow:hidden;background:#17211b}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #303c32}.panel-heading>span:first-child{display:flex;gap:9px;align-items:center;font-weight:500}.muted{color:#849185;font-size:10px}.hero-picker{padding:19px 19px 0}.hero-picker label{display:block;font-size:10px;color:#8b9a8c;margin-bottom:9px}.hero-select{display:flex;align-items:center;background:linear-gradient(120deg,#293e34,#1c2922);border:1px solid #4a6250;border-radius:6px;padding:10px;gap:12px}.hero-avatar{height:38px;width:38px;display:grid;place-items:center;color:#bdcba2;background:#344b3d;border:1px solid #5d7256;border-radius:50%}.hero-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;font-size:15px;font-weight:600;cursor:pointer}.search{display:flex;align-items:center;gap:9px;margin:16px 19px 13px;background:#111b15;border:1px solid #344337;border-radius:5px;padding:10px;color:#718374}.search input{width:100%;font-size:11px}.search button{border:0;padding:0}.filters{display:flex;margin:0 19px;gap:6px}.filters button{flex:1;font-size:11px;padding:8px 4px;border-color:#344235;color:#91a18f}.filters button span{font-size:8px;color:#6b7d66;letter-spacing:-2px}.filters .active{background:#3a4930;border-color:#77875c;color:#d1dfb2}.catalog-meta{display:flex;justify-content:space-between;padding:19px 20px 12px;font-size:10px;color:#80917f}.catalog-meta span:last-child{display:flex;align-items:center;gap:5px}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 18px 18px;max-height:604px;overflow:auto;scrollbar-width:thin;scrollbar-color:#40513e transparent}.item-card{display:flex;flex-direction:column;position:relative;padding:9px 9px 12px;gap:0;background:linear-gradient(140deg,#2a3429,#1c281f);border:1px solid #596045;border-radius:7px;min-width:0;touch-action:auto;width:100%;-webkit-user-select:none;user-select:none}.item-card:hover{background:linear-gradient(140deg,#354331,#24352a);border-color:#a4af78}.item-card strong{font-size:11px;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.card-top{display:flex;justify-content:space-between;width:100%;color:#b4a27e;font-size:8px}.card-top span:last-child{color:#9da88d;font-size:9px;letter-spacing:1px}.item-tags{font-size:9px;color:#82947f;margin-top:5px}.art{height:90px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;color:var(--item-color);background:radial-gradient(ellipse,color-mix(in srgb,var(--item-color) 17%,transparent),transparent 68%)}.art>svg{width:57px;height:57px;filter:drop-shadow(0 4px 5px #0008);transform:rotate(-14deg);z-index:1}.art-ring{position:absolute;width:68px;height:68px;border:1px solid color-mix(in srgb,var(--item-color) 16%,transparent);border-radius:50%}.art-ring:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed color-mix(in srgb,var(--item-color) 12%,transparent);border-radius:50%}.art-spark{position:absolute;font-size:9px;top:14px;right:25%;color:var(--item-color);opacity:.6}.catalog-foot{padding:14px 15px;background:#1b281f;border-top:1px solid #303e32;color:#83977f;font-size:10px;display:flex;align-items:center;gap:6px}.deck-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;background:#1d2a21;border-bottom:1px solid #374331;min-height:61px}.deck-tabs{display:flex;align-items:center;overflow:auto;gap:7px;max-width:75%}.deck-tabs>button{white-space:nowrap;font-size:11px;border:0;color:#8f9e8a;border-radius:0;padding:21px 12px}.deck-tabs>button.active{border-bottom:2px solid #b7ca8c;color:#d6dfc1}.deck-tabs>button span{font-size:9px;color:#83916c}.deck-tabs>.new-deck{padding:6px;border:1px solid #41513c;border-radius:4px}.compare-button{font-size:11px;border:0;padding:8px 0;white-space:nowrap}.compare-button.active{color:#c7dda0}.deck-content{padding:28px}.deck-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.deck-heading .eyebrow{font-size:9px}.eyebrow>span{color:#849479;letter-spacing:1px}.deck-name{font-size:24px;font-weight:500;margin-top:8px;width:100%;max-width:440px;letter-spacing:-.7px}.deck-tools{display:flex;gap:6px}.deck-tools button{padding:8px;border-color:#354634;color:#95a18b}.board-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:13px;color:#9cac90}.board-label>span{display:flex;gap:7px;align-items:center}.board-label b{color:#d0dcaf}.board-label i{width:6px;height:6px;background:#abc57e;border-radius:50%;margin-left:5px}.board{position:relative;height:202px;background:linear-gradient(#121d16,#18241b);border:1px solid #536144;border-radius:7px;padding:9px;box-shadow:inset 0 0 35px #0003}.slots,.placed-layer{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;position:absolute;top:9px;right:9px;bottom:9px;left:9px}.slot{border:1px dashed #394934;border-radius:4px;position:relative;display:grid;place-items:center;color:#384a34}.slot>span{position:absolute;top:7px;left:7px;font-size:8px;color:#64735a}.slot.over{background:#a7c77e24;border-color:#b6d08c}.placed-layer{pointer-events:none}.placed-wrap{grid-row:1;min-width:0;pointer-events:auto}.on-board{height:100%;padding:8px 4px}.on-board .art{flex:1;min-height:0}.on-board strong{font-size:9px}.on-board .art svg{max-width:75%}.on-board .art-ring{max-width:90%}.on-board .item-tags{font-size:8px}.on-board .card-top{font-size:7px}.enchant-label{font-size:8px;color:#c8dca4;margin-top:7px}.board-empty{position:absolute;top:30px;right:30px;bottom:30px;left:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.board-empty>span{width:43px;height:43px;border:1px solid #475a3c;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;color:#a8bb89;background:#22301f}.board-empty strong{font-size:12px;font-weight:400;color:#adbc9d}.board-empty p{font-size:10px;color:#728468}.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#819074;font-size:9px}.board-bottom>span{display:flex;align-items:center;gap:6px}.dot{width:5px;height:5px;border-radius:1px;background:#899875;margin-left:6px}.dot.medium{width:9px}.dot.large{width:13px}.trash-target{display:flex;align-items:center;gap:6px;padding:6px;border:1px dashed transparent;white-space:nowrap}.trash-target.over{border-color:#ba8e78;background:#704b3a66;color:#e6c3b2}.overview{margin-top:33px}.section-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:13px;font-weight:500;margin:0}.section-heading>span{font-size:8px;letter-spacing:1.7px;color:#687a61}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stats>div{position:relative;border:1px solid #344430;border-radius:6px;background:#1c2a20;padding:16px}.stats svg{position:absolute;right:14px;top:17px;width:16px;color:#7f916d}.stats small{display:block;color:#8b9d81;font-size:10px;margin-bottom:10px}.stats strong{font-weight:400;font-size:27px;color:#d3dfbf}.stats strong span{font-size:10px;margin-left:7px;color:#7e916f}.tags-summary{margin-top:15px;border-bottom:1px solid #303f2d;padding-bottom:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px}.tags-summary>span{color:#8da07e;margin-right:8px}.tags-summary b{font-weight:400;padding:4px 8px;background:#2b3a28;color:#b4c29f;border-radius:3px}.tags-summary em{font-style:normal;color:#64795c;font-size:10px}.note{display:flex;align-items:center;gap:14px;padding:23px 0 2px}.note-icon{color:#a5b687}.note strong{font-size:11px;font-weight:500;color:#bdcba8}.note p{font-size:10px;color:#778c6b;margin:7px 0}.note button{margin-left:auto;font-size:10px;padding:8px 10px;color:#a4b88e;white-space:nowrap}footer{padding:14px 27px;border-top:1px solid #2b3a2a;background:#152018;display:flex;justify-content:space-between;gap:12px;color:#687e60;font-size:9px}footer>span:first-child{display:flex;gap:6px;align-items:center}.bottom-note{display:flex;justify-content:space-between;margin:23px 4%;font-size:9px;color:#52654e;letter-spacing:1px}.bottom-note span:nth-child(2){letter-spacing:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a08bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.detail-modal{position:relative;max-width:410px;width:100%;max-height:90vh;overflow:auto;padding:30px;border:1px solid #65724c;border-radius:12px;background:#1a281e;box-shadow:0 25px 100px #000a}.detail-modal .close{position:absolute;right:12px;top:12px;border:0;padding:5px}.detail-modal>.art{height:150px;margin-top:15px}.detail-modal>.art svg{width:88px;height:88px}.detail-modal h2{font-size:22px;margin:10px 0}.detail-tags{color:#b9c99f;font-size:11px}.detail-modal p{color:#a0b195;line-height:1.9;font-size:12px;margin:20px 0}.detail-modal label{display:flex;flex-direction:column;gap:8px;margin-top:17px;font-size:11px;color:#aaba9a}.detail-modal select{border:1px solid #4c6141;padding:10px;border-radius:4px}.full{width:100%;margin-top:20px}.primary{background:#b6ca8e;color:#1d2c1a;border-color:#c9d6aa}.danger{color:#d6a88d;border-color:#6b5541}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:12px;max-width:90vw;padding:15px 18px;border:1px solid #7a8c5d;border-radius:7px;background:#2a3a25;box-shadow:0 5px 30px #0008;font-size:12px}.toast button{border:0;padding:0}.empty-search{text-align:center;line-height:2;color:#829477;padding:40px 10px}.empty-search button{margin-top:10px}.comparison{margin-top:25px;border-bottom:1px solid #34452f;padding-bottom:20px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.compare-card{padding:12px;border:1px solid #405335;border-radius:5px;min-width:0}.compare-card>span{display:block;font-size:9px;color:#8fa17e;margin:7px 0}.compare-card>small{font-size:9px;color:#829875;line-height:1.8;display:block;margin-top:8px}.mini-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));position:relative;gap:2px;height:65px}.mini-slot{grid-row:1;border:1px dashed #415238;border-radius:2px}.mini-item{grid-row:1;background:#30412a;border:1px solid #738454;z-index:1;min-width:0;overflow:hidden}.mini-item .art{height:42px}.mini-item .art svg{width:26px;height:26px}.mini-item .art-ring,.mini-item .art-spark{display:none}.mini-item>span{font-size:6px;display:block;text-align:center;white-space:nowrap}.drag-preview{width:140px;background:#263820;border:1px solid #b6ca8e;border-radius:7px;padding:10px;text-align:center;box-shadow:0 12px 30px #0008}.drag-preview strong{font-size:11px}.help small{color:#899e7c;line-height:1.8}@media(min-width:1550px){main,.page-title,.bottom-note{max-width:1450px;margin-left:auto;margin-right:auto}.page-title{padding-left:0;padding-right:0}main{grid-template-columns:370px minmax(0,1fr)}.board{height:230px}.art{height:105px}}@media(max-width:1150px){header{gap:24px}.save-state{display:none}main{grid-template-columns:280px minmax(0,1fr);gap:16px}.deck-content{padding:21px 18px}.board-bottom{align-items:start;flex-direction:column}.note{flex-wrap:wrap}.note button{margin-left:36px}.catalog .art{height:77px}.item-grid{gap:8px;padding:0 12px 12px}.item-card strong{font-size:10px}nav{margin-left:auto}.board{height:185px}.on-board .item-tags{display:none}.on-board strong{font-size:8px}.on-board .art svg{width:40px}.board-empty strong{font-size:11px}}@media(max-width:800px){header{height:72px;padding:0 20px;gap:14px}.brand{font-size:17px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:3px}.brand-mark{width:34px;height:38px}nav{display:none}.version{margin-left:auto}.page-title{padding:28px 20px 22px;gap:20px;align-items:start;flex-direction:column}h1{font-size:25px}.file-actions button{font-size:11px}main{margin:0 20px;display:flex;flex-direction:column}.catalog,.workspace{width:100%}.catalog .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:310px}.hero-picker{padding-top:12px}.hero-picker label{display:none}.hero-select{padding:6px 10px}.hero-avatar{height:30px;width:30px}.catalog-foot{padding:10px 15px}.search{margin-top:10px}.catalog-meta{padding-top:12px}.workspace{order:-1}.board-scroll{overflow-x:auto;padding-bottom:5px}.board{min-width:560px}.deck-bar{padding:0 13px}.deck-content{padding:21px 15px}.deck-name{font-size:22px}.deck-heading{margin-bottom:23px}.board-bottom{flex-direction:row;align-items:center}.bottom-note{margin:20px;gap:20px;line-height:1.8}.bottom-note span:nth-child(2){display:none}.note{gap:10px}.note p{font-size:9px}footer{padding:12px 15px;font-size:8px}.stats>div{padding:12px}.stats svg{right:9px;top:13px}.stats{gap:8px}.item-grid .item-card{padding:7px 5px 10px}.item-grid .art{height:75px}.item-grid .art svg{height:47px;width:47px}.card-top{font-size:7px}.item-tags{font-size:8px}}@media(max-width:450px){.catalog .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.board-bottom{flex-direction:column;align-items:start;gap:3px}.comparison-grid{grid-template-columns:1fr}.deck-tabs{max-width:68%}.compare-button{font-size:10px}.note button{margin-left:33px}.save-state{display:none}}@media(max-width:800px){.board-empty{left:8px;right:auto;width:280px}.board-empty strong{font-size:11px}.board-empty p{font-size:9px}}.data-status{margin:0 4% 20px;padding:14px 18px;border:1px solid #46533b;border-radius:7px;display:flex;align-items:center;gap:12px;background:#1b281f;color:#aeba99;font-size:11px}.data-status strong{font-weight:500;color:#c2d0ae}.data-status p{margin:6px 0 0;line-height:1.6;color:#8fa283}.data-status a{margin-left:auto;white-space:nowrap;text-decoration:underline}.actual-art img{max-height:100%;max-width:100%;object-fit:contain}.item-notice{font-size:8px;color:#afab83;margin-top:4px}.item-effects{margin-top:18px;border-top:1px solid #45523a;padding-top:15px}.item-effects p{white-space:pre-wrap;margin:10px 0}.item-effects dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;color:#b7c7a4}.item-effects dd{margin:0;text-align:right}.source-link{display:inline-block;margin-top:15px;color:#c1d59f;font-size:11px;text-decoration:underline}.detail-modal .english-name{font-size:11px;color:#8ea37e}@media(max-width:800px){.data-status{margin:0 20px 18px;align-items:start;flex-wrap:wrap}.data-status>div{flex:1}.data-status a{margin-left:28px}}.actual-art img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.local-data-actions{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.local-data-actions button{font-size:10px;white-space:nowrap}.local-catalog-modal{max-width:620px}.local-file-name{font-size:12px;overflow-wrap:anywhere}.import-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.import-summary span{padding:10px;background:#253421;border:1px solid #43543a;border-radius:4px;font-size:11px;display:flex;justify-content:space-between}.local-catalog-modal details,.local-item-info details{font-size:11px;color:#a8bb97;line-height:1.8;margin:13px 0;overflow-wrap:anywhere}.local-catalog-modal summary,.local-item-info summary{cursor:pointer;color:#c2d5a7}.local-catalog-modal ul,.local-item-info ul{padding-left:20px;max-height:200px;overflow:auto}.future-images{margin-top:23px;padding-top:18px;border-top:1px solid #46533a;font-size:11px;color:#a7bc93}.future-images p{margin:8px 0;font-size:10px}.local-item-info{margin:16px 0;border:1px solid #65734c;border-radius:5px;padding:12px;color:#c8d5ab;font-size:11px}.local-item-info p{font-size:10px;margin:8px 0}.local-storage-notice{color:#dfb887!important}@media(max-width:800px){.local-data-actions{margin-left:28px;flex-basis:100%}.import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.local-catalog-modal{padding:27px 22px}}.data-status>div{min-width:0}.data-status p{overflow-wrap:anywhere}.bottom-note>span{min-width:0;overflow-wrap:anywhere}@media(max-width:800px){.data-status>.local-data-actions{flex:0 0 calc(100% - 28px);margin-left:28px;max-width:calc(100% - 28px)}}