:root{color-scheme:light;--ink:#466078;--muted:#899da9;--line:#e2ebef;--coral:#ff9b81}*{box-sizing:border-box}body{margin:0;background:#f6fbff;color:var(--ink);font:15px 'Trebuchet MS',Arial,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{max-width:calc(min(440px,(100dvh - 320px)*.75) + 298px);margin:auto;padding:22px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.identity{display:flex;gap:12px;align-items:center}.identity img{width:67px;height:67px;object-fit:contain}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#96a8af;font-weight:bold}h1{font-size:31px;letter-spacing:-1px;margin:5px 0}header p{font-size:12px;color:var(--muted);margin:0}button{font:inherit;font-size:12px;font-weight:bold;min-height:44px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--ink);padding:12px 17px;cursor:pointer}button:hover:not(:disabled){background:#fff1df}button:disabled{opacity:.45;cursor:default}button:focus-visible,#board:focus-visible{outline:3px solid #6bb9db;outline-offset:3px}.primary{background:var(--coral);color:#693d34;border-color:#f18b72;box-shadow:0 3px #df826a}.primary:hover:not(:disabled){background:#ffb29e}.layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center}.game{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 35px #6f9cb210}.hud{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.hud small,.details small{font-size:8px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:4px}.hud b{font-size:26px}.hud>div:last-child{text-align:right}.hud>div:last-child b{color:#e79476}.hud>div:nth-child(2){text-align:center}#board{width:100%;aspect-ratio:3/4;touch-action:none;position:relative;background:#ecf8ff}canvas{display:block}.action{padding:12px 16px}.action button{width:100%;font-size:15px}#message{font-size:10px;text-align:center;color:var(--muted);min-height:14px;margin:14px 0 0}.milestone{text-align:center}.cloud-icon{font-size:115px;line-height:1;color:#d8eaf4;position:relative;margin:20px 0 10px;text-shadow:0 4px #c3dce9}.cloud-icon b{font-size:31px;position:absolute;left:0;right:0;top:47px;color:#709db7;text-shadow:none}h2{font-size:22px;letter-spacing:-.5px;margin:10px 0 19px}.meter{height:7px;background:#e3edf3;border-radius:8px;overflow:hidden;margin:0 20px}.meter span{display:block;height:100%;background:#90c4d8;width:0;transition:width .2s}.details{display:flex;justify-content:space-between;margin:25px 0 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.details>div:last-child{text-align:right}.details b{font-size:20px}.tip{padding:15px;border-radius:15px;background:#edf5fa;font-size:12px;line-height:1.75;color:#849ba8;margin:20px 0}#new{width:100%;background:#fff3e9}#help{width:100%;margin-top:5px}.text{font-size:10px;font-weight:normal;border:0;background:transparent;color:#8298a8}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px}.footnote{text-align:center;font-size:10px;color:#a0b1ba;margin:20px 0 0}dialog{width:410px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;background:#fbfdff;color:var(--ink);padding:26px;border:1px solid var(--line);border-radius:25px;text-align:center;box-shadow:0 22px 70px #6b9dbb30}dialog::backdrop{background:#e2eff8bb;backdrop-filter:blur(6px)}dialog>img{width:175px;height:175px;object-fit:contain}dialog h2{font-size:27px;margin:14px 0}dialog p{font-size:14px;line-height:1.7;color:#839cab}dialog .tip{font-size:12px}dialog .primary{width:100%}#modal-actions{display:grid;gap:10px;margin-top:20px}.achievement{display:flex;align-items:center;gap:14px;text-align:left;border-bottom:1px solid var(--line);padding:12px 0}.achievement img{width:48px;height:48px}.achievement h3{font-size:15px;margin:0}.achievement p{font-size:12px;margin:4px 0}.locked{opacity:.4}@media(max-width:700px){.app{max-width:430px;padding:12px}.layout{display:block}header{margin-bottom:13px}.identity img{width:51px;height:51px}.identity{gap:9px}.identity .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:26px}header p{font-size:10px}#pause{padding:10px 13px;font-size:11px}.hud{padding:12px 16px}.hud b{font-size:23px}.hud small{font-size:7px}.action{padding:10px 13px}#message{margin-top:11px}.game{border-radius:20px}aside{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.milestone,.details,aside>.tip{display:none}#help{margin:0}footer{grid-column:1/-1;margin:0}.footnote{margin:8px 0}.text{font-size:10px}#new{font-size:11px}dialog>img{width:150px;height:150px}}@media(min-width:701px) and (max-height:600px){.app{max-width:690px}}@media(prefers-reduced-motion:reduce){.meter span{transition:none}}

@media(min-width:701px) and (max-height:800px){.app{padding-top:16px;padding-bottom:16px}header{margin-bottom:14px}.identity img{width:58px;height:58px}.cloud-icon{font-size:95px;margin:13px 0 8px}.cloud-icon b{top:36px;font-size:28px}.details{margin-top:17px;padding:12px 0}.tip{margin:15px 0;padding:12px;font-size:11px}footer{margin-top:6px}.footnote{margin-top:14px}}