:root{--yellow:#fff000;--ink:#17191d;--rail:68px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{margin-left:var(--rail);overflow:hidden}.section{position:relative;min-height:100vh;overflow:hidden}.mobile-header{display:none}.preload{position:fixed;z-index:1000;inset:0;background:#1d1d1f;color:#fff;transition:opacity .6s,visibility .6s}.preload:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 68% 38%,#2b2b2d,#1d1d1f 72%)}.preload.done{opacity:0;visibility:hidden;pointer-events:none}.load-percent{position:absolute;z-index:1;top:24px;left:30px;font:700 46px/1 'Barlow Condensed',Arial;color:var(--yellow)}.load-percent:before{content:'';display:block;width:3px;height:10px;background:var(--yellow);margin-bottom:6px}.load-percent small{display:block;margin-top:8px;font:10px Arial;color:#6b6b6b;letter-spacing:.32em}.load-logo{position:absolute;left:68%;top:40%;transform:translate(-50%,-50%);width:150px}.load-logo img{width:100%;filter:brightness(0) invert(1)}.load-foot{position:absolute;left:68%;top:62%;transform:translateX(-50%);width:300px}.load-spec{display:flex;gap:10px;align-items:flex-start}.load-spec b{color:var(--yellow);font-size:13px;line-height:1.2}.load-spec p{margin:0;font:10px/1.8 Arial;color:#8b8b8b;letter-spacing:.1em}.load-slogan{margin:14px 0 0;padding-top:12px;border-top:1px solid #3a3a3c;font:12px Arial;color:#ececec;letter-spacing:.16em;white-space:nowrap}.rail{position:fixed;z-index:70;inset:0 auto 0 0;width:var(--rail);background:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:1px 0 0 #f2f2f2;transition:width .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.rail.expanded{width:270px;box-shadow:0 0 24px #0003;align-items:stretch}.brand{width:100%;height:96px;display:flex;align-items:flex-start;padding:15px 12px}.brand img{width:44px;max-width:none}.rail-nav{align-self:flex-start;width:270px;display:flex;flex-direction:column;gap:1px;margin-top:10px}.rail-nav a{position:relative;height:44px;display:flex;gap:12px;align-items:center;padding:0;width:270px;flex:none;white-space:nowrap;color:#4a4f55;font-size:13px;font-weight:600;border-radius:4px;transition:background .12s,color .12s}.rail-nav a:hover{background:#e8eaeb;color:#1c2021}.rail-nav a.active{background:#e8eaeb;color:#1c2021}.rail:not(.expanded) .rail-nav a:hover,.rail:not(.expanded) .rail-nav a.active{background:#1c2021;color:#fff}.rail:not(.expanded) .rail-nav a:hover img,.rail:not(.expanded) .rail-nav a.active img{filter:brightness(0) invert(1)}.rail-nav img{width:20px;height:20px;margin-left:24px;filter:grayscale(1);opacity:.55;flex:none;transition:opacity .12s}.rail-nav a:hover img{opacity:1}.rail-nav span{margin-left:14px;white-space:nowrap;pointer-events:none}.rail.expanded .rail-nav span{opacity:1}
.rail-bottom{width:100%;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:12px}.rail-tools{align-self:flex-start;width:270px;display:flex;flex-direction:column;gap:1px}.icon-button{border:0;background:transparent;width:270px;height:38px;display:flex;align-items:center;padding-left:22px;position:relative;transition:background .12s}.rail-share{border:0;background:transparent;width:30px;height:31px;display:flex;align-items:center;justify-content:center;position:relative;transition:background .12s}.icon-button img{width:18px;filter:grayscale(1);opacity:.65}.icon-button:hover{background:#e8eaeb;border-radius:4px}.icon-button:hover img{opacity:1}.icon-button small{margin-left:30px;font-size:13px;color:#4a4f55;font-weight:600;white-space:nowrap;pointer-events:none;display:block}.icon-button small{display:none}.play-rail{align-self:center;border:0;background:#222;color:#fff;width:40px;min-height:87px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12px}.play-rail img{width:25px;filter:invert(1)}.play-rail span{writing-mode:vertical-rl}.rail.expanded .play-rail{width:calc(100% - 16px);height:40px;min-height:0;flex-direction:row;justify-content:flex-start;gap:12px;border-radius:2px;padding:0 14px}.rail.expanded .play-rail span{writing-mode:initial;font-size:13px}.rail-share{background:#eee;border-radius:3px}.hero{height:100vh;min-height:690px;background:#40414e;color:white}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('https://static.shinex.cloud/assets/hero.jpg') center center/cover no-repeat}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 29%),linear-gradient(90deg,rgba(0,0,0,.1),transparent 40%)}.hero-title{position:absolute;width:37%;max-width:460px;right:2%;top:34%;filter:drop-shadow(0 4px 20px #344b9b);object-fit:contain;transition:transform .25s ease-out;will-change:transform}.hero-top,.hero-copy,.version-mark,.hero-bottom{display:none}.download-dock{position:absolute;bottom:36px;right:12%;display:grid;grid-template-columns:130px 82px 350px;gap:8px;height:112px;z-index:3}.cloud-tile,.qr-code,.platforms{background:#222b;color:white;border:0}.cloud-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.cloud-tile b{font-size:52px;color:#777}.cloud-tile span{font-weight:bold;font-size:13px}.qr-code{padding:7px}.qr-code span{font-size:12px;font-weight:bold;display:block}.qr-code img{width:66px;height:66px;object-fit:cover}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.platforms button{background:#060708;border:0;color:white;font-weight:700;font-size:12px;white-space:nowrap}.platforms button:first-child{grid-column:1/2}.platforms button:hover{background:var(--yellow);color:#111}.dock-content,.dock-arrow{display:none}.hero-side-actions{position:absolute;bottom:40px;right:2.5%;display:flex;flex-direction:column;gap:8px}.hero-side-actions button{background:#161616;color:white;border:0;padding:13px;font-weight:700;min-width:120px}.hero-side-actions button:hover{background:var(--yellow);color:#111}.operator{height:100vh;min-height:760px;background:#fff}.operator:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(0,0,0,.015) 5px 6px);opacity:.65}.operator-wash{position:absolute;top:0;right:0;width:60%;height:100%;background:var(--yellow);clip-path:polygon(12% 0,100% 0,100% 82%,0 91%)}.operator-head,.op-background-number{display:none}.op-figure{position:absolute;top:0;bottom:8%;left:31%;right:-1%;display:flex;align-items:center;justify-content:center}.op-figure img{width:100%;height:100%;object-fit:contain;object-position:center right;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));transition:opacity .25s,transform .5s}.op-figure.is-depth img{transform:perspective(800px) rotateY(-6deg) scale(1.02)}.figure-halo{display:none}.op-switcher{position:absolute;left:5%;top:14%;bottom:20%;width:88px;z-index:3;display:flex;align-items:center;flex-direction:column;gap:14px}.op-list{width:100%;flex:1;overflow-y:auto;scrollbar-width:none;display:flex;align-items:center;flex-direction:column;gap:22px;padding:5px}.op-list::-webkit-scrollbar{display:none}.op-thumb{padding:0;width:70px;height:70px;border:3px solid #ddd;border-radius:50%;flex:none;overflow:hidden;background:#fff;box-shadow:0 2px 3px #aaa}.op-thumb.active{border-color:var(--yellow);outline:1px solid #181818}.op-thumb img{width:100%;height:100%;object-fit:cover}.round-arrow{border:2px solid #ddd;border-radius:50%;background:white;width:43px;height:43px;font-size:20px}.all-operators{background:#333;color:white;border:0;padding:9px 10px;font-size:11px;white-space:nowrap}.op-info{position:absolute;z-index:2;left:16%;top:14%;width:32%;max-width:445px}.record-tag{font:700 15px Arial,sans-serif;display:flex;align-items:center;gap:15px}.record-tag small{font:9px Arial;letter-spacing:.08em;max-width:150px}.op-count{font:9px Arial;display:flex;justify-content:space-between;border-bottom:1px solid #999;max-width:245px;margin:5px 0 15px}.op-rarity{color:#8f9697;font-size:37px;letter-spacing:-8px;margin:8px 0 120px}.op-info h3{font-size:39px;margin:0 0 7px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.op-info h3:before{content:'◪';font-size:27px;background:#222;color:white;margin-right:17px;padding:2px 7px}.op-alias{font:11px 'Barlow Condensed',Arial;letter-spacing:.3em;color:#9aa0a3;padding-bottom:13px;border-bottom:2px solid #dc2cce}.op-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;margin-top:12px;font-size:12px}.op-stats span{display:flex;align-items:center;gap:5px;background:#edf0f2;white-space:nowrap}.op-stats span:nth-child(n+3){background:#faf777}.op-stats b{font-weight:500;background:white;flex:1;padding:2px 5px;min-width:0;overflow:hidden;text-overflow:ellipsis}.op-bio{font-size:13px;line-height:1.55;white-space:pre-line;height:138px;overflow:hidden;mask-image:linear-gradient(#000 78%,transparent);margin-top:16px}.op-controls{margin-top:10px}.op-controls .solid-btn{display:none}.text-btn{background:#333;color:white;border:0;padding:8px 12px;font-size:11px}.op-toggles{position:absolute;left:auto;right:5%;top:45%;border:3px solid #555;border-radius:40px;background:#777;display:flex;z-index:3}.op-toggles button{border:0;background:transparent;color:white;border-radius:50%;width:36px;height:36px;font:12px Arial}.op-toggles button.selected{background:white;color:#333}.operator-bottom{position:absolute;bottom:0;left:0;right:0;height:9%;background:var(--yellow);padding:17px 20%;font:17px 'Barlow Condensed',Arial}.operator-bottom .small-lines{display:none}.lore{height:100vh;min-height:720px;color:white;background:radial-gradient(circle at 17% 5%,#2a3f62,#181b25 45%,#101013 100%)}.lore:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 100px,#ffffff18 100px 101px),linear-gradient(0deg,transparent 66%,#ffffff22 66.1%);pointer-events:none}.lore-image{position:absolute;left:2%;top:10%;width:62%;height:75%;background:url('https://static.shinex.cloud/assets/lore-ring.png') center/contain no-repeat;opacity:.45;animation:rotate 90s linear infinite}.lore-image:before{content:'';position:absolute;inset:11%;border:1px solid #ffffff7a;border-radius:50%}#loreCanvas{position:absolute;inset:0;width:100%;height:100%}.lore-overlay{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#100f12,transparent 26%)}.lore .section-kicker{position:absolute;left:6%;top:12%;font-size:20px;line-height:1.1;z-index:2}.lore .section-kicker b{font-size:28px}.lore-symbol{position:absolute;left:8%;top:27%;width:80px;height:80px;background:#fff;font-size:65px;text-align:center;z-index:2;box-shadow:0 2px 10px #0007;overflow:hidden}.lore-content{position:absolute;right:2%;top:24%;width:28%;z-index:2}.lore-content .eyebrow{font:64px 'Barlow Condensed',Arial;margin:0;text-align:right}.lore-content h2{font-size:20px;text-align:right;margin:0 0 45px}.lore-content .short-line{display:none}.lore-content p:last-child{font-size:13px;line-height:1.8;color:#c7c8cd;margin-top:55px}.lore-rail{position:absolute;z-index:2;top:45%;right:2.5%;width:27%;height:50px;background:#1d1d20;border:1px solid #555;border-radius:30px;display:flex;align-items:center;justify-content:space-between}.lore-rail button{border:0;border-radius:50%;width:42px;height:42px;margin:3px;background:white;font-size:20px}.lore-rail span{font-size:17px;font-weight:bold}.lore-rail small{color:var(--yellow);font-size:11px}.lore-dots{position:absolute;z-index:2;top:53%;right:5%;width:20%;display:flex;gap:5px}.lore-dots i{height:3px;background:#666;flex:1}.lore-dots i.active{background:var(--yellow)}.lore-bottom{display:none}@keyframes rotate{to{transform:rotate(360deg)}}.videos{min-height:730px;height:100vh;background:#050505;color:#fff}.videos .section-heading{position:absolute;z-index:2;left:6%;top:11%}.section-heading h2{font-size:28px;margin:0}.section-heading span{display:none}.section-kicker{font-size:18px;margin:0}.videos .carousel-buttons{display:none}.featured-video{position:absolute;inset:7% 0 10%;overflow:hidden}.featured-video>img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) blur(2px);transition:opacity .4s}.featured-video:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000 4%,transparent 65%),linear-gradient(90deg,#0009,transparent 55%);pointer-events:none}.video-label{position:absolute;z-index:1;left:6%;bottom:14%;width:48%}.video-label span{display:block;color:var(--yellow);font-size:13px;font-weight:bold}.video-label strong{display:block;font-size:20px;margin-top:10px}.video-label small{display:none}.play-button{position:absolute;z-index:4;left:6%;bottom:5%;background:var(--yellow);border:0;width:45px;height:44px;font-size:20px}.video-more{position:absolute;z-index:3;left:calc(6% + 52px);bottom:5%;height:44px;background:#333;color:white;border:0;padding:0 40px;font-size:13px;font-weight:bold}.video-strip{position:absolute;z-index:4;left:42%;right:-17%;bottom:13%;height:165px;display:flex;align-items:flex-end;gap:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.video-card{position:relative;flex:none;width:220px;height:120px;border:0;padding:0;background:#222;color:white;opacity:.52;transition:width .3s,height .3s,opacity .3s}.video-card.selected{width:300px;height:160px;opacity:1;border-bottom:13px solid var(--yellow)}.video-card img{width:100%;height:100%;object-fit:cover}.video-card span,.video-card b{display:none}.videos>.more-link{display:none}.calendar{background:white;padding:54px 6% 0;min-height:140vh}.calendar-head{height:232px;background:linear-gradient(100deg,#101f60,#59b5f6 60%,#e1f9ff);display:flex;align-items:center;gap:20px;padding:20px 30px;color:white;overflow:hidden}.calendar-head:before{content:'✧';position:absolute;top:65px;left:19%;font-size:125px;opacity:.8;color:#e7e9ff}.calendar-head span{font-size:45px;text-shadow:0 2px 8px #5572b8;z-index:1}.calendar-head h2{font-size:50px;z-index:1}.calendar-head b{margin-left:auto;font-size:37px;line-height:.9;color:#172234}.calendar-timeline{height:50px;position:sticky;top:0;z-index:5;background:white}.calendar-timeline img{width:100%;height:100%;object-fit:cover}.calendar-official img{width:100%;height:auto}.gameplay{height:100vh;min-height:700px;background:#17191b;color:white}.game-art,.game-art-video,.game-grain{position:absolute;inset:0;width:100%;height:100%}.game-art-video{object-fit:cover}.game-art{background:#333}.game-grain{background:linear-gradient(90deg,#090b0dd9,transparent 65%),linear-gradient(0deg,#06080bcc,transparent 35%)}.game-header{position:absolute;left:6%;top:11%}.game-header h2{font-size:30px;margin:4px 0}.game-copy{position:absolute;left:6%;bottom:13%;width:min(480px,42%)}.game-index{color:var(--yellow);font:20px 'Barlow Condensed'}.game-copy h3{font-size:42px;margin:5px 0 10px}.short-line{width:85px;height:3px;background:var(--yellow)}.game-copy p{font-size:14px;line-height:1.8}.game-nav,.industry-nav{display:flex;align-items:center;gap:18px;margin-top:25px}.game-nav button,.industry-nav button{border:1px solid #aaa;background:#222a;color:white;width:43px;height:43px;font-size:22px}.game-nav div,.industry-nav div{display:flex;gap:4px}.game-nav i,.industry-nav i{width:30px;height:3px;background:#aaa}.game-nav i.active,.industry-nav i.active{background:var(--yellow)}.game-caption{position:absolute;right:4%;bottom:5%;font-size:12px;letter-spacing:.3em}.industry{height:100vh;min-height:700px;background:#e8eaeb}.industry-art{position:absolute;left:0;top:0;bottom:0;width:68%;background:url('https://static.shinex.cloud/assets/gameplay-01.png') center/cover no-repeat}.industry-shade{position:absolute;left:0;bottom:0;width:68%;height:35%;background:linear-gradient(0deg,#0007,transparent)}.industry-label{position:absolute;left:5%;top:10%;color:white;text-shadow:0 2px 6px #000}.industry-label h2{font-size:34px;margin:2px}.industry-label span{display:none}.industry-panel{position:absolute;right:0;top:0;bottom:0;width:32%;background:var(--yellow);padding:18vh 35px 35px;display:flex;flex-direction:column}.industry-panel small{font-size:13px}.industry-panel h3{font-size:38px;margin:28px 0 10px}.industry-panel p{font-size:15px;line-height:1.9}.industry-panel .industry-nav{margin-top:42px}.industry-nav button{background:#222;color:white}.industry-nav i.active{background:#222}.industry-stamp{display:none}.news{min-height:100vh;padding:8vh 6% 0 16%;background:white}.news .section-heading{margin-bottom:5vh}.news .section-heading .more-link{display:none}.news-deco{position:absolute;top:9%;bottom:calc(10vh + 200px);left:6%;width:75px;background:var(--yellow);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:12px;padding-bottom:20px;font-weight:bold}.news-deco span{writing-mode:vertical-rl;font:700 24px 'Barlow Condensed'}.news-active-heading{margin:8vh 0 16px;border-bottom:1px solid #ccc;padding-bottom:14px}.news-active-heading span{color:#8a8c8e;font-weight:bold;font-size:13px}.news-active-heading h3{font-size:19px;font-weight:500;margin:10px 0 0}.news-grid{display:flex;gap:20px;overflow:hidden;align-items:center;height:290px}.news-card{flex:none;width:36%;height:210px;opacity:.45;transition:width .3s,height .3s,opacity .3s;cursor:pointer}.news-card.active{width:45%;height:280px;opacity:1}.news-card img{height:100%;width:100%;object-fit:cover;box-shadow:0 2px 7px #aaa}.news-card .news-meta,.news-card h3,.news-card p,.news-card a{display:none}.news-controls{display:flex;gap:8px;margin-top:25px}.news-controls>button:not(.more-link){border:1px solid #ddd;background:white;border-radius:50%;width:42px;height:42px}.more-link{border:0;background:#333;color:white;padding:0 35px;font-weight:bold}.news-controls .more-link{height:42px;margin-left:25px}.footer{background:#262727;color:white;min-height:150px;margin:10vh -7.2% 0 -18.7%;padding:25px 7%;display:flex;align-items:center;gap:45px}.footer img{width:105px;filter:invert(1)}.footer div{font-size:12px}.footer p{color:#bbb}.footer small{color:#888}.to-top{margin-left:auto;background:var(--yellow);border:0;padding:15px}.to-top small{display:block;font-size:8px}.modal{position:fixed;z-index:200;inset:0;display:none;align-items:center;justify-content:center}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#000c}.modal-box{position:relative;background:white;width:min(760px,90vw);max-height:86vh;overflow:auto;padding:35px;color:#222}.modal-close{position:absolute;right:8px;top:6px;border:0;background:var(--yellow);font-size:28px;width:38px;height:38px}.modal-box h2{margin:10px 0}.modal-body{margin-top:25px}.modal-body video{width:100%;max-height:58vh;background:#000}.modal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.modal-options a{background:#202020;color:white;padding:16px}.operator-grid,.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:50vh;overflow:auto}.operator-grid button,.video-grid button{border:1px solid #ddd;background:white;padding:5px}.operator-grid img,.video-grid img{width:100%;aspect-ratio:1;object-fit:cover}.operator-grid span,.video-grid span{font-size:12px}.archive-copy{white-space:pre-line;line-height:1.8}.modal-share{display:flex;gap:10px;align-items:center}.modal-share input{flex:1;padding:12px}.modal-share button{padding:13px;background:var(--yellow);border:0}
@media(max-width:700px){:root{--rail:0px}html{scroll-padding-top:56px}main{margin:0}.rail{display:none}.mobile-header{position:fixed;z-index:90;left:0;right:0;top:0;height:56px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:10px}.mobile-header img{width:45px}.mobile-header button{border:0}.mobile-header .sound-toggle{margin-left:auto;background:#f2f2f2;width:29px;height:29px;color:#aaa}.mobile-download{background:#191919;color:white;font-size:12px;font-weight:bold;padding:7px 12px}.mobile-header #menuToggle{background:white;font-size:25px}.rail.menu-open{display:block;position:fixed;z-index:85;inset:56px 0 0 0;width:100%;height:calc(100dvh - 56px);overflow:auto}.rail.menu-open .brand,.rail.menu-open .rail-bottom{display:none}.rail.menu-open .rail-nav{margin:0}.rail.menu-open .rail-nav a{width:100%;height:58px;padding:0 30px;justify-content:flex-start}.rail.menu-open .rail-nav span{position:static;opacity:1}.section{min-height:0}.hero{margin-top:56px;height:calc(100dvh - 56px);min-height:660px}.hero-image{background-size:auto 80%;background-position:45% 0;background-color:#a9b8d6}.hero-shade{background:linear-gradient(0deg,#08090e 0%,#08090e 21%,transparent 55%)}.hero-title{top:43%;width:55%;right:3%}.download-dock{bottom:4%;left:5%;right:5%;height:auto;grid-template-columns:80px 1fr;gap:7px}.cloud-tile{display:none}.qr-code{height:98px}.qr-code img{width:61px;height:61px}.platforms{height:98px;grid-template-columns:repeat(2,1fr)}.platforms button{font-size:10px}.platforms button:last-child{display:none}.hero-side-actions{display:none}.operator{height:auto;min-height:0;padding-top:0}.operator-wash{display:none}.op-figure{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:360px;background:var(--yellow);overflow:hidden}.op-figure img{height:100%;width:100%;object-fit:cover;object-position:center center}.op-info{position:relative;left:auto;top:auto;width:100%;max-width:none;padding:0 9% 20px;display:flex;flex-direction:column}.op-info .record-tag{order:0;margin-top:12px}.op-info .op-count{order:2;margin:0 0 5px}.op-info .op-rarity{order:3;margin:0;color:#aaa;font-size:25px}.op-info h3{order:1;font-size:28px;margin:5px 0 4px}.op-info h3:before{font-size:19px;margin-right:10px}.op-info .op-alias{order:4;padding-bottom:10px}.op-info .op-stats,.op-info .op-bio,.op-info .op-controls{display:none}.op-toggles{left:auto;top:330px;right:8%;z-index:3}.op-switcher{position:relative;inset:auto;width:100%;height:125px;display:flex;flex-direction:row;gap:5px;padding:14px 20px}.op-list{width:auto;height:84px;flex:1;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:15px;padding:7px}.op-thumb{width:61px;height:61px}.round-arrow{width:30px;height:30px;flex:none;transform:none!important;font-size:16px}.all-operators{position:absolute;right:20px;bottom:0;padding:5px 8px}.operator-bottom{position:relative;height:54px;padding:12px 20px;text-align:right;font-size:15px}.lore{height:680px;min-height:680px}.lore-image{left:5%;top:5%;width:90%;height:50%}#loreCanvas{height:58%;top:0}.lore .section-kicker{left:9%;top:6%;font-size:13px}.lore .section-kicker b{font-size:17px}.lore-symbol{top:14%;left:10%;width:50px;height:50px;font-size:38px}.lore-content{top:45%;left:9%;right:9%;width:auto}.lore-content .eyebrow{text-align:center;font-size:46px}.lore-content h2{display:none}.lore-content p:last-child{margin-top:113px;font-size:12px;line-height:1.7}.lore-rail{top:61%;left:9%;right:9%;width:auto;height:42px}.lore-rail button{width:36px;height:36px}.lore-dots{top:68%;left:28%;right:28%;width:auto}.videos{height:690px;min-height:690px}.videos .section-heading{left:8%;top:5%}.featured-video{inset:0 0 0}.featured-video>img{object-position:center}.video-label{left:8%;bottom:31%;width:84%}.video-label strong{font-size:16px}.play-button{left:8%;bottom:21%}.video-more{left:calc(8% + 52px);bottom:21%}.video-strip{left:8%;right:-55%;bottom:4%;height:95px}.video-card{width:120px;height:70px}.video-card.selected{width:160px;height:92px;border-bottom-width:5px}.calendar{padding:56px 0 0;min-height:0}.calendar-head{margin:0 12px;height:100px;gap:4px;padding:12px}.calendar-head span,.calendar-head h2{font-size:21px}.calendar-head b{font-size:15px}.calendar-head:before{top:65px;font-size:50px}.calendar-timeline{height:36px;top:56px}.calendar-official{overflow-x:auto}.calendar-official img{width:800px;max-width:none}.gameplay{height:640px;min-height:640px}.game-header{left:8%;top:8%}.game-copy{left:8%;bottom:7%;width:84%}.game-copy h3{font-size:30px}.game-copy p{font-size:12px}.game-caption{display:none}.industry{height:700px;min-height:700px}.industry-art{width:100%;height:58%;bottom:auto}.industry-shade{width:100%;height:58%}.industry-label{left:8%;top:5%}.industry-panel{top:58%;bottom:0;width:100%;padding:25px}.industry-panel h3{margin:15px 0 5px;font-size:29px}.industry-panel p{font-size:12px}.industry-nav{margin-top:auto}.news{min-height:720px;padding:50px 6% 0 18%}.news .section-heading{margin-bottom:30px}.news-deco{left:4%;top:6%;bottom:23%;width:41px}.news-deco span{font-size:16px}.news-active-heading{margin:55px 0 15px}.news-active-heading h3{font-size:16px}.news-grid{height:230px}.news-card{width:65%;height:160px}.news-card.active{width:90%;height:205px}.news-controls{margin-top:15px}.news-controls .more-link{margin-left:0;padding:0 15px;font-size:11px}.footer{margin:80px -7% 0 -22%;padding:15px;gap:10px}.footer img{width:60px}.footer div{font-size:9px}.footer p{line-height:1.5}.footer small{display:none}.to-top{padding:8px}}
@media(min-width:701px) and (max-width:1100px){.op-info{left:18%;width:35%}.op-info h3{font-size:30px}.op-figure{left:31%}.download-dock{right:15%;grid-template-columns:90px 75px 270px}.cloud-tile b{font-size:38px}.platforms button{font-size:10px}.lore-content .eyebrow{font-size:48px}.news{padding-left:18%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Final proportion and overlap corrections from same-size reference captures. */
.rail-nav a[data-section="industry"]{display:none}
.operator-wash{width:43%;height:36%;clip-path:polygon(17% 0,100% 0,100% 50%,0 100%)}
.op-figure.is-depth img{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-6deg)) scale(1.04)}
@media(min-width:701px){.op-toggles{top:45%}}
.lore{background:radial-gradient(circle at 16% 8%,#242e43,#17191f 47%,#101013 100%)}
.lore-content p:last-child{position:absolute;top:calc(21vh + 92px);left:0;right:0;margin:0}
.lore-content .eyebrow{font-family:Arial,sans-serif;font-size:70px;letter-spacing:.015em;font-weight:300}
.lore-content h2{font-size:14px;font-weight:500;margin:0 4px 45px}
.calendar-head{height:auto;aspect-ratio:1920/414;padding:0;background:url('https://static.shinex.cloud/assets/calendar-title.png') center/100% 100% no-repeat}
.calendar-head:before{display:none}.calendar-head>*{opacity:0}
.calendar-timeline{height:auto}.calendar-timeline img{height:auto;object-fit:contain}
.news-deco:before{content:'';position:absolute;top:12px;left:-20px;width:115px;height:240px;background:url('https://static.shinex.cloud/assets/tower-top.png') top center/contain no-repeat}
.news-deco b,.news-deco span{position:relative}
.videos .featured-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}
.videos .featured-video.playing>img{display:none}
.video-step{position:absolute;z-index:6;bottom:19%;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#222;font-size:20px}.video-step.previous{left:56%}.video-step.next{left:79%}
@media(max-width:700px){.hero-image{background-size:auto 100%;background-position:48% center}.operator{display:flex;flex-direction:column}.op-figure{order:1;background:white;height:370px}.op-figure img{width:610px;height:auto;max-width:none;object-fit:contain;flex:none;margin-left:-20px}.op-info{order:2}.op-switcher{order:3}.operator-bottom{order:4}.operator-wash{display:none}.op-toggles{left:auto}.lore-content .eyebrow{font-size:51px}.lore-content h2{display:block;font-size:11px;text-align:center;margin:0}.lore-content p:last-child{top:200px}.calendar-head{margin:0 12px;aspect-ratio:1920/414;height:auto;min-height:94px;background-size:cover;background-position:left center}.calendar-timeline{height:34px;overflow:auto}.calendar-timeline img{width:800px;max-width:none;height:34px}.video-step{bottom:18%;width:32px;height:32px}.video-step.previous{left:65%}.video-step.next{left:84%}.news-deco:before{left:-20px;width:80px;height:170px}}
/* Motion & polish (aligned with official site interactions) */
.hero-image{animation:heroIn 3.2s ease-out backwards;will-change:transform}
@keyframes heroIn{from{transform:scale(1.06)}to{transform:scale(1)}}
.op-figure,.op-info{transition:opacity .22s ease,transform .8s ease}
.op-thumb{transition:border-color .2s,box-shadow .2s}.op-thumb:hover{border-color:var(--yellow)}
.video-card{transition:width .3s,height .3s,opacity .3s}
.video-card:hover{opacity:1}
.news-card{transition:width .3s,height .3s,opacity .3s}
.news-card:hover{opacity:.85}
.lore-dots i{cursor:pointer}
.lore-symbol canvas{display:block;width:100%;height:100%}
.marquee-band{overflow:hidden;background:#fff;padding:2.2vh 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.marquee-track-wrap{display:flex}
.marquee-track{display:flex;white-space:nowrap;font:900 8vw/1 Arial,'Microsoft YaHei',sans-serif;letter-spacing:-.03em;color:#17191d;animation:marquee 26s linear infinite;will-change:transform}
.marquee-track span{padding-right:3vw}
@keyframes marquee{to{transform:translateX(-50%)}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.revealed{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero-image{animation:none}.marquee-track{animation:none}}

/* Reference recording 20260924: composition and responsive corrections. */
:root{--yellow:#f5ff00}
.rail-nav{margin-top:clamp(14px,5vh,55px)}
.rail-nav img{width:24px;height:24px;margin-left:22px}
.rail-nav a{border-radius:0;color:#999}
.rail:not(.expanded) .rail-nav a.active{background:#eee;color:#191919;border-left:4px solid #202020}
.rail:not(.expanded) .rail-nav a.active img{filter:none;opacity:1;margin-left:18px}
.rail-tools{background:#f2f2f2;border-radius:20px;width:38px;align-self:center;padding:6px 0}
.rail-tools .icon-button{width:38px;padding-left:10px}
.rail.expanded .rail-tools{width:calc(100% - 24px);border-radius:12px}
.rail.expanded .icon-button{width:100%}
.rail.expanded .icon-button small{display:block}
.rail.expanded .rail-nav a{width:100%}
.hero-image{background-size:115% auto;background-position:center 47%}
.hero-title{top:43%;right:3%;width:34%;max-width:490px;filter:none}
.hero-shade{background:linear-gradient(0deg,#0008,transparent 23%)}
.age-rating{position:absolute;right:3%;bottom:190px;width:36px}
.download-dock{right:14%;bottom:4.5%;grid-template-columns:130px 82px 340px;height:112px;gap:5px}
.platforms button:nth-child(1){grid-area:1/1}.platforms button:nth-child(2){grid-area:1/2}.platforms button:nth-child(3){grid-area:2/1}.platforms button:nth-child(4){grid-area:2/2}.platforms button:nth-child(5){grid-area:2/3;color:#00ecc1}
.hero-side-actions{right:3%;bottom:4.5%;height:112px;justify-content:space-between;gap:6px}
.hero-side-actions button{flex:1;min-width:125px}
.operator{background:#fff url('https://static.shinex.cloud/assets/deco.png') right center/65% auto no-repeat}
.operator:before{background:repeating-linear-gradient(135deg,transparent 0 3px,#00000006 3px 4px);opacity:.5}
.operator-wash{left:40%;right:auto;top:0;width:35%;height:100%;clip-path:none;background:linear-gradient(180deg,var(--yellow) 0 32%,#f5ff0030 32% 100%)}
.op-background-number{display:block;position:absolute;top:27%;left:14%;font:900 clamp(100px,18vw,290px)/1 Arial;letter-spacing:-.06em;color:#e9e9e9;white-space:nowrap;pointer-events:none}
.op-figure{left:31%;right:-5%;top:-7%;bottom:0;pointer-events:none}
.op-figure img{object-fit:contain;object-position:center;filter:none}
.op-figure.is-depth{pointer-events:auto}
.op-info{left:14.5%;top:15%;width:30%;max-width:470px}
.op-count{background:#ddd;border:0;margin-top:10px}
.op-rarity{font-size:36px;letter-spacing:1px;margin:14px 0 0;height:32vh}
.op-info h3{font-size:clamp(26px,2.9vw,46px);letter-spacing:.02em}
.op-info h3:before{font-size:.65em;margin-right:12px}
.op-alias{height:12px;overflow:hidden;color:transparent;padding:0;border:0;background:linear-gradient(90deg,#eb00ff 0 25%,var(--yellow) 25% 50%,#00edb2 50% 75%,#bbb 75%) bottom/100% 3px no-repeat}
.op-stats{gap:12px 20px;font-size:12px}
.op-stats span{background:#1e1e1e;color:#fff;padding-left:7px}
.op-stats span:nth-child(n+3){background:var(--yellow);color:#151515}
.op-stats b{background:#f2f2f2;color:#222;text-align:center}
.op-bio{height:16vh;font-size:13px;line-height:1.7;margin:18px 0 8px}
.op-controls{margin-top:0}.op-controls .text-btn{background:transparent;color:#555;padding:3px 0}
.op-switcher{left:5%;top:15%;bottom:11%;width:80px;gap:18px}
.op-list{gap:25px}.op-thumb{width:72px;height:72px;border:3px solid #eee;box-shadow:0 1px 4px #0003}
.op-thumb.active{border-color:var(--yellow);outline:1px solid #bbb}
.round-arrow{width:42px;height:42px;color:#555}
.op-toggles{top:62%;right:8%;flex-direction:column;border-width:2px}
.operator-bottom{height:7px;padding:0;background:var(--yellow);font-size:0}
.lore-content{width:31%;right:4%;top:30%}
.lore-content .eyebrow{font-size:clamp(24px,4vw,64px);white-space:nowrap}
.lore-content h2{font-size:11px;letter-spacing:.08em}
.lore-content p:last-child{top:calc(17vh + 75px);font-size:12px}
.lore-rail{top:48%;right:4%;width:31%;height:36px;border-color:#555;background:#ffffff08}
.lore-rail button{width:30px;height:30px;font-size:14px}
.lore-rail span{font-size:12px}.lore-dots{top:54%;right:8%;width:23%}
.lore-symbol{width:54px;height:54px;top:27%;left:7%}
.lore .section-kicker{font-size:15px;top:13%;left:7%}.lore .section-kicker b{font-size:22px}
.featured-video{inset:0}.featured-video>img{filter:brightness(.72);object-fit:cover}
.videos .featured-video>video{filter:brightness(.78)}
.videos .section-heading{top:12%;left:6%}.videos .section-kicker{font-size:14px}
.video-label{bottom:18%;width:42%}.video-label strong{font-size:18px}.video-label span{font-size:11px;color:#fff}
.video-strip{left:47%;right:0;bottom:8%;height:140px;gap:9px;padding:0 8%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.video-card{width:180px;height:100px}.video-card.selected{width:230px;height:130px;border-bottom-width:8px}
.video-step{bottom:8%;width:30px;height:30px;font-size:15px}.video-step.previous{left:57%}.video-step.next{left:80%}
.play-button,.video-more{bottom:9%;height:35px}.play-button{width:35px;font-size:15px}.video-more{left:calc(6% + 42px);padding:0 25px}
.calendar{padding:30px 3% 0;min-height:0}
/* Keep the date axis sticky while scrolling the long event chart. */
main{overflow:clip}.calendar{overflow:visible}.calendar-timeline{top:0}
.marquee-band{padding:0;border:0}.marquee-track{font-size:12vw;line-height:1.05}
.gameplay,.industry{height:auto;min-height:0;background:#fff;color:#1a1a1a;overflow:visible;padding:70px 3% 90px 24%}
.game-stage,.industry-stage{position:relative;width:100%;aspect-ratio:2.05;isolation:isolate}
.game-stage{padding-right:17%;background:var(--yellow)}
.game-art,.game-art-video{inset:0 auto 0 0;width:83%;height:100%;object-fit:cover;background:#eee}
.game-grain,.industry-shade{display:none}
.stage-band{position:absolute;top:0;right:0;width:17%;height:100%;padding:16px;color:#080808}
.stage-band b{writing-mode:vertical-rl;font:900 clamp(30px,3.5vw,58px)/1 Arial;white-space:nowrap}
.stage-band small{position:absolute;bottom:18px;left:20px;writing-mode:vertical-rl;font:700 6px/1.2 Arial;letter-spacing:.03em;background:#fff;padding:4px}
.game-header{left:6%;top:70px;width:17%}.game-header h2,.industry-label h2{font-size:clamp(20px,1.9vw,30px);margin:2px 0}
.game-header .section-kicker,.industry-label .section-kicker{font-size:clamp(14px,1.6vw,24px)}
.game-header:before,.industry-label:before{content:'▼// ARKNIGHTS: ENDFIELD';display:block;color:#999;font:6px Arial;margin-bottom:5px}
.game-header:after,.industry-label:after{content:'';display:block;width:38px;height:110px;margin-top:35px;background:linear-gradient(90deg,#e800ee 0 30%,#00e8b0 30% 60%,var(--yellow) 60%) left 35px/6px 65px no-repeat,repeating-linear-gradient(90deg,#aaa 0 4px,transparent 4px 6px) left top/35px 14px no-repeat}
.game-copy{position:relative;inset:auto;width:83%;max-width:650px;margin-top:28px;padding-left:23px}
.game-index{position:absolute;left:0;top:7px;font:9px Arial;color:#555;transform:translateX(-35%)}
.game-copy h3{font-size:clamp(22px,2vw,31px);margin:0 0 6px}.game-copy .short-line{display:none}
.game-copy p,.industry-panel p{font-size:15px;line-height:1.7;margin:0}
.game-nav,.industry-nav{position:absolute;top:-47px;left:20px;margin:0;gap:26px}
.game-nav button,.industry-nav button{border:2px solid #ccc;border-radius:50%;width:43px;height:43px;background:#fff;color:#222;box-shadow:0 0 0 2px #5556;font-size:25px}
.game-nav button:hover,.industry-nav button:hover{background:var(--yellow)}
.game-nav div,.industry-nav div,.game-caption{display:none}
.industry{padding:35px 20% 95px 6%}
.industry-stage{background:#eee;padding-left:17%}.industry-stage .stage-band{left:0;right:auto}
.industry-art{left:17%;top:0;bottom:0;width:83%;background-size:cover}
.industry-label{left:83%;top:35px;width:17%;color:#222;text-shadow:none;padding-right:10px}
.industry-panel{position:relative;inset:auto;width:83%;margin:28px 0 0 17%;padding:0 0 0 12px;background:none;display:block}
.industry-panel small{position:absolute;left:0;top:7px;transform:translateX(-100%);font-size:9px;max-width:32px;white-space:nowrap;overflow:hidden}
.industry-panel h3{font-size:clamp(22px,2vw,31px);margin:0 0 6px}
.industry-panel p{max-width:620px}.industry-panel .industry-nav{margin:0;left:20px}
.news{padding-top:70px}.news-deco{top:9%;width:52px}.news-grid{gap:16px;height:250px}.news-card{width:34%;height:200px}.news-card.active{width:40%;height:235px}
.modal[data-mode="operators"] .modal-box{width:min(1120px,94vw);background:#fff url('https://static.shinex.cloud/assets/deco.png') right top/60% auto no-repeat;border-right:16px solid var(--yellow)}
.operator-grid{grid-template-columns:repeat(6,1fr);max-height:65vh;gap:22px 14px}.operator-grid button{border:0;border-bottom:4px solid var(--yellow);padding:0;background:#eee;text-align:left}.operator-grid span{display:block;background:#222;color:#fff;padding:6px 8px}.operator-grid img{aspect-ratio:1;object-fit:cover}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #857700;outline-offset:4px}
@media(min-width:701px) and (max-width:1100px){.download-dock{right:17%;grid-template-columns:85px 70px 260px;height:96px}.hero-side-actions{height:96px}.hero-side-actions button{min-width:90px;font-size:11px}.op-info{left:17%;width:33%}.op-figure{left:33%;right:-12%}.op-rarity{height:28vh}.op-stats{gap:8px;font-size:10px}.op-info h3{font-size:28px}.game-copy p,.industry-panel p{font-size:13px}.stage-band{padding:10px}.industry-label h2{font-size:18px}}
@media(max-width:700px){
 .rail.menu-open .rail-nav{width:100%}.rail-nav img{margin-left:0}.rail:not(.expanded) .rail-nav a.active img{margin-left:0}.rail.menu-open .rail-nav a.active{border-left:0}.rail-nav span{margin-left:8px}
 .hero-image{background-size:auto 105%;background-position:47% 22%}.hero-title{top:45%;width:55%;right:2%}.hero-shade{background:linear-gradient(0deg,#050609 0 15%,transparent 48%)}.age-rating{width:28px;bottom:155px;right:6%}
 .download-dock{bottom:4%;left:5%;right:5%;grid-template-columns:80px 1fr;height:auto}.platforms{grid-template-columns:repeat(2,1fr)}.hero-side-actions{display:none}
 .operator{overflow:hidden}.op-background-number{font-size:110px;top:28%;left:0}.op-figure{inset:auto;pointer-events:auto;background:transparent;height:390px}.op-figure img{width:100%;max-width:100%;height:100%;margin:0;object-fit:contain}
 .op-info{inset:auto;width:100%;padding:12px 8% 10px}.op-info h3{font-size:29px}.op-rarity{height:auto}.op-info .op-alias{height:10px;margin-top:8px}.op-switcher{inset:auto;width:100%;height:130px;padding:14px 20px;gap:5px}.op-thumb{width:61px;height:61px}.op-list{gap:15px}.op-toggles{top:325px;right:6%;flex-direction:row}.operator-bottom{height:5px;padding:0}
 .lore-content{top:43%;left:8%;right:8%;width:auto}.lore-content .eyebrow{font-size:clamp(24px,7vw,40px);text-align:center}.lore-content p:last-child{top:170px;font-size:12px}.lore-rail{top:58%;left:8%;right:8%;width:auto}.lore-dots{top:65%;left:25%;width:50%}.lore-symbol{top:14%;left:8%;width:40px;height:40px}.lore .section-kicker{top:5%;left:8%;font-size:12px}.lore .section-kicker b{font-size:18px}
 .videos .section-heading{top:6%;left:8%}.video-label{bottom:33%;left:8%;width:84%}.video-label strong{font-size:16px}.play-button,.video-more{bottom:25%}.video-more{left:calc(8% + 42px)}.play-button{left:8%}.video-strip{left:0;right:0;bottom:6%;padding:0 15%;height:110px}.video-card{width:130px;height:75px}.video-card.selected{width:170px;height:100px}.video-step{bottom:6%}.video-step.previous{left:23%}.video-step.next{left:70%}
 .calendar{padding:25px 0 0;overflow:clip}.calendar-timeline{top:56px}.calendar-head{min-height:75px}
 .marquee-track{font-size:19vw}.gameplay,.industry{padding:85px 5% 35px;height:auto;min-height:0;overflow:hidden}.game-header,.industry-label{top:22px;left:5%;width:90%;padding:0}.game-header h2,.industry-label h2{font-size:22px}.game-header .section-kicker,.industry-label .section-kicker{font-size:13px}.game-header:before,.industry-label:before,.game-header:after,.industry-label:after{display:none}
 .game-stage,.industry-stage{aspect-ratio:1.7}.stage-band{padding:8px;width:14%}.stage-band b{font-size:24px}.stage-band small{left:5px;bottom:8px;font-size:4px}.game-stage{padding-right:14%}.game-art,.game-art-video{width:86%}.industry-stage{padding-left:14%}.industry-art{left:14%;width:86%;height:100%}.industry-stage .stage-band{width:14%}
 .game-copy{width:100%;margin-top:26px;padding-left:20px}.game-copy h3,.industry-panel h3{font-size:22px}.game-copy p,.industry-panel p{font-size:13px}.game-index{top:6px;font-size:8px}.game-nav,.industry-panel .industry-nav{top:-43px;left:12px;gap:17px}.game-nav button,.industry-nav button{width:34px;height:34px;font-size:20px}.industry-panel{width:86%;margin:26px 0 0 14%;padding-left:9px}.industry-panel small{font-size:8px;max-width:27px}
 .news{padding-top:40px}.news-grid{height:200px}.news-card{width:70%;height:155px}.news-card.active{width:94%;height:185px}.news-deco{width:30px}.operator-grid{grid-template-columns:repeat(3,1fr);gap:14px 8px}.modal-box{padding:30px 18px}.modal-box h2{font-size:22px}
}
/* A single fine grid line, not a translucent slab across the scene. */
.lore:before{background:repeating-linear-gradient(90deg,transparent 0 100px,#ffffff09 100px 101px),linear-gradient(0deg,transparent calc(66% - 1px),#ffffff12 66%,transparent calc(66% + 1px))}
.lore-image{opacity:.28}
.platforms button{display:flex;align-items:center;justify-content:center;gap:6px}
.platforms button[data-platform="pc"]:before{content:'';width:15px;height:10px;border:2px solid currentColor;border-radius:2px;box-shadow:0 5px 0 -3px currentColor}
.platforms button[data-platform="android"]:before{content:'';width:10px;height:13px;border:1.5px solid currentColor;border-radius:2px;background:radial-gradient(circle at 50% 85%,currentColor 0 1px,transparent 1.5px)}
.platforms button[data-platform="taptap"]{font-weight:900}
@media(max-width:700px){.stage-band small{display:none}.lore-image{top:0;height:47%}.op-switcher .round-arrow{font-size:0}.op-switcher .round-arrow:first-child:after{content:'‹';font-size:24px}.op-switcher .round-arrow:nth-of-type(2):after{content:'›';font-size:24px}}