*{box-sizing:border-box}body{margin:0;background:#061f2a;color:#f5f9fa;font-family:Inter,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{height:64px;background:#0b2c3a;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #244b56}.brand{font-weight:900;font-size:22px;color:#f2ba46;cursor:pointer;display:flex;gap:8px;align-items:center}.brand span{font-size:16px;color:#fff}.brand b{color:#f2ba46}.iconbtn{background:none;color:#fff;border:none}main{max-width:760px;margin:auto;padding:18px 18px 112px}.hero{text-align:center;padding:20px 0 28px;background:radial-gradient(ellipse at 50% 5%,#4b452e,transparent 55%)}.hero h1{font-size:26px;margin:8px 0}.hero p,.headline p{color:#a5b5bd}.brandicon{font-size:78px;color:#fff;line-height:1.1}.compact{padding:0 0 12px}.compact .brandicon{font-size:50px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:152px;background:#102f3d;border:1px solid #355565;color:#fff;border-radius:18px;text-align:left;padding:16px;display:flex;flex-direction:column;gap:8px}.tile span{font-size:34px}.tile strong{font-size:17px}.tile small,.market small{color:#9db4bf;line-height:1.5}.tile:disabled{opacity:.35}.headline{margin:10px 0 20px}.headline h2{margin:0;font-size:22px}.panel{max-width:500px;margin:15px auto;background:#092430;border:1px solid #21495b;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:18px}label{font-size:13px;font-weight:750;color:#adbec8;display:flex;flex-direction:column;gap:8px}input,select{background:#113543;border:1px solid #0a1a22;color:#fff;border-radius:15px;padding:16px;width:100%;outline:none}input:focus,select:focus{border-color:#f1c15a}.primary,.secondary{width:100%;padding:16px;border-radius:15px;font-weight:750}.primary{background:linear-gradient(110deg,#ffd16b,#c9951c);border:0;color:#171d20}.secondary{background:transparent;border:1px solid #9c7934;color:#ffd16b;margin-top:8px}.balance{background:linear-gradient(110deg,#234c59,#0c313c);border:1px solid #41606a;border-radius:18px;padding:20px;display:flex;justify-content:space-between;align-items:center}.balance small{color:#b5cbd3}.balance h2{margin:5px 0}.balance button,.market button{border:0;border-radius:10px;background:#f2bf55;color:#122530;padding:10px;font-weight:700}.market{display:flex;justify-content:space-between;align-items:center;padding:15px;margin:12px 0;border:1px solid #31535e;background:#0d2b38;border-radius:16px;gap:12px}.market div{display:flex;flex-direction:column;gap:4px}.tag{color:#ffd16b}.back{color:#f1c25c;background:transparent;border:0;padding:10px 0;display:flex;gap:8px}.alert{background:#653731;border:1px solid #ae675f;padding:12px;border-radius:12px;display:flex;justify-content:space-between}.alert button{background:transparent;border:0;color:#fff;font-size:20px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#092935;border-top:1px solid #35515b;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#afc0ca;background:transparent;border:none;font-size:11px}nav svg{width:20px}.splash{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#09232f}.splash h1{color:#ffd16b}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory button,.puzzle button{aspect-ratio:1;background:#163c4a;color:#fff;border:1px solid #69818b;border-radius:12px;font-size:29px}.puzzle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.game{text-align:center}.game .primary{margin-top:10px}.panel code{word-break:break-all;color:#f7cb65}@media(max-width:340px){.tiles{grid-template-columns:1fr}nav button{font-size:10px}}