@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-ext-wght-normal-C8S-KRRz.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Manrope Variable,sans-serif;color:#302e32;background:#faf8f4;font-synthesis:none;--paper: #faf8f4;--surface: #fffdf9;--ink: #302e32;--muted: #8d8585;--line: #e7e1da;--red: #af414e;--rose: #efe0e0;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:hover,a:hover{transition:color .2s,background .2s,transform .2s}img{display:block;width:100%}html{scroll-behavior:smooth;scroll-padding-top:35px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5.2%;background:var(--paper);gap:25px}.brand{display:flex;gap:11px;align-items:center;color:var(--red)}.brand>span{font-family:var(--serif);font-size:25px;letter-spacing:4px}.brand-sub{display:block;font-family:Manrope Variable,sans-serif;font-size:8px;letter-spacing:2.4px;line-height:2.2;color:var(--muted)}.header nav{display:flex;gap:35px;align-items:center;height:100%}.header nav button{font-size:12px;position:relative;height:100%;padding:0}.header nav button:hover{color:var(--red)}.header nav .nav-active{color:var(--red)}.nav-active:after{content:"";position:absolute;height:2px;background:var(--red);left:0;right:0;bottom:0}.nav-active span{font-size:9px;margin-left:5px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:20px}.saved-button{display:flex;align-items:center;gap:9px;font-size:11px}.saved-button b{font-weight:400;color:var(--red);background:var(--rose);padding:3px 6px;border-radius:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px}.theme-button{color:var(--muted)}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;min-height:630px;background:linear-gradient(110deg,#f3ede5 5%,#f0e9e4 44%,#e8dce4);isolation:isolate}.hero-grain{position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:-1}.hero-content{position:relative;z-index:3;padding:88px 0 65px 7.6%;width:58%;pointer-events:none}.hero-content button{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2px;color:var(--red);font-weight:600}.small-line{width:24px;height:1px;background:var(--red)}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-size:clamp(42px,4.2vw,65px);font-weight:400;line-height:1.16;letter-spacing:-1.7px;margin:26px 0}em{font-family:var(--serif);color:var(--red);font-weight:400}h1 em{font-size:1.04em}.hero-content>p{font-size:13px;color:#797175;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.primary-button{display:inline-flex;gap:18px;align-items:center;justify-content:center;background:var(--red);color:#fffaf6;font-size:11px;font-weight:600;min-height:45px;padding:0 21px;border-radius:3px}.primary-button:hover{background:#8e303c;transform:translateY(-2px)}.text-button{display:inline-flex;gap:10px;align-items:center;font-size:11px;padding:0}.text-button:hover{color:var(--red)}.hero-note{display:flex;gap:12px;align-items:center;margin-top:48px;font-size:10px;color:#6f6467}.hero-note>span{font-family:var(--serif);border:1px solid #c6b9b6;display:grid;place-items:center;width:32px;height:35px;font-size:22px;color:var(--red)}.hero-note small{display:block;color:#a29492;font-size:9px;margin-top:4px}.hero-art{position:absolute;width:55%;height:100%;top:0;right:0;z-index:2}.hero-art>img{object-fit:contain;height:100%;width:100%;padding:32px 20px 80px 0;filter:drop-shadow(0 18px 22px #75527720);animation:art-in .6s ease-out}.hero-ring{position:absolute;left:57%;top:15%;height:430px;width:430px;border:1px solid #ab8a962b;border-radius:50%;z-index:0}.ring-two{left:58.5%;top:18%;width:390px;height:390px}.hero-kanji{position:absolute;left:51%;top:45px;color:#a87a9123;font-size:420px;font-family:var(--serif);line-height:1}.hero-character{position:absolute;bottom:58px;right:12%;text-align:left;background:#f7f0e0e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 30px #70556912;padding:15px 22px;border-left:2px solid var(--red);min-width:230px}.character-star{font-size:10px;color:#b78648;letter-spacing:4px}.hero-character h2{font-family:var(--serif);font-size:27px;font-weight:400;margin:7px 0}.hero-character p{font-size:9px;color:#7d6d71}.hero-character p span{margin:0 7px}.hero-character button{display:flex;gap:30px;align-items:center;margin-top:12px;padding:0;font-size:10px;color:var(--red)}.hero-side{position:absolute;right:26px;top:80px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#947c83;z-index:3}.hero-switch{position:absolute;bottom:22px;left:7.6%;display:flex;gap:17px;align-items:center;z-index:4}.hero-switch button{font-size:10px;color:#a18f91;padding:4px 0}.hero-switch button.active{color:var(--red);border-bottom:1px solid var(--red)}.hero-switch>span{color:#a18f91;font-size:9px}.hero-corner{position:absolute;bottom:23px;right:5.2%;font-size:10px;letter-spacing:2px;color:#8c707d}.petals{position:absolute;inset:0;z-index:3;pointer-events:none}.petals i{position:absolute;width:9px;height:16px;border-radius:90% 5% 90% 10%;background:#c58b9a40;left:calc(var(--i) * 9%);top:calc(var(--i) * 8%);transform:rotate(calc(var(--i) * 35deg));animation:petal 8s calc(var(--i) * -.8s) ease-in-out infinite}.ribbon{height:66px;display:flex;justify-content:center;align-items:center;gap:35px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.4px;color:var(--muted)}.ribbon>span:first-child{font-family:var(--serif);font-size:18px;color:var(--red);letter-spacing:4px}.ribbon i{width:3px;height:3px;background:#baa99e;border-radius:50%}.ribbon svg{color:#ba8d91}.section-wrap{max-width:1320px;padding-left:6%;padding-right:6%;margin:auto}.catalog{padding-top:70px;padding-bottom:65px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.section-heading h2{font-family:var(--serif);font-size:40px;font-weight:400;margin-top:15px;letter-spacing:-.8px}.section-heading h2 em{font-style:normal}.heading-jp{color:#c1aca6;font-family:var(--serif);font-size:20px;letter-spacing:5px;margin-left:20px;font-weight:400}.section-heading>p{font-size:11px;line-height:1.8;color:var(--muted);padding-bottom:4px}.filters{display:flex;gap:12px;align-items:center;margin-top:36px}.search-field{display:flex;gap:13px;align-items:center;flex:1;border:1px solid var(--line);background:var(--surface);height:46px;padding:0 16px;border-radius:4px;color:#a29292}.search-field input{border:0;background:none;flex:1;min-width:0;outline:none!important;font-size:11px;color:var(--ink)}.search-field:focus-within{border-color:var(--red)}.search-key{font-size:20px}.weapon-field select{padding:0 35px 0 17px;height:46px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:11px;border-radius:4px}.favorite-filter{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:4px;height:46px;padding:0 18px;font-size:11px}.favorite-filter.active{color:var(--red);border-color:var(--red)}.element-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0 26px;gap:12px}.element-tabs{display:flex;gap:6px;flex-wrap:wrap}.element-tabs button{display:flex;align-items:center;gap:8px;font-size:10px;padding:9px 13px;border-radius:3px;color:var(--muted)}.element-tabs button>span{font-size:17px;line-height:1}.element-tabs button.active{background:var(--rose);color:var(--red)}.element-tabs button:hover{background:var(--rose)}.result-count{font-size:9px;color:var(--muted);white-space:nowrap}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.character-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface);animation:art-in .4s both;animation-delay:var(--delay);transition:transform .25s,box-shadow .25s}.character-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #553f4510}.card-art{position:relative;height:300px;background:color-mix(in srgb,var(--accent) 12%,var(--paper));overflow:hidden}.card-jp{position:absolute;right:18px;top:58px;writing-mode:vertical-rl;font-family:var(--serif);font-size:35px;letter-spacing:6px;color:color-mix(in srgb,var(--accent) 24%,transparent)}.art-circle{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);height:230px;width:230px;border-radius:50%;left:50%;top:32px;transform:translate(-50%)}.art-circle:after{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%}.element-badge{position:absolute;left:16px;top:15px;font-size:21px;display:flex;align-items:center;gap:5px;color:var(--accent);z-index:2}.element-badge>span{font-size:9px}.card-heart{position:absolute;right:12px;top:12px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#fff7;color:#8a8187;z-index:3}.card-heart:hover,.card-heart.saved{color:var(--red);background:#fffaf1}.art-link{position:absolute;inset:0;width:100%;height:100%;padding:0}.art-link img{height:115%;width:160%;max-width:none;object-fit:contain;margin-left:-30%;transition:transform .5s;object-position:center top;transform:translateY(6px)}.character-card:hover .art-link img{transform:translateY(0) scale(1.045)}.card-stars{position:absolute;bottom:14px;left:17px;color:#b18340;letter-spacing:3px;font-size:11px;pointer-events:none}.card-body{padding:20px 19px 18px}.card-title{font-size:9px;color:var(--muted);letter-spacing:.5px}.card-name{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--serif);font-size:24px;padding:8px 0 12px;text-align:left;letter-spacing:-.4px}.card-name svg{color:var(--red);flex-shrink:0}.card-meta{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted)}.meta-dot{color:#c5b4ae}.catalog-bottom{margin-top:26px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.catalog-bottom>span{display:flex;align-items:center;gap:10px}.catalog-bottom button{color:var(--red)}.empty-state{text-align:center;padding:60px 20px;background:var(--surface);border:1px dashed var(--line);color:var(--muted)}.empty-state>svg{margin:auto;color:var(--red)}.empty-state h3{margin:15px 0;font-family:var(--serif);font-size:25px;color:var(--ink)}.empty-state p{font-size:12px}.empty-state button{margin-top:22px}.inazuma{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-bottom:80px;padding-top:22px}.inazuma-art{position:relative;overflow:hidden;min-height:385px;border-radius:5px;background:linear-gradient(160deg,#dbc3d9,#aab8c9 60%,#5c7175)}.inazuma-art img{height:100%;position:absolute;object-fit:cover;z-index:1}.inazuma-kanji{position:absolute;right:24px;top:30px;writing-mode:vertical-rl;font-family:var(--serif);font-size:64px;color:#fff9;z-index:2;text-shadow:0 2px 20px #302e32}.landscape-caption{position:absolute;bottom:22px;left:24px;z-index:3;color:#fff;font-size:9px;letter-spacing:2px;text-shadow:0 1px 10px #302e32}.torii{position:absolute;bottom:70px;left:20%;height:210px;width:62%;transform:rotate(-4deg)}.torii i{position:absolute;background:#773d4e}.torii i:nth-child(1){width:100%;height:16px;top:0;border-radius:0 0 40% 40%}.torii i:nth-child(2){width:90%;height:12px;top:50px;left:5%}.torii i:nth-child(3){height:100%;width:15px;left:18%;transform:rotate(4deg)}.torii i:nth-child(4){height:100%;width:15px;right:18%;transform:rotate(-4deg)}.inazuma-copy{padding-top:17px}.inazuma-copy h2{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1.2;margin:23px 0}.inazuma-copy p{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:13px}.inazuma-copy>a{color:var(--red);margin-top:8px}.region-facts{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:21px;margin-top:24px}.region-facts span{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.region-facts strong{font-size:11px;font-weight:500}.guide{padding-bottom:70px}.guide .section-heading{margin-bottom:30px}.guide .section-heading h2{font-size:35px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid>button{position:relative;text-align:left;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.guide-grid>button:hover{border-color:#bf9696;background:var(--rose)}.guide-grid>button>svg{color:var(--red);stroke-width:1.3}.guide-number{position:absolute;top:27px;right:25px;font-family:var(--serif);font-size:18px;color:#b9a7a0}.guide-grid h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:22px 0 12px}.guide-grid p{font-size:10px;line-height:1.8;color:var(--muted);min-height:38px}.guide-link{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--red);margin-top:26px}.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1e9e3;text-align:center;padding:38px 20px;color:var(--red)}.closing>svg{margin:auto}.closing p{font-family:var(--serif);font-size:27px;margin:15px 0 12px;color:var(--ink)}.closing>span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}footer{padding:35px 6% 20px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-main>span{font-size:11px;color:var(--muted)}.footer-main>a:last-child{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--red)}.footer-bottom{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:8px;color:var(--muted)}.footer-bottom a:hover{color:var(--red)}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#27202c88;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:30px;overflow:auto}.modal{background:var(--paper);border-radius:7px;width:min(900px,100%);max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #0003}.modal-header{display:flex;justify-content:space-between;padding:26px 30px;border-bottom:1px solid var(--line);align-items:center;gap:15px}.modal-header h2{font-family:var(--serif);font-weight:400;font-size:30px}.modal-header p{font-size:11px;color:var(--muted);margin-top:7px}.detail{display:grid;grid-template-columns:.9fr 1.1fr}.detail-art{position:relative;overflow:hidden;background:color-mix(in srgb,var(--accent) 13%,var(--paper));min-height:480px;display:flex;align-items:center}.detail-art img{width:150%;max-width:none;margin-left:-25%;object-fit:contain}.detail-art>span{position:absolute;bottom:30px;left:30px;color:#b48542;font-size:16px;letter-spacing:5px}.detail-copy{padding:30px}.detail-element{color:var(--accent);font-size:12px}.detail-copy>p{font-size:12px;line-height:1.9;margin-top:18px;color:var(--muted)}.detail-tabs{display:flex;margin:24px 0 20px;border-bottom:1px solid var(--line);gap:20px}.detail-tabs button{padding:10px 0;font-size:12px;border-bottom:2px solid transparent}.detail-tabs button.active{color:var(--red);border-color:var(--red)}.detail-panel{min-height:174px}.detail-panel p{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:15px}.detail-panel h3{font-size:13px;font-weight:600;margin:10px 0}.detail-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;font-size:11px;margin:0 0 20px}.detail-panel dt{color:var(--muted)}.detail-panel dd{margin:0}.detail-copy>.primary-button{margin-top:8px}.source-link{display:flex;gap:6px;align-items:center;margin-top:19px;font-size:9px;color:var(--muted)}.art-unavailable:after{content:"Иллюстрация временно недоступна";position:absolute;left:20%;right:20%;top:45%;text-align:center;font-family:var(--serif);font-size:18px;color:var(--muted);pointer-events:none}.hero-art.art-unavailable:after{left:35%;right:25%;top:35%}.skip-link{position:fixed;top:-70px;left:20px;padding:13px;background:var(--red);color:#fff;z-index:200}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}.dark{--paper: #211f25;--surface: #2a272d;--ink: #e9dfda;--muted: #aba0a6;--line: #40363e;--red: #e49aab;--rose: #3c2933}.dark .hero{background:linear-gradient(110deg,#302a2f,#3c303c)}.dark .hero-character{background:#30242cdd}.dark .hero-content>p{color:var(--muted)}.dark .closing{background:#30262b}.dark .primary-button{background:#964355;color:#fff}.dark .card-heart{background:#2a272dcc;color:#d3bac2;border-color:#50414a}.dark .card-heart.saved{color:#e49aab}.dark .hero-note,.dark .hero-note small{color:var(--muted)}@keyframes art-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes petal{0%,to{translate:0 0}50%{translate:15px 25px}}@media(min-width:1600px){.hero-content{padding-left:calc((100vw - 1320px)/2 + 70px)}.hero{min-height:700px}.hero-art{right:0;width:54%}.hero-ring{left:58%;top:20%}.hero-kanji{left:55%}}@media(max-width:1100px){.header nav{gap:20px}.header-right{gap:10px}.hero{min-height:570px}.hero-content{padding-top:75px;padding-left:6%;width:63%}h1{font-size:48px}.hero-art{width:55%;right:0}.hero-ring{left:54%;width:360px;height:360px}.ring-two{left:56%;width:320px;height:320px}.hero-character{right:10%;bottom:55px}.hero-side{display:none}.hero-actions{gap:17px}.hero-actions .text-button{font-size:10px}.card-art{height:255px}.card-name{font-size:21px}.card-meta{font-size:8px;gap:6px}.inazuma{gap:35px}.heading-jp{display:none}.element-tabs button{padding:9px 10px}}@media(max-width:760px){.header{height:78px;padding:0 5%;gap:10px}.brand>span{font-size:21px}.brand-sub{font-size:6px}.brand svg{width:29px}.header nav{display:none;position:absolute;top:78px;left:0;right:0;height:auto;padding:20px;background:var(--paper);z-index:30;border-bottom:1px solid var(--line)}.header nav.expanded{display:flex;flex-direction:column;gap:20px;align-items:stretch}.header nav button{height:35px;text-align:left}.nav-active:after{display:none}.mobile-menu{display:flex}.header-right{gap:5px}.saved-button>span{display:none}.saved-button{gap:6px}.theme-button{padding:5px}.hero{min-height:810px}.hero-content{width:100%;padding:42px 6% 0}.hero .eyebrow{font-size:8px}h1{font-size:43px;line-height:1.12;margin:22px 0 19px}.hero-content>p{font-size:11px}.hero-content>p br:last-child{display:none}.hero-actions{margin-top:23px;gap:17px}.primary-button{font-size:10px;min-height:43px;padding:0 16px;gap:11px}.hero-note{display:none}.hero-art{top:330px;bottom:0;right:-6%;width:110%;height:450px}.hero-art>img{padding:0;object-position:center}.hero-character{right:12%;bottom:26px;min-width:190px;padding:10px 17px}.hero-character h2{font-size:24px}.hero-character p{font-size:8px}.hero-character button{margin-top:8px}.hero-ring{left:12%;top:420px;width:320px;height:320px}.ring-two{left:16%;top:435px;width:290px;height:290px}.hero-kanji{left:13%;top:420px;font-size:340px}.hero-switch{bottom:18px;left:6%;gap:11px}.hero-corner{display:none}.ribbon{height:60px;gap:15px;padding:0 5%;justify-content:space-between}.ribbon>span:first-child{font-size:15px;letter-spacing:2px}.ribbon>span:nth-of-type(2){font-size:8px}.ribbon>span:nth-of-type(3),.ribbon i,.ribbon>svg{display:none}.section-wrap{padding-left:5%;padding-right:5%}.catalog{padding-top:43px;padding-bottom:38px}.section-heading{gap:10px}.section-heading h2{font-size:32px;line-height:1.2;margin-top:13px}.eyebrow{font-size:8px;letter-spacing:1.3px}.section-heading>p{display:none}.filters{flex-wrap:wrap;margin-top:25px;gap:9px}.search-field{flex-basis:100%;height:44px}.weapon-field{flex:1}.weapon-field select{width:100%;height:40px}.favorite-filter{height:40px;font-size:10px}.element-row{flex-direction:column;align-items:stretch;margin-top:17px;gap:15px}.element-tabs{gap:2px;justify-content:space-between}.element-tabs button{font-size:9px;padding:8px 7px;gap:4px}.element-tabs button>span{font-size:14px}.element-tabs button svg{width:12px}.result-count{align-self:flex-end}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{height:215px}.art-link img{width:150%;height:115%;margin-left:-25%;object-position:center 20%}.art-circle{height:180px;width:180px;top:35px}.card-jp{font-size:24px;right:9px;top:55px}.element-badge{left:10px;top:12px;font-size:17px}.element-badge>span{font-size:8px}.card-heart{width:28px;height:28px;right:8px;top:8px}.card-heart svg{width:15px}.card-stars{left:11px;bottom:11px;font-size:9px}.card-body{padding:13px 11px}.card-title{font-size:8px}.card-name{font-size:18px;gap:4px;line-height:1.15;min-height:52px;letter-spacing:-.5px}.card-name svg{width:15px}.card-meta{flex-wrap:wrap;gap:4px;font-size:8px;line-height:1.5;min-height:39px;padding-top:9px}.catalog-bottom{font-size:9px;align-items:flex-start}.catalog-bottom>span{max-width:58%;align-items:flex-start;line-height:1.6}.catalog-bottom>span svg{flex-shrink:0}.catalog-bottom button{font-size:9px}.inazuma{grid-template-columns:1fr;gap:25px;padding-top:15px;padding-bottom:42px}.inazuma-art{min-height:290px}.inazuma-copy{padding-top:0}.inazuma-copy h2{font-size:36px;margin:18px 0}.region-facts{justify-content:space-between}.guide{padding-bottom:40px}.guide .section-heading h2{font-size:30px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-grid>button{padding:21px}.guide-grid h3{font-size:22px;margin-top:13px}.guide-grid p{min-height:0;max-width:90%}.guide-link{margin-top:17px}.closing{padding:29px 15px}.closing p{font-size:23px}.footer-main{flex-wrap:wrap;gap:20px}.footer-main>span{display:none}.footer-main>a:last-child{font-size:10px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;line-height:1.7;gap:10px 18px}.footer-bottom>span{flex-basis:100%}.modal-backdrop{padding:12px}.modal{max-height:94dvh}.modal-header{padding:19px}.modal-header h2{font-size:25px}.modal-header p{font-size:9px}.detail{grid-template-columns:1fr}.detail-art{min-height:0;height:230px}.detail-art img{width:100%;height:150%;object-fit:contain;margin:0}.detail-art>span{bottom:15px;left:20px;font-size:12px}.detail-copy{padding:22px}.detail-panel{min-height:0}.detail-copy>p,.detail-panel p{font-size:11px}}@media(max-width:370px){h1{font-size:37px}.hero-actions{gap:10px}.hero-actions .text-button{font-size:9px;gap:5px}.card-art{height:190px}.element-tabs button{font-size:8px;padding:8px 5px}.card-name{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.card-title{font-size:11px}.card-meta{font-size:10px}.card-body{padding:21px}.hero-content>p{font-size:14px}.hero-character{border-radius:2px}.element-badge>span{font-size:10px}.inazuma-copy p{font-size:13px}.guide-grid p{font-size:12px}@media(min-width:1600px){.hero-content{padding-left:max(7.6%,calc((100vw - 1440px)/2))}.hero-art{right:3%;width:51%}.hero-art>img{padding-top:40px}}@media(max-width:760px){.hero{min-height:800px}.hero-content>p{font-size:12px}.hero-art{width:110%;right:-5%}.hero-art>img{padding:15px 0 30px}.card-body{padding:15px 12px}.card-title,.card-meta{font-size:9px}.inazuma-copy p{font-size:12px}}.art-link img{width:100%;height:100%;margin-left:0;object-fit:cover;object-position:center top}.detail-art img{width:100%;height:480px;margin-left:0;object-fit:contain}@media(max-width:760px){.detail-art img{width:100%;height:230px}}