:root{color-scheme:light;--ink:#344238;--sage:#4c6652;--cream:#f5f2e9}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.5}.home{max-width:960px;margin:auto;padding:28px 30px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;color:var(--sage);font-size:27px;font-weight:800;text-decoration:none}.brand svg{width:43px;height:43px}.level{font-size:13px;font-weight:700;background:#fffef9;border:1px solid #d6ddd1;border-radius:20px;padding:6px 13px}.welcome{text-align:center;margin:42px 0 30px}h1{font-size:33px;line-height:1.2;margin:0 0 10px}.welcome p{margin:0;font-size:20px;color:#59655e}.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:960px;margin:auto}.app-tile{--accent:#4c6652;--icon-bg:#e2ecd9;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);border-radius:22px;padding:12px 10px 18px;transition:transform .15s ease}.money{--accent:#946440;--icon-bg:#f1e2cf}.app-icon{display:grid;place-items:center;width:165px;height:165px;border-radius:42px;background:var(--icon-bg);border:2px solid #c8d6bd;box-shadow:0 5px 0 #c8d6bd;margin-bottom:22px;transition:box-shadow .15s ease}.money .app-icon{border-color:#dfc8ac;box-shadow:0 5px 0 #dfc8ac}.app-icon svg{width:130px;height:130px}.app-label{font-size:23px;font-weight:700;line-height:1.3;margin-bottom:8px}.app-caption{font-size:15px;line-height:1.5;color:#62695f;max-width:245px}.app-tile:hover{transform:translateY(-3px)}.app-tile:focus-visible{outline:3px solid #315d70;outline-offset:5px}.brand:focus-visible{outline:3px solid #315d70;outline-offset:5px}.reassurance{text-align:center;color:#59655e;font-size:17px;margin:40px 0 0}footer{text-align:center;color:#6a7269;font-size:13px;margin-top:35px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:2;color:var(--ink)}.skip:focus{top:10px}@media(max-width:600px){.home{padding:20px 16px}.brand{font-size:23px;gap:7px}.brand svg{width:35px;height:35px}.level{font-size:11px;padding:5px 9px}.welcome{margin:34px 0 24px}h1{font-size:28px}.welcome p{font-size:18px}.apps{gap:14px}.app-tile{padding:10px 1px 14px;border-radius:16px}.app-icon{width:clamp(115px,35vw,160px);height:clamp(115px,35vw,160px);border-radius:30px;margin-bottom:19px}.app-icon svg{width:80%;height:80%}.app-label{font-size:21px}.app-caption{font-size:13px;max-width:165px}.reassurance{font-size:15px;margin-top:28px}footer{margin-top:32px}}@media(prefers-reduced-motion:reduce){.app-tile,.app-icon{transition:none}.app-tile:hover{transform:none}}

.universe-1{--accent:#4c6652;--icon-bg:#e2ecd9}.universe-2{--accent:#886240;--icon-bg:#f1e2cf}.universe-3{--accent:#4f707e;--icon-bg:#dcebf0}.universe-4{--accent:#776080;--icon-bg:#ece2ef}.app-icon{color:var(--accent)}.universe-2 .app-icon{border-color:#dfc8ac;box-shadow:0 5px 0 #dfc8ac}.universe-3 .app-icon{border-color:#c3d9e1;box-shadow:0 5px 0 #c3d9e1}.universe-4 .app-icon{border-color:#d7c7de;box-shadow:0 5px 0 #d7c7de}footer a{display:block;width:fit-content;margin:8px auto 0;color:var(--sage)}@media(max-width:820px){.apps{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px;gap:24px 14px}}

.app-tile.locked{font-family:inherit;border:0;background:transparent;cursor:default;opacity:.62}.app-tile.locked:hover{transform:none}.app-tile.locked .app-icon{box-shadow:none}.lock-note{font-size:16px;color:#59655e;text-align:center}