*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:pretty}iframe{border:none}html{--black:#242424;--white:#f2f2f2;--white2:#efefef;--red:#ff5d00;--green:#60b157;--blue:#0668c9;--yellow:#fdc238;--dark-green:#42823B}body{background-color:var(--yellow);background-repeat:no-repeat;background-position:50% 100px;font-family:PM;font-size:14px}@media screen and (width >=500px){body{background-image:url(/r/957633800.avif)}}body{min-height:100dvh}header{max-width:1200px;margin:0 auto}header ul{list-style:none}nav.full{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between;max-width:1200px;&>a { min-width: 134px; } &>p { min-width: 30px; } button { background: transparent; border: none; display: block; padding: 5px; &:hover { cursor: pointer; } svg { width: 20px; height: 20px; color: var(--black); } } &>ul { display: none; }}#nav-c{position:fixed;display:block;top:0;left:0;width:100vw;height:100vh;max-width:unset;max-height:unset;margin:0;padding:10px;border:none;overflow-x:hidden;visibility:hidden;pointer-events:none;user-select:none;background:var(--yellow);opacity:0;transition:all 400ms ease;font-size:12px;line-height:1.4;section { text-align: left; } &::backdrop { background: none; } &[open] { opacity: 1; visibility: visible; pointer-events: unset; user-select: text; } a { text-decoration: none; color: var(--black); } strong { display: block; font: normal 18px/1 DGO; letter-spacing: 0.1px; margin-bottom: 8px; } em { font-style: normal; } &>div { padding: 10px; display: flex; align-items: center; justify-content: space-between; gap: 15px; button { display: block; padding: 5px; background: transparent; border: 0; color: var(--black); &:hover { cursor: pointer; } } } section { display: flex; padding: 15px; border: 2px solid var(--black); border-bottom-width: 4px; margin: 0; border-radius: 10px; width: 100%; background: var(--white); flex-wrap: wrap; gap: 15px; flex-direction: row-reverse; justify-content: center; transition: transform 200ms ease; transform: translateX(100vw); } &[open] section { transform: translateX(0); } section>a { flex-basis: 255px; align-self: flex-start; flex-grow: 1; border: 2px solid var(--black); border-radius: 10px; border-bottom-width: 4px; overflow: hidden; span { display: block; padding: 10px; } svg { margin-top: 10px; } div { height: 255px; img { width: 100%; height: 255px; overflow: hidden; object-fit: cover; } } } ul { flex-grow: 100; flex-basis: 285px; padding: 0; li { margin-bottom: 15px; } li:last-child { margin-bottom: 0; } a { display: flex; align-items: center; } a img { width: 60px; height: 60px; background-color: var(--yellow); border: 2px solid var(--black); border-radius: 8px; margin-right: 12px; padding: 13px; } }}@media screen and (max-width:400px){#nav-c{section { padding: 10px; } strong { font-size: 17px; margin-bottom: 5px; } ul { font-size: 12px; } ul a { align-items: flex-start; } ul a img { width: 40px; height: 40px; padding: 8px; margin-right: 8px; }}}@media screen and (min-width:900px){header{padding-top:15px}nav.full{a { text-decoration: none; color: var(--black); } &>ul>li>a, &>ul>li>span { font-size: 14px; font-family: DGO; line-height: 1; } &>a { flex-grow: 1; } &>p { display: none; } &>ul { display: flex; gap: 15px; &>li { &>a, &>span { display: block; padding: 0 15px; height: 100%; display: flex; align-items: center; } span { &:hover { cursor: pointer; } &>svg { display: inline-block; margin-left: 7px; transition: transform 200ms ease; } &:has(+ .open)>svg { transform: rotate(180deg); } } } } .btn { background-color: var(--yellow); font: 600 14px/1 PM; padding: 9px 20px; &:hover { background-color: var(--black); } }}#nav-m{position:absolute;left:0;top:70px;z-index:100;width:100%;opacity:0;visibility:hidden;padding:20px;transition:visibility 200ms linear,opacity 200ms ease;font-size:12px;&.open { visibility: visible; opacity: 1; } strong { display: block; font: normal 16px/1 DGO; letter-spacing: 0.1px; margin-bottom: 6px; } em { font-style: normal; line-height: 1.3; } ul { max-width: 1200px; display: grid; align-items: center; grid-template-columns: 265px 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; column-gap: 20px; row-gap: 0; padding: 15px; margin: 0 auto; border: 2px solid var(--black); border-radius: 10px; border-bottom-width: 4px; background-color: var(--white); } li:first-child { grid-column: 1 / 2; grid-row: 1 / 5; border: 2px solid var(--black); border-radius: 10px; border-bottom-width: 4px; overflow: hidden; span { display: block; padding: 10px; } svg { margin-top: 10px; } div { width: 100%; height: 255px; overflow: hidden; img { object-fit: cover; } } } li:not(:first-child) a { display: flex; align-items: center; img { width: 60px; height: 60px; margin-right: 12px; padding: 13px; background-color: var(--yellow); border: 2px solid var(--black); border-radius: 8px; } }}}footer{margin-top:50px;padding:50px 15px 30px;font-size:12px;text-transform:uppercase;text-align:center;border-top:2px solid var(--black);&>a { display: inline-block; img { width: 150px; transition: transform 50ms ease; } &:hover img { transform: scale(1.04); } } p { margin: 15px auto; max-width: 600px; } ul { list-style: none; display: flex; margin: 40px 0; padding: 0; gap: 30px; flex-wrap: wrap; justify-content: center; } li a { display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border: 2px solid var(--black); border-radius: 12px; background: var(--white); box-shadow: 8px 8px 1px -3px rgb(0 0 0 / 0.2), 3px 3px 0 -1px var(--black); transform: rotate(-4deg); transition: transform 100ms ease; img { width: auto; height: 21px; } } li:nth-child(2n) a { transform: rotate(4deg); } li a:hover { transform: scale(1.1); }}.btn{display:inline-block;padding:10px 17px;border:2px solid var(--black);border-bottom-width:4px;border-radius:7px;letter-spacing:1.25px;text-transform:uppercase;text-decoration:none;background:var(--white);transition:all 100ms ease-in-out;box-shadow:4px 4px rgb(0 0 0/.15),inset 4px 4px rgb(255 255 255/.15);text-wrap:nowrap;color:var(--black);font-weight:700;&:hover { color:var(--white); background-color:var(--black); }}.btn-ok{background:var(--dark-green);max-width:400px;color:#fff}.btn-cancel{background:var(--red)}button.text{background:0 0;border:none;color:var(--blue);text-decoration:underline;padding:0;display:inline-block;&:hover { cursor:pointer; }}.btn.img{display:flex;align-items:center;justify-content:center;padding:8px clamp(5px,10%,20px);&:hover { background-color:var(--white); } img { width:100%; height:auto; }}.btn.popping{transition:transform 100ms ease;&:hover { transform:scale(1.03); }}@media(hover:hover){.btn:hover{background:var(--black);color:var(--white);cursor:pointer}}h1,h2,h3,h4{font-family:DGO;font-weight:400}img,video{height:auto}main{h1, h2, h3, h4 { line-height: 1.2; } h1 { font-size: 38px; text-align: center; margin: 90px 20px 50px; } .subh { text-align: center; } h1:has(+ .subh) { margin-bottom: 0; } h2 { font-size: 24px; } p { margin: 15px 0; } ul { list-style: none; padding: 0; } section { p:last-child { margin-bottom: 0; } }}@media screen and (min-width:710px){main{h1:has(+ .subh) { margin-bottom:25px; }}}body.std main{margin:0 15px}a.hi-viz{font-weight:700}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.box{border-radius:12px;background:var(--white);border:2px solid var(--black);box-shadow:5px 5px rgb(0 0 0/.15),3px 3px inset rgba(255,255,255,.5)}.box.fat{border-radius:18px;background:var(--white);border:2px solid var(--black);box-shadow:8px 8px 1px -3px rgb(0 0 0/.2),3px 3px 0 -1px var(--black),3px 3px inset rgba(255,255,255,.5)}.box.small{border-radius:8px}.box.heavy{border-bottom-width:4px}.box.padded{padding:25px}.box.plain{box-shadow:none}.box.text{max-width:700px;margin:0 auto}.box.textured{background-image:url(/r/1553703155.avif);background-size:contain}.box.flat{box-shadow:5px 5px rgb(0 0 0/.15)}.box.fat.flat{box-shadow:8px 8px 1px -3px rgb(0 0 0/.2),3px 3px 0 -1px var(--black)}.box.tilted{transform:rotate(-.75deg);&:nth-child(even) { transform:rotate(0.75deg); }}a.box{display:block;color:var(--black);text-decoration:none}.pop{transition:transform 150ms ease;&:hover { transform:scale(1.01); }}.back-fwd-ctrl{display:flex;margin:15px 0;justify-content:center;gap:20px;list-style:none;padding:0;button { color: var(--black); border-radius: 50%; padding: 12px; border: 2px solid var(--black); background: var(--white); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px; transition: transform 100ms ease; &.prev svg { position: relative; left: -1px; } &.next svg { position: relative; right: -1px; } &:hover { cursor: pointer; transform: scale(1.05); } &:active { transform: scale(0.9); } }}.swipelist{display:flex;gap:10px;align-items:stretch;overflow:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 15px;&>* { scroll-snap-align: center; overflow: hidden; margin-bottom: 5px; }}.geoblocked{display:flex;justify-content:center;align-items:center;overflow:hidden scroll;background-repeat:no-repeat;background-position:50%;&::after { content:''; position:fixed; top:50%; left:50%; width:900px; height:900px; transform:translate(-50%,-50%); background:url('/r/3327913998.avif'); background-size:900px 900px; border-radius:40px; } div { padding:20px 25px; max-width:500px; z-index:1; gg h1 { margin:0 0 20px; line-height:1; font-size:36px; } p { margin:15px 0; } h1+p { font-weight:bold; } ul { padding-left:25px; } }}@media screen and (width < 900px),screen and (height < 900px){.geoblocked{overflow:scroll;background-image:url(/r/3327913998.avif);background-size:900px 900px;background-repeat:no-repeat;background-position:50%;&::after { content:none; }}}@media screen and (width < 510px){.geoblocked div{padding:12px 15px 18px;max-width:calc(100vw - 10px)}}.hegends-anim{position:relative;img { position: absolute; opacity: 0; } img.show { opacity: 1; }}@font-face{font-family:DGO;src:url(/r/2812802085.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:PM;src:url(/r/600843795.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:PM;src:url(/r/915512105.woff2)format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:PM;src:url(/r/3997950749.woff2)format("woff2");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:PM;src:url(/r/636367663.woff2)format("woff2");font-weight:700;font-style:italic;font-display:block}nav.ch{padding:20px 20px 0;display:flex;gap:20px;justify-content:space-between;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 / 0.6); transform: translateY(2px); a { font-weight: bold; font-family: PM; text-decoration: none; color: var(--black); &:hover { text-decoration: underline; } } }}main nav.ch{max-width:1200px;margin:25px auto 0;padding-bottom:50px}.btn.left-skewed{transform:rotate(-2deg)}.btn.right-skewed{transform:rotate(2deg)}.btn.left-skewed.popping:hover{transform:rotate(-2deg)scale(1.03)}.btn.right-skewed.popping:hover{transform:rotate(2deg)scale(1.03)}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:0px 1px 3px #0003; border-radius:50%; transform:translateX(0rem); 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))}.popover{position:fixed;inset:0;margin:auto;height:fit-content;width:fit-content;max-height:100dvh;overflow:scroll;overscroll-behavior:contain;border:0;padding:0;background:0 0;--duration:150ms;--start-opacity:0.5;--start-scale:scale(0.8);opacity:0;transform:scale(1);transition:opacity var(--duration)ease-out,transform var(--duration)cubic-bezier(0,0,.2,1),overlay var(--duration)allow-discrete,display var(--duration)allow-discrete;&::backdrop { background:rgb(0 0 0/0.25); opacity:0; transition:opacity var(--duration),overlay var(--duration) allow-discrete,display var(--duration) allow-discrete; } &:popover-open { opacity:1; transform:scale(1); @starting-style { opacity:var(--start-opacity); transform:var(--start-scale); } } &:popover-open::backdrop { background:rgb(0 0 0/0.25); opacity:1; } &>div { position:relative; font-size:13px; padding:15px; margin:5px; } button.close { position:absolute; margin:0; background:none; border:none; svg { width:20px; height:20px; display:block; } &:hover { cursor:pointer; } }}@starting-style{.popover:popover-open::backdrop {
        opacity: 0;
    }
}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; } 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: bold; 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; } #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: 18px auto 25px; &>img { box-shadow: 0 10px 0 rgb(0 0 0 / 0.15); height: auto; } &>p { margin: 40px 15px 30px; text-align: center; } } .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: bold 14px/1.4 PM; } dd { margin: 0 0 10px 0; &:last-child { margin-bottom: 0; } } } button.close { right: 3px; top: 3px; background: var(--white); padding: 10px; border-radius: 8px; color: var(--black); }}.blog-f{text-align:center;text-transform:uppercase;margin:50px auto;font-size:13px;p { margin: 0; } 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: bold; } .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 0; background: white; box-shadow: 0 -3px 15px rgb(0 0 0 / 0.1); border-top: 1px solid rgb(0 0 0 / 0.3); border-bottom: 1px solid rgb(0 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:20px 0 60px}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; } 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 0; line-height: 1.6; } ul { 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: 20px 30px 20px 0; } 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.yt { margin-top: 20px; margin-bottom: 20px; width: 100%; max-width: 100%; padding: 15px; background: white; 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; } }}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: bold; } }}