:root{--ink:#172d40;--muted:#667b8b;--blue:#087ca9;--navy:#112c49;--line:#dfe7eb;--paper:#fff;--font:'Geist',Arial,sans-serif;--rose:#aa4a69}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #14b2db;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h2{font-size:30px;font-weight:600;letter-spacing:-1px}.container{width:min(1240px,calc(100% - 64px));margin:auto}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}[hidden]{display:none!important}.site-header{position:sticky;top:0;z-index:40;background:#ffffffed;backdrop-filter:blur(8px);border-bottom:1px solid #e5edf0}.header-inner{height:80px;display:flex;align-items:center;gap:25px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;border-radius:10px;font-size:25px}.icon-button:hover{background:#edf5f8}.menu-toggle{flex-direction:column;gap:5px}.menu-toggle span{width:21px;height:1.6px;background:var(--navy);border-radius:2px}.logo{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:28px;letter-spacing:3px;font-weight:600;line-height:1.1}.logo svg{width:32px;height:32px;fill:var(--blue)}.logo>span{position:absolute;left:42px;top:33px;font-size:6px;font-weight:600;letter-spacing:1.6px;white-space:nowrap;color:#67889c}.header-actions{margin-left:auto;display:flex;align-items:center;gap:23px}.locale-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;min-height:44px;font-size:12px}.flag{width:21px;height:21px;display:inline-block;border-radius:50%;box-shadow:0 0 0 1px #0001;vertical-align:middle;flex:none}.flag-id{background:linear-gradient(#e63348 50%,white 50%)}.flag-my{background:repeating-linear-gradient(#d63848 0 2px,white 2px 4px)}.flag-sg{background:linear-gradient(#e84d60 50%,white 50%)}.caret{color:#79909d}.account-button{width:auto;gap:8px;font-size:12px;padding-inline:10px}.account-button .icon{width:23px;height:23px}.benefit-strip{background:#e5f2f7;border-bottom:1px solid #dcecf1;color:#235b75}.benefit-window{position:relative;overflow:hidden}.benefit-track{display:flex;min-height:40px;align-items:center}.benefit{flex:0 0 25%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;min-width:0;white-space:nowrap}.benefit .icon{width:17px;height:17px;color:#388eae}.benefit-next{display:none}.hero{background:linear-gradient(155deg,#0c2035 0%,#143f70 56%,#0988c3 100%);color:white;isolation:isolate;position:relative}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 80%,#77d9f027,transparent 50%)}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:475px;gap:15px;position:relative}.hero-copy{padding:48px 0 45px;position:relative;z-index:2;max-width:650px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:#a5d8ec;margin-bottom:15px}h1{font-size:clamp(32px,3.5vw,49px);font-weight:600;letter-spacing:-1.5px;line-height:1.13;max-width:650px}h1 span{color:#b5eaff}.hero-copy>p{font-size:16px;color:#d2e3ee;line-height:1.7;margin-top:19px}.hero-visual{min-width:0;align-self:end;position:relative}.hero-visual img{display:block;width:115%;max-width:none;height:auto;margin-left:-7%;margin-bottom:10px;filter:drop-shadow(0 20px 22px #020b1930)}.hero-search{position:relative;margin-top:25px;width:100%;max-width:590px}.search-form{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 17px;background:white;color:var(--ink);border-radius:14px;box-shadow:0 7px 20px #03172918;position:relative}.search-form>.icon{width:19px;color:#77909f}.search-form input{min-width:0;flex:1;width:100%;border:0;background:none;font-size:13px;padding:6px 0;color:var(--ink);outline:none}.search-form input::placeholder{color:#8293a1}.search-form:focus-within{outline:2px solid #6cdbfb;outline-offset:3px}.search-form button{display:flex;align-items:center;gap:7px;justify-content:center;background:#12b1d6;border:0;border-radius:10px;color:#09293d;min-height:43px;padding:10px 20px;font-size:12px;font-weight:600}.search-form button:hover{background:#5cdef4}.search-form button .icon{width:16px;height:16px}.search-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;color:var(--ink);border:1px solid #dce7ee;border-radius:15px;padding:15px;box-shadow:0 16px 35px #051d4240;z-index:30}.panel-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b8395;margin-bottom:9px}.panel-label .icon{width:17px}.search-option{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:8px;min-height:48px}.search-option:hover,.search-option:focus{background:#edf6fa}.search-option>span:first-child{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:var(--game-color);color:white;font-size:10px;font-weight:600}.search-option strong{display:block;font-size:12px}.search-option small{font-size:10px;color:var(--muted)}.search-option>span:last-child{margin-left:auto;color:#90a2ad;font-size:16px}.search-empty{padding:15px 8px;color:var(--muted);font-size:12px}.trending-search{margin-top:16px;color:#b8d3e5;font-size:11px}.trending-search>span{display:flex;align-items:center;gap:6px;margin-bottom:7px}.trending-search .icon{width:17px;height:17px}.trending-search>div{display:flex;gap:7px;flex-wrap:wrap}.trending-search button{border:1px solid #b6e7ff28;background:#051c3e35;color:#e0f4ff;padding:5px 12px;border-radius:20px;font-size:10px;min-height:29px}.trending-search button:hover{background:#fff2}.hero-copy>p.hero-footnote{display:flex;align-items:center;gap:7px;margin-top:16px;font-size:10px;color:#aac8db}.hero-footnote .icon{width:14px;height:14px}.brand-section{padding:27px 0 23px;background:#f2f6f8;border-bottom:1px solid #e8eef1}.brand-section h2{text-align:center;color:#748895;font-size:15px;letter-spacing:.2px;margin-bottom:17px;font-weight:500}.brand-rail{display:flex;gap:13px;overflow-x:auto;padding:2px 2px 9px;scrollbar-width:none;scroll-snap-type:x proximity}.brand-rail::-webkit-scrollbar{display:none}.brand-tile{flex:1 0 150px;min-height:65px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e3e9ec;background:white;border-radius:10px;box-shadow:0 2px 5px #112c4910;scroll-snap-align:start;padding:12px}.brand-monogram{color:var(--game-color);font-size:23px;letter-spacing:-2px;font-weight:600}.brand-tile strong{font-size:10px;line-height:1.25;text-align:left;max-width:75px}.brand-tile:hover{border-color:#90bccf}.rail-hint{display:none}.catalog-section{padding-top:45px;padding-bottom:52px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.muted{color:#6f8a9a;font-size:8px;margin-bottom:8px;letter-spacing:1.5px}.catalog-note{font-size:11px;color:var(--muted);padding-bottom:4px}.category-tabs{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.category-tabs button{flex:none;display:flex;align-items:center;gap:7px;min-height:39px;background:#fff;border:1px solid #cbd8e0;border-radius:22px;padding:9px 16px;font-size:11px;white-space:nowrap}.category-tabs .icon{width:16px;height:16px;color:#069ac0}.category-tabs .selected{background:#d5edf5;border-color:#9dcbdd;color:#165574}.category-tabs button:hover{border-color:#6da9bf}.category-tabs [data-category="flash"] .icon{fill:#0cafd124;stroke:#079cc0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:49px;gap:12px;margin-bottom:10px;font-size:11px;color:var(--muted)}.countdown{display:flex;align-items:center;gap:7px;white-space:nowrap}.countdown .icon{width:15px;color:#098eaf}.countdown time{color:var(--navy);background:#eaf3f6;padding:5px 9px;border-radius:8px;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.sale-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}.sale-card{--sold:0%;--tint:.02;min-width:0;border:1px solid #e0d5dc;border-radius:17px;background:linear-gradient(0deg,rgb(174 76 106 / var(--tint)),rgb(174 76 106 / var(--tint))),#fffdfb;box-shadow:0 3px 8px #172d4004;transition:transform .2s}.sale-card:hover{transform:translateY(-3px)}.product-art{margin:7px 7px 0;height:91px;border-radius:11px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;padding:13px;color:white;background:var(--art-bg)}.product-art:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 42%,#fff2 42.5%,transparent 43%),radial-gradient(circle at 100% 0,#fff2,transparent 65%)}.art-letter{position:relative;font-size:40px;font-weight:600;letter-spacing:-3px;line-height:1}.art-insignia{width:46px;height:46px;stroke:currentColor;stroke-width:1.2;fill:none;opacity:.6}.art-jp{position:absolute;right:8px;top:5px;font-family:serif;font-size:8px;opacity:.65}.product-info{padding:10px 12px 12px}.product-game{font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:#806c79}.product-info h3{font-size:14px;letter-spacing:-.3px;margin:3px 0 7px;font-weight:600}.old-price{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a7782;min-height:15px}.old-price span{color:var(--rose);font-size:9px;font-weight:600}.now-price{font-size:22px;letter-spacing:-.8px;font-weight:600;color:#a33f61;line-height:1.25;margin:2px 0 8px;white-space:nowrap}.buy-row{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:9px;align-items:center;min-height:36px}.stock{position:relative;isolation:isolate;height:22px;border-radius:20px;background:#b8587517;overflow:hidden}.stock-fill{position:absolute;inset:0 auto 0 0;width:var(--sold);background:#b65a7870;border-radius:inherit;z-index:-1}.stock-label{height:100%;display:grid;place-items:center;font-size:9px;color:#642e46;white-space:nowrap;font-weight:600}.buy-button{display:grid;place-items:center;min-height:36px;line-height:18px;padding:8px 9px;border:0;border-radius:10px;background:#643752;color:white;font-size:11px;font-weight:600}.buy-button:hover{background:#47243a}.product-kind{font-size:9px;color:#8e7483}.normal-product .buy-row{grid-template-columns:minmax(0,1fr) 58px}.normal-product .old-price{color:#8d7b86;font-size:9px}.demo-caption{font-size:9px;color:#8a7e86;line-height:1.6;margin-top:11px}.empty-state{border:1px dashed #a8c8d7;padding:30px;text-align:center;border-radius:16px;color:var(--muted)}.empty-state button{border:0;background:none;text-decoration:underline;color:var(--blue)}.faq-section{background:#f6f7f6;padding:62px 24px 58px}.faq-wrap{max-width:790px;margin:auto}.faq-badge{display:block;width:max-content;margin:0 auto 19px;background:#e6ebe6;border-radius:30px;padding:7px 18px;font-size:11px;letter-spacing:4px;color:#3d504b}.faq-section h2{font-family:Georgia,'Times New Roman',serif;text-align:center;font-size:56px;line-height:1.02;letter-spacing:-2px;font-weight:400;color:#172a29}.faq-intro{text-align:center;color:#74817d;font-size:12px;margin-top:17px;margin-bottom:31px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:23px 26px;background:white;border-radius:0 32px 32px 32px;font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.2;color:#213230}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{flex:none;position:relative;width:30px;height:30px;border:1px solid #eff1ed;border-radius:50%;background:#fafbf9}.faq-list summary>span:before,.faq-list summary>span:after{content:'';position:absolute;width:11px;height:1.3px;background:#344440;left:9px;top:14px}.faq-list summary>span:after{transform:rotate(90deg)}.faq-list details[open] summary>span:after{transform:rotate(45deg)}.faq-list details[open] summary>span:before{transform:rotate(-45deg)}.faq-answer{margin-top:10px;background:#e8ece6;border-radius:32px 0 32px 32px;padding:24px 27px;font-size:14px;line-height:1.75;color:#34443d}.blog-section{padding-block:47px}.text-link{font-size:11px;color:var(--blue);font-weight:600}.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.blog-card{padding:21px 0 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.blog-tag{font-size:8px;letter-spacing:1.5px;color:var(--blue)}.blog-card h3{font-size:17px;line-height:1.5;margin:12px 0 20px;font-weight:500;letter-spacing:-.4px}.blog-meta{display:flex;align-items:center;font-size:10px;color:var(--muted);gap:10px}.blog-meta b{margin-left:auto;font-size:16px;font-weight:400;color:var(--blue)}.article-previews{margin-top:20px;display:flex;flex-direction:column;gap:7px}.article-previews details{font-size:11px;color:var(--muted)}.article-previews summary{cursor:pointer;padding-block:5px}.article-previews p{max-width:850px;line-height:1.9;padding:10px 0}.site-footer{background:#102a3d;color:#d4e4ec;padding-top:42px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px;padding-bottom:35px}.footer-brand .logo{font-size:27px;color:#fff}.footer-brand .logo>span{left:0;color:#81a4bb;top:31px}.footer-brand p{font-size:11px;color:#a3bdcc;line-height:1.9;margin-top:27px}.payment-labels{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.payment-labels span{border:1px solid #7a9db33d;border-radius:6px;padding:4px 7px;font-size:8px;color:#b1c9d7}.footer-grid h2{font-size:13px;letter-spacing:0;color:#fff;margin:0 0 17px;font-weight:600}.footer-grid>div>a:not(.logo),.footer-grid>div>button{display:block;font-size:11px;color:#a3bdcc;margin-bottom:10px;text-align:left;border:0;background:none;padding:0}.footer-grid a:hover,.footer-grid button:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;border-top:1px solid #6e90a22e;font-size:9px;color:#86a6b8}.footer-bottom>span:last-child{display:flex;align-items:center;gap:8px}.footer-bottom .flag{width:15px;height:15px}.footer-petal{font-family:serif;margin-left:10px;font-size:17px;color:#accad7}dialog{width:min(450px,calc(100% - 32px));padding:28px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:white;box-shadow:0 20px 80px #082e4d40}dialog::backdrop{background:#061a2c70}.dialog-head,.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}dialog h2{font-size:22px;letter-spacing:-.5px}.primary-button{display:block;width:100%;min-height:44px;background:var(--blue);color:white;border:0;border-radius:11px;padding:11px 18px;font-size:12px}.modal-note{font-size:11px;color:var(--muted);margin:15px 0 21px}dialog label{display:block;margin:16px 0 7px;font-size:12px}select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:#f7fafb;padding:9px;font-size:12px;color:var(--ink)}.menu-drawer{position:fixed;inset:0 auto 0 0;margin:0;max-height:100dvh;height:100dvh;width:min(350px,88vw);border-radius:0 20px 20px 0;border:0;padding:25px}.menu-drawer[open]{display:flex;flex-direction:column;animation:drawer-in .25s ease}.menu-drawer nav{display:flex;flex-direction:column;gap:6px}.menu-drawer nav a,.menu-drawer nav button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;background:none;padding:15px 10px;font-size:13px;border-radius:10px}.menu-drawer nav a:hover,.menu-drawer nav button:hover{background:#edf5f8}.menu-drawer nav span{color:#7d9caf}.menu-drawer>p{margin-top:auto;padding-top:30px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}body:has(dialog[open]){overflow:hidden}#order-detail{font-size:14px;line-height:1.8}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(min-width:1600px){.hero-inner{min-height:510px}.hero-visual img{width:120%;margin-left:-7%}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero-inner{grid-template-columns:1.05fr 1fr;min-height:440px}h1{font-size:37px}.hero-copy>p{font-size:14px}.hero-copy{padding-block:38px}.hero-visual img{width:116%;margin-left:-10%}.sale-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit{font-size:10px}.footer-grid{gap:25px}.brand-tile{flex-basis:145px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header-inner{height:68px;gap:13px}.logo{font-size:23px;letter-spacing:2.5px;gap:7px}.logo svg{width:27px;height:27px}.logo>span{left:34px;top:28px;font-size:5px;letter-spacing:1px}.header-actions{gap:12px}.locale-toggle{font-size:10px;gap:5px}.flag{width:19px;height:19px}.caret{display:none}.account-button{padding:0;width:32px}.account-button>span{display:none}.account-button .icon{width:23px;height:23px}.menu-toggle{width:28px;height:40px}.benefit-window{width:100%;padding-right:22px}.benefit-track{min-height:36px;transition:transform .35s ease;will-change:transform}.benefit{flex-basis:50%;font-size:10px;gap:5px}.benefit .icon{width:14px;height:14px}.benefit-next{display:block;position:absolute;right:0;top:0;bottom:0;width:24px;border:0;background:#d4eaf4;color:#27718d;font-size:18px}.hero-inner{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:32px 0 0;max-width:none;width:100%;text-align:center}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:13px}h1{font-size:34px;line-height:1.14;letter-spacing:-1px;max-width:370px;margin:auto}.hero-copy>p{font-size:13px;line-height:1.7;margin-top:15px}.hero-search{margin-top:23px;max-width:none;text-align:left}.search-form{padding:5px 5px 5px 13px;border-radius:13px;gap:8px}.search-form input{font-size:12px}.search-form button{min-height:40px;padding:8px 14px;font-size:11px;border-radius:9px}.search-form button .icon{width:15px}.search-form>.icon{width:17px}.trending-search{text-align:left;margin-top:14px;font-size:10px}.trending-search>div{gap:6px}.trending-search button{font-size:10px;padding:5px 11px}.hero-copy>p.hero-footnote{display:none}.hero-visual{width:100%;align-self:auto;max-width:540px;margin:12px auto 0}.hero-visual img{width:100%;margin:0 0 -14px;height:auto;filter:drop-shadow(0 12px 12px #020b1926)}.search-panel{top:calc(100% + 8px);padding:12px;text-align:left}.search-option{padding:7px;min-height:49px}.brand-section{padding:23px 0 18px}.brand-section h2{font-size:14px;margin-bottom:14px}.brand-rail{gap:10px}.brand-tile{flex:0 0 125px;min-height:55px;padding:9px;gap:7px}.brand-monogram{font-size:21px}.brand-tile strong{font-size:9px;max-width:60px}.rail-hint{display:block;font-size:8px;color:#8b9ba5;text-align:center;margin-top:2px}.catalog-section{padding-top:32px;padding-bottom:36px}.section-heading{margin-bottom:19px;gap:10px;align-items:center}h2{font-size:27px;letter-spacing:-.8px}.catalog-note{display:none}.muted{font-size:7px;letter-spacing:1px}.category-tabs{gap:7px;margin-right:-16px;padding-right:16px}.category-tabs button{min-height:35px;padding:7px 12px;font-size:10px;gap:5px}.category-tabs .icon{width:14px;height:14px}.catalog-toolbar{min-height:46px;margin-bottom:6px;font-size:9px}.countdown{gap:4px;font-size:9px}.countdown time{font-size:9px;letter-spacing:.3px;padding:5px 6px}.countdown .icon{width:13px}.sale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sale-card{border-radius:15px}.product-art{height:65px;margin:6px 6px 0;padding:10px;border-radius:10px}.art-letter{font-size:31px;letter-spacing:-2px}.art-insignia{width:35px;height:40px}.art-jp{font-size:7px}.product-info{padding:8px 9px 9px}.product-game{font-size:8px;line-height:1.3}.product-info h3{font-size:12px;line-height:1.35;margin:3px 0 5px}.old-price{font-size:9px;line-height:1.3;gap:5px;min-height:12px}.old-price span{font-size:8px}.now-price{font-size:19px;line-height:1.25;margin:2px 0 7px}.buy-row,.normal-product .buy-row{grid-template-columns:minmax(0,1fr) 47px;gap:6px;min-height:34px}.buy-button{font-size:10px;line-height:16px;min-height:34px;padding:8px 7px;border-radius:9px}.stock{height:19px}.stock-label{font-size:8px}.product-kind{font-size:8px}.demo-caption{font-size:8px;line-height:1.6;margin-top:9px}.faq-section{padding:39px 16px}.faq-badge{font-size:9px;padding:6px 15px;letter-spacing:3px;margin-bottom:17px}.faq-section h2{font-size:43px;letter-spacing:-1.8px}.faq-intro{font-size:11px;margin-top:13px;margin-bottom:24px}.faq-list{gap:10px}.faq-list summary{padding:19px 19px;font-size:21px;border-radius:0 28px 28px 28px;gap:14px}.faq-list summary>span{width:28px;height:28px}.faq-list summary>span:before,.faq-list summary>span:after{left:8px;top:13px}.faq-answer{font-size:13px;line-height:1.75;padding:20px;border-radius:28px 0 28px 28px}.blog-section{padding-block:33px}.blog-section .text-link{font-size:10px}.blog-list{grid-template-columns:1fr;gap:0}.blog-card{padding:19px 0;border-bottom:0}.blog-card:last-child{border-bottom:1px solid var(--line)}.blog-card h3{font-size:17px;margin:9px 0 12px}.blog-tag{font-size:8px}.blog-meta{font-size:10px}.article-previews{margin-top:20px}.site-footer{padding-top:32px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 24px;padding-bottom:27px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:11px;margin-top:25px}.footer-grid h2{font-size:12px;margin-bottom:13px}.footer-grid>div>a:not(.logo),.footer-grid>div>button{font-size:11px;margin-bottom:11px}.footer-bottom{font-size:8px;align-items:flex-start;gap:12px;flex-direction:column;padding-block:17px}.footer-bottom>span:last-child{font-size:9px}.footer-petal{display:none}dialog{padding:23px}dialog h2{font-size:20px}.empty-state{font-size:12px;padding:25px 14px}}
@media(max-width:370px){.header-inner{gap:10px}.header-actions{gap:8px}.logo{font-size:21px}.locale-toggle{font-size:9px}h1{font-size:31px}.search-form input{font-size:11px}.search-form button{padding:8px 11px}.benefit{font-size:9px}.now-price{font-size:18px}.stock-label{font-size:7px}.buy-row,.normal-product .buy-row{grid-template-columns:minmax(0,1fr) 43px;gap:4px}.faq-list summary{font-size:19px;padding:17px}.catalog-toolbar>p{max-width:145px}.countdown>span{display:none}}
@media(min-width:761px){.hero-visual img{width:115%;margin-left:-15%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.benefit-track{will-change:auto}}

/* Shared original game artwork is embedded once per game in the SVG sprite. */
.game-cover{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.brand-rail{justify-content:center;gap:17px;padding-block:3px 10px}
.brand-tile{flex:0 0 102px;width:102px;height:102px;min-height:0;padding:0;border:0;border-radius:19px;overflow:hidden;box-shadow:0 3px 8px #12324c15;transition:transform .2s,box-shadow .2s}
.brand-tile:hover{box-shadow:0 5px 14px #12324c22;transform:translateY(-3px)}
.product-art{height:108px;padding:0;background:#edf1f5}
.product-art:before{display:none}
.product-info h3{margin-top:0}
.game-card{min-width:0;position:relative}
.game-cover-button{position:relative;display:block;width:100%;aspect-ratio:1;border:0;background:#edf3f8;padding:0;overflow:hidden;border-radius:18px;box-shadow:0 3px 10px #112c4910;transition:transform .2s,box-shadow .2s}
.game-cover-button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #112c4920}
.game-enter{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:29px;height:29px;background:#fffef5eb;color:#173c55;border-radius:50%;font-size:18px;box-shadow:0 2px 8px #10233820;pointer-events:none}
.search-cover{display:block;width:36px;height:36px;flex:none;border-radius:9px;overflow:hidden;pointer-events:none}
.category-tabs [data-category="flash"] .icon{width:21px;height:21px;fill:none;stroke:none;filter:drop-shadow(0 2px 2px #ff832332)}
.category-tabs [data-category="flash"].selected{background:#fff1db;border-color:#f4cf92;color:#935519}
.countdown .icon{width:19px;height:19px;filter:drop-shadow(0 1px 2px #ffc83b40)}
.benefit-strip .icon use[href="#shield-icon"]{fill:#a6e4fb;stroke:#2485b3}
.benefit-strip .icon use[href="#tag-icon"]{fill:#ffe394;stroke:#c38e29}
.benefit-strip .icon use[href="#star-icon"]{fill:#ffc75b;stroke:#d79b36}
.benefit-window{padding-right:0}




@media(max-width:760px){
 .brand-rail{justify-content:flex-start;gap:11px}.brand-tile{flex-basis:82px;width:82px;height:82px;border-radius:15px}
 .product-art{height:85px}.product-info h3{margin-top:0}.game-cover-button{border-radius:15px}.game-enter{right:8px;bottom:8px;width:26px;height:26px;font-size:16px}
 .category-tabs [data-category="flash"] .icon{width:19px;height:19px}.benefit-window{padding:0}
 .blog-card{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:14px;row-gap:7px;align-content:start;padding:19px 0}
 
 .blog-card>.blog-tag,.blog-card>h3,.blog-card>.blog-meta{grid-column:2}.blog-card h3{margin:0;font-size:14px;line-height:1.5;letter-spacing:-.2px}.blog-meta{font-size:9px;align-self:end;gap:3px}.blog-meta b{font-size:14px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.benefit-track{flex-wrap:wrap;transform:none!important}.benefit{min-height:32px}}

.instant-label { position:absolute; z-index:1; left:6px; bottom:6px; display:inline-flex; align-items:center; gap:2px; background:#102a44f5; color:#fff5cd; border-radius:4px; padding:3px 4px; font-size:9px; font-weight:600; line-height:1; pointer-events:none }
.instant-label .icon { width:9px; height:9px; flex:none; color:#ffcc57; fill:currentColor }
.package-option .instant-label .icon { color:#976000 }
@keyframes akira-card-enter { from { opacity:.32; transform:translateY(9px) } to { opacity:1; transform:translateY(0) } }
.scroll-card-enter { animation:akira-card-enter .36s ease-out var(--reveal-delay,0ms) both }
@keyframes akira-float { 0%,100% { transform:translateY(0) } 50% { transform:translateY(var(--float-rise,-6px)) } }
.float-art { animation:akira-float 5.6s ease-in-out infinite paused }
.float-art.float-running { animation-play-state:running }
.page-paused .float-art { animation-play-state:paused }
@media(max-width:760px) { .float-art { --float-rise:-4px } }
@font-face { font-family:Geist; font-style:normal; font-weight:600; font-display:swap; src:url("/shop/geist-600.woff2") format("woff2") }
.trending-search a { display:inline-flex; padding:5px 12px; border:1px solid #ffffff32; border-radius:24px; color:white; font-weight:600; font-size:11px }
.trending-search a:hover { background:#ffffff20 }
img.game-cover { object-fit:cover }
.sale-card { --sold:0%; --tint:.035 }
.buy-row .catalog-note { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.blog-card > img { display:block; width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; border-radius:15px; margin-bottom:17px }
@media (max-width:760px) {
  .blog-card > img { width:100%; height:100%; min-height:120px; grid-row:1 / 4; aspect-ratio:4/5; margin-bottom:0 }
}


.hero-visual picture { display:block }

/* Store navigation and service pages */
.shop-desktop-nav a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-weight: 650; text-decoration: none; }
.shop-desktop-nav a:hover { text-decoration: underline; }
.icon-button.shop-nav-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; width: auto; gap: 7px; color: inherit; text-decoration: none; white-space: nowrap; }
.icon-button.shop-nav-icon .icon { width: 22px; height: 22px; flex: none; }
.icon-button.shop-nav-icon span { font-size: 12px; font-weight: 650; }
.support-float { position: fixed; z-index: 45; right: max(18px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); color: #16334f; }
.support-float > summary { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; padding-inline: 15px; border-radius: 14px; background: #183e67; color: #fff; box-shadow: 0 6px 20px #102d4d38; cursor: pointer; list-style: none; font-size: 13px; font-weight: 650; }
.support-float > summary::-webkit-details-marker { display: none; }
.support-float .icon { width: 20px; height: 20px; }
.support-menu { position: absolute; bottom: calc(100% + 8px); right: 0; width: min(248px, calc(100vw - 36px)); padding: 10px; background: #fff; border: 1px solid #d5e3ef; border-radius: 14px; box-shadow: 0 8px 25px #102d4d24; }
.support-menu strong { display: block; padding: 8px 10px; }
.support-menu a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 8px 10px; border-radius: 8px; color: inherit; text-decoration: none; }
.support-menu a:hover, .support-menu a:focus-visible { background: #e8f3fc; }
.shop-service { display: grid; justify-items: center; padding-block: clamp(26px, 7vw, 76px); min-height: 54vh; }
.service-card { width: min(100%, 540px); align-self: start; padding: clamp(20px, 4vw, 38px); border: 1px solid #dbe6f0; border-radius: 22px; background: #fff; color: #15334f; box-shadow: 0 9px 24px #163a5c0d; overflow-wrap: anywhere; }
.service-card h1 { margin: 12px 0 8px; font-size: clamp(26px, 5vw, 38px); line-height: 1.13; letter-spacing: -.04em; }
.service-card p { margin-block: 7px; color: #526a7e; line-height: 1.55; }
.service-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #e8f3fc; color: #215781; }
.service-icon .icon { width: 23px; height: 23px; }
.service-form { display: grid; gap: 8px; margin-top: 22px; }
.service-form label { font-size: 14px; font-weight: 650; }
.service-form input { min-width: 0; min-height: 46px; width: 100%; border: 1px solid #aebfd1; border-radius: 9px; padding: 10px 12px; font: inherit; font-size: 16px; color: #15334f; }
.service-form input + label { margin-top: 7px; }
.service-form small { color: #526a7e; }
.service-button, .service-card .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; border: 0; border-radius: 9px; min-height: 46px; padding: 10px 14px; background: #183e67; color: #fff; font: inherit; font-weight: 650; text-decoration: none; cursor: pointer; }
.service-quiet { min-height: 44px; padding-inline: 0; border: 0; background: transparent; color: #225c8d; font: inherit; cursor: pointer; text-decoration: underline; }
.service-card .service-alternate { margin-top: 18px; }
.service-alternate a { color: #225c8d; font-weight: 650; text-decoration: underline; }
.service-card .service-error { color: #a32332; margin: 0; font-size: 14px; }
.service-order .two { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block: 12px; }
.service-order .status-block, .service-order .service-status { padding: 12px; border-radius: 9px; background: #e8f3fc; }
.service-order .status-block strong { display: block; }
.service-card .prose { white-space: pre-wrap; }
@media (max-width: 760px) {
    .shop-desktop-nav, .icon-button.shop-nav-icon span, .support-float > summary span { display: none; }
    .site-header .header-inner, .site-header .header-actions { gap: 4px; }
    .support-float > summary { min-width: 46px; padding-inline: 0; }
    .mobile-checkout-bar:not([hidden]) ~ .support-float { bottom: calc(82px + env(safe-area-inset-bottom)); }
}
@media (max-width: 360px) {
    .site-header .logo > span, .site-header #locale-label { display: none; }
    .site-header .locale-toggle { min-width: 44px; padding-inline: 6px; }
}

/* Blog and account */
.blog-index { padding-block: clamp(28px, 6vw, 72px); min-height: 56vh; }
.blog-intro { max-width: 650px; margin-bottom: 22px; }
.blog-intro h1 { font-size: clamp(30px, 6vw, 54px); line-height: 1.08; letter-spacing: -.045em; margin: 8px 0; }
.blog-intro p, .blog-index-card p, .blog-empty { color: #526a7e; }
.blog-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.blog-filters a, .blog-read { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 13px; border: 1px solid #cdddea; border-radius: 10px; background: #fff; color: #204d74; font-size: 14px; font-weight: 650; text-decoration: none; }
.blog-filters a:hover, .blog-read:hover { background: #e8f3fc; }
.blog-filters a[aria-current] { background: #183e67; border-color: #183e67; color: #fff; }
.blog-index-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.blog-index-card { min-width: 0; padding: clamp(16px, 3vw, 24px); border: 1px solid #dbe6f0; border-radius: 16px; background: #fff; }
.blog-index-card h2 { font-size: 19px; line-height: 1.3; margin: 8px 0; overflow-wrap: anywhere; }
.blog-index-card h2 a { color: inherit; text-decoration: none; }
.blog-index-card h2 a:hover { text-decoration: underline; }
.blog-index-card p { overflow-wrap: anywhere; }
.blog-index-card .blog-read { margin-top: 10px; }
.article-cover { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:12px; margin-block:12px }
.blog-index-card .article-cover { margin-block:0 12px }
.auth-layout { min-height: 68vh; }
.auth-card { width: min(100%, 430px); }
.auth-card .auth-mark { display: flex; align-items: center; gap: 10px; color: #183e67; letter-spacing: .12em; font-weight: 800; }
.auth-mark span { display: grid; place-items: center; width: 33px; height: 33px; border-radius: 8px; background: #183e67; color: #fff; letter-spacing: 0; }
.auth-card h1 { font-size: clamp(25px, 4vw, 32px); }
.auth-card .service-button, .service-button { justify-content: center; }
.auth-card .service-alternate { text-align: center; }
.account-card { width: min(100%, 660px); }
.account-history { margin-top: 25px; }
.account-history h2 { margin-bottom: 8px; }
.account-order { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 10px 0; border-top: 1px solid #dbe6f0; color: inherit; text-decoration: none; }
.account-order small { display: block; color: #526a7e; }
.account-order > span:last-child { text-align: right; }
.account-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.account-actions > a { display: inline-flex; align-items: center; }
@media (max-width: 850px) { .blog-index-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .blog-index-grid { grid-template-columns: minmax(0, 1fr); } }

/* Invoice */
.invoice-layout { max-width: 1000px; min-height: 55vh; padding-block: clamp(26px, 6vw, 66px); }
.invoice-heading { margin-bottom: 20px; }
.invoice-heading h1 { font-size: clamp(29px, 5vw, 46px); line-height: 1.14; letter-spacing: -.04em; margin: 8px 0; }
.invoice-heading p { color: #526a7e; }
.invoice-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.invoice-card { width: 100%; }
.invoice-card h2 { font-size: 21px; }
.invoice-facts { margin: 10px 0; }
.invoice-facts div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #dbe6f0; }
.invoice-facts dt { color: #526a7e; }
.invoice-facts dd { margin: 0; text-align: right; }
.invoice-facts .invoice-reference { display: block; }
.invoice-reference dd { text-align: left; margin-top: 3px; }
.invoice-card ol { padding-left: 23px; }
.invoice-card li { padding-block: 4px; }
.invoice-card .invoice-notice, .invoice-notice { padding: 10px 12px; border-radius: 9px; background: #e8f3fc; color: #183e67; }
.invoice-card .blog-read { margin-top: 8px; }
@media (max-width: 710px) { .invoice-grid { grid-template-columns: minmax(0, 1fr); } }

/* Store header */
.catalog-group:not([hidden]) ~ .catalog-group:not([hidden]) { margin-top: 32px; padding-top: 24px; border-top: 1px solid #e1eaf0; }
.catalog-group-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.catalog-group-heading h3 { display: flex; align-items: center; gap: 8px; font-size: 24px; letter-spacing: -.03em; color: #18354e; }
.catalog-group-heading h3 .icon { width: 24px; height: 24px; }
.catalog-view-title { margin-block: 24px; font-size: 16px; font-weight: 600; color: #536c7e; }
.game-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.sale-card h4 { font-size: 13px; font-weight: 600; line-height: 1.4; }
.catalog-section .category-tabs { flex-wrap: wrap; overflow: visible; margin-right: 0; padding-right: 0; }
.catalog-section .category-tabs button { min-height: 44px; }
@media (max-width: 1000px) { .game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
    .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .catalog-group-heading h3 { font-size: 21px; }
    .catalog-group:not([hidden]) ~ .catalog-group:not([hidden]) { margin-top: 24px; }
    .catalog-view-title { margin-block: 16px; }
}
.site-header .header-inner { gap: clamp(14px, 2.8vw, 36px); }
.shop-brand { display: grid; place-items: center; flex: none; min-width: 44px; min-height: 44px; border-radius: 8px; }
.shop-brand img { display: block; width: 136px; height: auto; }
.site-footer .footer-logo { display: inline-flex; width: max-content; align-items: center; }
.footer-logo img { display: block; width: 136px; height: auto; }
.auth-mark img { display: block; width: 120px; height: auto; }
.shop-desktop-nav { display: flex; align-items: center; gap: 3px; }
.shop-desktop-nav a { border-radius: 9px; padding: 0 12px; white-space: nowrap; font-size: 14px; }
.shop-desktop-nav a:hover, .shop-desktop-nav a[aria-current="page"] { background: #eaf4fb; color: #14577c; text-decoration: none; }
.shop-account-link { display: flex; align-items: center; gap: 10px; min-height: 46px; min-width: 44px; padding: 5px 9px; border-radius: 9px; color: #172d40; text-decoration: none; }
.shop-account-link:hover { background: #eaf4fb; }
.shop-account-link .icon { width: 25px; height: 25px; flex: none; }
.shop-account-copy { display: grid; line-height: 1.25; gap: 2px; white-space: nowrap; }
.shop-account-copy small { font-size: 11px; font-weight: 500; color: #526a7e; }
.shop-account-copy strong { font-size: 13px; }
.menu-drawer nav a { justify-content: start; align-items: center; gap: 10px; }
.menu-drawer nav a .icon { width: 18px; height: 18px; }
html { scroll-padding-top: 88px; }
@media (min-width: 861px) { .site-header #menu-toggle { display: none; } }
@media (max-width: 860px) {
    .shop-desktop-nav, .shop-account-copy, .site-header #locale-label, .site-header .locale-toggle .caret { display: none; }
    .site-header .header-inner { gap: 8px; }
    .site-header .header-actions { gap: 4px; }
    .shop-brand img { width: 104px; height: auto; }
    .site-header .locale-toggle { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; padding: 0; }
    .shop-account-link { justify-content: center; padding: 0; }
    html { scroll-padding-top: 72px; }
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* AKIRA help topics */
.help-topics { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.45fr); gap: clamp(18px, 5vw, 64px); align-items: start; padding-block: clamp(24px, 5vw, 60px); }
.help-topics-intro { padding: clamp(16px, 3.5vw, 28px); border-radius: 17px; background: #e9f3fb; border: 1px solid #d8e8f4; }
.help-topics-intro h2 { margin: 6px 0; font-size: clamp(22px, 4vw, 32px); letter-spacing: -.04em; }
.help-topics-kicker { color: #2c6388; font-size: 11px; font-weight: 750; letter-spacing: .09em; }
.help-topics-intro p:not(.help-topics-kicker), .help-topics-list p { color: #46627a; }
.help-topics-intro .blog-read { margin-top: 12px; }
.help-topics-list { border-top: 1px solid #d8e8f4; }
.help-topics-list details { border-bottom: 1px solid #d8e8f4; }
.help-topics-list summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 49px; padding: 10px 8px; color: #172d40; font-weight: 650; cursor: pointer; list-style: none; }
.help-topics-list summary::-webkit-details-marker { display: none; }
.help-topics-list summary:hover, .help-topics-list details[open] summary { color: #245b84; background: #f0f7fc; }
.help-topics-list p { padding: 2px 9px 13px; margin: 0; font-size: 14px; line-height: 1.5; }
.help-topic-toggle { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: #e9f3fb; color: #245b84; }
.help-topic-toggle::before { content: '+'; font-size: 18px; line-height: 1; }
.help-topics-list details[open] .help-topic-toggle::before { content: '−'; }
@media (max-width: 700px) { .help-topics { grid-template-columns: minmax(0, 1fr); gap: 14px; } }
@media (prefers-reduced-motion: no-preference) {
    .invoice-layout { animation: invoice-enter .26s ease-out both; }
    @keyframes invoice-enter { from { opacity: .4; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
}

/* Homepage section hierarchy */
.guide-kicker { font-size: 11px; font-weight: 750; letter-spacing: .12em; }
.brand-section #trending-title {
    margin: 0 0 16px;
    color: #18354e;
    font: 750 clamp(21px, 3vw, 30px)/1.15 system-ui, sans-serif;
    letter-spacing: -.025em;
}
.catalog-band { background: #fff; border-bottom: 1px solid #d7e4f0; }
.home-faq-band { background: linear-gradient(155deg, #eef3fd, #e5edf9); border-top: 1px solid #d7e4f0; }
.home-faq-band .help-topics-intro { background: #f8fbff; border-color: #ceddf0; }
.home-faq-band .help-topics-list { background: #f8fbff; border: 1px solid #ceddf0; border-radius: 14px; padding-inline: 12px; }
.home-faq-band .help-topics-list details:last-child { border-bottom: 0; }
.guide-band h2 {
    margin: 4px 0 6px;
    color: #142e49;
    font: 760 clamp(26px, 4.6vw, 42px)/1.1 system-ui, sans-serif;
    letter-spacing: -.045em;
}
.brand-section .rail-hint { color: #526b7e; }
.guide-band {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(30px, 6vw, 70px);
    color: #fff;
    background: radial-gradient(ellipse at 82% 0, #244f77 0, transparent 58%), linear-gradient(155deg, #102846, #0a1d37);
    border-block: 1px solid #37618a;
}
.guide-band::before, .guide-band::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    width: clamp(185px, 43vw, 640px);
    aspect-ratio: 2.3;
    top: -2%;
    right: -3%;
    border: 1px solid #99d9ff3d;
    border-radius: 22px;
    background: linear-gradient(155deg, #61b3e329, #8d94df0e);
    box-shadow: 0 22px 30px #04162b44, inset 0 1px #d3edff38;
    transform: rotate(-14deg) skewX(-10deg);
}
.guide-band::after { top: 7%; right: -10%; z-index: -2; background: #78adf01c; }
.guide-band-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 15px; margin-bottom: clamp(18px, 3vw, 30px); }
.guide-band h2 { color: #f7fbff; }
.guide-kicker { color: #b5e1ff; }
.guide-band-heading p:not(.guide-kicker), .guide-empty { color: #d1e2f2; font-size: 14px; }
.guide-band-heading .blog-read { background: #173a60; color: #f7fbff; border-color: #76a2c7; }
.guide-band-heading .blog-read:hover { background: #28527a; }
.guide-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.guide-card { min-width: 0; overflow: hidden; border: 1px solid #466789; border-radius: 14px; background: #132e50; box-shadow: 0 8px 0 #071831, 0 15px 26px #06132869; }
.guide-card > a { display: block; height: 100%; color: #f5faff; text-decoration: none; }
.guide-card:focus-within { outline: 2px solid #b5e1ff; outline-offset: 4px; }
.guide-card:hover { border-color: #a4c9e5; }
.guide-card img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.guide-card-copy { padding: 12px 15px 16px; overflow-wrap: anywhere; }
.guide-category { font-size: 12px; color: #b5e1ff; font-weight: 650; }
.guide-card h3 { margin: 4px 0; font: 700 clamp(16px, 1.65vw, 21px)/1.28 system-ui, sans-serif; }
.guide-card p { color: #c7dbed; font-size: 13px; line-height: 1.48; margin: 4px 0 0; }
@media (max-width: 690px) {
    .guide-cards { grid-template-columns: minmax(0, 1fr); }
    .guide-card > a { display: grid; grid-template-columns: minmax(74px, 26%) minmax(0, 1fr); align-items: stretch; }
    .guide-card img { height: 100%; min-height: 104px; aspect-ratio: auto; }
    .guide-card-copy { padding: 10px 11px; }
}