@font-face{font-family:Forest;src:url('../assets/fonts/ui.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#091b1d;color:#f3ebce;font-family:Forest,serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.47}button:focus-visible{outline:3px solid #bfe7df;outline-offset:4px}#viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;touch-action:manipulation}#stage{position:absolute;width:1280px;height:800px;transform-origin:center center;overflow:hidden;background:#1b3831;box-shadow:0 30px 90px #0009}#world,#ui{position:absolute;inset:0;width:1280px;height:800px}#ui{pointer-events:none}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0}.eyebrow{font-size:13px;letter-spacing:5px;color:#b8c3a1}.brand{color:#f0d6a0;letter-spacing:7px;font-size:44px;line-height:1.1}.small{font-size:14px;color:#c1ccad}.muted{color:#9cbaae}.gold{color:#e8c37b}.btn{background:#eed098;color:#253c32;padding:13px 26px;border:1px solid #f5e5b3;border-radius:5px;box-shadow:0 4px 0 #8b794d77;min-height:46px;letter-spacing:1px}.btn:hover{background:#ffe3ad}.btn.secondary{background:#244a40;border-color:#80997a;color:#e2e8ce;box-shadow:none}.btn.danger{background:#7a4236;color:#ffe1b8;border-color:#b17b5b}.text-button{background:transparent;color:#bdccad;padding:12px 9px;text-decoration:underline;text-underline-offset:6px}.icon-button{background:#18362ed9;border:1px solid #66826a;border-radius:50%;height:48px;width:48px;display:flex;align-items:center;justify-content:center}.icon-button img{height:42px;width:42px;object-fit:contain}.header{position:absolute;left:34px;right:34px;top:24px;display:flex;justify-content:space-between;align-items:center}.header .logo{font-size:23px;letter-spacing:3px;color:#e3d1a8}.header .chapter{font-size:13px;letter-spacing:2px;color:#b5c6ac}.toolbar{display:flex;gap:10px;align-items:center}.home-heading{position:absolute;left:76px;top:144px;width:475px}.home-heading h1{margin:24px 0 0;font-size:77px;letter-spacing:9px;color:#f1dfac;text-shadow:0 3px 25px #001e15}.home-heading .english{font-family:Georgia,serif;font-size:14px;letter-spacing:8px;color:#c0c7a6;margin:18px 0 28px}.home-heading p{font-size:18px;line-height:1.9;color:#d5dfc1;width:390px}.home-start{position:absolute;left:78px;top:505px;display:flex;gap:15px}.home-caption{position:absolute;left:79px;top:595px;color:#aec2a7;font-size:14px;line-height:1.9}.chapter-strip{position:absolute;left:36px;right:36px;bottom:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.chapter-card{position:relative;display:flex;align-items:center;text-align:left;gap:12px;background:#15382fdc;border:1px solid #8b9c6c66;border-radius:7px;padding:13px 16px;min-height:100px}.chapter-card:hover{border-color:#e8cc8c;background:#234936}.chapter-card img{width:66px;height:70px;object-fit:contain}.chapter-card .number{font-family:Georgia;font-size:13px;letter-spacing:2px;color:#c2a96e}.chapter-card strong{display:block;font-size:19px;letter-spacing:2px;font-weight:400;margin:3px 0}.chapter-card small{font-size:12px;color:#9bb79f}.stage-title{position:absolute;left:246px;top:79px;font-size:24px;letter-spacing:2px}.chapter-label{font-family:Georgia;font-size:13px;letter-spacing:3px;color:#a3ba9d;margin-right:14px}.stats{position:absolute;right:34px;top:73px;display:flex;gap:22px;align-items:center}.stat{display:flex;gap:8px;align-items:center;font-size:22px;font-variant-numeric:tabular-nums}.stat img{width:32px;height:32px;object-fit:contain}.stat small{font-size:13px;color:#b0c4a3;margin-left:3px}.sidebar{position:absolute;left:23px;top:91px;width:194px;bottom:31px;background:linear-gradient(150deg,#234f41ef,#102e2cf5);border:1px solid #a2b27b55;border-radius:8px;padding:17px 14px}.sidebar h2{font-size:16px;font-weight:400;letter-spacing:3px;margin:0 0 12px;color:#d4dbb7}.tower-card{width:100%;height:97px;background:#345d45aa;border:1px solid #78966a55;border-radius:5px;margin:0 0 9px;padding:7px;display:flex;align-items:center;gap:5px;text-align:left;position:relative}.tower-card img{width:65px;height:77px;object-fit:contain}.tower-card .card-text{flex:1}.tower-card strong{font-weight:400;font-size:17px;display:block;color:#f1e2b8}.tower-card small{font-size:11px;color:#c3d0af;white-space:nowrap}.tower-card .price{font-size:16px;color:#e2c27b;display:block;margin-top:5px}.tower-card.active{border-color:#f2dc9a;background:#6c784d88;box-shadow:0 0 0 2px #d9c87a22}.tower-card .key{position:absolute;top:4px;right:6px;font-size:10px;color:#9cb499}.sidebar .hint{font-size:12px;line-height:1.8;color:#afc0a0;border-top:1px solid #a3b27444;padding-top:13px;margin:10px 0}.bottom-bar{position:absolute;left:240px;right:28px;top:660px;height:111px;display:flex;align-items:center;gap:16px;padding:15px 20px;background:#12352fef;border:1px solid #9baf7e55;border-radius:7px}.wave-info{flex:1}.wave-info strong{font-size:19px;font-weight:400;letter-spacing:1px;display:block;margin-bottom:8px}.wave-info small{color:#b7c8a6;font-size:13px}.wave-previews{display:flex;align-items:center;gap:5px;margin-right:3px}.wave-previews img{height:39px;width:37px;object-fit:contain}.wave-action{width:159px;padding:13px 14px;font-size:18px}.bell-action{width:105px;background:transparent;display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.3;padding:5px}.bell-action img{width:43px;height:47px;object-fit:contain}.bell-action.active{background:#52726755;border-radius:5px}.detail{position:absolute;left:24px;top:91px;bottom:31px;width:193px;background:#183b33;border:1px solid #a9b57c88;border-radius:8px;padding:16px}.detail .back{font-size:12px;background:transparent;color:#baccaa;margin:-3px 0 8px;padding:4px 0}.detail .tower-portrait{width:140px;height:159px;object-fit:contain;display:block;margin:0 auto}.detail h2{font-size:24px;letter-spacing:3px;font-weight:400;margin:5px 0 2px}.detail .desc{font-size:13px;line-height:1.9;color:#c4cfad;min-height:80px}.detail dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:13px;border-top:1px solid #6d876144;padding-top:12px}.detail dd{margin:0;color:#e9d498;text-align:right}.detail .btn{width:100%;padding:12px 5px;margin-top:9px;font-size:15px}.detail .sell-btn{font-size:13px;background:transparent;color:#c5b78b;width:100%;padding:13px 0}.modal-shade{position:absolute;inset:0;background:#051b1dbb;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;pointer-events:auto}.modal{position:relative;width:620px;background:linear-gradient(155deg,#264e40,#153830);border:1px solid #c7bb80;border-radius:12px;box-shadow:0 15px 70px #0007;padding:37px 42px}.modal h1{margin:10px 0 17px;font-size:35px;color:#eddbab;font-weight:400;letter-spacing:5px}.modal p{font-size:16px;line-height:1.9;color:#d0dcbb}.modal .row{display:flex;gap:13px;margin-top:25px}.modal .row .btn{flex:1}.modal .close{position:absolute;right:18px;top:14px;color:#b7ccae;background:transparent;font-size:25px}.intro{width:770px;display:grid;grid-template-columns:1fr 205px;gap:25px}.intro .map-preview{width:205px;height:190px;border:1px solid #7f9c7755;border-radius:9px;margin-top:16px}.intro .note{font-size:14px;color:#c4d0ae;margin-top:12px}.intro .row{grid-column:1/3;margin-top:0}.result-art{width:149px;height:133px;object-fit:contain;float:right}.result-stats{display:flex;gap:22px;margin:20px 0;color:#d5ddbb;font-size:16px}.result-stats b{color:#e7c982;font-size:25px;font-weight:400;display:block;margin-top:6px}.settings-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:25px 0;font-size:18px}.settings-row input[type=range]{accent-color:#d1c284;width:220px}.settings-row input[type=checkbox]{width:23px;height:23px;accent-color:#d1c284}.journal{width:830px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:470px;overflow:auto}.journal-item{display:flex;align-items:center;gap:12px;padding:13px;background:#102c2a66;border:1px solid #61795655;border-radius:5px}.journal-item img{width:70px;height:73px;object-fit:contain}.journal-item h3{margin:0 0 8px;font-size:17px;font-weight:400;color:#e5d4a7}.journal-item p{margin:0;font-size:13px;line-height:1.7}.footer-note{position:absolute;right:40px;bottom:143px;font-size:12px;color:#a8be9b;letter-spacing:1px}#toast{position:absolute;left:420px;top:608px;max-width:620px;padding:10px 23px;background:#0d2925ed;border:1px solid #d1c19088;border-radius:24px;font-size:15px;pointer-events:none;opacity:0;transition:opacity .15s;text-align:center}#toast.show{opacity:1}#rotate{display:none;position:fixed;left:15px;right:15px;bottom:12px;background:#0c282bea;padding:12px;border:1px solid #7f9670;border-radius:9px;font-size:12px;justify-content:space-between;align-items:center;z-index:5}#rotate button{background:#d4c38d;color:#173730;border-radius:4px;padding:8px}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#102e2b;font-size:20px;z-index:10}.error-box{max-width:700px;padding:30px;line-height:2}.progress-line{height:3px;background:#284f40;width:100%;margin-top:9px;overflow:hidden}.progress-line i{display:block;height:100%;background:#ddcb8d;width:0}.help-line{position:absolute;left:255px;top:638px;color:#a7bd9c;font-size:11px;letter-spacing:1px}.keyboard{font-family:Forest;font-size:11px;letter-spacing:0;border:1px solid #b9c09866;border-radius:3px;padding:1px 4px}.help-key{color:#c6cead}.map-button{background:transparent;border:0;padding:0}.runtime-badge{position:absolute;right:35px;top:786px;font-size:8px;color:#8aa58f}.skip-link{position:absolute;left:0;top:0;transform:translateY(-150%)}.skip-link:focus{transform:none}

#ui>.screen{pointer-events:none}.screen>*{pointer-events:auto}

.compact .sidebar{height:539px!important;bottom:auto!important;padding:12px 12px}.compact .tower-card{height:80px;margin-bottom:8px}.compact .tower-card img{height:69px;width:57px}.compact .tower-card strong{font-size:24px}.compact .tower-card small{font-size:17px}.compact .tower-card .price{font-size:23px;margin-top:3px}.compact .sidebar h2{font-size:22px;margin-bottom:9px}.compact .sidebar .hint{font-size:17px;line-height:1.5;margin:7px 0;padding-top:10px}.compact .sidebar .text-button{font-size:19px;padding:8px}.compact .bottom-bar{top:535px!important;height:95px!important;padding:10px 14px}.compact .wave-info strong{font-size:24px;margin-bottom:6px}.compact .wave-info small{font-size:18px}.compact .wave-action{min-height:67px;font-size:23px}.compact .bell-action{font-size:20px;min-height:67px;width:117px}.compact .icon-button{height:60px;width:60px}.compact .icon-button img{height:52px;width:52px}.compact .header{top:10px}.compact .header .text-button{min-height:60px;font-size:20px}.compact .detail{height:539px!important;bottom:auto!important;padding:10px 12px}.compact .detail .tower-portrait{height:100px;width:130px}.compact .detail h2{font-size:26px}.compact .detail .desc{font-size:18px;line-height:1.6;min-height:100px;margin:9px 0}.compact .detail dl{font-size:18px;gap:3px;padding-top:8px;margin:8px 0}.compact .detail .btn{font-size:20px;min-height:51px;padding:9px 3px}.compact .detail .sell-btn{font-size:18px;padding:10px 0}.compact .detail .small{font-size:14px!important;line-height:1.5!important;margin:5px 0}.compact .modal{max-height:610px;overflow-y:auto;padding:25px 35px}.compact .modal p{font-size:21px;line-height:1.7}.compact .modal .small,.compact .intro .note{font-size:18px}.compact .modal .btn{font-size:24px;min-height:62px}.compact .modal h1{font-size:39px}.compact .journal-grid{max-height:385px}.compact .journal-item p{font-size:17px;line-height:1.5}.compact .journal-item h3{font-size:21px}.compact .intro{width:830px;grid-template-columns:1fr 205px}.compact #toast{top:485px;font-size:20px}.compact .runtime-badge{top:638px}

.goal-button{position:relative;background:none;width:166px;height:46px;padding:0;color:#283e32}.goal-button>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.goal-button>span{position:relative;z-index:1;font-size:14px}.stats{right:auto;gap:12px}.stats .stat{position:relative;width:146px;height:45px;padding-left:41px;justify-content:center;gap:4px;background-position:center;background-repeat:no-repeat;background-size:contain;text-shadow:0 1px 2px #152e22;font-size:24px}.stats .stat small{font-size:11px;margin:0}.coin-stat{background-image:url('../assets/images/coinBar.png')}.heart-stat{background-image:url('../assets/images/heartBar.png')}.wave-stat{background-image:url('../assets/images/waveBar.png')}.detail .btn,.detail .sell-btn{display:flex;align-items:center;justify-content:center;gap:5px}.detail .btn img,.detail .sell-btn img{width:27px;height:27px;object-fit:contain}.rating-art{position:relative}.rating-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.rating-art>div{position:absolute;inset:0}.tutorial-scroll{float:right;width:105px;height:88px;object-fit:contain;margin-left:10px}.journal-item .armor-badge{width:35px;height:17px;object-fit:contain;vertical-align:middle}.result-stats .result-coin{display:inline;width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:4px}.compact .goal-button>span{font-size:20px}.compact .goal-button{height:49px}.compact .stats .stat small{font-size:15px}.compact .stats .stat{font-size:26px}