@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#101e26;color:#eef5eb;font-family:Changa,Tahoma,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{height:88px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #ffffff14}.brand{color:#d9ff85;text-decoration:none;font-size:30px;display:flex;gap:12px;align-items:center}.brand span{font-size:14px;color:#b6c4c8;border-right:1px solid #ffffff30;padding-right:14px}.tag{font-size:13px;color:#92a7af}button{color:#d2dfe1;background:#ffffff08;border:1px solid #ffffff20;border-radius:9px;padding:8px 16px}button:hover{background:#ffffff17}main{max-width:1248px;margin:auto;padding:36px 0}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:12px;color:#b4dd77;letter-spacing:1px}h1{font-size:34px;margin:5px 0 0;font-weight:600}.heading p{font-size:14px;line-height:1.9;color:#9fb2ba;margin:0}.game{position:relative;overflow:hidden;border:1px solid #91c6ae45;border-radius:18px;background:#83c5be;box-shadow:0 22px 70px #0004}canvas{width:100%;display:block;aspect-ratio:1200/620}.hud{position:absolute;z-index:2;top:18px;left:22px;right:22px;display:flex;align-items:center;gap:24px;color:#fff;text-shadow:0 2px 4px #183d48;font-size:17px;pointer-events:none}.hud span:first-child{margin-left:auto;background:#17383dc9;padding:5px 16px;border-radius:8px}.hud button{pointer-events:auto;background:#17383dbb}.overlay{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,#102a37b8,#102a37e8);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;backdrop-filter:blur(3px)}.overlay.hidden{display:none}.pill{color:#d7ff95;font-size:12px;border:1px solid #c5ef8160;padding:4px 17px;border-radius:30px}h2{font-size:54px;line-height:1.3;margin:22px 0 8px}.overlay p{font-size:17px;color:#c5d6d9;max-width:520px}.primary{background:#d9fc90;color:#172a29;border:0;padding:12px 30px;font-size:20px;font-weight:600;min-width:230px;margin:18px 0}.primary:hover{background:#ebffb7}.primary span{margin-right:20px}.overlay small{color:#9eb9bd;font-size:12px}.below{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:#8ca4af;font-size:12px}.below i{display:inline-block;height:10px;border-right:1px solid #58717b;margin:0 18px}.below button{border:0;font-size:12px}.journey{margin-top:25px}.journey-title{display:flex;justify-content:space-between;align-items:center}.journey-title h3{font-size:17px;font-weight:500}.journey-title span{color:#8fa4ad;font-size:12px}#levels{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.level-card{text-align:right;padding:16px;background:#182a33;border:1px solid #ffffff0d;border-radius:12px;position:relative}.level-card.active{border-color:#c5ef81;background:#263b39}.level-card:disabled{cursor:default;opacity:.58}.level-card .icon{display:block;font-size:25px;margin-bottom:8px}.level-card .name{display:block;font-size:13px}.level-card .num{font-size:11px;color:#9cb0b8}.level-card .lock{position:absolute;left:12px;top:14px;font-size:12px;color:#a7baaa}footer{max-width:1248px;margin:0 auto;padding:24px 0 30px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;font-size:11px;color:#718993}footer span{letter-spacing:2px;font-family:monospace}.touch{display:none;position:absolute;bottom:20px;left:20px;right:20px;justify-content:space-between;direction:ltr;z-index:3}.touch button{width:60px;height:60px;background:#163c4b88;font-size:28px;touch-action:none;user-select:none}.touch div{display:flex;gap:10px}#toast{position:absolute;left:50%;top:80px;transform:translateX(-50%);background:#17383de0;border-radius:20px;padding:6px 22px;color:#e0ffa4;pointer-events:none;opacity:0;transition:opacity .2s}@media(pointer:coarse){.touch{display:flex}}@media(max-width:1300px){main,footer{margin:0 24px}}@media(max-width:700px){header{height:68px;padding:0 20px}.tag{display:none}.brand{font-size:24px}.heading{display:block}.heading p{display:none}h1{font-size:25px}main{padding-top:24px;margin:0 12px}.game canvas{aspect-ratio:4/3;object-fit:cover}.hud{font-size:12px;gap:12px;left:10px;right:10px;top:10px}.hud span:first-child{padding:4px 8px}h2{font-size:32px}.overlay p{font-size:13px}.overlay small{display:none}#levels{grid-template-columns:repeat(3,1fr)}footer{margin:0 16px}footer span{display:none}.below span{font-size:10px}.below i{margin:0 5px}.primary{font-size:17px}.touch button{width:48px;height:48px}.brand span{font-size:12px}}
@media(max-width:700px){.game canvas{object-fit:fill}.touch{display:flex}.touch button{width:42px;height:42px;font-size:23px}.touch{bottom:8px}.overlay .pill{display:none}.overlay h2{margin:5px 0}.overlay p{margin:8px 0}.overlay .primary{margin:8px 0;padding:8px 25px}}

