*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0b0b0b;--text:#eeedea;--muted:#797978} body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}header,footer{position:fixed;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:3;padding:30px 42px;pointer-events:none}header>* ,footer>*{pointer-events:auto}header{top:0}.brand{font-size:24px;letter-spacing:-1.4px;font-weight:800;color:var(--text);text-decoration:none}.brand-dot{color:#737373}.season{font:10px monospace;text-transform:uppercase;letter-spacing:1.6px;color:#939391;display:flex;gap:10px;align-items:center}.season i{width:5px;height:5px;background:#b7b7b1;display:block}.nav{display:flex;align-items:center;gap:22px}.nav-link{text-decoration:none}.nav-link:hover,.nav-link:focus-visible{color:var(--text)}.nav-launch{color:var(--text);border:1px solid #737373;padding:7px 10px}.nav-launch:hover,.nav-launch:focus-visible{background:var(--text);color:var(--bg)}main{height:100svh;min-height:440px}.lockup{position:absolute;top:13vh;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:2}.logo-frame{width:90px;height:112px;overflow:hidden;position:relative;margin:0 auto 14px}.logo-frame img{position:absolute;width:240px;height:240px;max-width:none;left:-75px;top:-58px;object-fit:contain;mix-blend-mode:screen;image-rendering:pixelated}h1{font-size:clamp(62px,8vw,100px);letter-spacing:-.085em;margin:0;font-weight:800;line-height:1.05} .lockup p{font-size:12px;letter-spacing:.045em;color:#8c8c88;margin:18px 0 0}#field{display:block;position:absolute;inset:0;border:0;padding:0;background:none;width:100%;height:100%;cursor:crosshair;touch-action:manipulation}canvas{width:100%;height:100%;display:block}#field:focus-visible{outline:1px solid #666;outline-offset:-8px}.instruction{position:absolute;top:57%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:2;white-space:nowrap}#hint{font:10px monospace;letter-spacing:2px;text-transform:uppercase;color:#a09f9c}#steps{display:flex;justify-content:center;gap:5px;margin:20px 0 10px}#steps i{width:4px;height:4px;background:#343434;transition:background .2s,transform .2s}#steps i.on{background:#e8e8e4;transform:translateY(-2px)}#counter{font:9px monospace;color:#71716e;letter-spacing:2px}footer{bottom:0;padding-top:18px;padding-bottom:23px;font:10px monospace;color:#777773;background:linear-gradient(transparent,#0b0b0b 65%)}#reset{border:0;background:none;cursor:pointer;font:10px monospace;color:#92928e;padding:8px 0 8px 15px}#reset:hover{color:white}#reset span{margin-left:8px}dialog{background:#171717;color:var(--text);border:1px solid #333;border-radius:20px;padding:30px;width:min(440px,calc(100% - 36px));text-align:center;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}dialog[open]{animation:appear .3s ease-out}.close{position:absolute;top:12px;right:16px;background:none;border:0;color:#999;font-size:27px;cursor:pointer;padding:5px}.reveal-logo{object-fit:cover;mix-blend-mode:screen;display:block;margin:-5px auto -3px;image-rendering:pixelated}.eyebrow{font:9px monospace;letter-spacing:2.3px;color:#8d8d88;margin:0 0 15px}h2{font-size:29px;letter-spacing:-1.2px;margin:0}.sub{font-size:12px;line-height:1.6;color:#999;margin:12px 0 25px}.contract{padding:16px;background:#101010;border:1px solid #2b2b2b;border-radius:10px;text-align:left}.contract>span{font:8px monospace;letter-spacing:1px;color:#858580}.contract code{display:block;font:13px/1.8 monospace;overflow-wrap:anywhere;margin:13px 0 17px}#copy{display:flex;justify-content:space-between;width:100%;border:0;background:#eeede8;color:#151515;border-radius:6px;padding:12px 14px;font-size:11px;font-weight:bold;cursor:pointer}#copy:disabled{background:#272727;color:#858580;cursor:default}#copy-status{font-size:11px;min-height:14px;color:#b8b8b0;margin:10px 0}.back{border:0;background:none;color:#b4b4ad;font:10px monospace;cursor:pointer;padding:6px}.back span{margin-left:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible{outline:2px solid #aaa;outline-offset:4px}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){header,footer{padding-left:22px;padding-right:22px}.brand{font-size:22px}.season{font-size:8px;letter-spacing:1px}.lockup{top:17vh}.logo-frame{transform:scale(.8);margin-bottom:0}.lockup p{font-size:11px}.instruction{top:59%}footer{font-size:8px}#reset{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}