.col-worlds{overflow:hidden;border-top:3px solid var(--ink);padding:68px 0 24px}.col-title{transform:skew(-8deg);transform-origin:left center}.col-worlds .col-title,.col-play .col-title{text-align:center;transform-origin:center}.col-worlds .eyebrow,.col-play .eyebrow{text-align:center;margin:0 0 20px}.col-intro{text-align:center;margin:26px auto 0;font-size:18px;line-height:1.5;max-width:600px}.col-fan{--cover-width:clamp(145px,18.5vw,237px);--overlap:clamp(30px,5.2vw,66px);height:440px;display:flex;align-items:center;justify-content:center;padding-top:12px;margin-top:14px}.col-cover{--angle:0deg;--drop:0px;position:relative;flex:0 0 var(--cover-width);width:var(--cover-width);height:calc(var(--cover-width)*1.45);padding:0;display:flex;flex-direction:column;border:5px solid var(--ink);border-radius:6px;box-shadow:8px 8px 0 var(--ink);background:var(--cover-bg);transform:translateY(var(--drop)) rotate(var(--angle));cursor:pointer;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1);isolation:isolate}.col-cover:not(:first-child){margin-left:calc(-1*var(--overlap))}.col-cover:hover,.col-cover:focus-visible{transform:translateY(calc(var(--drop) - 24px)) rotate(var(--angle)) scale(1.04);box-shadow:11px 14px 0 var(--ink);z-index:9}.col-cover-manga{--cover-bg:var(--pink);--angle:-16.25deg;--drop:37px;z-index:1}.col-cover-comics{--cover-bg:var(--cyan);--angle:-9.75deg;--drop:12px;z-index:2}.col-cover-cards{--cover-bg:var(--purple);--angle:-3.25deg;--drop:0px;z-index:3}.col-cover-board{--cover-bg:var(--yellow);--angle:3.25deg;--drop:0px;z-index:4}.col-cover-role{--cover-bg:var(--mint);--angle:9.75deg;--drop:12px;z-index:5}.col-cover-figures{--cover-bg:#ff4f7b;--angle:16.25deg;--drop:37px;z-index:6}.col-volume{flex:0 0 28px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:var(--ink);color:var(--paper);font-size:10px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.col-art{width:90%;height:calc(var(--cover-width)*.87);margin:5px auto 0;flex:1;min-height:0;display:block;color:var(--ink)}.col-cover-name{font-family:Anton,Impact,sans-serif;font-size:clamp(31px,4.1vw,53px);line-height:1.06;letter-spacing:-.4px;padding:0 8px 9px;transform:skew(-5deg)}.col-cover-cards .col-cover-name{color:var(--paper);-webkit-text-stroke:1px var(--ink)}.col-cover-name-small{font-size:clamp(27px,3.2vw,42px)}.col-cover-foot{font-size:8px;letter-spacing:.6px;line-height:1.2;display:flex;justify-content:space-between;align-items:center;border-top:3px solid var(--ink);padding:7px 9px;font-weight:700}.col-cover-foot span{font-size:17px;line-height:10px}.col-swipe{margin:20px 0 0;text-align:center;font-size:13px;font-weight:700}.col-swipe span{display:inline-block;margin-left:12px;font-size:24px;vertical-align:-2px}.col-play{padding:60px 0 58px;border-top:3px solid var(--ink)}.col-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}.col-panel{position:relative;border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:6px;min-height:355px;padding:26px 26px 158px;overflow:hidden}.col-panel-pick{background:var(--yellow);transform:rotate(-2deg)}.col-panel-game{background:var(--cyan);transform:rotate(1deg)}.col-panel-share{background:var(--pink);transform:rotate(-1deg)}.col-panel-number{position:absolute;right:17px;top:20px;font-family:Anton,Impact,sans-serif;font-size:27px;line-height:1;border:3px solid var(--ink);border-radius:50%;width:47px;height:47px;display:grid;place-items:center;background:var(--paper);transform:rotate(8deg)}.col-panel h3{font-family:Anton,Impact,sans-serif;font-size:clamp(30px,3.6vw,46px);font-weight:400;line-height:1;margin:7px 45px 15px 0;transform:skew(-6deg);transform-origin:left}.col-panel p{font-size:16px;line-height:1.5;max-width:260px;margin:0}.col-panel-art{position:absolute;right:17px;bottom:12px;width:180px;height:150px;color:var(--ink)}.col-play-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:42px}.col-play-bottom p{max-width:680px;font-size:17px;line-height:1.6;margin:0}.col-play-bottom .button{flex-shrink:0}.col-services{background:var(--ink);color:var(--paper);padding:38px 0}.col-service{display:grid;grid-template-columns:66px minmax(265px,.9fr) minmax(0,1.4fr) 60px;align-items:center;column-gap:26px;padding:41px 0;border-bottom:1px solid rgba(255,253,247,.3)}.col-service:last-child{border-bottom:0}.col-service-number{font-family:Anton,Impact,sans-serif;font-size:25px;align-self:start;line-height:1;margin-top:9px;color:var(--paper)}.col-service h2{font-family:Anton,Impact,sans-serif;font-size:54px;font-weight:400;line-height:1.03;transform:skew(-6deg);transform-origin:left;margin:0;letter-spacing:-.5px}.col-service-read{color:var(--yellow)}.col-service-collect{color:var(--cyan)}.col-service-game{color:var(--pink)}.col-service p{font-size:16px;line-height:1.6;margin:0;opacity:.9}.col-service-link{width:58px;height:58px;background:transparent;border:2px solid var(--paper);border-radius:50%;color:var(--paper);font-size:34px;display:grid;place-items:center;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s}.col-service-link:hover{background:var(--paper);color:var(--ink);transform:rotate(8deg)}.col-services button:focus-visible,.col-services a:focus-visible{outline-color:var(--cyan)}
@media(min-width:1500px){.col-fan{--overlap:54px}}
@media(max-width:1000px){.col-fan{height:370px}.col-panel{padding:23px 20px 155px;min-height:355px}.col-panel-number{width:39px;height:39px;font-size:23px;right:12px;top:17px}.col-panel h3{margin-right:33px;font-size:32px}.col-panel p{font-size:15px}.col-play-bottom{gap:24px}.col-service{grid-template-columns:38px minmax(200px,.9fr) minmax(0,1.4fr) 48px;gap:20px}.col-service h2{font-size:42px}.col-service-link{width:48px;height:48px;font-size:29px}.col-service p{font-size:14px}}
@media(max-width:700px){.col-worlds{padding:32px 0 15px}.col-worlds .wrap{padding-right:0;padding-left:0}.col-worlds .eyebrow,.col-worlds .col-title,.col-intro{margin-right:20px;margin-left:20px}.col-intro{font-size:16px;margin-top:22px}.col-fan{--cover-width:205px;--overlap:0px;justify-content:flex-start;align-items:center;height:348px;margin-top:24px;padding:25px 25px 35px;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:25px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper)}.col-cover{--angle:0deg;--drop:0px;scroll-snap-align:start;box-shadow:6px 6px 0 var(--ink)}.col-cover:nth-child(odd){--angle:-2deg}.col-cover:nth-child(even){--angle:2deg}.col-cover:not(:first-child){margin-left:0}.col-cover:hover,.col-cover:focus-visible{transform:translateY(-6px) rotate(var(--angle));box-shadow:8px 10px 0 var(--ink)}.col-cover-name{font-size:45px}.col-cover-name-small{font-size:35px}.col-volume{font-size:9px}.col-swipe{margin-top:12px}.col-play{padding:28px 0}.col-panels{grid-template-columns:1fr;gap:25px;margin-top:35px}.col-panel{min-height:244px;padding:24px 22px 26px}.col-panel h3{font-size:40px;position:relative;z-index:1}.col-panel-number{width:43px;height:43px;font-size:25px;right:17px;top:20px}.col-panel p{max-width:60%;position:relative;z-index:1;font-size:15px;margin-top:21px}.col-panel-art{width:136px;height:114px;right:5px;bottom:12px}.col-play-bottom{flex-direction:column;align-items:flex-start;gap:24px;margin-top:33px}.col-play-bottom p{font-size:16px}.col-services{padding:16px 0}.col-service{grid-template-columns:30px 1fr 48px;gap:14px;padding:32px 0}.col-service-number{font-size:20px;margin-top:8px}.col-service h2{font-size:clamp(35px,9vw,47px)}.col-service p{grid-column:2/4;font-size:14px;margin-top:6px}.col-service-link{grid-column:3;grid-row:1;width:43px;height:43px}.col-service-link span{font-size:28px}}
@media(prefers-reduced-motion:reduce){.col-cover,.col-service-link{transition:none}}