/* Adventure update */
body{background:radial-gradient(ellipse at 80% 0,#213c3d 0,transparent 55%),#101e26}.game{border:1px solid #b6df9655;box-shadow:0 25px 90px #0005}.hud{gap:18px}.hud span{font-variant-numeric:tabular-nums}.hud #relics{color:#ffe6a1}.hud #timer{font-family:monospace;font-size:15px;color:#dbefec}.progress-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#173d3a66;z-index:3;direction:ltr}#progress-fill{height:100%;width:0;background:#ddff9b;box-shadow:0 0 15px #d5ff9b;transition:width .15s}.overlay{background:linear-gradient(120deg,#173a40ee,#172d3bba);backdrop-filter:blur(2px)}.overlay h2{color:#e9ffc4;text-shadow:0 5px 30px #b8ed7933}.level-card{transition:transform .2s,border-color .2s}.level-card:not(:disabled):hover{transform:translateY(-4px);border-color:#c7ed9b}.level-card .num{color:#d7d6a4}.game:fullscreen{border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#101e26}.game:fullscreen canvas{width:auto;height:100%;max-width:100%;object-fit:contain}.game:fullscreen .hud{top:24px}.game:fullscreen .touch{bottom:24px}.touch button{border:1px solid #d1ffb357;background:#143e44b0;backdrop-filter:blur(5px);border-radius:16px}.touch button:active{background:#bce997;color:#173b38}.below{gap:10px}.below>span{margin-left:auto}.primary{box-shadow:0 7px 0 #7b9b51,0 15px 35px #0003;transition:transform .15s}.primary:active{transform:translateY(3px);box-shadow:0 4px 0 #7b9b51}button:focus-visible{outline:3px solid #f5dc9b;outline-offset:3px}@media(max-width:700px){.game canvas{object-fit:contain}.hud{gap:9px;font-size:11px;flex-wrap:wrap}.hud span:first-child{font-size:10px}.hud #timer{font-size:11px}.hud button{padding:4px 10px}.touch{bottom:16px}.touch button{width:53px;height:53px}.overlay h2{font-size:30px}.overlay p{max-width:310px;font-size:13px}.below>span{display:none}.below{justify-content:space-between}.heading{margin-bottom:18px}.journey{margin-top:12px}}@media(max-height:500px) and (orientation:landscape){header,.heading,.journey,footer,.below{display:none}main{margin:0;padding:0;max-width:none}.game{border-radius:0;border:0;height:100dvh;display:flex;justify-content:center}.game canvas{height:100%;width:auto;max-width:100%}.touch{display:flex}}

.hud #section{font-size:12px;color:#e9ffbc}.hud{gap:13px}@media(max-width:700px){.hud #section{position:absolute;top:37px;right:0;background:#17383dba;padding:2px 9px;border-radius:6px;font-size:10px}.hud{gap:7px}.journey-title span{font-size:10px}}