:root{--bg:#f6f7f2;--ink:#203228;--muted:#6f7b67;--line:#dfe5d8;--green:#42633b;--lime:#c6e8a7;--dark:#182b20;font-family:'Segoe UI',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}a,button,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #82a65e;outline-offset:4px}svg{max-width:100%;vertical-align:middle}.skip{position:fixed;top:-80px;left:10px;background:var(--lime);padding:15px;z-index:99}.skip:focus{top:10px}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:auto;min-height:86px;display:flex;align-items:center;padding:0 38px;gap:60px}.brand{display:inline-flex;align-items:center;gap:7px;font-size:30px;letter-spacing:-1.8px;font-weight:800}.brand-symbol{background:var(--dark);color:var(--lime);display:inline-grid;place-items:center;width:33px;height:33px;font-size:25px;border-radius:10px;margin-right:5px;letter-spacing:0}.brand-dot{color:#73944e;margin-left:-5px}.desktop-nav{display:flex;align-self:stretch;gap:30px}.desktop-nav a{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;padding-top:3px}.desktop-nav a.active{border-color:var(--green);color:var(--green)}.header-end{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:11px;white-space:nowrap}.header-end small{color:#7b876f;font-size:11px}.edition{border:1px solid var(--line);font-size:9px;letter-spacing:1px;padding:8px;border-radius:5px}.container{max-width:1280px;margin:auto;padding:30px 38px 55px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green);text-transform:uppercase;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#7b9c5b}.hero{display:grid;grid-template-columns:1.03fr 1fr;background:#eaf0e1;border-radius:23px;overflow:hidden;min-height:435px}.hero-content{padding:43px 40px;position:relative;z-index:1}.hero h1{font-size:50px;letter-spacing:-2.1px;line-height:1.2;margin:21px 0;font-weight:750}.hero h1 em{font-style:normal;color:#6f8c4f}.hero p{font-size:14px;line-height:1.85;color:#657459;max-width:370px;margin-bottom:25px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:12px 20px;border-radius:8px;border:0;background:var(--green);color:white;font-size:13px;font-weight:600}.secondary{background:white;color:var(--green);border:1px solid var(--line)}.hero .small-note{font-size:11px;margin-top:18px;color:#718162}.hero-art{position:relative;overflow:hidden;min-height:350px;background:#eaf0e1}.hero-art>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.art-badge{position:absolute;right:24px;top:24px;border:1px solid #a9bc97;border-radius:20px;padding:8px 12px;font-size:9px;color:#5b7349;letter-spacing:1px;background:#edf2e48c}.art-caption{position:absolute;bottom:24px;left:30px;font-size:9px;letter-spacing:2px;color:#617650}.searchbar{display:flex;align-items:center;gap:12px;padding:7px 8px 7px 18px;background:white;border:1px solid var(--line);border-radius:11px;margin-top:22px}.searchbar svg{width:19px;color:#7e8d71;flex-shrink:0}.searchbar input{min-width:0;flex:1;border:0;background:transparent;padding:12px 0;font-size:13px;color:var(--ink)}.searchbar button{min-height:44px;border:0;background:var(--dark);color:white;font-size:12px;padding:12px 19px;border-radius:7px}.search-hint{font-size:11px;color:#718162;white-space:nowrap;padding-right:15px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:34px 0 18px}.section-head h2{font-size:25px;letter-spacing:-.8px;margin:0}.section-head p{font-size:13px;color:var(--muted);line-height:1.8;margin:7px 0 0}.text-link{font-size:12px;color:var(--green);font-weight:600;white-space:nowrap;padding:10px 0}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.feature-game{display:grid;grid-template-columns:205px 1fr;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.game-art{min-height:240px;position:relative;background:radial-gradient(ellipse at 50% 15%,#6f7357,#2d3d31 55%,#192a20);color:#decca0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.game-art:before{content:'';position:absolute;width:145px;height:260px;border:1px solid #c9b77d55;top:30px;border-radius:90px 90px 0 0}.game-art svg{width:90px;height:110px;filter:drop-shadow(0 6px 10px #0008)}.game-art-title{font-family:Georgia,serif;font-size:27px;letter-spacing:2px;z-index:1;text-shadow:0 3px 10px #000}.game-art-title small{display:block;font-size:9px;letter-spacing:5px;text-align:center;margin-top:7px}.game-content{padding:24px}.pill{display:inline-flex;padding:5px 8px;border-radius:4px;background:#edf4e6;color:#55733d;font-size:10px;font-weight:600;letter-spacing:.3px}.pill.gold{background:#f5eedf;color:#866d36}.pill.gray{background:#f0f2ec;color:#65745c}.game-content h3{font-size:25px;letter-spacing:-.6px;margin:12px 0 4px}.korean{font-family:system-ui,sans-serif;color:#78856d;font-size:12px}.game-content p{color:var(--muted);font-size:13px;line-height:1.85}.game-meta{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 10px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.quick-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:11px;padding:18px 14px}.quick-card:hover{background:#edf3e6}.quick-icon{display:grid;place-items:center;width:36px;height:36px;background:#eff4e7;color:#728751;border-radius:9px;flex-shrink:0}.quick-icon svg{width:23px;height:23px}.quick-card strong{display:block;font-size:13px}.quick-card small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.aside-panel{background:#edf1e6;border:1px solid #dfe6d5;border-radius:16px;padding:25px;height:100%}.aside-panel h3{font-size:20px;line-height:1.5;margin:12px 0;letter-spacing:-.5px}.aside-panel p{font-size:12px;line-height:1.9;color:var(--muted)}.step-row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #dce4d2}.step-row:last-of-type{border:0}.step-row>span{font-size:12px;color:#7c9065}.step-row strong{display:block;font-size:12px}.step-row small{display:block;font-size:11px;margin-top:6px;color:#728162}.aside-panel .secondary{width:100%;margin-top:15px;background:#ffffff90}.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.guide-art{height:125px;background:#e4ead9;color:#728750;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.guide-art svg{height:78px;width:78px}.guide-art:before,.guide-art:after{content:'';position:absolute;width:140px;height:140px;border:1px solid currentColor;opacity:.16;border-radius:50%}.guide-art:after{width:200px;height:200px}.guide-art.clay{background:#eee7db;color:#9a8050}.guide-art.blue{background:#e2eae9;color:#628585}.guide-card-content{padding:20px}.guide-card h3{font-size:17px;line-height:1.6;margin:10px 0}.guide-card p{font-size:12px;line-height:1.85;color:var(--muted)}.guide-bottom{display:flex;justify-content:space-between;font-size:11px;color:#758765;margin-top:17px}.info-strip{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--line);background:#eff3e8;border-radius:11px;margin-top:28px}.info-strip svg{width:23px;flex-shrink:0;color:#6b874e}.info-strip strong{font-size:12px}.info-strip p{font-size:11px;line-height:1.8;color:var(--muted);margin:5px 0 0}footer{background:#edf0e6;border-top:1px solid var(--line)}.footer-inner{max-width:1280px;margin:auto;padding:28px 38px;display:flex;justify-content:space-between;gap:25px}.footer-inner .brand{font-size:25px}.footer-inner p{font-size:11px;line-height:1.9;color:#718162;margin:7px 0}.footer-note{text-align:right}.footer-note a{font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--green)}.mobile-nav{display:none}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:12px;color:#748563;margin:0 0 25px;flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span:last-child{color:#596e49}.page-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font-size:35px;line-height:1.4;letter-spacing:-1.2px;margin:12px 0}.page-heading p{font-size:14px;color:var(--muted);line-height:1.9;max-width:650px}.outline-label{font-size:11px;border:1px solid var(--line);padding:10px 13px;border-radius:6px;white-space:nowrap;color:#738562}.demo-banner{font-size:12px;line-height:1.8;background:#faf4e7;border:1px solid #e7dcc1;border-radius:8px;padding:12px 15px;color:#816738;margin-bottom:20px}.items-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px}.filters{background:white;border:1px solid var(--line);padding:20px;border-radius:12px;height:max-content;position:sticky;top:20px}.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.filter-title strong{font-size:14px}.link-button{border:0;background:transparent;text-decoration:underline;color:var(--green);padding:8px 0;font-size:12px}.filter-group{border-bottom:1px solid #edf0e7;padding-bottom:18px;margin-bottom:18px}.filter-group:last-child{border:0;margin:0;padding:0}.filter-label{display:block;font-size:11px;color:#718460;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:10px}.filter-choice{width:100%;border:0;background:transparent;min-height:44px;padding:10px;text-align:left;font-size:13px;display:flex;justify-content:space-between;align-items:center;border-radius:6px}.filter-choice.active{background:#edf4e6;color:var(--green);font-weight:600}.filter-choice small{color:#748763;font-size:11px}.filter-choice:hover{background:#f4f7ee}.filters select{width:100%;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:7px;background:white;font-size:12px}.checkbox{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}.checkbox input{accent-color:var(--green);height:16px;width:16px}.items-search{margin:0 0 15px}.items-search button{background:#eaf2e0;color:var(--green)}.category-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.category-tabs button{border:1px solid var(--line);background:white;border-radius:7px;padding:10px 15px;min-height:44px;font-size:12px;white-space:nowrap}.category-tabs button.active{background:var(--dark);color:var(--lime);border-color:var(--dark)}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin:15px 0}.results-meta strong{color:var(--ink)}.results-meta select{border:0;background:transparent;font-size:12px;color:#62794f;padding:10px;max-width:180px}.items-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-card{display:block;border:1px solid var(--line);background:white;border-radius:12px;padding:19px;transition:box-shadow .15s,border-color .15s}.item-card:hover{border-color:#a1b98b;box-shadow:0 4px 16px #20371d09}.item-card-top{display:flex;align-items:center;gap:14px}.item-icon{display:grid;place-items:center;width:54px;height:58px;border-radius:8px;background:radial-gradient(ellipse,#40503a,#1c2a20);color:#ddca94;border:1px solid #5d7049;flex-shrink:0;overflow:hidden}.item-icon svg{height:45px;width:45px;filter:drop-shadow(0 3px 4px #0008)}.item-icon.armor{background:radial-gradient(ellipse,#4c5d54,#24382e);color:#c8d5d0}.item-icon.etc{background:radial-gradient(ellipse,#655040,#342e25);color:#e4b68e}.item-card h3{font-size:15px;line-height:1.6;margin:0 0 4px}.item-card .korean{font-size:12px}.type-label{font-size:11px;color:#738563;margin-top:4px}.item-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7;padding:13px 0;margin:15px 0}.item-stats small{display:block;color:#758765;font-size:10px;margin-bottom:6px}.item-stats strong{font-size:15px;color:#597246}.item-option{font-size:12px;line-height:1.8;min-height:42px;color:#697c56;margin:8px 0}.item-bottom{display:flex;justify-content:space-between;gap:8px;line-height:1.7;font-size:11px;color:#728562}.item-bottom span:last-child{color:var(--green);white-space:nowrap}.empty{grid-column:1/-1;border:1px dashed #b8c6a9;border-radius:12px;background:white;text-align:center;padding:45px 20px}.empty h3{font-size:18px}.empty p{font-size:13px;color:var(--muted);line-height:1.9}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;font-size:13px;margin-top:25px}.pagination button{background:white;border:1px solid var(--line);border-radius:7px;min-width:44px;min-height:44px}.filter-mobile-toggle{display:none}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:27px;margin-bottom:20px}.panel h2{font-size:18px;margin:0 0 20px}.panel p,.panel li{font-size:14px;color:var(--muted);line-height:1.95}.detail-header{display:flex;align-items:center;gap:23px}.detail-header .item-icon{width:90px;height:96px}.detail-header .item-icon svg{width:70px;height:70px}.detail-header h1{font-size:29px;letter-spacing:-.7px;line-height:1.5;margin:9px 0}.detail-header .korean{font-size:15px}.detail-header .pill{margin-top:10px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.stat-box{background:#f2f6e9;border-radius:9px;padding:17px}.stat-box small{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.stat-box strong{font-size:23px;color:var(--green)}.data-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0e7;padding:15px 0;font-size:13px;line-height:1.9}.data-row:last-child{border:0}.data-row span{color:var(--muted)}.data-row strong{text-align:right;font-weight:500}.related-link{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.related-link .item-icon{width:38px;height:40px}.related-link .item-icon svg{width:30px;height:30px}.related-link small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.related-link>span:last-child{margin-left:auto}.back-link{display:inline-block;font-size:13px;color:var(--green);padding:12px 0;margin-bottom:10px}.game-overview{display:grid;grid-template-columns:310px 1fr;border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden;margin-bottom:25px}.game-overview .game-art{min-height:300px}.game-overview .game-content{padding:35px}.game-overview h1{font-size:34px;margin:14px 0 6px;letter-spacing:-1px}.overview-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.overview-links .quick-card{padding:23px 18px}.article{max-width:760px;margin:auto}.article h1{font-size:34px;line-height:1.5;letter-spacing:-1px}.article .lead{font-size:16px;line-height:2;color:var(--muted)}.article h2{font-size:22px;margin:30px 0 15px}.article-body{background:white;border:1px solid var(--line);border-radius:15px;padding:30px;margin-top:25px}.article-body p,.article-body li{font-size:15px;line-height:2;color:#64755a}.article-body a{color:var(--green);text-decoration:underline}
@media(max-width:1100px){.header-inner{gap:30px;padding:0 25px}.edition{display:none}.desktop-nav{gap:20px}.container{padding:25px}.hero-content{padding:35px 30px}.hero h1{font-size:42px}.home-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.feature-game{grid-template-columns:165px 1fr}.quick-card{gap:8px;padding:15px 10px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px}.items-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}.item-card{padding:15px}.header-end small{display:none}}
@media(max-width:800px){.header-inner{min-height:72px;gap:20px}.brand{font-size:26px}.desktop-nav{gap:16px}.desktop-nav a{font-size:12px}.header-end{display:none}.container{padding:22px}.hero{min-height:360px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:36px}.hero-content{padding:30px 24px}.hero p{font-size:13px}.hero-art{min-height:360px}.home-layout{grid-template-columns:1fr}.aside-panel{display:none}.feature-game{grid-template-columns:200px 1fr}.guides-grid{gap:12px}.guide-card-content{padding:15px}.guide-card h3{font-size:15px}.search-hint{display:none}.items-layout{grid-template-columns:165px minmax(0,1fr);gap:15px}.items-grid{grid-template-columns:1fr}.filters{padding:15px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.game-overview{grid-template-columns:240px 1fr}.game-overview .game-content{padding:25px}.game-overview h1{font-size:28px}.overview-links{gap:10px}.overview-links .quick-card{padding:18px 10px}.footer-inner{padding:25px 22px}}
@media(max-width:560px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.header-inner{min-height:65px;padding:0 19px}.brand{font-size:26px}.brand-symbol{width:30px;height:30px;font-size:23px}.desktop-nav{display:none}.header-end{display:flex;font-size:11px}.container{padding:19px 17px 35px}.hero{grid-template-columns:1fr;border-radius:18px;min-height:0}.hero-content{padding:28px 24px 0}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero h1{font-size:38px;line-height:1.25;margin:17px 0;letter-spacing:-1.7px}.hero p{font-size:14px;line-height:1.85;max-width:310px;margin-bottom:20px}.hero .small-note{margin-top:15px}.hero-art{min-height:210px;margin-top:5px}.hero-art>img{height:130%;top:-18%;object-fit:contain}.art-caption{font-size:8px;bottom:17px;left:24px}.art-badge{top:auto;bottom:13px;right:18px;font-size:8px;padding:6px 9px}.searchbar{margin-top:17px;gap:10px;padding:6px 7px 6px 12px}.searchbar input{font-size:12px}.searchbar button{padding:10px 13px}.section-head{margin:28px 0 15px}.section-head h2{font-size:22px}.section-head p{font-size:12px;max-width:235px}.text-link{font-size:11px}.feature-game{grid-template-columns:1fr}.game-art{min-height:175px}.feature-game .game-art{flex-direction:row;gap:15px}.feature-game .game-art:before{width:220px;height:240px}.feature-game .game-art svg{width:75px;height:95px}.game-art-title{font-size:30px}.feature-game .game-content{padding:21px}.game-content h3{font-size:24px}.game-content p{font-size:14px}.game-meta{margin:13px 0 3px}.quick-links{gap:7px;margin-top:10px}.quick-card{padding:14px 8px;flex-direction:column;align-items:start;gap:10px}.quick-icon{width:30px;height:30px}.quick-card strong{font-size:12px}.quick-card small{font-size:10px;line-height:1.6}.guides-grid{grid-template-columns:1fr;gap:12px}.guide-card{display:grid;grid-template-columns:90px 1fr}.guide-art{height:100%;min-height:150px}.guide-art svg{width:60px;height:60px}.guide-card-content{padding:15px}.guide-card h3{font-size:15px;margin:7px 0}.guide-card p{font-size:12px;margin:6px 0}.guide-bottom{font-size:10px;margin-top:10px}.info-strip{padding:14px;gap:10px;margin-top:22px}.footer-inner{display:block;padding:24px 18px}.footer-note{text-align:left;margin-top:20px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#ffffffef;backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobile-nav a{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#75836a;font-weight:500}.mobile-nav a>span{font-size:23px;line-height:1}.mobile-nav a.active{color:var(--green);background:#eef5e7;border-radius:9px}.breadcrumbs{font-size:11px;margin-bottom:19px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:29px;letter-spacing:-1px;margin:10px 0}.page-heading p{font-size:13px}.outline-label{display:none}.demo-banner{font-size:11px;padding:10px 12px;margin-bottom:15px}.items-layout{display:block}.filters{display:none;position:static;margin-bottom:15px;padding:18px}.filters.open{display:block}.filter-mobile-toggle{display:flex;min-height:44px;align-items:center;justify-content:center;padding:10px 14px;gap:8px;background:white;border:1px solid var(--line);border-radius:8px;font-size:13px;margin-bottom:14px;width:100%}.filter-mobile-toggle svg{width:16px}.items-search{margin:0 0 12px}.category-tabs{gap:6px}.category-tabs button{padding:10px 14px}.results-meta{font-size:12px;margin:12px 0}.results-meta select{font-size:11px;max-width:150px;padding-right:0}.item-card{padding:17px}.item-card h3{font-size:16px}.item-stats small{font-size:11px}.item-stats strong{font-size:16px}.item-option{min-height:0;font-size:13px;margin:10px 0 12px}.item-bottom{font-size:12px}.detail-header{gap:15px}.detail-header h1{font-size:25px;line-height:1.4}.detail-header .item-icon{width:70px;height:80px}.panel{padding:21px;margin-bottom:15px}.detail-stats{gap:7px;margin-top:20px}.stat-box{padding:13px 10px}.stat-box small{font-size:10px}.stat-box strong{font-size:20px}.detail-sidebar{display:block}.data-row{font-size:12px}.game-overview{grid-template-columns:1fr;border-radius:15px}.game-overview .game-art{min-height:200px}.game-overview .game-content{padding:23px}.overview-links{gap:8px}.overview-links .quick-card{padding:15px 10px}.article h1{font-size:28px}.article .lead{font-size:14px}.article-body{padding:20px}.article-body p,.article-body li{font-size:14px}.article-body ul,.article-body ol{padding-left:20px}.article h2{font-size:20px}}
.game-item-icon{background:#151915!important;border-color:#5e6247!important;width:64px;height:64px;border-radius:7px;box-shadow:inset 0 0 0 2px #242b21}
.game-item-icon img{display:block;width:56px;height:56px;object-fit:contain;image-rendering:pixelated;filter:none}
.detail-header .game-item-icon img{width:64px;height:64px}
.related-link .game-item-icon img{width:32px;height:32px}
.language-picker{display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#f7f9f3;color:var(--green);flex-shrink:0}
.language-picker select{min-height:44px;padding:8px 3px;border:0;background:transparent;color:var(--ink);font-size:12px;cursor:pointer;max-width:125px}
.header-end{display:flex}
html[lang="ko"]{word-break:keep-all;overflow-wrap:break-word}
html[lang="ko"] .hero h1{font-size:46px;line-height:1.35}
@media(max-width:900px){.desktop-nav{display:none}.header-end{display:flex}.header-inner{gap:15px}.edition{display:none}body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#ffffffef;backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobile-nav a{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#75836a;font-weight:500}.mobile-nav a>span{font-size:23px;line-height:1}.mobile-nav a.active{color:var(--green);background:#eef5e7;border-radius:9px}}
@media(max-width:560px){html[lang="ko"] .hero h1{font-size:34px}.language-picker{padding:0 6px;gap:3px}.language-picker select{font-size:12px;max-width:112px}.header-inner{gap:8px}.brand{font-size:25px}}
main:focus{outline:none}.empty>svg{width:36px;height:36px;color:var(--green)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Bilingual encyclopedia: text-only additions intentionally use navigation
   symbols, not unverified game artwork. Existing equipment icons are unchanged. */
.codex h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.25;margin:14px 0}.codex-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.codex-group{display:block;border:1px solid #dfe5dc;border-radius:16px;padding:24px;background:#fff;color:#203e30;text-decoration:none}.codex-group:hover,.codex-card:hover{border-color:#668966;box-shadow:0 5px 20px #203e300b}.codex-group h2{margin:16px 0 8px;font-size:1.15rem}.codex-group>span:not(.codex-symbol){font-size:.85rem;color:#6d7b68}.codex-group p{font-size:.88rem;color:#6d776b;margin-bottom:0}.codex-symbol{display:inline-grid;place-items:center;background:#edf1e8;color:#486d41;width:52px;height:52px;border-radius:13px;font-size:1.7rem;flex-shrink:0}.codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.codex-card{display:flex;align-items:flex-start;gap:15px;border:1px solid #dfe5dc;background:#fff;border-radius:14px;padding:20px;text-decoration:none;color:inherit;min-width:0}.codex-card>div{min-width:0;flex:1}.codex-card h2{font-size:1.08rem;margin:0 0 4px;overflow-wrap:anywhere}.codex-card p{font-size:.86rem;line-height:1.65;margin:8px 0 0;color:#66705f}.codex-secondary{color:#7b8375!important;font-size:.88rem!important}.codex-notice{background:#f7f3e8;border:1px solid #e8ddc5;border-radius:12px;padding:18px 21px;color:#746245;line-height:1.8;margin:22px 0;font-size:.91rem}.codex-notice h2{font-size:1rem;margin:0 0 5px}.codex-notice p{margin:0}.codex-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.codex-tabs a{font-size:.86rem;text-decoration:none;background:#fff;border:1px solid #dbe2d5;border-radius:8px;padding:9px 13px;color:#4c6145}.codex-tabs a[aria-current]{background:#203e30;color:#fff;border-color:#203e30}.codex-search{max-width:620px;margin:24px 0 16px}.codex-search label{display:block;font-size:.9rem;margin-bottom:9px}.codex-search>div{display:flex;gap:9px}.codex-search input{min-width:0;flex:1;border:1px solid #d1dacc;border-radius:9px;padding:13px 15px;background:white;font:inherit}.codex-entry-heading{display:flex;align-items:center;gap:20px;margin:28px 0}.codex-entry-heading h1{margin:7px 0}.codex-entry-heading .codex-symbol{width:76px;height:76px;font-size:2rem}.codex-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e0e6da;border:1px solid #e0e6da;border-radius:12px;overflow:hidden;margin:28px 0}.codex-facts>div{background:white;padding:18px 22px}.codex-facts dt{font-size:.84rem;color:#74806b}.codex-facts dd{margin:7px 0 0;font-weight:600;overflow-wrap:anywhere}.codex-source{margin:24px 0}.codex-source p,.codex-footnote{color:#6b7662;font-size:.87rem;line-height:1.8}.codex-discover{display:block;margin:22px 0;padding:14px 18px;border:1px solid #cfddc7;border-radius:10px;background:#edf3e9;color:#345334;font-size:.9rem;line-height:1.65;text-decoration:none}.codex a:focus-visible,.codex input:focus-visible,.codex button:focus-visible{outline:3px solid #ab8d4c;outline-offset:3px}
@media(max-width:800px){.codex-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-grid{grid-template-columns:1fr}.codex-card{padding:17px}.codex-facts{grid-template-columns:1fr}.codex-group{padding:18px}.codex-entry-heading{gap:14px}.codex-entry-heading .codex-symbol{width:54px;height:54px}.codex .lead{font-size:1rem}.codex-tabs{gap:6px}.codex-tabs a{padding:9px 10px;font-size:.82rem}}
@media(max-width:370px){.codex-groups{gap:10px}.codex-group{padding:14px}.codex-group h2{font-size:1rem}.codex-card{gap:10px}.codex-card .codex-symbol{width:40px;height:40px}}
/* Source game sprites: reserve space to prevent layout shifts; retain pixels. */
.codex .codex-sprite{width:80px;height:80px;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#d9dfcd 0%,#edf1e7 60%);border:1px solid #e0e5d8;border-radius:12px}.codex-sprite img{display:block;width:100%;height:100%;object-fit:contain;padding:5px}.codex-sprite .pixel-sprite{image-rendering:pixelated}.codex-group .codex-sprite{width:64px;height:64px}.codex-entry-heading .codex-sprite{width:112px;height:112px}.codex-sprite.image-unavailable::after{content:'◇';color:#73806a;font-size:1.5rem}@media(max-width:800px){.codex .codex-card{gap:14px}.codex .codex-card .codex-sprite{width:66px;height:72px}.codex-entry-heading .codex-sprite{width:88px;height:88px}}@media(max-width:370px){.codex .codex-card .codex-sprite{width:58px;height:64px}.codex .codex-card{gap:11px}}
/* Frame the actual character, not the GIF's transparent canvas. Image bytes
   and every animation frame stay unchanged; measured union bounds avoid cuts. */
.codex-sprite .sprite-viewport{display:block;position:relative;width:calc(100% - 12px);aspect-ratio:1;overflow:hidden;flex:none}.codex-sprite .sprite-viewport>img.framed-sprite{position:absolute;display:block;width:var(--sprite-w);height:var(--sprite-h);left:var(--sprite-x);top:var(--sprite-y);max-width:none;max-height:none;padding:0;object-fit:fill;image-rendering:pixelated}