*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080d1b;color:#fff4dc;font-family:Georgia,'Noto Serif KR','Malgun Gothic',serif}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;filter:grayscale(.8);opacity:.57}button:focus-visible,input:focus-visible{outline:5px solid #fff7bf;outline-offset:3px}#shell{height:100%;width:100%;display:flex;align-items:center;justify-content:center}#game{width:1672px;height:941px;position:absolute;flex-shrink:0;overflow:hidden;transform-origin:center;background:#15213c;box-shadow:0 0 100px #000}#screen,#overlay{position:absolute;inset:0}#overlay{pointer-events:none;z-index:30}#overlay>*{pointer-events:auto}.screen-art{position:absolute;inset:0;width:100%;height:100%;user-select:none;pointer-events:none}.hot{position:absolute;background:transparent;border:0;color:transparent;border-radius:24px;z-index:4}.hot:hover{background:transparent}.hot:active{background:transparent}.button{min-height:62px;border:2px solid #e7c681;border-radius:24px;background:linear-gradient(#284a8a,#112748);color:#fff2d6;font-weight:700;font-size:25px;padding:13px 25px;box-shadow:inset 0 0 0 3px #18253b,0 2px 8px #0005;text-shadow:0 2px 2px #0b1737}.button.gold{color:#3b260d;background:linear-gradient(#fff1b0,#edb745);text-shadow:none}.button.ivory{background:linear-gradient(#fffae9,#ecdbc0);color:#1c2942;text-shadow:none}.button.small{font-size:21px;min-height:46px;padding:8px 16px;border-radius:15px}.button.active{background:linear-gradient(#477de1,#224388);box-shadow:0 0 16px #efd39077,inset 0 0 0 2px #1c315a}.panel{background:linear-gradient(120deg,#fff6e5,#f3e5cf);color:#1b253b;border:3px solid #d8b771;border-radius:20px;box-shadow:inset 0 0 0 5px #fff9ea,0 5px 18px #0005;padding:24px}.navy{background:linear-gradient(135deg,#1c2e55,#111c35);color:#fff1d5}.live{position:absolute;z-index:5}.resource{position:absolute;top:23px;height:44px;z-index:9;background:#17213f;border-radius:25px;text-align:right;font-size:29px;padding:4px 16px;line-height:36px;min-width:115px;pointer-events:none}.resource.gold-count{left:1175px;width:82px}.resource.gem-count{left:1390px;width:96px}.live-name{position:absolute;left:177px;top:37px;background:#19233e;width:139px;height:65px;font-size:28px;z-index:5}.live-name small{font-size:20px;display:block}.badge{background:#264b86;border:1px solid #dfbd73;color:#fff1c7;border-radius:20px;padding:4px 13px;font-size:18px;display:inline-block}.badge.muted{background:#5a6073}.muted{opacity:.65}.sub{font-size:20px;line-height:1.6}.head{font-size:32px;margin:0 0 14px}.line{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:12px 0}.sep{height:2px;background:linear-gradient(90deg,transparent,#c5a367,transparent);margin:15px 0}.tabs{display:flex;gap:9px;align-items:center}.tabs>.button{flex:1}.grid{display:grid;gap:14px}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#d2b67b #192b4e}.portrait{object-fit:contain;max-width:100%;max-height:100%;filter:drop-shadow(0 10px 9px #0004)}.face{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.charcard{position:relative;border:3px solid #cfb16b;border-radius:13px;overflow:hidden;background:linear-gradient(#35486b,#13223f);color:#fff0d0;padding:0;min-height:0px}.charcard.selected{border-color:#ffe597;box-shadow:0 0 14px #ffd368}.charcard .face{height:calc(100% - 48px);width:100%;position:absolute;top:0}.charcard footer{position:absolute;bottom:0;left:0;right:0;height:48px;background:#14223eea;padding:3px;font-size:21px;text-align:center}.charcard footer small{display:block;font-size:15px}.charcard .lock{display:flex;align-items:center;justify-content:center;position:absolute;inset:0 0 48px;font-size:55px;background:#172442e6;color:#e7d9bd}.charcard .check{position:absolute;right:6px;top:5px;background:#2c5b9c;border:2px solid gold;border-radius:50%;width:35px;height:35px;color:#ffdc76;font-size:26px;z-index:2}.itemcard{position:relative;background:#18233f;border:2px solid #d8bd82;border-radius:13px;padding:5px;color:#fada81;min-height:110px;overflow:hidden}.itemcard img{width:100%;height:100%;object-fit:contain}.itemcard span{position:absolute;left:7px;right:7px;bottom:5px;text-align:left;background:#15223dde;font-size:18px}.itemcard.selected{box-shadow:0 0 14px #ffda68;border-color:#ffda68}.stat{display:flex;justify-content:space-between;border-bottom:1px solid #c8b18f55;padding:10px 0;font-size:25px}.skill-orb{border:3px solid #dbbb7a;border-radius:50%;background:radial-gradient(#8163ba,#18264e);color:#fff1c8;font-size:34px;width:83px;height:83px}.note{font-size:18px;line-height:1.6;color:#72654f}.bar{height:14px;background:#14213a;border:2px solid #f5d58b;border-radius:9px;overflow:hidden}.bar i{display:block;background:linear-gradient(#ffe79a,#e1ac46);height:100%}.modal-shade{position:absolute;inset:0;background:#050a16bf;display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:860px;max-height:840px;overflow:auto;padding:30px}.modal h2{font-size:37px;text-align:center;margin:0 0 24px}.modal p{font-size:24px;line-height:1.6}.modal .actions{display:flex;gap:14px;justify-content:center;margin-top:25px}.modal-close{float:right;min-width:52px}.results{grid-template-columns:repeat(5,1fr)}.results .charcard{height:190px}.results .itemcard{height:180px}.new{position:absolute;left:3px;top:4px;background:#e6ac45;color:#162642;border-radius:6px;padding:3px 8px;font-size:16px;z-index:3}.title-logo{position:absolute;top:215px;left:407px;width:860px;height:330px;background:radial-gradient(ellipse,#172746 60%,#17274600 73%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ffedbd;font-size:83px;font-weight:bold;text-shadow:0 4px 3px #222746,0 0 22px #e3bc7a80;letter-spacing:2px}.title-logo span{font-size:24px;letter-spacing:11px;margin-top:18px}.title-action{position:absolute;top:730px;left:540px;width:590px;font-size:31px;background:#152642bd;animation:breathe 3s ease-in-out infinite}.title-bottom{position:absolute;bottom:22px;left:28px;font-size:19px;background:#14223c;padding:5px 12px}.login-panel{position:absolute;left:560px;top:170px;width:560px;z-index:4}.login-panel input{width:100%;padding:15px;border:2px solid #bc9f67;border-radius:12px;background:#fffbef;color:#26314a;font-size:24px;margin:8px 0 14px}.login-panel label{font-size:20px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#14213a;z-index:100;font-size:34px}.loading .bar{width:480px;margin-top:22px}.speech{position:absolute;left:750px;top:290px;width:320px;padding:23px;border:2px solid #c6a169;border-radius:40px;background:#fff7e9;color:#25314a;text-align:center;font-size:22px;z-index:6;box-shadow:0 6px 18px #0004}.speech:before{content:'';position:absolute;bottom:5px;left:-18px;border:15px solid transparent;border-right-color:#fff7e9;transform:rotate(-20deg)}.dialogue{position:absolute;inset:0;background:linear-gradient(0deg,#091123bf,transparent 60%);z-index:10}.dialogue-portrait{position:absolute;bottom:140px;left:210px;height:700px;max-width:850px;object-fit:contain;filter:drop-shadow(0 0 18px #0005)}.dialogue-box{position:absolute;left:65px;right:65px;bottom:35px;height:230px;padding:28px 40px;text-align:left;font-size:29px;border-radius:22px;line-height:1.7}.dialogue-box strong{color:#efd084;display:block;font-size:28px}.dialogue-box .next{position:absolute;right:35px;bottom:18px;font-size:18px;opacity:.7}.dialogue-skip{position:absolute;right:35px;top:30px}.stage-tag{position:absolute;padding:10px;background:#172443;border:2px solid #bca571;border-radius:22px;font-size:22px;z-index:7}.map-node{position:absolute;width:122px;height:125px;background:#142a4f;border:3px solid #d7b97e;border-radius:50%;color:#fff4d6;font-size:25px;z-index:6;box-shadow:0 0 0 5px #17223f}.map-node.selected{background:#2d62b4;box-shadow:0 0 20px #ffd977}.map-node small{display:block;font-size:16px}.map-node.locked{background:#242b3b}.toggle{background:#87909f;border:2px solid #d7bc8b;border-radius:26px;padding:7px 18px;font-size:22px;color:#fff;width:150px}.toggle.on{background:#214b93}.range{width:60%;accent-color:#d4a947;height:40px}.settings-row{display:flex;align-items:center;justify-content:space-between;min-height:77px;border-bottom:1px solid #b69e7855;font-size:26px}.settings-title{font-size:30px;margin:0 0 15px}.party-ground{position:absolute;left:182px;top:225px;width:862px;height:519px;background:linear-gradient(transparent,#c8bc9866),url('https://arcana-pony-media.pages.dev/shared/objects/a1209c0cb95146fc1f64eab37afd1800478238109fed95fbe14fdc5f9231ba31.webp') center 65% / 1672px 941px;border-radius:20px;z-index:5}.party-slot{position:absolute;width:220px;height:240px;border:2px dashed #efdca873;border-radius:30px;background:#1a244139;color:#fff2c6;padding:14px}.party-slot img{max-width:150px;height:170px;object-fit:contain;image-rendering:pixelated;display:block;margin:auto}.party-slot span{background:#14233f;padding:6px 16px;border:1px solid #d8c28b;border-radius:15px;font-size:21px}.party-slot.empty{font-size:65px}.battle-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.battle-head{position:absolute;left:30px;right:30px;top:22px;display:flex;align-items:center;gap:20px;z-index:3}.battle-head .label{flex:1;background:#11223bdc;border:1px solid #c9ae71;border-radius:24px;padding:12px 26px;font-size:26px}.battle-hud{position:absolute;bottom:15px;left:22px;right:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;z-index:3}.battle-char{height:155px;border:2px solid #d2b974;border-radius:19px;background:#152443ed;display:grid;grid-template-columns:94px 1fr;gap:10px;padding:10px}.battle-char img{width:90px;height:125px;object-fit:cover;border:1px solid #d9bd7c;border-radius:10px}.battle-char .mini-name{font-size:21px}.battle-char .bar{height:10px;margin:5px 0}.battle-skills{display:flex;gap:9px;margin-top:7px}.battle-skills button{font-size:18px;width:110px;height:63px;border:2px solid #d8bc77;border-radius:17px;background:linear-gradient(#554583,#213763);color:#fff1c9}.battle-skills button.ready{box-shadow:inset 0 0 18px #b997ec88}.battle-log{position:absolute;top:104px;left:370px;right:370px;background:#142644c9;text-align:center;padding:12px;font-size:23px;border-radius:22px;z-index:2}.boss-warning{position:absolute;top:168px;left:480px;right:480px;text-align:center;font-size:28px;background:#642b42dd;border:2px solid #eab097;border-radius:20px;padding:12px;z-index:5}.ending-title{position:absolute;top:180px;width:100%;text-align:center;font-size:68px;color:#ffedba;text-shadow:0 5px 4px #0a1736}.ending-copy{position:absolute;top:350px;left:420px;width:832px;text-align:center;font-size:29px;line-height:2;background:#14213ccc;padding:35px;border:2px solid #d1ad6b;border-radius:30px}.ending-actions{position:absolute;bottom:120px;left:460px;right:460px;display:flex;gap:20px;justify-content:center}.file-label{display:inline-block;cursor:pointer}#toast{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);max-width:1000px;background:#15223ff2;color:#fff0ca;border:2px solid #e4c581;border-radius:24px;padding:18px 35px;font-size:26px;z-index:100;pointer-events:none;opacity:0;transition:opacity .15s;text-align:center;box-shadow:0 6px 20px #0007}#toast.show{opacity:1}#rotate{display:none;position:fixed;bottom:18px;width:100%;text-align:center;font:13px sans-serif;color:#cbbd9e;pointer-events:none}button .tiny{font-size:16px;display:block}body.reduce-motion *{animation:none!important;transition:none!important}@keyframes breathe{50%{filter:brightness(1.25)}}@media(orientation:portrait){#rotate{display:block}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}