:root{font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#3c2a18;background:#243819;font-synthesis:none}
*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.65}
#root{display:grid;place-items:center;background:radial-gradient(circle at 50% 5%,#9ccbf2 0,#6ba4cd 27%,#477c35 75%,#1d3217 100%)}
.stage{position:relative;width:960px;height:650px;overflow:hidden;transform:scale(var(--scale,1));transform-origin:center center;background:#86ba56;box-shadow:0 18px 55px #0d260bc9;isolation:isolate}
.sky{position:absolute;inset:0 0 42%;background:linear-gradient(#d9edff 0%,#afd8f3 53%,#effaff 100%)}.sky:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-34px;height:105px;background:radial-gradient(ellipse at 8% 68%,#dbead1 0 20%,transparent 21%),radial-gradient(ellipse at 78% 85%,#d9e7cb 0 28%,transparent 29%);opacity:.8}
.meadow{position:absolute;inset:34% 0 0;background:radial-gradient(ellipse at 47% 0%,#c6dd77 0,#a8d165 33%,#6da542 75%,#5c9237 100%)}.meadow:before{content:"";position:absolute;inset:0;opacity:.19;background-image:radial-gradient(#447b28 1px,transparent 1px),radial-gradient(#d7ed9b 1px,transparent 1px);background-size:17px 13px,24px 19px}
.city-art{position:absolute;left:125px;top:157px;width:680px;height:auto;filter:drop-shadow(0 12px 9px #1d4b1d91);user-select:none;pointer-events:none}.field-patch{position:absolute;width:172px;height:72px;transform:skewY(-17deg) rotate(-1deg);border-radius:8px;background:repeating-linear-gradient(90deg,#94bb51 0 11px,#c9dc7b 11px 15px,#739c3c 15px 20px);box-shadow:0 4px 0 #4b7630,0 6px 5px #274b2480;opacity:.7}.field-a{left:27px;top:372px}.field-b{right:32px;top:389px}
.top-ribbon{position:absolute;inset:0 0 auto;height:61px;background:linear-gradient(#f0f9fd 0,#c4e5f5 55%,#95b9c0 100%);border-bottom:4px solid #6a4c25;box-shadow:0 2px 5px #47341b99;display:flex;align-items:center;z-index:4;padding:0 12px;gap:12px}.logo{min-width:277px;font-weight:1000;font-size:35px;letter-spacing:-3px;color:#286b5b;-webkit-text-stroke:1px #164d3a;text-shadow:1px 3px #ffe184,3px 4px #895529,0 0 3px white;line-height:1}.logo strong{color:#e2a914;-webkit-text-stroke:1px #82531b}.top-tabs{display:flex;align-self:stretch;align-items:center;gap:8px}.top-tab{padding:7px 15px;border-radius:11px;border:2px solid #a37b42;color:#fff;font-size:17px;font-weight:900;text-shadow:0 2px #393b34;box-shadow:inset 0 2px #ffffffa1,0 3px 2px #554626;background:linear-gradient(#71c8e5,#2888b4)}.top-tab:nth-child(2){background:linear-gradient(#f6d77a,#c58b11)}.top-tab:nth-child(3){background:linear-gradient(#f48274,#bd402b)}.top-tab:nth-child(4){background:linear-gradient(#f69860,#b64f25)}
.hud{position:absolute;z-index:4;top:61px;left:0;right:0;height:76px;display:flex;align-items:flex-start;padding:8px 12px;gap:8px;color:#fff;font-size:13px;text-shadow:0 1px 2px #3b3119}.player-badge{display:flex;align-items:center;gap:8px;width:268px;height:69px;padding:4px 7px;background:linear-gradient(90deg,#79502f,#cf9c51);border:3px ridge #e2be75;border-radius:7px;box-shadow:0 2px 3px #503517}.avatar{display:grid;place-items:center;width:52px;height:54px;border:2px solid #eed6a0;border-radius:6px;background:#ecf1de;color:#7d3a22;font-size:32px}.player-meta{flex:1;min-width:0}.player-meta b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expbar{height:10px;margin:3px 0 1px;border:1px solid #d5dfac;border-radius:10px;background:#463222;overflow:hidden}.expbar span{display:block;height:100%;background:linear-gradient(#7cf1d7,#21aab0)}.level-gem{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(#4fc7e6,#136a9a);border:2px solid #e1eecb;transform:rotate(10deg);font-weight:900;font-size:17px}.resource-chip{display:flex;align-items:center;gap:4px;min-width:94px;padding-top:8px;font-weight:900;color:#fff}.resource-chip .coin{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid #987333;background:linear-gradient(#fff1a7,#e1b333);color:#9a5812;text-shadow:none}.resource-chip.gem .coin{background:#9de8fb;border-color:#3d86a5;color:#337594}.resource-chip.merit .coin{background:#f5b27c;border-color:#a05a37;color:#843625}.hud-actions{margin-left:auto;display:flex;gap:4px}.tiny-button{min-height:27px;padding:2px 8px;color:#fff;font-weight:900;background:linear-gradient(#73c8df,#318cb4);border:2px solid #eef4df;border-radius:5px;box-shadow:0 2px #345066;text-shadow:0 1px #26536a}
.side-menu{position:absolute;z-index:3;left:11px;top:169px;display:grid;gap:9px}.side-icon{display:grid;place-items:center;width:40px;height:38px;color:#824522;background:linear-gradient(#fff5c7,#e7b755);border:3px solid #95662e;border-radius:50%;font-size:21px;box-shadow:1px 3px #59452d;text-shadow:0 1px white}.side-icon:hover,.dock-button:hover{filter:brightness(1.15);transform:translateY(-2px)}
.map-hotspot{position:absolute;z-index:2;width:92px;height:65px;border:0;background:transparent;border-radius:50%;color:#fff;font-size:11px;font-weight:900;text-shadow:1px 2px #46250c,0 0 4px #231908}.map-hotspot:hover,.map-hotspot:focus-visible{background:#fff3914d;outline:2px solid #ffeb78}.map-hotspot span{display:block;margin-top:35px;background:#5e3e1ba6;border-radius:10px}.hot-hall{left:345px;top:221px}.hot-tavern{left:275px;top:315px}.hot-barracks{left:612px;top:280px}.hot-smith{left:685px;top:351px}.hot-farm{left:570px;top:375px}
.dock{position:absolute;z-index:5;inset:auto 0 0;height:79px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(transparent,#35642ca1 17%,#5c7e2b 100%)}.dock-button{display:grid;place-items:center;width:63px;height:66px;padding:2px;border:0;background:transparent;color:#fff;font-size:11px;font-weight:900;text-shadow:0 2px 2px #47230e;transition:.15s}.dock-emblem{display:grid;place-items:center;width:43px;height:43px;border:3px solid #8c421d;border-radius:50%;background:linear-gradient(145deg,#ffe5a0,#b97928);box-shadow:0 3px #573a1d,inset 0 2px #fff9d6;color:#7e311d;font-size:26px;text-shadow:1px 1px #fff2cb}.dock-button.primary .dock-emblem{background:linear-gradient(#e37143,#a52b17);color:#ffe37e}
.toast{position:absolute;z-index:20;left:50%;bottom:92px;transform:translateX(-50%);max-width:650px;padding:10px 18px;border:3px ridge #b3823b;border-radius:8px;background:#fff8d6;box-shadow:0 5px 15px #2c260f9c;color:#5a3420;font-weight:800;text-align:center}.toast.error{background:#ffdfd7;color:#8c2d21}
.shade{position:absolute;z-index:10;inset:0;background:#152c1c73;display:grid;place-items:center}.window{position:relative;width:790px;max-height:570px;border:7px ridge #8a522d;border-radius:15px;background:linear-gradient(#f8f4e8,#eee5d7);box-shadow:0 8px 24px #1e1c12ad,inset 0 0 0 4px #dfb56b;overflow:hidden}.window.wide{width:886px}.window-title{height:47px;display:flex;align-items:center;justify-content:center;color:#fff7d7;background:linear-gradient(#986036,#60401f);border-bottom:4px ridge #c59555;font-weight:1000;font-size:22px;text-shadow:0 2px #38200d}.window-title:before,.window-title:after{content:"◆ ◆ ◆";color:#e3b36d;font-size:13px;margin:0 20px}.close{position:absolute;right:5px;top:3px;width:36px;height:34px;border:3px solid #f6c8a0;border-radius:5px;background:linear-gradient(#e17052,#aa3122);color:white;font-weight:1000;font-size:24px;line-height:23px;text-shadow:0 1px #582018;z-index:2}.window-body{height:508px;overflow:auto;padding:17px 21px;background:#f8f6ed}.window.wide .window-body{height:506px}.tabs{display:flex;gap:4px;border-bottom:3px solid #bb954d;margin:-1px 0 14px}.tab{min-width:118px;padding:8px 12px 7px;border:2px solid #b58c4e;border-radius:8px 8px 0 0;background:linear-gradient(#ffef8e,#e5c95e);color:#644124;font-weight:900}.tab.active{background:linear-gradient(#fffef0,#f4f0e2);border-bottom-color:#f4f0e2;transform:translateY(3px)}.panel-subtitle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px;color:#754c25;font-weight:900}.blue-button,.green-button,.gold-button{min-width:88px;min-height:31px;padding:3px 12px;border:3px solid #f5f6d7;border-radius:7px;box-shadow:0 3px #6f5a35,inset 0 2px #ffffff9c;color:#fff;font-weight:1000;font-size:15px;text-shadow:0 2px #31566c}.blue-button{background:linear-gradient(#93d4ef,#2b92c4)}.green-button{background:linear-gradient(#b4dd94,#4a9a57);text-shadow:0 2px #38603c}.gold-button{background:linear-gradient(#ffe08b,#d49734);text-shadow:0 2px #9a6328}.small-button{min-width:0;min-height:26px;font-size:12px;padding:2px 9px;border-width:2px}.muted{color:#806b57;font-size:13px}.notice{padding:10px 12px;border:1px solid #dbbe80;border-radius:7px;background:#fff5d1;line-height:1.45}
.tavern-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tavern-card{min-height:372px;padding:16px 12px 11px;border-radius:15px;background:#b5d1df;display:flex;flex-direction:column;align-items:center;text-align:center}.portrait-frame{display:grid;place-items:center;width:168px;height:171px;border:9px ridge #956942;border-radius:11px;background:linear-gradient(#d2d2cf,#71808a);overflow:hidden;box-shadow:0 2px 2px #5d5348}.portrait-frame img{max-width:100%;height:100%;object-fit:cover}.portrait-frame.small{width:103px;height:110px;border-width:6px}.name-plaque{width:100%;padding:5px 7px;margin-top:7px;border:3px ridge #a67b48;border-radius:5px;background:#b67e4d;color:#fff9cd;text-shadow:0 1px #593916;font-weight:900}.tavern-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;margin:14px 0 8px;font-size:14px;font-weight:900}.stat-pill{padding:3px;border:2px solid #deded1;background:#aeb3af;border-radius:3px}.hire-cost{margin:auto 0 7px;color:#6b4f1c;font-weight:900;font-size:17px}.tavern-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.timer{font-size:17px;font-weight:900;color:#625748}
.general-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.general-card{padding:8px;border:3px solid #bd7b2e;border-radius:11px;background:linear-gradient(#fff9b1 0,#ffcd59 40%,#f19a13 100%);box-shadow:inset 0 2px #fffcdb;text-align:center}.general-card .portrait-frame{width:116px;height:122px;margin:0 auto}.general-card h3{margin:5px 0 2px;font-size:18px}.general-card .level-line{display:block;height:14px;border:2px solid #a66a1d;background:#523d27;border-radius:9px;overflow:hidden;text-align:left}.level-line i{display:block;width:55%;height:100%;background:linear-gradient(#fff29b,#f7bf32)}.skill-dots{display:flex;justify-content:center;gap:3px;height:31px;margin:5px 0}.skill-dots span{display:grid;place-items:center;width:29px;border:2px solid #9f7849;border-radius:4px;background:#fffbd7;font-size:18px}.general-card .tavern-stats{margin:5px 0;font-size:12px}.general-actions{display:flex;justify-content:center;gap:5px;margin-top:8px}.general-actions button{min-width:0;font-size:12px}.general-detail{display:grid;grid-template-columns:210px 1fr 210px;gap:13px}.detail-column{padding:13px;border-radius:12px;background:#e1e2df;text-align:center}.detail-column h3{margin:0 0 8px;color:#6a533d}.slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.item-slot{display:grid;place-items:center;min-height:76px;border:4px ridge #8a7981;border-radius:8px;background:#fffef0;font-size:12px;font-weight:900}.item-slot b{font-size:28px}.detail-portrait{height:300px;border-radius:28px;border:5px solid #fff;background:radial-gradient(#fffaac,#f1bd42);display:grid;place-items:center;overflow:hidden}.detail-portrait img{max-width:100%;max-height:100%;object-fit:contain}.detail-stats{display:flex;justify-content:space-around;margin:8px 0;font-weight:900}.detail-bottom{margin-top:10px;padding:10px;border-radius:8px;background:#ddd;color:#664c36;text-align:center}
.build-list{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.build-card{text-align:center;min-width:0}.build-card button{display:grid;place-items:center;width:91px;height:85px;border:5px ridge #9f9a99;border-radius:11px;background:#fffef0}.build-card button:hover{background:#fff3bd}.build-card img{width:76px;height:66px;object-fit:contain}.build-card b{display:block;margin-top:3px;font-size:12px;white-space:nowrap}.build-card small{display:block;color:#b57411;font-weight:900}.build-wrap{min-height:280px}.build-placed{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.building-row{padding:9px;border:2px solid #d6bf8b;border-radius:8px;background:#fff8e7;display:flex;justify-content:space-between;gap:5px;align-items:center}.building-row strong{font-size:13px}
.troop-list,.quest-list,.equipment-list{display:grid;gap:9px}.row-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 13px;border:2px solid #d3b878;border-radius:8px;background:#fff9e7}.row-card h3{margin:0 0 3px;font-size:16px}.row-card p{margin:0;color:#806c55;font-size:12px}.row-actions{display:flex;align-items:center;gap:7px}.row-actions input,.row-actions select{width:80px;padding:4px;border:2px solid #bfa976;border-radius:5px;background:white}.row-actions select{width:130px}.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.campaign-card{min-height:115px;padding:10px;border:3px ridge #ad824c;border-radius:9px;background:linear-gradient(#f9eecb,#e7cf96);text-align:center}.campaign-card.locked{filter:grayscale(.8);opacity:.65}.campaign-card h3{margin:0 0 8px;color:#69451f}.campaign-card b{display:block;margin:3px 0 8px;font-size:13px}.battle-result{padding:12px;border:3px ridge #bf9758;border-radius:9px;background:#fff9e3}.battle-result h3{margin:0 0 12px;text-align:center;font-size:25px;color:#994822}.battle-result.win h3{color:#3f8c3c}.battle-lines{max-height:180px;overflow:auto;padding:8px;background:#ece3d0;border-radius:6px;font-size:13px;line-height:1.5}
.auth-scene{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#cbe8fa80,#82c75a66)}.auth-card{width:420px;padding:25px;border:7px ridge #915b31;border-radius:17px;background:#f8ecd0;box-shadow:0 14px 30px #2440139c;text-align:center}.auth-card h1{margin:0 0 8px;color:#518255;font-size:38px;text-shadow:1px 2px #f2c74c}.auth-card p{margin:0 0 18px;color:#876c4c}.auth-card label{display:block;margin:11px 0;text-align:left;font-weight:900}.auth-card input{width:100%;margin-top:4px;padding:10px;border:2px solid #af8c59;border-radius:7px;background:#fff}.auth-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.faction-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.faction-choice{height:112px;border:4px ridge #b99a61;border-radius:9px;background:#fff2c4;color:#604322;font-size:25px;font-weight:900}.faction-choice.active{background:#d0e7a7;border-color:#75a94c}.faction-choice small{display:block;font-size:12px}.loading{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:25px;font-weight:900;text-shadow:0 2px #2a5e29}