:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#101519;color:#f1ebe0}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#121b20,#11131b);min-height:100vh}header{background:#192229;border-bottom:1px solid #39464b;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;padding:14px max(16px,calc((100vw - 1040px)/2))}a{color:#ffde96;text-decoration:none}main{max-width:1020px;padding:22px 16px;margin:auto}h2{color:#efd7a2;margin:0 0 10px}p{color:#c4c8c5;line-height:1.55}nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}button,.primary{font:inherit;border:1px solid #746243;background:#28323a;color:#f9eee0;border-radius:8px;padding:11px 15px;cursor:pointer}button:hover,.primary:hover{background:#3e4c52}.primary,button.active{background:#81602e;color:#fff;display:inline-block}button:disabled{opacity:.5;cursor:default}.balance,.summary,.notice,.tab{background:#1e272c;border:1px solid #414c4b;border-radius:13px;padding:18px}.balance{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.balance strong{display:block;font-size:27px;color:#ffd58c}.balance small{display:block;margin-top:5px;color:#c3bda9}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}.pack,.product{background:#253037;border:1px solid #4d5757;padding:15px;border-radius:9px;text-align:left}.pack.selected{border:2px solid #eac077;background:#483922}.pack strong,.product strong{display:block;margin-top:5px;color:#ffd68e}.summary{margin:18px 0;display:grid;gap:10px}.notice{border-color:#90773d}.tab.hidden{display:none}.tab{min-height:360px}label{display:block;margin:15px 0;font-weight:600}input,select{display:block;margin-top:7px;width:100%;max-width:430px;border:1px solid #7e887f;background:#12191e;color:white;border-radius:8px;padding:12px;font:inherit}.entry{padding:12px;border:1px solid #495352;border-radius:8px;margin:10px 0}.hint,footer{font-size:13px;color:#aab2b3}footer{margin-top:36px;text-align:center}#message{min-height:22px;color:#f8cc77}@media(max-width:560px){header{padding:12px}main{padding:12px}.balance strong{font-size:23px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pack{padding:12px}nav button{flex:1;font-size:13px;padding:11px 5px}}