@font-face{font-family:Plex;src:url('assets/fonts/ibm-plex-sans-latin-400-normal.woff2')}@font-face{font-family:Plex;src:url('assets/fonts/ibm-plex-sans-latin-700-normal.woff2');font-weight:700}@font-face{font-family:Mono;src:url('assets/fonts/ibm-plex-mono-latin-400-normal.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Plex,Arial,sans-serif;padding-bottom:58px}.topbar{height:76px;border-bottom:1px solid #171717;display:flex;align-items:center;padding:0 4vw;gap:26px}.wordmark{font-size:20px;letter-spacing:-.05em;text-decoration:none;font-weight:700}.wordmark span:first-child{font-weight:400;margin-right:4px}.button{border:1px solid #171717;background:0 0;padding:12px 16px;font:11px Mono;letter-spacing:.04em;cursor:pointer;transition:.2s}.button-dark{background:#171717;color:#f3f0e8}.button:hover{transform:translateY(-2px)}.section-label{font:11px Mono;letter-spacing:.14em}.entry-dialog h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em}.board-wrap{background:#171717;color:#f3f0e8;padding:0 4vw!important;position:relative;min-height:calc(100vh - 134px)}.board-intro-tile{min-height:210px;padding:28px;background:#f3f0e8;color:#171717;position:relative;grid-column:-2;cursor:pointer;container-type:inline-size}.board-intro-tile h1{margin:8px 0 12px;font-size:clamp(36px, 11cqw, 44px);line-height:.9;letter-spacing:-.07em;white-space:nowrap}.board-intro-tile h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.board-intro-tile:hover .intro-greedy,.board-wrap:has(.tile:first-child:hover) .board-intro-tile .intro-greedy{color:transparent;background:linear-gradient(90deg,#ff4d4d,#ffc53d,#62d84e,#38bdf8,#9b5cff,#ff4d4d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:1.8s linear infinite rainbow-text}.board-intro-tile p{max-width:210px;margin:0;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grid{list-style:none;margin:0;padding:0;display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.tile{min-height:210px;padding:17px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .25s;container-type:inline-size}.tile:hover{z-index:2}.rank,.tile-price{font:12px Mono}.tile-main{margin-top:auto}.tile-name{font-weight:700;letter-spacing:-.06em;max-width:95%}.tile-name>span{padding-right:4px}.tile-link{font:10px Mono;opacity:.65;margin-top:8px}.tile-link a{color:inherit;text-decoration:none}.share-entry{appearance:none;background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;margin-left:10px;opacity:.7;padding:0;text-decoration:underline}.share-entry:focus-visible,.share-entry:hover{opacity:1}.tile-price{position:absolute;right:16px;top:17px}.board-intro-tile:after,.tile:after{content:'\2197\FE0E';font-family:Plex,Arial,sans-serif;font-size:36px;position:absolute;right:14px;bottom:8px;opacity:.16}footer{padding:22px 4vw;display:flex;gap:30px;justify-content:space-between;font:10px Mono;position:fixed;z-index:5;bottom:0;left:0;right:0}.footer-links{display:inline-flex;align-items:center;gap:18px;margin-left:auto}.footer-social-icon{display:block;width:14px;height:14px;fill:currentColor}.entry-dialog{width:min(510px,calc(100% - 32px));border:1px solid #171717;background:#f3f0e8;padding:42px;box-shadow:12px 12px 0 #ea4e2f}.checkout-success{position:fixed;z-index:10;inset:50% auto auto 50%;width:min(460px,calc(100% - 32px));padding:38px;background:#f3f0e8;color:#171717;border:1px solid #171717;box-shadow:12px 12px 0 #ea4e2f;transform:translate(-50%,-50%)}.checkout-success h2{margin:12px 0 8px;font-size:clamp(36px, 7vw, 62px);line-height:.92;letter-spacing:-.08em}.checkout-success .claim-rank{font-size:inherit;line-height:inherit;letter-spacing:inherit}.checkout-success .claim-rank .claim-spot{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.checkout-success p:not(.section-label){margin:0 0 26px;font:13px/1.4 Mono}.entry-dialog::backdrop{background:#171717aa}.entry-dialog.checkout-success::backdrop{background:0 0}.close{position:absolute;right:16px;top:12px;border:0;background:0 0;font-size:28px;cursor:pointer}.entry-dialog h2{font-size:clamp(36px, 5vw, 62px);line-height:.9;letter-spacing:-.08em;margin:0 0 42px}.entry-dialog form{display:grid;gap:20px}.entry-dialog label{font:10px Mono;letter-spacing:.08em;display:grid;gap:7px;grid-template-columns:1fr auto}.entry-dialog label:has(input:user-invalid){color:#ea4e2f}.entry-dialog input{width:100%;border:0;border-bottom:1px solid #171717;background:0 0;padding:8px 0;font:16px Plex;outline:0}.optional{opacity:.45}.price-input{display:flex;align-items:center;border-bottom:1px solid #171717}.price-input input{border-bottom:0}.button-accent{font-weight:700}.entry-dialog small{font:10px Mono;opacity:.55}@media (max-width:700px){.topbar{padding:0 20px}.topbar .button{margin-left:auto;padding:10px}.board-wrap{padding:24px 20px 60px}.grid{gap:5px}.board-intro-tile,.tile{min-height:165px;padding:12px}.tile-price{right:12px;top:12px;font-size:10px}footer{padding:20px;display:grid;gap:12px}.entry-dialog{padding:30px 24px}}.wordmark{display:flex;align-items:center;gap:6px}.wordmark img{width:25px;height:25px;object-fit:contain}.wordmark span:first-of-type{font-weight:400;margin-right:0}.wordmark .brand-name{display:inline-flex;gap:0;letter-spacing:.015em}.wordmark .brand-name span{font-weight:400}.wordmark .brand-name strong{font-weight:700;margin-left:0}.tile:has(.tile-price:empty){border:1px dashed #5b5b55}.tile:has(.tile-price:empty):after{display:none}.tile:not(:hover){border-color:#b8b4a9;color:#b8b4a9}.tile:not(.placeholder-tile){color:#f3f0e8}.tile:nth-child(n+13):not(:hover){border:1px dashed #5b5b55;color:#5b5b55}.board-wrap:after{content:'';position:fixed;z-index:4;pointer-events:none;left:0;right:0;bottom:56px;height:98px;background:linear-gradient(to bottom,transparent,#171717)}.tile{background:#171717;color:#f3f0e8;border:1px solid #f3f0e8}.tile:first-child.decoder-active,.tile:hover{transform:none;color:#171717}.tile:first-child.decoder-active .tile-link,.tile:hover .tile-link{color:#171717}@keyframes rainbow-border{from{background-position:100% 100%,100% 100%}to{background-position:100% 100%,0 100%}}.topbar,body,footer{background:#171717;color:#f3f0e8}.wordmark,footer a{color:#f3f0e8}.topbar,footer{border:0}.topbar{position:sticky;top:0;z-index:5}.tile-image{display:block;width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);object-fit:contain;border-radius:clamp(4px,.5vw,6px);margin-bottom:18px}.tile.decoder-pending .tile-image{filter:grayscale(1);opacity:.55}.tile.decoder-finished:not(.placeholder-tile) .tile-image{filter:none;opacity:1}.tile:first-child.decoder-active .tile-image{filter:none;opacity:1}.tile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(16px, 11cqw, 28px);line-height:1.2;text-transform:lowercase}.topbar .button-dark{margin-left:auto;background:#f3f0e8;color:#171717;transition:transform .2s,box-shadow .2s}.topbar .button-dark:hover,body:has(.tile:first-child:hover) .topbar .button-dark{transform:translate(-3px,-3px);box-shadow:8px 8px 0 #ea4e2f}.placeholder-tile .tile-image{filter:grayscale(1)}.decoder-text{color:#5b5b55!important}.decoder-text .decoder-character.resolved{color:#f3f0e8}.placeholder-tile .decoder-text .decoder-character.resolved{color:#5b5b55!important}.placeholder-tile{color:#5b5b55!important;border:1px dashed #5b5b55!important;background:#171717!important;opacity:.72}.placeholder-tile .tile-link{color:#5b5b55!important}.first-placeholder-tile{color:#f3f0e8!important;border:1px dashed #f3f0e8!important;opacity:1}.first-placeholder-tile .tile-image{filter:none}.first-placeholder-tile .tile-link{color:#f3f0e8!important}.first-placeholder-tile .decoder-text{color:#5b5b55!important}.first-placeholder-tile .decoder-text .decoder-character.resolved{color:#f3f0e8!important}.first-placeholder-tile .rank{color:#f3f0e8!important;font-family:Mono}.first-placeholder-tile.decoder-finished .tile-name>span{color:transparent;background:linear-gradient(90deg,#ff4d4d,#ffc53d,#62d84e,#38bdf8,#9b5cff,#ff4d4d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:1.8s linear forwards rainbow-text}.first-placeholder-tile.decoder-finished .tile-name>span.rainbow-finished-white{color:#f3f0e8;background:0 0}@keyframes rainbow-text{0%{background-position:300% 0;color:transparent}100%{background-position:0 0}}.tile.decoder-pending{border-color:#5b5b55!important}.tile.decoder-finished{border-color:#f3f0e8!important}.board-wrap.at-end:after{display:none}@keyframes modal-accent-in{from{box-shadow:0 0 0 #ea4e2f}to{box-shadow:12px 12px 0 #ea4e2f}}.entry-dialog[open]{animation:.45s ease-out both modal-accent-in;min-height:min(540px,calc(100vh - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.entry-dialog.checkout-success[open]{min-height:0}.entry-dialog label input{grid-column:1/-1}.optional{margin-left:0;justify-self:end}.claim-rank{grid-column:1/-1;font:700 54px/.88 Plex;letter-spacing:-.08em;color:transparent;background:linear-gradient(90deg,#ff4d4d,#ffc53d,#62d84e,#38bdf8,#9b5cff,#ff4d4d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:2s linear infinite rainbow-arrow}.claim-rank sup{font-size:.44em;vertical-align:super;margin-right:.12em}.claim-spot{color:#171717;background:0 0;-webkit-text-fill-color:currentColor;font-size:.28em;font-weight:500;letter-spacing:-.04em;vertical-align:baseline}.entry-dialog label:has(.claim-rank) .claim-rank{grid-column:1}.entry-dialog label:has(.claim-rank) .price-input{grid-column:2}.entry-dialog .button-accent{background:#171717;color:#f3f0e8;border:0;transition:none}.entry-dialog .button-accent:hover{transform:none;background:#171717;color:#f3f0e8}.entry-dialog .button-accent:not(:disabled):hover .button-label{color:transparent;background:linear-gradient(90deg,#ff4d4d,#ffc53d,#62d84e,#38bdf8,#9b5cff,#ff4d4d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:2s linear infinite rainbow-arrow}.terms-consent{display:flex!important;align-items:flex-start;gap:10px!important;font:10px Mono!important;letter-spacing:0!important}.terms-consent input{flex:0 0 16px;width:16px!important;height:16px;margin:0;accent-color:#171717}.terms-consent span{flex:1;display:block}.terms-consent .rank-explainer summary span[aria-hidden]{flex:0 0 15px;width:15px;height:15px}.entry-dialog .button-accent:disabled,.entry-dialog .button-accent:disabled:hover{background:#b8b4a9;color:#171717;cursor:not-allowed;transform:none}@media (max-width:420px){.entry-dialog{width:calc(100% - 20px);padding:24px 20px}.entry-dialog label:has(.claim-rank){grid-template-columns:minmax(0,1fr) auto}.entry-dialog label:has(.claim-rank) .claim-rank{grid-column:1;min-width:0;font-size:clamp(36px, 15vw, 48px);overflow-wrap:anywhere}.entry-dialog label:has(.claim-rank) .price-input{grid-column:2;align-self:end;width:clamp(72px,28vw,120px);min-width:0;margin-top:4px}.entry-dialog label:has(.claim-rank) .price-input input{min-width:0;font-size:15px}.entry-dialog h2{font-size:36px}.entry-dialog h2 em{display:block;white-space:nowrap;font-size:inherit}.entry-dialog form,.entry-dialog label{min-width:0}.entry-dialog small{min-width:0;max-width:100%;overflow-wrap:anywhere}.entry-dialog .rank-explainer{width:100%;max-width:100%}.entry-dialog .rank-explainer summary{white-space:normal}}.first-placeholder-tile:hover{background:linear-gradient(#f3f0e8,#f3f0e8) padding-box,linear-gradient(90deg,#ff4d4d,#ffc53d,#62d84e,#38bdf8,#9b5cff,#ff4d4d) border-box!important;color:#171717!important;border:1px solid #f3f0e8!important;opacity:1;animation:none!important}.first-placeholder-tile:hover .tile-image{filter:none}.first-placeholder-tile:hover .tile-link{color:#171717!important}.first-placeholder-tile:hover .tile-name>span{color:#171717!important;background:0 0!important}.tile:first-child.decoder-finished:hover .tile-name>span{color:transparent!important;background:linear-gradient(90deg,#ff4d4d,#ffc53d,#62d84e,#38bdf8,#9b5cff,#ff4d4d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:1.8s linear infinite rainbow-text}.tile:first-child.decoder-finished:hover .tile-name{max-width:none;overflow:visible;text-overflow:clip}.tile:first-child.decoder-finished:hover{overflow:visible}.first-placeholder-tile:hover .decoder-character,.first-placeholder-tile:hover .decoder-text,.first-placeholder-tile:hover .decoder-text .decoder-character.resolved,.first-placeholder-tile:hover .rank,.first-placeholder-tile:hover .tile-price,.tile:not(.placeholder-tile):hover .decoder-text{color:#171717!important}.tile:first-child.decoder-active .decoder-character.resolved,.tile:not(.placeholder-tile):hover .decoder-character.resolved{color:#171717!important}.board-intro-tile:hover:after,.tile:hover:after{opacity:1;color:transparent;background:linear-gradient(90deg,#ff4d4d,#ffc53d,#62d84e,#38bdf8,#9b5cff,#ff4d4d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:2s linear infinite rainbow-arrow}@keyframes rainbow-arrow{from{background-position:300% 0}to{background-position:0 0}}.tile:first-child.decoder-active,.tile:not(.placeholder-tile):hover{background:#f3f0e8;border:1px solid #f3f0e8!important;animation:none!important}.placeholder-tile:not(.first-placeholder-tile) .tile-image{background:#5b5b55;object-position:10000px 10000px}.placeholder-tile:not(.first-placeholder-tile):hover .tile-image{background:0 0;filter:none;opacity:1;object-position:center}.placeholder-tile:not(.first-placeholder-tile):hover .decoder-character,.placeholder-tile:not(.first-placeholder-tile):hover .decoder-character.resolved,.placeholder-tile:not(.first-placeholder-tile):hover .decoder-text,.placeholder-tile:not(.first-placeholder-tile):hover .tile-link{color:#f3f0e8!important}.placeholder-tile:not(.first-placeholder-tile):hover .tile-link [data-scramble-link],.placeholder-tile:not(.first-placeholder-tile):hover .tile-link [data-scramble-text],.placeholder-tile:not(.first-placeholder-tile):hover .tile-name [data-scramble-text]{font-size:0}.placeholder-tile:not(.first-placeholder-tile):hover .tile-name [data-scramble-text]::after{content:'...or here';font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.08em;font-size:clamp(16px, 11cqw, 28px)}.placeholder-tile:not(.first-placeholder-tile):hover .tile-link [data-scramble-link]::after{content:attr(data-scramble-link);font:10px Mono}.placeholder-tile:not(.first-placeholder-tile):hover .tile-link [data-scramble-text]::after{content:attr(data-scramble-text);font:10px Mono}.placeholder-tile:not(.first-placeholder-tile):hover{opacity:1;color:#f3f0e8!important;background:linear-gradient(#171717,#171717) padding-box,border-box #f3f0e8!important;border:1px solid transparent!important;animation:none!important}.rank-explainer{display:block;position:relative;margin-top:6px;width:max-content;max-width:100%;color:#171717;font-weight:700}.rank-explainer summary{display:flex;align-items:center;padding:0;cursor:pointer;white-space:nowrap;text-decoration:none}.rank-explainer summary::-webkit-details-marker{display:none}.rank-explainer summary::marker{content:''}.rank-highlight{padding:3px;background:#f4c342}.rank-explainer summary span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border:1px solid #171717;border-radius:50%;background:#f3f0e8;color:#171717;font:700 10px Plex;text-decoration:none}.rank-tooltip{display:none;position:absolute;top:100%;left:0;z-index:3;width:min(290px,calc(100vw - 80px));margin:0;padding:8px 10px;background:#171717;color:#f3f0e8;font:400 10px/1.35 Mono;white-space:normal}.rank-explainer summary:hover~.rank-tooltip,.rank-explainer[open] .rank-tooltip{display:block}.entry-dialog{overflow:visible}