header nav.ch{padding:18px 18px 15px;display:flex;gap:20px;justify-content:space-between;max-width:1200px;margin:0 auto;ul{margin:0;padding:0;display:flex;gap:20px;flex-grow:1;justify-content:flex-end;align-items:flex-end;text-align:center;color:rgb(0 0 0/.6);transform:translateY(2px);li a{font-weight:700;text-decoration:none;border-bottom:1px solid var(--black)}}}@media screen and (min-width:900px){}input[type=checkbox]{appearance:none;position:relative;display:inline-block;vertical-align:middle;background:#ccc;width:60px;height:34px;border-radius:34px;box-shadow:0 1px 3px #0003 inset;transition:200ms ease background;margin-right:5px;&::before{content:'';display:block;width:26px;height:26px;position:absolute;left:4px;bottom:4px;background:#fff;box-shadow:0 1px 3px #0003;border-radius:50%;transform:translateX(0);transition:200ms ease transform}&:checked{background:var(--blue)}&:checked::before{transform:translateX(26px)}&:focus-visible{outline:2px solid var(--blue);outline-offset:3px}}.b-list{max-width:1e3px;margin:20px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;align-items:stretch}.b-list.wider{max-width:1200px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.box.plain{box-shadow:none}.box.text{max-width:700px;margin:0 auto}body.p-hegends{footer{margin-top:0;border:none}}body.p-hegends main{h1{font-size:18px;margin-bottom:20px;line-height:1.3} #nfts-intro { padding: 0 20px; max-width: 600px; margin: 20px auto 40px; text-align: center; &>img { margin: 0 auto; height: auto; } ul { display: flex; flex-wrap: wrap; gap: 15px; align-items: stretch; margin: 40px auto; max-width: 420px; li { width: 130px; flex-grow: 1; a { height: 100%; } } } } #nfts-rewards { padding: 30px 20px; background: var(--white); font-size: 13px; &>div { max-width: 600px; margin: 0 auto; } img { width: 100%; height: auto; margin: 30px auto; } h2 { font-size: 32px; } h3 { font-size: 24px; margin-top: 25px; } ul { list-style-type: disc; padding: 0 25px; } li { margin: 15px 0; } table { margin: 20px 0 15px; border-spacing: 0; width: 100%; text-align: left; } table.small { text-align: center; } td, th { padding: 5px 7px; border-right: 1px solid var(--black); } thead th { border-bottom: 1px solid var(--black); } td:last-child, th:last-child { border-right: none; } }}.p-about main{section{padding:clamp(15px,3%,25px);max-width:680px;margin:25px auto;p{text-align:left}}ul{li{margin-top:30px}img{border:2px solid var(--black);border-radius:12px;height:auto;max-width:500px;width:100%;margin:0 0 0 auto}li:nth-child(odd) img{margin:0 auto 0 0}p{margin-bottom:10px;font-weight:700;text-align:center}}}@media screen and (min-width:710px){.p-about main{section{margin:50px auto}h2{font-size:28px}}}.p-tm main{section{margin:60px 10px 0}h2{text-align:center;padding:0 10px} #tm-tms { margin: 60px auto 0; max-width: 1200px; div ul { margin: 20px 0 5px 0; display: flex; gap: 10px; overflow: scroll; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; align-items: center; li { scroll-snap-align: center; min-width: 90dvw; background: var(--white); background-image: url('/r/3687386138.svg'); background-repeat: no-repeat; background-position: 15px 15px; background-size: 38px 30px; display: flex; flex-direction: column; overflow: hidden; margin-bottom: 5px; padding: 58px 15px 15px 15px; font-size: 12px; p { margin: 0; } p:last-child { margin-top: 15px; display: flex; gap: 15px; align-items: center; } img { border-radius: 50%; } span { font-weight: bold; } } li:first-child { margin-left: 10px; } li:last-child { margin-right: 10px; } } .back-fwd-ctrl { margin-top: 0; } } #tm-yt, #tm-news { .box { padding: 10px; width: 100%; } iframe, img:first-child { border-radius: 8px; width: 100%; height: auto; max-width: 100%; display: block; } } #tm-yt { iframe { aspect-ratio: 16/9; } } #tm-news { img:first-child { aspect-ratio: 5/3; } h3 { margin: 8px 0 8px 1px; line-height: 1.4; } img:last-child { max-width: 140px; height: auto; } }}@media screen and (width <=400px){.p-tm main{ #tm-yt, #tm-news { ul { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } }}}@media screen and (min-width:600px){.p-tm main{margin:0 15px; #tm-tms { div ul { column-count: 2; column-gap: 15px; display: block; width: 100%; li { display: inline-block; margin-bottom: 15px; min-width: unset; &:first-child { margin-left: 0; } } } .back-fwd-ctrl { display: none; } }}}@media screen and (min-width:800px){.p-tm main #tm-tms div ul{column-count:3}}@media screen and (min-width:1000px){.p-tm main #tm-tms div ul{column-count:4}}.p-loh{ #loh-intro { margin: 5px auto 25px; max-width: 1920px; &>img { box-shadow: 0 10px 0 rgb(0 0 0 / 0.15); height: auto; } &>p { margin: 40px 15px 30px; text-align: center; max-width: unset; } } .loh-info-popover { max-width: 600px; padding: clamp(10px, 3%, 25px); img { margin: 0 auto; } strong { font-size: 14px; } p:last-child { margin-bottom: 0; } .close { right: 8px; top: 12px; color: var(--black); } }}#loh-list{padding:0 10px}.loh-list{a{width:100%;padding:10px;text-align:center}img{width:100%;height:auto;border-radius:8px}h2{margin:4px 0 0;font-size:22px}time{margin:5px 0 0;font-size:13px;display:block}}.loh-hegend{max-width:600px;display:flex;flex-wrap:wrap;gap:15px;img{flex-basis:400px;flex-grow:1;border-radius:8px}.info{flex-basis:350px;flex-grow:1}p{margin:10px 0}h2{margin:0 0 15px;line-height:1;font-size:28px}dl{margin:15px 0 0;dt{font:700 14px/1.4 PM}dd{margin:0 0 10px;&:last-child{margin-bottom:0}}}button.close{right:3px;top:3px;background:var(--white);padding:10px;border-radius:8px;color:var(--black)}}.blog-f{margin:40px auto;font-size:13px;text-align:center;p{margin:0 0 25px;max-width:unset}.backlink{text-transform:uppercase}a{color:var(--black)}}#blog-articles{padding:0 10px;margin-top:30px;font-size:12px;line-height:1.4;article{a{padding:10px;overflow:hidden}img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;height:auto;overflow:hidden}h2{margin:0 0 8px;font-size:18px;line-height:1.3}p{margin:8px 0}p:last-child{margin-bottom:0;font-weight:700}.meta{text-transform:uppercase;flex-flow:row;margin-top:10px;margin-bottom:8px;font-size:11px;line-height:1;display:flex;span{text-align:right;flex:1;margin-top:0;margin-bottom:0}}}}.blog-article{.h{max-width:670px;margin:100px auto 30px;padding:0 15px}.byline-w{padding:8px 0 7px;background:#fff;box-shadow:0 -3px 15px rgb(0 0 0/.1);border-top:1px solid rgb(0 0 0/.3);border-bottom:1px solid rgb(0 0 0/.2);color:#666}.byline{max-width:670px;margin:0 auto;padding:0 15px}.c-w{background:var(--white);margin:0}.c{max-width:670px;padding:15px;margin:0 auto;font-size:13px}}.blog-entry-f{background:var(--white);margin:0 auto;padding:0 0 45px}body:has(#blog-entry) footer{margin-top:0}.blog-article .h{h1{font-size:38px;line-height:1.4;margin:0 0 20px;text-align:left}p{font-style:italic;line-height:1.5}}.blog-article .byline{display:flex;gap:15px;justify-content:space-between;text-transform:uppercase;font-size:12px;&>*{margin:0}em{text-transform:lowercase}}.blog-article .c{padding-top:25px;background:var(--white);&>*:first-child{margin-top:0}hr{margin:30px auto;border:1px solid #ccc;border-width:1px 0 0;height:1px;width:75%}h2, h3, h4{font-size:22px;margin:25px 0 15px;line-height:1.4}h3{margin-top:30px;font-size:18px}h4{font-size:15px;margin:25px 0 8px}p{margin:0 0 15px;line-height:1.6}ul, ol{margin:15px 0;padding:0 25px;list-style-type:disc;li{margin:0 0 10px;padding-left:5px;&:last-child{margin-bottom:0}}}ol{margin:25px 20px;list-style:decimal;}code{background:#ddd;padding:3px 4px}.highlight pre{overflow:scroll}.highlight code{background:unset;padding:unset}blockquote{margin:15px 0;padding:10px 20px;border-left:5px solid #e2e2e2;font-size:13px;font-style:italic;>*:last-child{margin-bottom:0}}figure.image, figure.video, figure.yt{margin-top:20px;margin-bottom:20px;width:100%;max-width:100%;padding:15px;background:#fff;margin-left:-15px;margin-right:auto;box-sizing:content-box;img{width:100%;height:auto}iframe{width:100%;display:block}figcaption{font-size:11px;line-height:1.4;color:#666;display:block;margin:10px 0 0;font-style:italic;margin-bottom:-5px;text-align:center}}}.highlight{margin:20px 0;pre{border-radius:4px;padding:10px}}body.story{h2{text-align:center;font-size:32px;margin:35px 0}footer{margin-top:0;border:none}}#story-chapters{margin:30px 0 0;padding:33px 15px 60px;background:var(--white);h2{margin:35px 0;&:first-child{margin-top:0}}&>p{max-width:600px;margin:25px auto 40px;line-height:1.6}ul{display:grid;grid-template-columns:1fr;gap:20px;max-width:1e3px;margin:0 auto}li{h3{font:18px/1.3 PM,monospace;letter-spacing:1px;text-transform:uppercase;text-align:center;font-weight:700;span{display:block;margin-bottom:6px;font-weight:400;font-size:12px}}a{display:block;margin-top:15px;position:relative;height:350px;width:100%;overflow:hidden}picture{width:100%;height:100%;img{width:100%;height:100%;object-fit:cover}}.btn{margin-top:5px;text-align:center;position:absolute;bottom:10px;left:15px;z-index:2;width:calc(100% - 30px)}}}@supports(aspect-ratio:1.2){#story-chapters li a{height:auto;aspect-ratio:1.1}}@media screen and (width >=550px){#story-chapters{margin-top:40px;ul{grid-template-columns:1fr 1fr}}}body.err-404{main{max-width:480px;margin:80px auto 60px;padding:0 10px;.box{padding:clamp(10px,3.75%,35px)}video{border-radius:8px}h1{margin:25px 0;font-size:32px}p:has(a){margin:25px 0;text-align:center;font-weight:700}}}