:root{color-scheme:light;font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#4b3223;background:#184b46;font-synthesis:none;--brown:#513724;--cream:#fff6de;--mint:#328b68}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #187ade;outline-offset:3px}button:disabled{cursor:default;opacity:.55}button:active{transform:translateY(2px)}.hidden{display:none!important}#app{position:relative;width:100vw;height:100svh;min-height:320px;overflow:hidden;isolation:isolate}#game{display:block;width:100%;height:100%;touch-action:none}.utilities{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:8px;z-index:9}.utility{width:44px;height:44px;display:grid;place-items:center;border:2px solid #7a5436;border-radius:12px;background:#fff5dfed;color:var(--brown);font-size:24px;box-shadow:0 3px 0 #57392650}.utilities.playing{bottom:auto;top:94px}.utilities.playing .utility{width:34px;height:34px;font-size:20px;opacity:.8}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#d9f1db;z-index:30;color:#386c4c;gap:12px}.loading strong{font-size:24px}.loading p{margin:0;font-size:13px}.loader{width:38px;height:38px;border:4px solid #87b997;border-top-color:#305d42;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:36px 9vw 30px;background:linear-gradient(90deg,transparent 25%,#fff5de14 55%,#fff5de9c 100%)}.menu-content{width:340px;text-align:left}.eyebrow{font-size:13px;letter-spacing:.08em;font-weight:750;color:#648244;margin:0 0 8px}h1{font-size:62px;line-height:1.03;letter-spacing:-.07em;margin:0 0 22px;color:#654027;text-shadow:0 3px #fff6d7,0 6px 0 #c3a871}h1 span{display:block;color:#247f5b;font-size:68px;margin-left:35px;text-shadow:0 3px #eff6bf,0 6px #50894344}.intro{font-size:15px;line-height:1.65;margin:0 0 20px;font-weight:550;color:#5e4a36}.best-line{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:13px}.best-line>b{color:#246d4f;font-size:22px}.wallet{display:flex;align-items:center;gap:4px;margin-left:auto;background:#fff5dcbf;border:1px solid #e7cda4;border-radius:20px;padding:3px 8px}.object-icon{display:inline-block;width:25px;height:25px;vertical-align:middle}.primary,.secondary{min-height:48px;border-radius:14px;border:2px solid #654227;font-weight:800;font-size:16px;padding:11px 17px}.primary{background:linear-gradient(#62bb82,#348a61);color:white;border-color:#3d6f41;box-shadow:0 4px 0 #315d37, inset 0 1px #d1ffcf50;text-shadow:0 1px #315d37;width:100%}.primary:hover{filter:brightness(1.07)}.start-button{display:flex;justify-content:space-between;font-size:22px;align-items:center;margin-bottom:16px;padding:12px 20px;min-height:59px}.start-button span{font-size:28px}.secondary{background:#fff4dbef;color:#715033;box-shadow:0 3px 0 #8a5c3440;flex:1;min-width:0;font-size:15px}.menu-buttons{display:flex;gap:10px;margin-top:12px}.text-button{background:transparent;border:0;color:#356e50;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:650;padding:18px 0 4px}.control-note{font-size:11px;color:#657057;line-height:1.9;margin:15px 0 0}kbd{font-family:inherit;border:1px solid #aaa68a;border-radius:4px;background:#fff6dcaa;padding:1px 4px;font-size:10px}.touch-note{display:none}.hud{position:absolute;inset:16px 18px auto;display:flex;align-items:flex-start;gap:14px;z-index:5}.health-panel{display:flex;align-items:center;width:290px;min-height:64px;border:3px solid #865b35;background:#fff4df;border-radius:35px 15px 15px 35px;box-shadow:0 3px 0 #40231e20}.portrait{width:65px;height:65px;margin:-6px 5px -6px -6px;border:3px solid #895d31;border-radius:50%;background:#dbeac2;overflow:hidden;flex-shrink:0}.portrait canvas{width:100%;height:100%;object-fit:contain}.health-body{flex:1;padding:7px 13px 8px 0}.health-label{display:flex;justify-content:space-between;margin:0 0 5px;font-size:13px}.health-label span{font-size:10px;color:#8f7459}.health-track{height:17px;overflow:hidden;border:2px solid #785332;border-radius:20px;background:#573629}.health-track i{display:block;width:100%;height:100%;background:linear-gradient(#ff82b7,#f4458b);border-radius:12px;transition:width .12s linear}.health-track.low i{background:linear-gradient(#ffbd71,#f55745)}.stage-panel{text-align:center;position:absolute;left:50%;transform:translateX(-50%);background:#6b472e;color:#fff9e0;border:3px solid #b89255;border-radius:15px;padding:6px 19px;box-shadow:0 4px 0 #51331f30;min-width:145px}.stage-panel b{font-size:16px;white-space:nowrap}.stage-panel small{display:block;font-size:11px;color:#ffe4ad;margin-top:3px}.score-panel{display:flex;align-items:center;margin-left:auto;gap:14px;min-height:50px;background:#fff4dfeb;border:3px solid #865b35;padding:6px 15px;border-radius:16px;font-size:13px}.score-panel b{font-size:20px;margin-left:5px}.coin-total{display:flex;align-items:center;border-left:1px solid #c8ab80;padding-left:9px}.hud>.utility{height:50px;width:46px}.buffs{position:absolute;top:92px;left:30px;display:flex;gap:7px;z-index:5}.buff{display:flex;align-items:center;gap:2px;padding:3px 6px;background:#fff5e2db;border:1px solid #ba9864;border-radius:8px;font-size:10px}.buff .object-icon{width:22px;height:22px}.pattern-hint{position:absolute;left:50%;top:104px;transform:translateX(-50%);background:#fff7e5dd;border:1px solid #d1b082;padding:6px 14px;border-radius:25px;font-size:13px;font-weight:750;color:#735335;white-space:nowrap;opacity:0;transition:opacity .3s}.pattern-hint.visible{opacity:1}.practice-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);z-index:5;font-size:10px;color:#fffbe5;background:#38654bb8;border-radius:14px;padding:5px 9px;white-space:nowrap}.controls{position:absolute;inset:auto 24px 22px;display:flex;justify-content:space-between;pointer-events:none;z-index:8}.touch-button{pointer-events:auto;user-select:none;-webkit-user-select:none;width:135px;height:110px;border:3px solid #fff7de;border-radius:35px;background:#70573b50;color:#fff8df;box-shadow:inset 0 2px 10px #fff6dc44,0 3px 3px #2b452f36;text-shadow:0 2px 2px #4b3225;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none}.touch-button b{font-size:23px}.button-symbol{font-size:54px;line-height:1.05;font-weight:1000}.slide-symbol{font-size:50px}.touch-button.pressed{background:#4c977981;transform:scale(.96)}.toast{position:absolute;top:20%;left:50%;transform:translateX(-50%) translateY(-10px);padding:10px 18px;border-radius:20px;background:#5d4329ef;color:#fff5dc;font-weight:750;z-index:25;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;font-size:13px;text-align:center;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#163f3e87;backdrop-filter:blur(5px);z-index:20;padding:18px}.modal{position:relative;background:#fff6e3;border:3px solid #865e3c;border-radius:25px;box-shadow:0 8px 0 #46342335,0 25px 70px #16302440;max-height:calc(100svh - 36px);overflow:auto;scrollbar-color:#b79b6d #fff6e3;padding:25px;width:min(820px,96vw)}.modal h2{font-size:26px;letter-spacing:-.06em;margin:0;color:#65472c}.modal-header{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding-right:38px}.shop-wallet{margin-left:auto;display:flex;align-items:center;gap:6px;background:#f1e2bc;padding:7px 12px;border-radius:30px;white-space:nowrap}.close{position:absolute;right:14px;top:14px;width:31px;height:31px;font-size:26px;border:0;background:#ecdbbd;color:#876744;border-radius:10px;line-height:1}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upgrade-card{background:#fffdf3;border:1px solid #ddc7a3;padding:14px;border-radius:17px;min-width:0}.card-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-heading .object-icon{width:34px;height:34px;flex-shrink:0}.card-heading h3{font-size:15px;margin:0}.card-heading small{display:block;font-size:10px;color:#9a7852;margin-top:3px}.upgrade-card p{font-size:11px;line-height:1.5;min-height:32px;margin:5px 0;color:#867257}.upgrade-card .effect{color:#337557;font-weight:750;font-size:12px;min-height:0}.level-dots{display:flex;gap:3px;margin:10px 0}.level-dots i{height:6px;background:#ecdfc5;flex:1;border-radius:2px}.level-dots i.on{background:#5aa176}.buy{width:100%;min-height:35px;background:#f1d790;color:#76562d;border:1px solid #c9a760;border-bottom:3px solid #c2a266;border-radius:9px;font-weight:750;font-size:12px}.buy.max{background:#dbe9cd;border-color:#88a878;color:#47714f}.shop-footer{font-size:10px;line-height:1.5;color:#978064;margin:16px 0 0}.compact{width:390px;text-align:center;padding:32px 25px}.compact>p:not(.eyebrow){font-size:13px;line-height:1.65;color:#8f795d}.compact>.primary{margin-top:17px}.compact>.secondary{width:100%;margin-top:12px}.result-score{display:block;font-size:50px;line-height:1.1;color:#368768;margin:20px 0 1px;letter-spacing:-.055em}.result-score-label{font-size:11px;color:#928067}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;margin:22px 0 5px}.result-grid span{display:block;font-size:11px;color:#9b815d;margin-bottom:4px}.result-grid b{font-size:20px;color:#755231}.records-list{text-align:left;margin:25px 0}.record-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dfccac;font-size:13px}.record-row b{color:#328966}.rotate-note{display:none}.shake #game{animation:shake .24s ease-out}@keyframes shake{20%{transform:translate(-5px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,0)}}
@media(max-height:600px) and (orientation:landscape){.menu{padding-top:15px;padding-bottom:15px}.menu-content{width:290px}.eyebrow{font-size:11px}h1{font-size:47px;margin-bottom:12px}h1 span{font-size:51px}.intro{font-size:12px;margin-bottom:12px}.best-line{margin-bottom:12px}.start-button{min-height:47px;font-size:19px;margin-bottom:12px}.primary,.secondary{min-height:39px;padding:8px 14px}.secondary{font-size:13px}.menu-buttons{margin-top:8px}.text-button{padding-top:13px}.control-note{margin-top:8px;font-size:10px}.hud{inset:10px 12px auto;gap:8px}.health-panel{width:220px;min-height:49px}.portrait{width:52px;height:52px}.health-label{font-size:11px}.health-track{height:13px}.stage-panel{padding:4px 13px;min-width:120px}.stage-panel b{font-size:13px}.score-panel{min-height:43px;font-size:11px;padding:5px 9px;gap:7px}.score-panel b{font-size:16px}.hud>.utility{width:38px;height:43px;font-size:22px}.buffs{top:68px;left:18px}.pattern-hint{top:71px;font-size:11px}.utilities.playing{top:72px;right:12px}.controls{inset:auto 16px 13px}.touch-button{width:105px;height:87px;border-radius:27px}.touch-button b{font-size:18px}.button-symbol{font-size:40px}.modal{padding:18px;border-radius:20px}.modal h2{font-size:22px}.modal-header{margin-bottom:12px}.upgrade-grid{gap:8px}.upgrade-card{padding:10px}.upgrade-card p{min-height:22px}.card-heading h3{font-size:12px}.card-heading .object-icon{width:27px;height:27px}.shop-footer{margin-top:10px}.compact{padding:21px 25px}.result-score{font-size:38px;margin-top:12px}.result-grid{margin-top:16px;gap:11px}.compact>.primary{margin-top:12px}}
@media(max-width:680px){.score-panel{flex-direction:column;align-items:flex-start;gap:0;padding:4px 8px}.coin-total{border:0;padding:0;font-size:10px}.score-panel b{font-size:13px}.health-panel{width:188px}.stage-panel{min-width:95px}.stage-panel b{font-size:11px}.stage-panel small{font-size:10px}.health-label span{display:none}.portrait{width:48px;height:48px}.upgrade-grid{grid-template-columns:repeat(2,1fr)}.shop-wallet{font-size:12px;padding:5px 8px}.modal-header{gap:8px}.compact{width:min(390px,92vw)}}
@media(orientation:portrait){#app{background:#d9efdb}.menu{padding:24px;align-items:flex-end;justify-content:center;background:linear-gradient(transparent 20%,#fff5deb3 44%,#fff5deed 100%)}.menu-content{width:min(360px,100%);text-align:center}h1{font-size:45px;margin:0 0 16px}h1 span{font-size:51px;display:inline;margin-left:12px}.intro{font-size:13px}.eyebrow{font-size:11px}.control-note kbd{display:none}.control-note{font-size:0}.touch-note{display:block;font-size:11px}.utilities{top:12px;bottom:auto;right:12px}.utility{width:34px;height:34px;font-size:20px}.rotate-note{display:block;position:absolute;top:58px;left:0;right:0;text-align:center;font-size:11px;color:#466f52;pointer-events:none}.hud{top:94px;gap:6px}.health-panel{width:159px}.health-body{padding-right:8px}.portrait{width:40px;height:40px}.health-panel{min-height:38px}.stage-panel{top:60px;left:50%;font-size:12px}.score-panel{min-height:39px;flex-direction:column;padding:4px 7px}.hud>.utility{width:33px;height:38px;font-size:19px}.controls{bottom:36px;left:20px;right:20px}.touch-button{width:118px;height:101px;background:#37694f6b}.buffs{top:197px;left:15px}.pattern-hint{top:242px}.utilities.playing{top:13px}.practice-label{bottom:16px;font-size:9px}.modal{max-height:90svh}.modal h2{font-size:23px}.modal-header{padding-right:23px}.shop-wallet{gap:2px}.upgrade-card{padding:10px}.upgrade-card p{font-size:10px}.card-heading h3{font-size:12px}.card-heading .object-icon{width:29px;height:29px}}
.practice-buttons{display:flex;align-items:center;gap:20px}.training label{display:block;text-align:left;font-size:12px;font-weight:750;color:#715033;margin:16px 0 6px}.training select{width:100%;border:2px solid #cfb38b;border-radius:10px;padding:10px 12px;background:#fffdf4;color:#614629;font:inherit;font-size:14px}.training select:focus-visible{outline:3px solid #187ade;outline-offset:2px}.training .training-note{font-size:11px;text-align:left;margin:14px 0 0;line-height:1.6}.training h2{margin-bottom:8px}@media(orientation:portrait){.practice-buttons{justify-content:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.roster-icon{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;width:48px;height:48px;flex-shrink:0}.loadout-button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:#fff9e7d9;border:1px solid #c6bb92;border-radius:14px;padding:5px 9px;margin:0 0 12px;color:#5f4a32}.loadout-button>div{flex:1;min-width:0}.loadout-button b{font-size:12px;display:block}.loadout-button small{display:block;font-size:10px;margin-top:4px;color:#5a8160}.loadout-button>span{font-size:11px;white-space:nowrap;color:#367351}.shop{width:min(960px,96vw)}.shop-tabs{display:flex;gap:8px;margin-bottom:10px}.shop-tabs button{flex:1;border:1px solid #c5ad86;background:#eee2c8;padding:9px;border-radius:10px;font-weight:800;font-size:13px;color:#7e6546}.shop-tabs button[aria-pressed=true]{background:#3b916a;border-color:#2c7454;color:#fff8e5}.shop-loadout{font-size:11px;color:#5a805b;margin:0 0 14px}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.roster-card{background:#fffdf4;border:2px solid #dfd0af;border-radius:17px;padding:12px;min-width:0}.roster-card.chosen{border-color:var(--character-color);box-shadow:0 0 0 2px #41895514}.roster-art{position:relative;height:110px;display:flex;justify-content:center;background:linear-gradient(#f7edd4,#faf7ea);border-radius:12px;margin-bottom:10px}.roster-art .roster-icon{width:100%;height:100%}.roster-art>span{position:absolute;right:5px;top:5px;background:#fff9e7dd;color:var(--character-color);border-radius:10px;padding:3px 6px;font-size:9px;font-weight:800}.roster-card h3{margin:0;font-size:16px;color:#5d412b}.roster-role{font-size:10px;font-weight:800;color:var(--character-color);margin:6px 0 9px;min-height:25px}.roster-description{font-size:11px;color:#7d684d;line-height:1.6;min-height:53px;margin:0 0 9px}.roster-stats{font-size:10px;color:#658151;margin:0 0 10px;min-height:27px}.roster-level{width:100%;min-height:30px;margin-top:7px;background:#f6efdc;border:1px solid #cebc97;border-radius:8px;font-size:10px;color:#6f6043;font-weight:700}.skill-panel{position:absolute;top:130px;left:30px;width:205px;background:#fff8e9df;border:1px solid #c7ac83;border-radius:10px;padding:7px 9px;z-index:5}.skill-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px}.skill-panel span{font-size:9px;color:#857053}.skill-track{height:5px;background:#ded3b8;border-radius:5px;overflow:hidden;margin-top:6px}.skill-track i{display:block;height:100%;width:0;background:var(--skill-color,#348b65);transition:width .12s linear}.skill-panel.active{border-color:var(--skill-color);box-shadow:0 0 15px #f6e37060}.skill-panel.active span{color:var(--skill-color);font-weight:800}
@media(max-height:600px) and (orientation:landscape){h1 span{display:inline;font-size:47px;margin-left:10px}h1{font-size:43px}.intro{margin-bottom:9px}.loadout-button{margin-bottom:9px;padding:3px 6px}.loadout-button .roster-icon{width:39px;height:39px}.skill-panel{top:105px;left:18px;width:190px;padding:5px 8px}.roster-art{height:90px}.roster-card{padding:10px}.roster-description{min-height:50px}.shop-tabs button{padding:7px}.shop-loadout{margin-bottom:9px}}
@media(max-width:760px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-art{height:100px}.roster-description{min-height:36px}.roster-role,.roster-stats{min-height:0}}
@media(max-height:440px) and (orientation:landscape){.menu-content{width:340px}.menu{padding:10px 6vw}h1{font-size:34px;margin-bottom:9px}h1 span{font-size:36px}.menu .eyebrow{margin-bottom:4px;font-size:9px}.menu .intro,.menu .control-note{display:none}.loadout-button{margin-bottom:7px}.loadout-button .roster-icon{width:34px;height:34px}.best-line{margin-bottom:6px}.best-line>b{font-size:18px}.start-button{min-height:37px;padding:5px 15px;font-size:17px;margin-bottom:7px}.menu-buttons{margin-top:5px}.menu .secondary{min-height:33px;padding:6px 10px}.text-button{padding-top:10px}.skill-panel{top:99px;width:172px}.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.roster-art{height:74px}.roster-card h3{font-size:13px}.roster-description{font-size:10px;min-height:48px}.roster-role{font-size:9px}.shop .modal-header{margin-bottom:7px}}
@media(orientation:portrait){.loadout-button{text-align:left}.skill-panel{top:223px;left:15px;width:174px}.pattern-hint{top:275px}.menu h1{margin-bottom:12px}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.roster-trial{width:100%;background:transparent;border:0;padding:9px 0 0;color:var(--character-color);font-size:10px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.growth-hint{display:block;color:#9a8569;font-size:9px;line-height:1.5;margin-top:6px}