*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#091a24;color:#e5f0ec;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #bdff7b;outline-offset:5px}.skip{position:absolute;top:-100px;padding:15px;background:#bdff7b;color:#091a24;z-index:5}.skip:focus{top:0}header,main,footer{max-width:1360px;margin:auto}header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.logo{font-size:23px;letter-spacing:3px;font-weight:800;position:relative;padding-left:44px}.mark{color:#b9ff80;font-size:42px}.logo .mark{position:absolute;left:0;top:-7px}.sublogo{display:block;font:9px monospace;letter-spacing:1.6px;margin-top:6px}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:#b9ff80}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:4%;padding:65px 6% 55px}.eyebrow{font:11px/1.5 monospace;letter-spacing:1.5px;color:#9cbaaf}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#b9ff80;margin-right:8px;border-radius:50%}h1{font-size:clamp(40px,4.6vw,68px);line-height:1.04;letter-spacing:-3px;font-weight:600;margin:28px 0}h1 em,h2 em{color:#b9ff80;font-style:normal}p{line-height:1.7}.intro{font-size:16px;color:#a9bdc3;max-width:430px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 24px;background:#b9ff80;color:#102429;font-size:13px;font-weight:bold;border:1px solid #b9ff80}.button:hover{background:#d0ffa9}.micro{font:10px monospace;color:#87a2a9;margin-top:17px}.landscape{position:relative;min-height:480px;overflow:hidden;background:linear-gradient(#102832,#183a44 60%,#091d29);border:1px solid #3e6262}.aurora{position:absolute;width:120%;height:45%;filter:blur(20px);opacity:.6;transform:rotate(-28deg);border-radius:50%;left:-30%;top:12%;background:linear-gradient(transparent,#6fdda450, #6fdda4b0,transparent)}.a2{left:12%;top:9%;width:90%;opacity:.5;transform:rotate(-42deg);background:linear-gradient(transparent,#8dc0d950, #8dc0d9b0,transparent)}.stars{position:absolute;inset:0;background-image:radial-gradient(#d4eae2 1px,transparent 1px),radial-gradient(#94beb8 1px,transparent 1px);background-size:75px 89px,137px 111px;background-position:20px 14px,65px 64px;opacity:.6}.moon{position:absolute;right:16%;top:15%;width:37px;height:37px;border-radius:50%;background:#e3f5d5;box-shadow:0 0 40px #d4eabe50}.mountains{position:absolute;bottom:0;width:100%;height:100%}.cabinet{position:absolute;bottom:35px;left:36%;width:140px;background:#2e5955;box-shadow:12px 8px 0 #071920;border:6px solid #183b3e;transform:rotate(-3deg)}.marquee{text-align:center;background:#b9ff80;color:#183b3e;font:bold 13px monospace;padding:7px;letter-spacing:2px}.screen{margin:10px;background:#0b222c;border:6px solid #436b65;padding:13px 2px;text-align:center;box-shadow:inset 0 0 20px #8bff9930;color:#b9ff80}.screen span{font:13px/1.3 monospace}.screen b{display:block;font-size:34px;margin-top:10px}.controls{height:23px;background:#668c7b;display:flex;align-items:center;justify-content:center;gap:8px}.controls i{width:4px;height:20px;background:#0c2931;position:relative;margin-right:20px}.controls i:before{content:'';position:absolute;width:13px;height:13px;background:#ffb787;border-radius:50%;left:-4px;top:-5px}.controls b{width:10px;height:7px;background:#b9ff80;border-radius:50%}.cabinet-base{height:70px;text-align:center;padding:20px;color:#b9ff8060;font:27px monospace}.scene-label{position:absolute;bottom:0;left:0;right:0;padding:13px;background:#071920;display:flex;justify-content:space-between;font:9px monospace;color:#95b6b7}.ticker{border-block:1px solid #ffffff20;padding:20px 6%;display:flex;justify-content:space-between;gap:16px;font:10px monospace;letter-spacing:1.5px;color:#92adae}.ticker b{color:#b9ff80}.play-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:85px 6%;border-bottom:1px solid #ffffff20}h2{font-size:clamp(30px,3.2vw,44px);font-weight:500;letter-spacing:-1.5px;line-height:1.13}.section-copy>p:not(.eyebrow){color:#a9bdc3;font-size:14px}.stats{display:flex;gap:55px;margin:28px 0}.stats strong{display:block;font:30px monospace}.stats span{display:block;font:11px monospace;color:#94aeb6;margin-top:6px}.outline{background:transparent;color:#b9ff80}.outline:hover{background:#183b3e}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:center}.tile{aspect-ratio:1;background:#12313b;color:#81aaa8;border:1px solid #294b50;font:34px monospace;border-radius:3px;transition:background .2s,transform .2s}.tile:hover{background:#21434b;transform:translateY(-3px)}.tile.revealed{background:#c4eab3;color:#102429}.tile.matched{background:#43675a;color:#d4f9b2;border-color:#68926e}.game-status{min-height:48px;font-size:12px!important}.notes{padding:70px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.muted{font:10px monospace;color:#8ca5ac;margin-bottom:15px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.note-art{height:165px;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #ffffff12;margin-bottom:25px}.art-one{background:linear-gradient(155deg,#344e51,#142f3a);color:#b9d7bc;font-size:90px;gap:8px}.art-one span:nth-child(2){font-size:130px}.art-two{background:#343c54;gap:20px;color:#e2c8a7;font:bold 48px monospace}.art-two span:nth-child(2){color:#afd3e2;transform:translateY(20px)}.art-three{background:repeating-linear-gradient(0deg,#273e3c 0 2px,#203432 2px 4px);color:#c7e4ac;font:100px monospace}.note-grid h3{font-size:23px;font-weight:500;letter-spacing:-.6px}.note-grid p:last-child{font-size:14px;color:#a2b9bd}.about{margin:25px 6% 65px;padding:42px 0;border-top:1px solid #ffffff25;display:flex;gap:35px;align-items:start}.about h2{font-size:34px;margin:15px 0}.about p:last-child{font-size:14px;color:#a2b9bd;max-width:620px}.back{margin-left:auto;white-space:nowrap;font:12px monospace;margin-top:40px;color:#b9ff80}footer{padding:24px 6%;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;color:#819ca4;font:10px/1.5 monospace}@media(max-width:800px){header{padding:23px 6%}nav{gap:16px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.landscape{min-height:420px;margin-top:25px}.hero h1{font-size:52px}.play-section{gap:30px;padding-block:50px}.tile{font-size:26px}.board{gap:7px}.section-heading{display:block}.muted{display:none}.note-grid{gap:18px}.note-art{height:130px}.note-grid h3{font-size:20px}.note-grid .eyebrow{font-size:9px}}@media(max-width:560px){nav a:nth-child(2){display:none}.logo{font-size:19px}.hero h1{font-size:43px;letter-spacing:-2px}.landscape{min-height:380px}.ticker span:nth-last-child(-n+3),.ticker b:last-of-type{display:none}.play-section{grid-template-columns:1fr}.board{max-width:420px;width:100%;margin:auto}.tile{font-size:36px}.note-grid{grid-template-columns:1fr;gap:28px}.note-art{height:190px}.notes{padding-block:40px}.about{gap:18px;flex-wrap:wrap}.about .mark{display:none}.back{margin:0}.about h2{font-size:30px}footer{flex-direction:column;gap:9px}.button{font-size:12px;padding:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}