*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061025;color:#f5f9ff;font-family:Tahoma,Arial,system-ui,sans-serif;min-height:100vh}button,input{font:inherit}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 95% 440px at 6% 9%,#163969 0%,transparent 72%),radial-gradient(ellipse 85% 340px at 110% 38%,#06254a 0%,transparent 75%),linear-gradient(180deg,#07122a,#050d1d)}.shell{max-width:870px;margin:auto;padding:0 18px}.hero{text-align:center;padding:32px 5px 22px}.official{display:inline-block;color:#8fdfff;background:linear-gradient(90deg,#14263d,#1c4a68);border:1px solid #2f7fa8;border-radius:40px;padding:11px 25px;font-size:15px;box-shadow:0 0 15px #00d6fb18}.hero h1{font:bold clamp(43px,10vw,71px) Arial,sans-serif;letter-spacing:-2px;margin:25px 0 9px;white-space:nowrap}.hero h1 span,.section-top h2 span{color:#17d2fb}.hero p{color:#b7c5dc;font-size:clamp(14px,3.3vw,19px);line-height:1.8;margin:0}.underbar{width:90px;height:3px;border-radius:4px;margin:19px auto;background:#00cfff;box-shadow:0 0 15px #00d7ff}.store-code{display:flex;gap:11px;align-items:center;justify-content:center;flex-wrap:wrap;background:#10213a;border:1px solid #284c70;border-radius:14px;padding:12px;margin:18px auto 8px;max-width:555px;color:#b9c9db;font-size:14px}.store-code strong{font:800 23px Arial;color:#58dcff;letter-spacing:1px}.small-copy,.copy{border:1px solid #23b9e1;background:#112a48;color:#e7f9ff;border-radius:11px;padding:11px 15px;cursor:pointer;font-weight:700}.small-copy:hover,.copy:hover{background:#194363}.section-top h2{text-align:center;font-size:29px;margin:17px 0 20px}.search-wrap{width:100%;display:flex;align-items:center;gap:9px;background:#11203a;border:1px solid #3a608b;border-radius:21px;padding:0 17px;margin:0 0 25px;min-height:62px}.search-wrap span{font-size:32px;color:#bbdcf5}.search-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#fff;padding:18px 3px;text-align:right;font-size:17px}.search-wrap:focus-within{border-color:#2bdcff;box-shadow:0 0 0 3px #00d5ff12}.search-wrap input::placeholder{color:#9eacc0}.cards{display:flex;flex-direction:column;gap:18px}.card{background:linear-gradient(145deg,#183b63 0%,#12243f 54%,#0e1b31 100%);border:1px solid #338ab7;border-radius:26px;padding:17px;box-shadow:0 10px 25px #01081280, inset 0 1px #ffffff10;min-width:0}.art{background:linear-gradient(150deg,#091024,#1b2337);border-radius:17px;overflow:hidden;aspect-ratio:2.2;display:flex;align-items:center;justify-content:center}.art img{display:block;width:100%;height:100%;object-fit:contain}.art .fallback{display:none;font-size:30px;font-weight:900;color:#6ddeff;text-align:center}.art.fallback-mode img{display:none}.art.fallback-mode .fallback{display:block}.card-name{font-size:clamp(19px,4vw,25px);font-weight:800;margin:17px 0 10px;text-align:center;direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere}.meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bdcbe0;font-size:15px;margin:8px 0 15px;flex-wrap:wrap}.actions{display:grid;grid-template-columns:1fr;gap:11px}.download{background:linear-gradient(100deg,#18b6f4,#47d8e9);color:#04182c;text-align:center;text-decoration:none;padding:16px;border-radius:17px;font-size:19px;font-weight:800;box-shadow:0 5px 15px #00d8ff14}.download:hover{filter:brightness(1.09)}.code-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#09192e;border:1px solid #345d80;border-radius:15px;padding:11px 13px;flex-wrap:wrap}.code-bar .label{color:#c3d5e9;font-size:13px}.code-bar strong{color:#7de5ff;font:800 23px Arial;letter-spacing:.7px}.copy{font-size:14px;padding:10px 14px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#0d3554;border:1px solid #2ad3fc;border-radius:15px;padding:12px 24px;display:none;z-index:10;white-space:nowrap}.toast.show{display:block}footer{text-align:center;color:#95a8c3;padding:38px 10px;font-size:13px;line-height:2;border-top:1px solid #213551;margin-top:36px}footer small{font-size:12px}#empty{text-align:center;padding:35px;color:#bdd1e2}@media(min-width:700px){.card{padding:23px}.art{aspect-ratio:2.6}.meta{font-size:17px}.actions{grid-template-columns:1fr 1fr;align-items:stretch}.code-bar{flex-wrap:nowrap}.card-name{margin:19px 0}.hero{padding-top:50px}}@media(max-width:370px){.shell{padding:0 12px}.card{padding:12px}.code-bar{gap:7px}.code-bar strong{font-size:20px}.small-copy,.copy{padding:9px}.store-code{gap:8px}}
