:root{
  --bg:#080706;--bg2:#0e0c0a;--panel:#12100d;--ink:#f4ead3;--muted:#b7aa91;--gold:#c9a35c;--gold2:#f1d18b;--line:rgba(220,185,114,.20);--red:#8a2831;--radius:20px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Noto Serif KR","Malgun Gothic",serif;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:9999;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(205,164,88,.08),transparent 68%);transform:translate(-50%,-50%);transition:.08s linear}
.eyebrow{letter-spacing:.28em;font-size:11px;color:var(--gold2);font-weight:700;text-transform:uppercase}.glass{background:rgba(10,9,8,.7);border:1px solid rgba(230,198,130,.2);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
/* Intro book */
.intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#262018 0,#0d0b09 45%,#050504 100%);transition:opacity .9s ease,visibility .9s}.intro.done{opacity:0;visibility:hidden}.intro-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(240,209,139,.6) 0 1px,transparent 1.5px);background-size:95px 95px;mask-image:linear-gradient(to bottom,black,transparent);animation:stars 12s linear infinite}@keyframes stars{to{transform:translateY(95px)}}.book-stage{width:min(1020px,92vw);height:min(650px,76vh);perspective:1800px}.book{position:relative;width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 35px 55px rgba(0,0,0,.55))}.book-back{position:absolute;inset:3% 0;background:#2b170c;border:1px solid #73562b;border-radius:8px}.book-page{position:absolute;top:4%;bottom:4%;width:50%;padding:9% 7%;background:linear-gradient(125deg,#ead9b6,#fff3d5 46%,#dfc69a);color:#322518;box-shadow:inset 0 0 40px rgba(74,41,8,.12);overflow:hidden}.page-left{left:0;border-radius:6px 0 0 6px;transform-origin:right}.page-right{right:0;border-radius:0 6px 6px 0;transform-origin:left}.book-page:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 26px,rgba(83,57,24,.025) 27px);pointer-events:none}.page-left:before{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,rgba(43,26,8,.2))}.page-right:before{content:"";position:absolute;left:0;top:0;bottom:0;width:30px;background:linear-gradient(-90deg,transparent,rgba(43,26,8,.2))}.book-cover{position:absolute;top:2%;bottom:2%;left:50%;width:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#1b0f0a,#0d0907 50%,#241308);border:2px solid #8e692e;border-radius:0 10px 10px 0;transform-origin:left;z-index:10;transition:transform 1.6s cubic-bezier(.55,.05,.25,1);box-shadow:inset 0 0 0 8px #1a0d07,inset 0 0 0 9px rgba(222,182,96,.35)}.book.open .book-cover{transform:rotateY(-178deg)}.cover-border{position:absolute;inset:20px;border:1px solid rgba(234,194,104,.45);border-radius:4px}.cover-glyph{font-size:42px;color:var(--gold2);margin-bottom:28px;text-shadow:0 0 24px rgba(239,201,110,.4)}.cover-title b{display:block;font-size:clamp(32px,5vw,65px);letter-spacing:.14em;color:#e6c276}.cover-title span{display:block;margin-top:10px;letter-spacing:.5em;font-size:13px;color:#c6a464}.cover-sub{font-size:9px;letter-spacing:.28em;margin-top:28px;color:#8e7652}.page-ornament{font-size:28px;color:#8a642d}.page-left .eyebrow{color:#7b5a2c;margin-top:34px}.page-left h1{font-size:clamp(42px,6vw,72px);margin:10px 0 24px}.intro-copy{font-size:14px;line-height:2}.intro-rule{width:60px;border-top:1px solid #7e5d31;margin:32px 0}.intro-quote{font-style:italic;line-height:1.9;font-size:13px}.page-right{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.crest{width:76px;height:76px;display:grid;place-items:center;border:1px solid #805e2b;border-radius:50%;font-size:42px;margin-bottom:20px;box-shadow:inset 0 0 0 5px rgba(128,94,43,.12)}.page-right h2{font-size:24px;margin:8px 0 10px}.page-right p{font-size:13px}.sound-choice{display:flex;align-items:center;gap:12px;margin:26px 0;cursor:pointer}.sound-choice input{display:none}.switch{width:46px;height:24px;border-radius:20px;background:#998b72;position:relative;transition:.25s}.switch:after{content:"";position:absolute;width:18px;height:18px;background:#fff8e9;border-radius:50%;left:3px;top:3px;transition:.25s}.sound-choice input:checked+.switch{background:#8a672f}.sound-choice input:checked+.switch:after{transform:translateX(22px)}.enter-btn{width:min(290px,100%);padding:15px 20px;background:#2f2013;color:#f9edd4;border:1px solid #80602f;cursor:pointer;display:flex;justify-content:space-between;transition:.25s}.enter-btn:hover{background:#4a331c;transform:translateY(-2px)}.page-right small{margin-top:14px;color:#7c6b55;font-size:10px;line-height:1.6}
/* top nav/player */
.topbar{position:fixed;top:0;left:0;right:0;height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;z-index:100;background:linear-gradient(to bottom,rgba(6,6,5,.92),rgba(6,6,5,.36),transparent);transition:.3s}.topbar.scrolled{height:64px;background:rgba(7,7,6,.87);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-weight:700}.brand b{display:block;font-size:13px;letter-spacing:.18em}.brand small{font-size:8px;color:var(--muted);letter-spacing:.15em}.desktop-nav{display:flex;gap:30px;margin-right:330px}.desktop-nav a{font-size:12px;color:#d9ccb4;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;border-top:1px solid var(--gold);transition:.3s}.desktop-nav a:hover:after{right:0}.music-player{position:fixed;right:22px;top:14px;width:310px;height:54px;border-radius:14px;z-index:120;display:flex;align-items:center;gap:10px;padding:8px 9px}.music-disc{width:36px;height:36px;border:1px solid #76603a;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle,#2e2518,#080807 65%)}.music-disc.playing{animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.music-disc span{color:var(--gold)}.music-meta{min-width:0;flex:1}.music-label{display:block;font-size:7px;letter-spacing:.18em;color:#8d7953}.music-meta strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:2px;background:#3f382f;margin-top:5px;cursor:pointer}.progress i{display:block;width:0;height:100%;background:var(--gold2)}.round-btn{border:0;background:transparent;color:var(--ink);width:30px;height:30px;cursor:pointer}.round-btn.mini{font-size:17px;width:24px}.menu-btn{display:none;border:0;background:none;width:44px;height:44px}.menu-btn span{display:block;width:22px;border-top:1px solid #eee;margin:6px auto}.mobile-nav{display:none}
/* Hero */
.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:heroZoom 16s ease-out both}@keyframes heroZoom{to{transform:scale(1)}}.hero-vignette{position:absolute;inset:0;background:linear-gradient(to top,#080706 0,rgba(8,7,6,.78) 20%,rgba(6,6,5,.10) 55%,rgba(6,6,5,.38) 100%),linear-gradient(90deg,rgba(0,0,0,.5),transparent 60%)}.hero-content{position:relative;z-index:2;width:min(850px,calc(100% - 80px));margin:0 0 9vh 6vw}.hero-content h1{font-size:clamp(48px,6vw,94px);line-height:1.02;margin:14px 0 26px;letter-spacing:-.04em;text-shadow:0 5px 25px rgba(0,0,0,.5)}.hero-content h1 span{font-size:.58em;font-weight:400;color:#e4d6bd}.hero-content>p:not(.eyebrow){max-width:690px;line-height:1.9;color:#d2c4ad;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:35px}.primary-link,.ghost-link{padding:14px 19px;border:1px solid var(--gold);font-size:12px}.primary-link{background:var(--gold);color:#17120b}.primary-link span{margin-left:18px}.ghost-link{background:rgba(8,7,6,.3)}.hero-stat{position:absolute;z-index:3;right:4vw;bottom:6vh;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:auto auto;gap:4px 16px;min-width:305px}.hero-stat span{font-size:8px;color:var(--gold);letter-spacing:.18em}.hero-stat b{font-size:11px;font-weight:400}.hero-stat em{grid-column:1/-1;border-top:1px solid var(--line);margin:4px 0}.hero-runes i{position:absolute;color:rgba(234,196,113,.2);font-style:normal;font-size:34px;animation:float 8s ease-in-out infinite}.hero-runes i:nth-child(1){left:11%;top:28%}.hero-runes i:nth-child(2){left:50%;top:18%;animation-delay:-2s}.hero-runes i:nth-child(3){right:12%;top:37%;animation-delay:-4s}.hero-runes i:nth-child(4){left:35%;top:54%;animation-delay:-6s}@keyframes float{50%{transform:translateY(-14px) rotate(8deg);opacity:.45}}
/* common */
.section{padding:120px 6vw;position:relative}.section-dark{background:radial-gradient(circle at 80% 10%,rgba(117,82,36,.08),transparent 28%),var(--bg)}.section-head{max-width:760px;margin-bottom:60px}.section-head h2{font-size:clamp(36px,4.4vw,64px);margin:10px 0 18px;letter-spacing:-.04em}.section-head p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:14px}.section-head.light{position:relative;z-index:2}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
/* history */
.timeline{max-width:1050px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:35px;padding:38px 0;border-top:1px solid var(--line)}.timeline-item:last-child{border-bottom:1px solid var(--line)}.timeline-item .year{font-size:34px;color:var(--gold);font-style:italic}.timeline-item h3{margin:0 0 12px;font-size:22px}.timeline-item p{margin:0;line-height:2;color:#c8baa3;font-size:14px}.timeline-item b{color:var(--gold2)}.secret-panel{max-width:1050px;margin:45px auto 0;display:flex;gap:24px;padding:25px 28px;border:1px solid rgba(174,118,70,.25);background:linear-gradient(110deg,rgba(83,34,28,.35),rgba(17,14,11,.7));border-radius:16px}.secret-icon{font-size:28px;color:#d27d71}.secret-panel strong{font-size:13px;color:#e7b29a}.secret-panel p{font-size:13px;line-height:1.8;color:#bcae98;margin:7px 0 0}
/* academy */
.academy-section{position:relative;padding:120px 6vw;overflow:hidden;background:#0c0b09}.academy-backdrop{position:absolute;inset:0;background:linear-gradient(rgba(9,8,7,.83),rgba(9,8,7,.97)),url('assets/aca.png') center/cover fixed;filter:saturate(.7)}.campus-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.facility-card{min-height:220px;padding:24px;border:1px solid var(--line);background:rgba(16,14,11,.78);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:.3s}.facility-card:hover{transform:translateY(-5px);border-color:rgba(235,201,129,.52);background:rgba(24,20,15,.9)}.facility-card:before{content:"";position:absolute;right:-35px;bottom:-35px;width:120px;height:120px;border:1px solid rgba(205,164,88,.15);border-radius:50%}.facility-card span{font-size:10px;letter-spacing:.2em;color:var(--gold)}.facility-card h3{font-size:20px;margin:16px 0 10px}.facility-card p{font-size:12px;line-height:1.8;color:#b9ac94}.facility-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.facility-list i{font-style:normal;font-size:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);color:#cabca3}.scroll-device{position:relative;z-index:2;margin-top:20px;border:1px solid var(--line);background:rgba(8,8,7,.78);padding:28px;display:grid;grid-template-columns:70px 1fr 260px;gap:25px;align-items:center;border-radius:16px}.scroll-gem{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);box-shadow:0 0 30px rgba(202,162,84,.12)}.scroll-device span{font-size:9px;letter-spacing:.14em;color:var(--gold)}.scroll-device h3{margin:5px 0;font-size:20px}.scroll-device p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.scroll-ui{border:1px solid rgba(255,255,255,.09);padding:10px;background:#11100e}.fake-msg{height:24px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.fake-msg i{width:8px;height:8px;border-radius:50%;background:#6d5a36}.fake-msg span{height:3px;width:70%;background:#534b3d}
/* rank */
.rank-ladder{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;align-items:end}.rank-card{min-height:160px;padding:18px 14px;border:1px solid var(--line);background:linear-gradient(to top,rgba(201,163,92,.09),rgba(255,255,255,.01));position:relative;transition:.3s}.rank-card:hover{transform:translateY(-6px);border-color:var(--gold)}.rank-card:nth-child(1){height:160px}.rank-card:nth-child(2){height:178px}.rank-card:nth-child(3){height:196px}.rank-card:nth-child(4){height:214px}.rank-card:nth-child(5){height:232px}.rank-card:nth-child(6){height:250px}.rank-card:nth-child(7){height:268px}.rank-card:nth-child(8){height:292px;background:linear-gradient(to top,rgba(146,90,115,.18),rgba(255,255,255,.01));box-shadow:inset 0 0 50px rgba(114,74,109,.08)}.rank-card .num{font-size:10px;color:var(--gold);letter-spacing:.15em}.rank-card h3{font-size:16px;margin:10px 0}.rank-card p{font-size:10px;line-height:1.7;color:var(--muted)}
/* characters */
.character-section{background:#0d0b09}.character-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:9px 13px;border:1px solid var(--line);background:transparent;color:#bdb09b;cursor:pointer;font-size:11px}.filters button.active,.filters button:hover{background:var(--gold);border-color:var(--gold);color:#18130c}.search-box{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:7px 2px;min-width:230px}.search-box span{color:var(--gold);margin-right:8px}.search-box input{width:100%;background:transparent;border:0;outline:0;color:var(--ink);font-size:11px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.character-card{border:1px solid var(--line);background:#11100e;overflow:hidden;position:relative;transition:.35s}.character-card.hidden{display:none}.portrait-wrap{height:430px;position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,#241e17,#0b0a08)}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s ease,filter .35s}.character-card:hover .portrait-wrap img{transform:scale(1.035)}.portrait-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:54px;color:#665437;background:radial-gradient(circle,#292117,#0d0c0a 70%);z-index:0}.portrait-wrap img{position:relative;z-index:1}.portrait-wrap img.img-error{opacity:0}.portrait-shade{position:absolute;z-index:2;inset:40% 0 0;background:linear-gradient(transparent,rgba(10,9,8,.9) 80%,#11100e)}.portrait-label{position:absolute;z-index:3;left:18px;right:18px;bottom:18px}.portrait-label small{font-size:9px;color:var(--gold);letter-spacing:.16em}.portrait-label h3{font-size:24px;margin:5px 0 2px}.portrait-label p{margin:0;font-size:10px;color:#c4b59b}.card-summary{padding:14px 18px 18px;display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.07);color:#a99b84}.character-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .65s ease,opacity .35s ease}.character-card.open .character-details{max-height:950px;opacity:1}.details-inner{padding:2px 18px 22px;border-top:1px solid var(--line)}.stat-line{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.07);font-size:10px}.stat-line span{color:var(--gold)}.stat-line b{font-weight:400;color:#d6c9b3}.details-inner p{font-size:11px;line-height:1.85;color:#b9ad98}.click-hint{font-size:9px;color:#756c5c;margin-top:9px}.character-card.demon-card{grid-column:span 2;border-color:rgba(190,55,65,.4);background:#080708;box-shadow:0 0 0 1px rgba(190,55,65,.08),0 0 65px rgba(133,24,32,.08)}.demon-card .portrait-wrap{height:560px}.demon-card .portrait-wrap:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);mix-blend-mode:overlay;animation:scan 7s linear infinite}.demon-card .portrait-wrap img{filter:contrast(1.15) saturate(.78) hue-rotate(-8deg)}.demon-card.glitching .portrait-wrap img{animation:imageGlitch .22s steps(2,end) infinite}.demon-card .portrait-label h3{font-size:34px;text-shadow:2px 0 #bc2633,-2px 0 #3a9e9b}.glitch-rank{font-family:Consolas,monospace;color:#ff8a91!important;text-shadow:2px 0 #d60021,-2px 0 #00aaa2;animation:textFlicker 1.4s infinite}.glitch-name{position:relative;display:inline-block}.glitch-name:before,.glitch-name:after{content:attr(data-text);position:absolute;inset:0;opacity:.65;clip-path:inset(0 0 55% 0)}.glitch-name:before{transform:translate(2px,-1px);color:#d31f39}.glitch-name:after{transform:translate(-2px,1px);color:#35b6ad;clip-path:inset(55% 0 0 0)}@keyframes textFlicker{0%,18%,22%,55%,100%{opacity:1}20%,56%{opacity:.25}21%,57%{opacity:.7}}@keyframes imageGlitch{0%{transform:translate(0) scale(1.03)}25%{transform:translate(3px,-2px) scale(1.04)}50%{transform:translate(-4px,1px) scale(1.03);filter:contrast(1.5) hue-rotate(25deg)}75%{transform:translate(2px,2px) scale(1.04)}100%{transform:translate(0) scale(1.03)}}@keyframes scan{to{background-position:0 70px}}
/* footer */
footer{padding:45px 6vw;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;background:#070706;color:var(--muted);font-size:10px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand b{display:block;color:#e6d8be;letter-spacing:.12em}.footer-brand small{font-size:7px}.footer-brand+p{margin-right:auto}footer>a{color:var(--gold)}
@media(max-width:1100px){.desktop-nav{display:none}.menu-btn{display:block;margin-right:330px}.campus-grid{grid-template-columns:repeat(2,1fr)}.character-grid{grid-template-columns:repeat(3,1fr)}.rank-ladder{grid-template-columns:repeat(4,1fr);align-items:stretch}.rank-card,.rank-card:nth-child(n){height:auto;min-height:185px}.mobile-nav{position:fixed;top:64px;right:20px;z-index:110;display:flex;flex-direction:column;background:#12100d;border:1px solid var(--line);padding:12px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.25s}.mobile-nav.open{opacity:1;transform:none;pointer-events:auto}.mobile-nav a{padding:10px 18px;font-size:12px}}
@media(max-width:760px){.cursor-glow{display:none}.intro{align-items:center}.book-stage{height:70vh;width:92vw}.book-page{padding:12% 7%}.page-left{display:none}.page-right{left:0;width:100%;border-radius:6px}.book-cover{left:0;width:100%;border-radius:10px;transform-origin:left}.book.open .book-cover{transform:rotateY(-95deg);opacity:0;transition:transform 1s,opacity .8s}.topbar{height:64px;padding:0 14px}.brand small{display:none}.menu-btn{margin-right:0}.music-player{top:auto;right:12px;bottom:12px;width:255px;height:50px}.music-meta{max-width:115px}.hero{min-height:690px}.hero-content{width:calc(100% - 34px);margin:0 17px 12vh}.hero-content h1{font-size:44px}.hero-content>p:not(.eyebrow){font-size:12px}.hero-stat{left:17px;right:17px;bottom:3vh;min-width:0;padding:10px 12px}.hero-actions{margin-top:20px}.section,.academy-section{padding:85px 18px}.section-head{margin-bottom:38px}.section-head h2{font-size:38px}.timeline-item{grid-template-columns:48px 1fr;gap:16px;padding:26px 0}.timeline-item .year{font-size:24px}.timeline-item h3{font-size:18px}.timeline-item p{font-size:12px}.secret-panel{padding:18px}.campus-grid{grid-template-columns:1fr}.facility-card{min-height:180px}.scroll-device{grid-template-columns:52px 1fr;padding:18px;gap:15px}.scroll-ui{display:none}.rank-ladder{grid-template-columns:repeat(2,1fr)}.character-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.portrait-wrap{height:300px}.portrait-label{left:12px;right:12px;bottom:13px}.portrait-label h3{font-size:18px}.card-summary{padding:10px 12px}.details-inner{padding:2px 12px 16px}.character-card.demon-card{grid-column:span 2}.demon-card .portrait-wrap{height:440px}.demon-card .portrait-label h3{font-size:29px}footer{align-items:flex-start;flex-wrap:wrap;padding:34px 18px}.footer-brand+p{width:100%;order:3}.eyebrow{letter-spacing:.18em}}
@media(max-width:460px){.character-grid{grid-template-columns:1fr 1fr}.portrait-wrap{height:245px}.portrait-label h3{font-size:16px}.portrait-label p{display:none}.tag{font-size:8px}.demon-card .portrait-wrap{height:390px}.hero-content h1{font-size:39px}.hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}