body{margin:0;background:#0b0710;color:white;font-family:Arial,sans-serif}.wrap{max-width:1100px;margin:auto;padding:24px}.card{background:#fffaf0;color:#151019;border-radius:28px;padding:24px}.btn{display:block;width:100%;padding:18px;border-radius:16px;border:0;background:#f1c76a;color:#151019;font-weight:900;font-size:20px}.grid{display:grid;gap:14px}.room{background:#fffaf0;color:#151019;text-decoration:none;border-radius:24px;padding:20px;min-height:170px}.room.dark{background:#171019;color:white}.title{font-size:clamp(46px,9vw,96px);line-height:.85;letter-spacing:-.07em;margin:0}.sub{font-size:clamp(22px,4vw,40px);line-height:.95;font-weight:900}.meter{height:22px;background:#e8ddcd;border-radius:99px;overflow:hidden}.fill{height:100%;background:#f1c76a;width:25%}.out{display:none}.out.show{display:block}.orb{width:210px;height:210px;border-radius:50%;margin:20px auto;background:#f1c76a;color:#151019;display:grid;place-items:center;font-size:26px;font-weight:900}.orb.grow{transform:scale(1.16)}@media(min-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.grid.rooms{grid-template-columns:repeat(4,1fr)}}