@font-face{font-family:Snow;src:url('./assets/fonts/NotoSans.woff2') format('woff2');font-display:swap} @font-face{font-family:SnowJP;src:url('./assets/fonts/NotoSansCJKjp.woff2');font-display:swap} @font-face{font-family:SnowKR;src:url('./assets/fonts/NotoSansCJKkr.woff2');font-display:swap} @font-face{font-family:SnowSC;src:url('./assets/fonts/NotoSansCJKsc.woff2');font-display:swap} @font-face{font-family:SnowThai;src:url('./assets/fonts/NotoSansThai.woff2');font-display:swap}
:root{--ink:#f0ece0;--dim:#a0c5ca;--gold:#ffd993;--cyan:#92deec;--void:#071b28;--panel:#153641;--font:Snow,system-ui,sans-serif;color-scheme:dark}html:lang(ja){--font:SnowJP,Snow,sans-serif}html:lang(ko){--font:SnowKR,Snow,sans-serif}html:lang(zh-CN){--font:SnowSC,Snow,sans-serif}html:lang(th){--font:SnowThai,Snow,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--void);color:var(--ink);font:14px/1.5 var(--font);overflow:hidden;user-select:none;cursor:url('./assets/cursor.webp') 8 5,auto}button,input,select{font:inherit}button,select{cursor:pointer}button{color:var(--ink);border:0;transition:filter .12s,transform .12s}button:active:not(:disabled){transform:translateY(2px) scale(.975)}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.46;cursor:default}button:disabled img{filter:saturate(.45)}h1,h2,h3,p{margin:0}h2{font-size:12px;letter-spacing:.14em}small{color:var(--dim)}[hidden]{display:none!important}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.2em;font-weight:700}.clay-panel{background:linear-gradient(155deg,#27515bc9,#143039e8),url('./assets/ClayPanel.webp') center/100% 100%;border:2px solid #74989b66;border-radius:25px 21px 26px 23px;box-shadow:inset 0 3px 4px #c0e7e229,inset 0 -5px 6px #03151d88,0 8px 24px #0005}.clay-button{min-height:42px;padding:9px 20px;background:linear-gradient(#317282cc,#164453d9),url('./assets/ClayButton.webp') center/100% 100%;border:2px solid #73a9b385;border-radius:17px 20px 17px 19px;box-shadow:inset 0 2px 2px #d8f6ef36,inset 0 -4px 3px #06243177,0 4px 5px #0004;font-weight:700;letter-spacing:.07em}.clay-button.gold{color:#3c3027;background:linear-gradient(#ffe1a499,#c48c41ad),url('./assets/ClayButton.webp') center/100% 100%;border-color:#ecc780}.text-button{background:transparent;color:var(--cyan);text-decoration:underline;min-height:38px}.clay-title{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1px;font-weight:900;text-shadow:0 2px #071e2a,1px 0 #fff4}.clay-glyph{display:inline-block;background-repeat:no-repeat;flex-shrink:0}.clay-space{display:inline-block}.handmade-seam{display:block;height:5px;margin:16px 0 0;border-top:2px dashed #74a1a54d;transform:rotate(-.25deg)}#game{display:flex;height:100dvh;width:100%;min-height:480px}#world{position:relative;flex:1;min-width:0;overflow:hidden;background:#061421}#planet{display:block;width:100%;height:100%;touch-action:none}#world-hud{position:absolute;inset:0;pointer-events:none}#world-hud button,#buffs{pointer-events:auto}#brand{position:absolute;left:25px;top:20px;opacity:.93;max-width:calc(100% - 40px)}#brand .clay-title{justify-content:flex-start}#counter{position:absolute;left:22px;top:81px;min-width:224px;max-width:285px;padding:17px 24px 20px;text-align:center}#snow-value{font-size:29px;letter-spacing:-.04em;font-weight:800;line-height:1.25;font-variant-numeric:tabular-nums;margin:3px 0 6px}#snow-rate{font-size:12px;color:var(--dim)}#cover-wrap{margin-top:15px}#cover-label{font-size:11px;margin-top:6px;color:#c8e8ec}.cover-track{height:11px;border-radius:9px;background:#041a25;box-shadow:inset 0 2px 5px #0009;padding:2px;overflow:hidden}#cover-fill{height:100%;background:linear-gradient(#fffc,#a4d9e0);border-radius:7px;transition:width .18s}#prestige,#coins{position:absolute;left:25px;min-width:218px;font-size:11px}#prestige{top:265px}#coins{top:319px}#world-footer{position:absolute;bottom:19px;left:22px;right:22px;display:flex;align-items:center;gap:20px}#planet-name{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#abd1d5}.zoom-controls{display:flex;gap:7px;margin-left:auto}.zoom-controls button{pointer-events:auto;width:37px;height:37px;border-radius:50%;background:#204955ab;border:2px solid #6e9da86b;font-size:23px;box-shadow:inset 0 2px #c7f2f233}#colony{width:368px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(90deg,#09202bbb,#1d4148ba),url('./assets/ClayPanel.webp') center/100% 100%;border-left:4px solid #71909166;box-shadow:-10px 0 38px #0006;z-index:3}#colony>header{padding:24px 23px 0}#colony h1{font-size:27px;font-weight:800;color:#f0e6ce;letter-spacing:-.045em;text-shadow:0 3px 2px #071e2a}#workshop{padding:15px 19px 12px;max-height:31vh;display:flex;flex-direction:column;border-bottom:1px solid #9dcad025}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#upgrade-count{font-size:11px;color:#a3c9cc}#upgrades{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;overflow-y:auto;padding:3px 3px 7px;min-height:48px;scrollbar-width:thin}.upgrade{min-width:0;width:100%;aspect-ratio:1;background:linear-gradient(145deg,#547782,#1b404d);border:1px solid #a4cace80;border-radius:13px 11px 14px 12px;box-shadow:inset 0 2px #d1e3d64a,inset 0 -4px #07182388,0 3px 4px #0007;position:relative;padding:5px}.upgrade.affordable{border-color:#f6d190;box-shadow:inset 0 2px #fff5,0 0 12px #e9bd673d}.upgrade img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #051d2a99)}.tier{position:absolute;bottom:0;right:4px;font-size:9px;font-weight:900;color:#ffe2a9;text-shadow:0 1px 2px #000}#workshop-hint{font-size:10px;color:var(--dim);margin-top:5px}#hiring-header{padding:14px 20px 10px}#buy-counts{display:flex;margin-top:9px;gap:5px}#buy-counts button{flex:1;background:#11303a;border:1px solid #6f999e66;border-radius:9px;min-height:30px;font-size:11px}#buy-counts button.selected{background:#365d61;color:var(--gold);border-color:#e8c37d}#units{flex:1;overflow-y:auto;padding:0 13px 18px;scrollbar-width:thin;scrollbar-color:#527981 #15343b}.unit-card{position:relative;display:grid;grid-template-columns:70px 1fr;gap:7px;align-items:center;min-height:104px;margin:7px 0 12px;padding:8px 12px 10px 5px;border:1px solid #72979b69;border-radius:24px 17px 23px 16px;background:linear-gradient(115deg,#49787b80,#1b394bb0),url('./assets/ClayButton.webp') center/100% 100%;box-shadow:inset 0 3px #d1e5d621,inset 0 -5px 6px #04152280,0 5px 9px #0004}.unit-portrait{border:0;background:radial-gradient(ellipse,#f8dfa929,transparent 66%);width:73px;height:80px;padding:2px;display:block;object-fit:contain;filter:drop-shadow(0 4px 2px #021a2890)}.unit-name{font-size:14px;font-weight:800;color:#f1e7d0;padding-right:36px;line-height:1.25}.owned{position:absolute;right:12px;top:9px;color:var(--gold);font-weight:800;font-size:15px}.unit-rate{font-size:10px;color:#b4d2d5;margin:3px 0 7px}.hire-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:31px;padding:5px 11px;background:linear-gradient(#ead096,#be985e);color:#2f3030;font-size:11px;font-weight:800;box-shadow:inset 0 2px 2px #fff6,0 3px 0 #102a37;border-radius:11px 13px 10px 12px;gap:8px}.unit-card.locked{opacity:.55;min-height:70px;filter:saturate(.5)}.unit-card.locked .unit-portrait{filter:brightness(.1);height:60px}#colony>footer{display:flex;justify-content:space-between;padding:7px 17px;font-size:9px;letter-spacing:.06em;color:#91aeb3;border-top:1px solid #8bbdc82e}#save-state.error{color:#ffc792}#tooltip{position:fixed;z-index:110;max-width:330px;padding:18px 22px;pointer-events:none;box-shadow:0 10px 35px #000a;background-color:#173e49}#tooltip h3{font-size:17px;color:#ffe1aa;margin-bottom:6px}#tooltip p{font-size:12px;margin-top:5px;white-space:pre-line}#tooltip .price{color:#9de3ee;font-weight:bold;margin-top:10px}#buffs{position:absolute;left:50%;top:24px;transform:translateX(-50%);width:min(285px,35%);display:flex;flex-direction:column;gap:5px}.buff{background:#214756d9;border:1px solid #c3e4d66e;border-radius:12px;padding:7px 11px;box-shadow:0 0 15px #77d3ec36;font-size:10px}.buff>div{display:flex;justify-content:space-between}.buff progress{width:100%;height:7px;accent-color:#8be1e1;display:block;margin-top:4px}#notices{position:fixed;bottom:20px;left:calc((100% - 368px)/2);transform:translateX(-50%);display:flex;flex-direction:column-reverse;gap:8px;z-index:90;width:340px;pointer-events:none}.achievement{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:9px;padding:12px 28px 12px 16px;pointer-events:auto;animation:notice-in .35s cubic-bezier(.15,1.6,.35,1);box-shadow:0 0 36px #ffd88535,0 9px 24px #0008}.achievement img{width:48px;height:48px;object-fit:contain}.achievement .eyebrow{font-size:8px}.achievement strong{font-size:13px}.close-x{position:absolute;right:8px;top:4px;background:transparent;font-size:22px;color:#e4eee9;width:32px;height:32px}.modal-shade{position:fixed;inset:0;background:#03151dde;backdrop-filter:blur(7px);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px;touch-action:none}.modal-card{position:relative;width:min(900px,95vw);max-height:92dvh;padding:32px;overflow-y:auto;touch-action:pan-y;scrollbar-width:thin}.modal-card h2{margin:0 30px 19px;font-size:22px;text-align:center;letter-spacing:.05em}.modal-card p{color:#bcd6d7;margin:10px 0;font-size:13px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.language-grid button{font-size:14px;font-family:Snow,SnowJP,SnowKR,SnowSC,SnowThai,sans-serif;min-height:53px;letter-spacing:0}.language-grid button.selected{border-color:var(--gold);color:var(--gold)}.setting-row{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #d4e8dc24}.setting-row label{flex:1}input[type=range]{width:190px;accent-color:#e1bf7d}input[type=checkbox]{accent-color:#91cdd2;width:20px;height:20px}select{max-width:100%;padding:8px;background:#173a45;color:var(--ink);border:1px solid #81a8ad;border-radius:8px}.album{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.album-entry{display:flex;gap:9px;align-items:flex-start;padding:13px;background:#0d273473;border-radius:15px;border:1px solid #92b5b522}.album-entry img{width:45px;height:45px;object-fit:contain}.album-entry strong{font-size:12px}.album-entry p{font-size:10px;margin:4px 0}.album-entry.unearned{opacity:.5}.coin-layout{display:grid;grid-template-columns:210px 1fr;gap:20px}.coin-tabs{display:flex;flex-direction:column;gap:5px}.coin-tabs button{display:flex;align-items:center;text-align:left;gap:10px;padding:8px;border-radius:14px;background:#173946;border:1px solid transparent}.coin-tabs button.selected{border-color:var(--gold)}.coin-tabs img{width:39px;height:39px;object-fit:contain}.coin-track{padding:16px 0;border-bottom:1px dashed #8da5a866}.coin-track h3{font-size:13px;color:var(--gold)}.coin-track p{margin:6px 0;font-size:11px}.coin-track .clay-button{font-size:11px}.coin-wallet{font-size:32px;color:var(--gold);font-weight:800}.mini-shade{background:#0a2934 url('./assets/MinigamePlaymat.webp') center/cover}.mini-content{width:min(1120px,96vw);display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.mini-metrics{display:flex;align-items:center;justify-content:center;gap:20px;font-size:15px;min-height:47px}.mini-metrics img{height:62px;width:65px;object-fit:contain}.mini-timer{color:var(--gold);font-variant-numeric:tabular-nums;font-size:23px}.mini-instructions{width:90%;padding:12px 25px;text-align:center;font-size:14px}.mini-board{width:100%;height:auto;aspect-ratio:960/400;max-height:51vh;object-fit:contain;touch-action:none;cursor:pointer}.mini-result{position:absolute;inset:15% 18%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;z-index:4;box-shadow:0 0 100px #dcdda443}.mini-result img{width:100px;height:100px;object-fit:contain;animation:reward-pop .45s cubic-bezier(.2,1.8,.5,1)}.mini-result strong{color:var(--gold);font-size:20px}#snow-transition{position:fixed;inset:0;z-index:100;display:none;pointer-events:auto}#storm{width:100%;height:100%}.tree-shade{background:#041324 url('./assets/AncientNebula.webp') center/cover;display:block;padding:0}.tree-canvas{width:100%;height:100%;touch-action:none}.tree-toolbar{position:absolute;left:25px;top:20px;right:25px;display:flex;gap:12px;align-items:center;pointer-events:none}.tree-toolbar>*{pointer-events:auto}.tree-toolbar .clay-title{margin-right:auto}.tree-detail{position:absolute;right:25px;top:108px;width:285px;padding:23px}.tree-detail p{font-size:13px;color:#c5dde0;margin:10px 0}.tree-footer{position:absolute;left:25px;bottom:25px;display:flex;gap:10px}.tree-ice{font-size:18px;color:var(--gold)}#tutorial{position:absolute;z-index:45;padding:15px 20px;max-width:280px;box-shadow:0 0 45px #e2c88736;pointer-events:auto}#tutorial:after{content:'';position:absolute;width:35px;height:35px;background:linear-gradient(135deg,#e6d0a0,#ae813f);clip-path:polygon(0 30%,55% 30%,55% 0,100% 50%,55% 100%,55% 70%,0 70%);right:-40px;top:30%;filter:drop-shadow(0 2px #0008)}#tutorial.point-down:after{right:42%;top:auto;bottom:-40px;transform:rotate(90deg)}#tutorial p{font-size:12px}#tutorial button{font-size:10px;margin-top:9px;min-height:30px;padding:5px 12px}#loading{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 50% 40%,#1d4858,#071622 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}#loading h1{font-size:36px;letter-spacing:-.05em;color:#f9ddb1}#loading p{color:#a5c6ca}.loading-snow{font-size:66px;color:#c5eff2;animation:loading-bob 2s ease-in-out infinite}.loading-progress{width:190px;height:5px;border-radius:6px;background:#2f5361;overflow:hidden}.loading-progress:before{content:'';display:block;height:100%;width:45%;background:#ffe0a3;animation:loading-slide 1.4s ease-in-out infinite}body.reduced *{animation-duration:.001ms!important;transition-duration:.001ms!important}body.magic #world:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #72dfee40;animation:magic-glow 2.3s ease-in-out infinite}
@keyframes notice-in{from{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:none}}@keyframes reward-pop{from{transform:scale(.1) rotate(-25deg)}to{transform:none}}@keyframes loading-bob{50%{transform:translateY(-9px) rotate(15deg)}}@keyframes loading-slide{50%{transform:translateX(130%)}}@keyframes magic-glow{50%{box-shadow:inset 0 0 125px #72dfee70}}
@media(max-width:1100px){#colony{width:320px}#counter{min-width:195px;max-width:220px;left:15px;padding:13px 15px}#snow-value{font-size:25px}#brand{left:16px}#notices{left:calc((100% - 320px)/2)}#prestige,#coins{left:18px;min-width:190px}#buffs{left:auto;right:12px;transform:none;width:190px;max-width:40%;top:80px}.unit-name{font-size:13px}#workshop{padding:13px}#upgrades{gap:5px}.tree-detail{width:250px;right:12px}.tree-toolbar{flex-wrap:wrap}}
@media(max-width:720px){body{overflow:auto}#game{height:100dvh;min-height:640px;flex-direction:column}#world{min-height:45vh;flex:1}#colony{width:100%;height:43dvh;min-height:260px;flex-shrink:0;border-left:0;border-top:3px solid #72979766}#colony>header{padding:7px 14px 0;display:flex;align-items:center;gap:15px}#colony>header h1{font-size:19px}#colony>header .eyebrow{display:none}.handmade-seam{margin:0;flex:1}#workshop{padding:7px 12px;max-height:106px}#upgrades{display:flex;min-height:40px;overflow:auto}.upgrade{flex:0 0 38px;width:38px;height:38px}.section-title{margin-bottom:3px}#workshop-hint{display:none}#hiring-header{padding:5px 12px;display:flex;align-items:center;gap:15px}#hiring-header h2{font-size:10px}#buy-counts{margin:0;flex:1}#units{display:grid;align-content:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:0 8px 10px}.unit-card{grid-template-columns:48px 1fr;padding:7px 8px 7px 2px;min-height:90px;margin:4px 0}.unit-portrait{width:50px;height:65px}.unit-name{font-size:11px;padding-right:20px}.owned{font-size:11px;right:9px}.unit-rate{font-size:8px}.hire-button{font-size:9px;padding:5px;gap:3px}.unit-card.locked{min-height:70px}#counter{top:51px;left:10px;min-width:155px;max-width:180px;border-radius:19px;padding:10px 13px}#brand{top:12px;left:12px}#snow-value{font-size:20px}#snow-rate{font-size:10px}#cover-label{font-size:9px}#cover-wrap{margin-top:7px}#prestige,#coins{left:12px;min-width:150px;font-size:9px;min-height:33px;padding:5px 10px}#prestige{top:189px}#coins{top:228px}#world-footer{left:10px;right:10px;bottom:10px;gap:10px}#world-footer .clay-button{min-height:32px;font-size:10px;padding:5px 11px}#planet-name{font-size:9px}#buffs{top:17px;width:150px}.buff{padding:4px 7px;font-size:8px}#notices{left:50%;bottom:45vh;width:270px}.achievement{padding:8px 23px 8px 10px;grid-template-columns:35px 1fr}.achievement img{width:34px;height:34px}.achievement strong{font-size:11px}.modal-shade{padding:12px}.modal-card{padding:22px 17px;max-height:94dvh}.modal-card h2{font-size:18px}.language-grid{grid-template-columns:1fr 1fr;gap:7px}.language-grid button{font-size:12px;min-height:44px}.album{grid-template-columns:1fr 1fr}.album-entry{padding:8px;gap:5px}.album-entry img{width:26px;height:26px}.coin-layout{grid-template-columns:1fr}.coin-tabs{flex-direction:row;overflow:auto;max-width:100%;padding-bottom:6px}.coin-tabs button{min-width:85px;flex-direction:column;font-size:9px;text-align:center}.coin-detail{max-height:54vh;overflow:auto}.mini-content{gap:12px}.mini-board{width:100%;max-height:none}.mini-instructions{width:100%;font-size:12px}.mini-result{inset:8% 6%}.mini-result img{height:55px;width:55px}.mini-metrics{font-size:11px;gap:10px}.mini-timer{font-size:17px}.mini-metrics img{height:45px}.tree-detail{right:10px;top:auto;bottom:75px;width:230px;padding:14px;font-size:12px}.tree-detail p{font-size:11px}.tree-toolbar{left:10px;right:10px;top:12px;gap:5px}.tree-toolbar .clay-button{font-size:9px;padding:6px 10px}.tree-toolbar .clay-title{width:100%}.tree-footer{left:10px;bottom:15px}.tree-footer .clay-button{font-size:9px;padding:7px 10px}#tooltip{max-width:min(320px,90vw);font-size:11px}#tutorial{max-width:215px;padding:12px}}

#tutorial.point-left::after{transform:rotate(180deg);left:-38px;right:auto;}

@media(max-width:430px){#tutorial.point-down{max-width:190px;}}