:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#f7f4dc;background:#071712}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#071712}body{overflow-x:hidden}.app{width:min(100%,760px);min-height:100dvh;margin:auto;background:linear-gradient(180deg,#123d2f,#081b16);position:relative}.view{min-height:100dvh;padding:12px;display:flex;flex-direction:column;gap:10px}.hidden{display:none!important}.main-view{overflow:auto}.lobby-return{position:absolute;top:12px;left:12px;z-index:2;width:64px;height:48px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;gap:4px;color:#173b2d;text-decoration:none;font-size:24px;font-weight:900}.lobby-return img{width:26px;height:26px;object-fit:contain}.locale{margin-left:auto;width:132px;display:grid;gap:3px;font-size:11px;font-weight:800}.locale select{height:42px;border:0;border-radius:8px;padding:0 8px}.cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;margin-top:54px}.main-copy h1,.main-copy p{margin:0}.main-copy p{margin-top:5px;color:#c5d9cf}.progress-card{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.progress-card>span,.progress-card button{min-height:64px;border:1px solid #4f8b70;border-radius:10px;background:#102d24;color:#fff;padding:8px;display:grid;align-content:center}.progress-card strong{font-size:24px;color:#ffd45f}.progress-card button{grid-template-columns:1fr auto;cursor:pointer}.progress-card small{grid-column:1/3;color:#ffd45f}.primary,button{font:inherit}.primary{min-height:50px;border:0;border-radius:10px;background:#f3b52e;color:#1b241d;font-weight:900}.compact-head,.battle-head{height:52px;display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:center}.compact-head h2{margin:0;text-align:center}.icon-btn{width:48px;height:48px;border:0;border-radius:9px;background:#f7f4dc;color:#173b2d;font-size:25px;font-weight:900}.stage-rail{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,300px);align-items:center;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px calc((100% - min(82vw,300px))/2);scrollbar-width:none}.stage-card{scroll-snap-align:center;height:420px;border:1px solid #6aa184;border-radius:12px;background:#123d2f;color:#fff;padding:12px;display:grid;grid-template-rows:1fr auto auto;gap:8px;text-align:left}.stage-card img{width:100%;height:100%;object-fit:cover;border-radius:9px}.stage-card.locked{filter:grayscale(1);opacity:.55}.stage-ad{height:56px;flex:none}.battle-view{position:fixed;inset:0 0 56px;width:100%;max-width:none;min-height:0;height:auto;padding:6px 8px;gap:6px;overflow:hidden}.battle-head{height:48px;grid-template-columns:48px 1fr 58px}.health{display:grid;gap:4px;font-size:12px;font-weight:900}.health div{height:10px;background:#263b33;border-radius:9px;overflow:hidden}.health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#62dc85,#f1d75a)}.skill-btn{width:58px;height:48px;border:1px solid #8edbb3;border-radius:9px;background:#173b2d;color:#fff;padding:2px;display:grid;grid-template-columns:30px 1fr;align-items:center;font-size:8px}.skill-btn img{width:30px;height:30px;object-fit:contain}.canvas-wrap{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:12px;background:#10251e}.canvas-wrap canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.joystick{position:absolute;left:18px;bottom:18px;width:92px;height:92px;border:2px solid #ffffff66;border-radius:50%;background:#ffffff18;touch-action:none}.joystick i{position:absolute;left:28px;top:28px;width:34px;height:34px;border-radius:50%;background:#ffffffbb}.canvas-wrap p{position:absolute;top:7px;left:50%;transform:translateX(-50%);margin:0;padding:5px 10px;border-radius:8px;background:#071712bb;white-space:nowrap;font-size:12px;font-weight:800}.battle-ad{position:fixed;left:0;right:0;bottom:0;height:56px;background:#071712;pointer-events:none}.modal{position:fixed;inset:0;z-index:20;background:#06100dcc;display:grid;place-items:center;padding:18px}.modal>section{width:min(100%,430px);max-height:90dvh;overflow:auto;border:1px solid #6aa184;border-radius:14px;background:#123d2f;padding:16px;text-align:center}.choices{display:grid;gap:8px}.choice{min-height:80px;border:1px solid #6aa184;border-radius:10px;background:#0c281f;color:#fff;display:grid;grid-template-columns:58px 1fr;align-items:center;text-align:left;padding:8px}.choice img{width:54px;height:54px;object-fit:contain}.result-card{}#resultFx{width:130px;height:100px;object-fit:contain}@media(max-height:500px){.battle-head{height:42px}.icon-btn{width:42px;height:42px}.battle-head{grid-template-columns:42px 1fr 58px}.joystick{width:72px;height:72px}.joystick i{left:20px;top:20px;width:30px;height:30px}}