@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f3e9;--ink:#1c3026;--muted:#657064;--line:#d8dccf;--lime:#d1ed8c;--orange:#e97c50;--lavender:#c7b8e9;--forest:#193628}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand,.big-dial b{font-family:'Space Grotesk',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ae512b;outline-offset:4px}button{border:0}button:hover,.button:hover{filter:brightness(.96)}button:active,.button:active{transform:translateY(1px)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 88px));margin-inline:auto}.masthead{border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;gap:35px}.brand{display:flex;gap:10px;align-items:center;font-size:27px;font-weight:700;letter-spacing:-1.3px;line-height:1}.brand-star{font-size:42px}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2.6px;margin-top:9px}.header-inner nav{display:flex;gap:28px;margin:auto;font-size:12px;font-weight:600}.header-inner nav a{padding:12px 0}.header-inner nav a:hover{text-decoration:underline;text-underline-offset:7px}.passport-link{display:flex;align-items:center;gap:9px;font-size:11px;border:1px solid #bdc8b7;border-radius:50px;padding:10px 14px;white-space:nowrap}.passport-link span{background:var(--lavender);border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:19px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:530px;padding-block:50px 55px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0}.live-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px;vertical-align:middle}h1{font-size:clamp(46px,4.6vw,70px);line-height:1.05;letter-spacing:-3.4px;font-weight:500;margin:27px 0 23px}h1 em{font-style:normal;color:#567242}.hero-description{font-size:16px;line-height:1.8;max-width:380px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;font-weight:600;min-height:47px;padding:14px 20px;border:1px solid transparent;border-radius:5px}.button.dark{background:var(--ink);color:var(--paper)}.button.lime{background:var(--lime);color:var(--ink)}.button.outline{background:transparent;border-color:#aab8a2}.text-link{font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:5px;line-height:1.7}.hero-note{font-size:7px;letter-spacing:1.1px;margin-top:25px;color:var(--muted);line-height:1.8}.hero-note span{margin:0 10px}.hero-playground{position:relative;height:385px;isolation:isolate}.art-orbit{position:absolute;border:1px solid #b8c4aa;border-radius:50%;left:10%;top:3%;width:80%;height:94%;transform:rotate(-20deg)}.orbit-two{transform:rotate(27deg);width:55%;left:23%;border-color:#ccd3bf}.art-label{position:absolute;top:0;left:0;font:500 8px/1.6 'DM Sans',sans-serif;letter-spacing:1.2px}.floating-flower{position:absolute;top:-5px;right:13%;font-size:100px;color:var(--orange);transform:rotate(12deg);line-height:1}.art-card{box-shadow:7px 15px 0 #2639290b;border:1px solid #b1bca4;border-radius:10px;position:absolute;padding:20px}.art-card>span{display:block;font-size:7px;letter-spacing:1.2px;font-weight:700}.card-dial{width:230px;height:240px;background:var(--lime);left:13%;top:53px;transform:rotate(-12deg)}.big-dial{margin:20px auto 12px;display:grid;place-items:center;width:132px;height:132px;background:var(--forest);border:12px solid #b4d172;border-radius:50%;box-shadow:inset 0 0 0 1px #577743;position:relative;color:var(--paper)}.big-dial i{position:absolute;top:5px;width:4px;height:15px;background:var(--lime);border-radius:3px;transform:rotate(28deg);transform-origin:2px 48px}.big-dial b{font-size:26px;font-weight:400}.card-dial small{font-size:6px;letter-spacing:1.5px;display:block;text-align:center}.card-pads{right:0;bottom:32px;width:265px;height:121px;background:#d8ceed;transform:rotate(10deg)}.card-pads>div{display:flex;gap:9px;margin-top:15px}.card-pads i{display:grid;place-items:center;background:var(--paper);width:48px;height:48px;border:1px solid #9b91b2;border-bottom-width:5px;border-radius:7px;font-style:normal;font-size:17px;transform:translateY(0);animation:keyplay 8s infinite}.card-pads i:nth-child(2){animation-delay:1s}.card-pads i:nth-child(3){animation-delay:2s}.card-pads i:nth-child(4){animation-delay:3s}.art-sticker{position:absolute;right:4px;top:96px;background:var(--orange);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(15deg);font-size:14px;font-weight:700;line-height:1.05;text-align:center}.art-sticker small{font-size:12px;margin-top:7px}.art-caption{position:absolute;bottom:0;left:12%;font-size:7px;letter-spacing:2px}.club-strip{border-block:1px solid var(--line);padding:20px 0}.club-strip>div{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1px}.daily-section{padding-block:64px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}h2{font-size:35px;font-weight:500;letter-spacing:-1.4px;line-height:1.18;margin:10px 0 0}.section-description{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.daily-layout{display:grid;grid-template-columns:1fr 280px;gap:22px}.daily-main{background:var(--forest);color:var(--paper);padding:26px;border-radius:9px}.daily-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{border:1px solid #779166;border-radius:30px;padding:7px 10px;font-size:7px;letter-spacing:1px;color:var(--lime)}#circuit-count{font-size:10px;color:#ced9bf}.circuit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:23px}.circuit-item{background:#294a36;border:1px solid #526d47;border-radius:6px;padding:16px;display:block;min-width:0}.circuit-item:hover{background:#31573f}.circuit-item.complete{border-color:var(--lime)}.circuit-item-top{display:flex;justify-content:space-between;font-size:8px;color:#c1d1ad}.circuit-symbol{display:block;font-size:36px;line-height:1;margin-block:18px 12px;color:var(--lime)}.circuit-item h3{font-size:19px;font-weight:500;margin:0 0 5px;letter-spacing:-.5px}.circuit-item p{font-size:9px;line-height:1.6;color:#c1d1ad;margin:0}.circuit-item small{display:block;margin-top:20px;font-size:9px}.daily-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.daily-bottom p{font-size:11px;color:#d4dfc8;line-height:1.6}.daily-note{font-size:8px;color:#c0cdb5;margin:21px 0 0;line-height:1.6}.side-note{border:1px solid #cdd5bf;padding:24px;border-radius:9px;background:#e7ebda}.side-note h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:7px 0 13px}.side-note p{font-size:11px;line-height:1.8;color:#596651}.note-icon{font-size:37px;margin-top:15px;color:#567242}.recent{border-top:1px solid #c1cbb6;padding-top:17px;margin-top:22px}.recent small{display:block;font-size:7px;letter-spacing:1px}.recent a{display:block;margin-top:8px;font-size:12px;font-weight:600}.library-section{padding-block:5px 65px}.library-count{font-size:10px;color:var(--muted);white-space:nowrap}.library-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:25px 0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{min-height:39px;padding:9px 12px;background:transparent;border:1px solid #d3d9c9;border-radius:30px;font-size:10px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search{display:flex;align-items:center;gap:9px;border-bottom:1px solid #a7b39b;padding:9px 0;min-width:160px}.search input{width:170px;background:none;border:0;min-width:0;font-size:11px}.search>span:not(.sr-only){font-size:23px;line-height:1}.game-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid #cbd4c0;border-radius:8px;overflow:hidden;position:relative;transition:transform .2s}.game-card:hover{transform:translateY(-3px)}.game-art{height:182px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-art .edition{position:absolute;top:14px;left:16px;font-size:7px;letter-spacing:1.5px;z-index:2}.game-art .art-num{position:absolute;bottom:12px;right:15px;font:11px 'Space Grotesk',sans-serif}.art-dial{background:#d2e698}.art-dial .mini-dial{height:118px;width:118px;border:15px solid #abc372;border-radius:50%;background:#264630;position:relative;display:grid;place-items:center;color:#e6edcb;font:24px 'Space Grotesk',sans-serif;transform:rotate(-20deg)}.mini-dial:after{content:'';position:absolute;top:3px;width:4px;height:16px;background:#d2e698;border-radius:2px}.art-switchboard{background:#c6d8ce}.pipe-art{font:47px/.62 monospace;letter-spacing:8px;color:#41644e;transform:rotate(-8deg)}.art-pulse{background:#d7c8ea;gap:11px}.art-pulse i{width:35px;height:118px;border:1px solid #a99aba;border-radius:6px;background:#c4b0da;position:relative;transform:rotate(9deg)}.art-pulse i:after{content:'';position:absolute;top:17px;left:3px;right:3px;height:22px;background:var(--paper);border:1px solid #9a89b0;border-radius:4px}.art-pulse i:nth-child(3):after{top:53px}.art-pulse i:nth-child(4):after{top:82px}.art-pulse i:nth-child(5):after{top:35px}.art-signal{background:#eac3a4;perspective:150px}.lane-art{display:flex;gap:13px;width:140px;height:240px;transform:rotateX(30deg) rotate(-15deg);position:relative}.lane-art i{flex:1;border-inline:1px solid #bb8864;background:#e7b38f}.lane-art b{position:absolute;font-size:36px;top:80px;left:49px;color:#426145}.lane-art em{position:absolute;top:147px;right:4px;font-style:normal;color:#a95b37;font-size:30px}.art-echo{background:#e5da9e;gap:10px}.art-echo i{background:#f6f1d9;border:1px solid #b6a865;border-bottom:5px solid #b6a865;border-radius:8px;font:20px 'Space Grotesk',sans-serif;width:48px;height:53px;display:grid;place-items:center;transform:rotate(-10deg)}.art-echo i:nth-child(3){transform:translateY(-12px) rotate(-10deg);background:#b5c985}.art-bloom{background:#cbd4b4}.flower-art{font-size:82px;position:relative;color:#6e854a;transform:rotate(13deg);letter-spacing:-17px;line-height:1}.flower-art span{color:#e68555;font-size:114px}.flower-art b{font-size:59px;color:#9172a7;font-weight:400}.game-copy{padding:20px}.game-meta{font-size:8px;letter-spacing:1px;color:#65715d;text-transform:uppercase}.game-copy h3{font-size:26px;letter-spacing:-.8px;font-weight:500;margin:9px 0}.game-copy h3 a{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-copy h3 span{font-family:'DM Sans',sans-serif;font-size:22px}.game-copy p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 19px;min-height:41px}.game-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px;font-size:9px;align-items:center;color:#5b6953}.favorite{position:absolute;right:12px;top:12px;width:33px;height:33px;border-radius:50%;background:#f6f3e7cc;border:1px solid #9aab8c;font-size:20px;z-index:3;display:grid;place-items:center}.favorite[aria-pressed=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}.empty-state{padding:50px 20px;text-align:center;border:1px dashed #a5b699;border-radius:8px}.empty-state p{font-size:13px;color:var(--muted)}.signal-feature{background:var(--forest);color:var(--paper)}.signal-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:65px}.signal-layout h2{font-size:45px;color:var(--lime);letter-spacing:-2px;margin-top:17px}.signal-layout p:not(.eyebrow){font-size:14px;color:#c0ceb6;line-height:1.8;max-width:410px}.signal-layout small{font-size:8px;line-height:1.7;color:#b7c7ac;display:block;margin-top:22px}.signal-visual{height:300px;position:relative}.signal-orbit{width:275px;height:275px;border:1px solid #4f6b3f;border-radius:50%;margin:12px auto}.signal-orbit:after{content:'';display:block;border:1px solid #4f6b3f;width:190px;height:190px;border-radius:50%;margin:42px}.signal-bubble{position:absolute;background:#e5eaca;color:var(--ink);border-radius:8px;padding:17px 19px;box-shadow:5px 7px 0 #0001;z-index:2}.bubble-one{top:5px;left:0;transform:rotate(-7deg)}.bubble-two{bottom:16px;right:0;transform:rotate(6deg);background:#ccbee3}.signal-bubble>span{font-size:26px;float:left;margin-right:15px}.signal-bubble p{font-size:12px!important;margin:0!important;color:var(--ink)!important}.signal-bubble small{color:#4d6044!important;font-size:6px!important;letter-spacing:1px;margin:7px 0 0!important}.signal-key{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:#304d2e;border:1px solid #68854b;border-bottom:8px solid #092315;border-radius:20px;width:116px;height:116px;display:grid;place-items:center;box-shadow:0 0 70px #adcf3c38}.signal-key b{color:var(--lime);font-size:65px;line-height:1;font-weight:400}.passport-section{display:grid;grid-template-columns:1fr 1.06fr;gap:85px;padding-block:80px}.passport-intro>p:not(.eyebrow){max-width:390px;font-size:13px;color:var(--muted);line-height:1.8}.passport-intro h2{font-size:40px}.passport-intro form{margin-top:25px}.passport-intro label{font-size:10px;display:block;margin-bottom:10px}.passport-intro form>div{display:flex;gap:8px}.passport-intro input{border:1px solid #b4c2a6;background:#fff6;padding:12px;border-radius:5px;font-size:12px;min-width:0;flex:1}.passport-intro .privacy-note{font-size:9px!important;line-height:1.7!important;margin-top:13px}.data-actions{display:flex;gap:22px;margin-top:20px}.data-actions button{background:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:9px}.passport-card{border:1px solid #9cae8d;background:#e5eaca;padding:28px;border-radius:10px;box-shadow:8px 8px 0 #e7e9da;align-self:center;transform:rotate(1deg)}.passport-top{display:flex;justify-content:space-between;gap:14px;font-size:6px;letter-spacing:1.4px;border-bottom:1px solid #b7c5a3;padding-bottom:16px}.passport-person{display:flex;gap:18px;align-items:center;margin-block:25px}.passport-symbol{font-size:55px;background:var(--ink);color:var(--lime);border-radius:50%;display:grid;place-items:center;width:79px;height:79px;flex-shrink:0}.passport-person small{font-size:6px;letter-spacing:1.3px}.passport-person h3{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:6px 0 7px;overflow-wrap:anywhere}.passport-person p{font-size:9px;color:#5e7051;margin:0}.passport-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:1px solid #b7c5a3;padding-block:18px}.passport-stats b{font:500 26px 'Space Grotesk',sans-serif;display:block}.passport-stats span{font-size:10px;display:block;margin-top:3px;color:#425335}.stamps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-block:24px}.stamp{display:flex;align-items:center;flex-direction:column;gap:8px;color:#425335;text-align:center;font-size:9px;line-height:1.5}.stamp i{display:grid;place-items:center;width:43px;height:43px;border:1px dashed #8c9f77;border-radius:50%;font-style:normal;font-size:23px;opacity:.7}.stamp.earned{color:var(--ink)}.stamp.earned i{border:1px solid var(--ink);background:var(--ink);color:var(--lime);opacity:1;transform:rotate(-10deg)}.passport-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b7c5a3;padding-top:16px;font-size:7px;letter-spacing:1px}.more-section{padding-bottom:70px}.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.more-card{border:1px solid var(--line);padding:25px;border-radius:6px;display:flex;flex-direction:column;transition:transform .2s}.more-card:hover{transform:translateY(-3px)}.more-card h3{font-weight:500;font-size:26px;letter-spacing:-.6px;margin:10px 0}.more-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 20px;flex:1}.more-symbol{font-size:50px;margin-block:20px 6px}.more-card.report{background:#e9e3d1}.more-card.creative{background:#e7dacd}.more-card.future{background:#e0e5d3}footer{border-top:1px solid var(--line);padding-block:36px;display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}footer .brand{font-size:23px}footer .brand-star{font-size:31px}footer p{font-size:9px;line-height:1.8;color:var(--muted);margin:17px 0 0}footer nav{display:flex;gap:24px;align-self:center;font-size:10px;flex-wrap:wrap}.footer-note{flex-basis:100%;font-size:7px;letter-spacing:1.6px;color:var(--muted)}dialog{width:min(480px,calc(100% - 30px));border:1px solid #91a380;padding:25px;border-radius:10px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#09231599;backdrop-filter:blur(4px)}dialog h2{font-size:28px}dialog p{font-size:13px;line-height:1.8}dialog .actions{gap:10px}.skip{position:fixed;top:-90px;left:15px;padding:12px;background:var(--lime);z-index:30}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:12px;padding:14px 20px;border-radius:8px;z-index:20;max-width:calc(100% - 36px);width:max-content;box-shadow:0 5px 25px #0002;opacity:0;pointer-events:none;transition:opacity .15s}#toast.visible{opacity:1}@keyframes keyplay{0%,7%,100%{transform:translateY(0);background:var(--paper)}3%{transform:translateY(3px);background:var(--lime)}}
@media(min-width:1450px){.hero{gap:90px}.hero-playground{margin-left:10px}}@media(max-width:1100px){.wrap{width:calc(100% - 52px)}.header-inner{gap:25px}.header-inner nav{gap:19px;font-size:11px}.hero{gap:25px}.hero h1{font-size:54px}.hero-description{font-size:14px}.hero .actions{gap:20px}.hero-playground{height:355px}.card-dial{left:4%;width:208px;height:234px}.card-pads{width:230px;padding:16px}.art-sticker{right:-6px;width:88px;height:88px}.daily-layout{grid-template-columns:1fr 245px}.circuit-item{padding:13px}.circuit-item h3{font-size:17px}.library-toolbar{align-items:start;flex-wrap:wrap;gap:15px}.game-copy{padding:16px}.game-copy h3{font-size:23px}.passport-section{gap:40px}.passport-card{padding:22px}.stamp i{width:36px;height:36px}.signal-layout{gap:40px}footer nav{gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:80px;flex-wrap:wrap;gap:0;padding-top:18px}.brand{font-size:24px}.brand-star{font-size:35px}.brand small{font-size:6px;letter-spacing:2px;margin-top:6px}.passport-link{margin-left:auto;font-size:9px;padding:7px 10px}.passport-link span{width:21px;height:21px;font-size:17px}.header-inner nav{order:3;width:100%;justify-content:space-between;gap:10px;margin-top:15px;font-size:10px}.header-inner nav a{padding:12px 0 15px}.hero{grid-template-columns:1fr;gap:24px;padding-block:32px 30px}.hero h1{font-size:clamp(43px,11vw,68px);letter-spacing:-2.6px;margin-block:22px 17px}.hero-description{font-size:14px;max-width:420px}.hero .actions{margin-top:20px;gap:21px}.hero-note{font-size:6px;letter-spacing:.7px;line-height:2}.hero-note span{margin:0 5px}.hero-playground{width:min(400px,100%);height:300px;margin:auto}.art-label{font-size:6px;top:7px}.floating-flower{font-size:72px;right:15%}.card-dial{top:35px;left:12%;width:187px;height:204px;padding:15px}.art-card>span{font-size:6px}.big-dial{width:110px;height:110px;border-width:10px;margin-top:17px}.big-dial b{font-size:24px}.card-dial small{font-size:5px}.card-pads{right:4%;bottom:21px;width:220px;height:97px;padding:13px}.card-pads>div{margin-top:11px;gap:8px}.card-pads i{height:41px;width:41px;font-size:14px;border-bottom-width:4px}.art-sticker{top:78px;right:1%;width:78px;height:78px;font-size:11px}.art-caption{font-size:5px;left:10%}.club-strip{padding:13px 0}.club-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:8px}.daily-section{padding-block:40px}.section-heading{align-items:start;gap:15px;flex-wrap:wrap;margin-bottom:22px}.section-description{font-size:10px}.section-description br{display:none}h2{font-size:30px;letter-spacing:-1.2px}.daily-layout{grid-template-columns:1fr;gap:15px}.daily-main{padding:19px}.circuit{gap:7px;margin-block:20px}.circuit-item{padding:12px 9px}.circuit-item-top{font-size:6px}.circuit-symbol{font-size:27px;margin:17px 0 12px}.circuit-item h3{font-size:16px;line-height:1.15;min-height:36px}.circuit-item p{font-size:8px;min-height:26px}.circuit-item small{font-size:8px;margin-top:13px}.daily-bottom{flex-wrap:wrap;gap:8px}.daily-bottom p{font-size:10px;margin:0}.daily-bottom .button{font-size:10px;min-height:43px;margin-top:5px}.daily-note{font-size:7px;margin-top:17px}.side-note{padding:20px;position:relative}.note-icon{position:absolute;right:25px;top:25px;margin:0}.side-note h3{font-size:22px;margin-top:16px}.side-note p{max-width:400px;font-size:11px}.recent{margin-top:17px;padding-top:15px}.library-section{padding-bottom:40px}.library-toolbar{margin-block:20px}.filters{gap:5px}.filters button{font-size:9px;padding:8px 11px;min-height:36px}.search{width:100%;padding-block:7px}.search input{width:100%;min-height:24px}.game-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-art{height:130px}.game-art .edition{font-size:5px;left:10px;top:10px;letter-spacing:.7px}.game-art .art-num{font-size:8px;right:10px;bottom:9px}.favorite{width:30px;height:30px;right:8px;top:8px;font-size:18px}.art-dial .mini-dial{width:78px;height:78px;border-width:10px;font-size:18px}.mini-dial:after{height:12px;width:3px}.pipe-art{font-size:32px;letter-spacing:5px}.art-pulse{gap:6px}.art-pulse i{width:23px;height:85px}.art-pulse i:after{height:15px;left:2px;right:2px}.art-pulse i:nth-child(3):after{top:40px}.art-pulse i:nth-child(4):after{top:58px}.art-pulse i:nth-child(5):after{top:28px}.lane-art{width:98px;height:190px;gap:8px}.lane-art b{font-size:28px;top:64px;left:34px}.lane-art em{font-size:24px;top:121px}.art-echo{gap:5px}.art-echo i{width:30px;height:38px;font-size:13px;border-bottom-width:3px}.flower-art{font-size:53px;letter-spacing:-12px}.flower-art span{font-size:74px}.flower-art b{font-size:41px}.game-copy{padding:13px}.game-meta{font-size:6px;letter-spacing:.6px;line-height:1.5}.game-copy h3{font-size:20px;margin-block:8px}.game-copy h3 span{font-size:15px}.game-copy p{font-size:10px;line-height:1.7;min-height:51px;margin-bottom:12px}.game-foot{flex-wrap:wrap;gap:7px;font-size:7px;padding-top:11px}.signal-layout{grid-template-columns:1fr;gap:25px;padding-block:35px}.signal-visual{height:250px;width:min(400px,100%);margin:auto}.signal-orbit{width:230px;height:230px;margin:10px auto}.signal-orbit:after{width:165px;height:165px;margin:31px}.signal-bubble{padding:13px}.bubble-one{top:14px;left:0}.bubble-two{bottom:13px;right:0}.signal-bubble p{font-size:10px!important}.signal-bubble>span{font-size:23px;margin-right:10px}.signal-bubble small{font-size:5px!important}.signal-key{width:100px;height:100px;border-radius:15px}.signal-key b{font-size:55px}.signal-layout h2{font-size:38px;margin-top:13px}.signal-layout p:not(.eyebrow){font-size:13px}.signal-layout .actions{gap:20px}.signal-layout small{font-size:7px;margin-top:17px}.passport-section{grid-template-columns:1fr;gap:28px;padding-block:43px}.passport-intro h2{font-size:34px}.passport-intro>p:not(.eyebrow){font-size:12px}.passport-intro .button{font-size:10px;gap:10px;padding:12px}.passport-intro label{font-size:9px}.passport-card{padding:22px;transform:none;box-shadow:5px 5px 0 #e7e9da}.passport-person{gap:14px;margin-block:20px}.passport-person h3{font-size:24px}.passport-symbol{width:67px;height:67px;font-size:48px}.passport-top{font-size:5px;letter-spacing:.9px}.passport-stats b{font-size:24px}.passport-stats span{font-size:7px}.stamps{gap:6px}.stamp{font-size:5px}.stamp i{width:35px;height:35px;font-size:21px}.passport-bottom{font-size:6px;letter-spacing:.7px}.more-section{padding-block:0 40px}.more-grid{grid-template-columns:1fr;gap:12px}.more-card{padding:22px;position:relative}.more-symbol{position:absolute;right:23px;top:42px;font-size:37px;margin:0}.more-card h3{font-size:23px;max-width:75%;margin-top:22px}.more-card p{max-width:78%;font-size:11px;margin-bottom:15px}.more-card .eyebrow{font-size:7px}footer{gap:22px;padding-block:27px}footer nav{gap:20px;font-size:9px;flex-basis:100%}.footer-note{font-size:6px}.eyebrow{font-size:8px;letter-spacing:1.4px}.library-count{font-size:9px}.section-heading .library-count{margin-top:0}.text-link{font-size:10px}.button{font-size:11px}#toast{font-size:11px}}
@media(max-width:370px){.wrap{width:calc(100% - 28px)}.hero .actions{gap:18px}.hero h1{font-size:42px;letter-spacing:-2.2px}.hero-note{font-size:5px}.card-dial{left:8%}.card-pads{right:1%;width:208px}.art-sticker{right:0}.game-copy{padding:11px}.game-copy h3{font-size:17px}.game-art{height:115px}.game-copy p{font-size:9px}.art-echo{gap:4px}.art-echo i{width:25px;height:34px}.circuit-item h3{font-size:14px}.circuit-item p{font-size:7px}.circuit-item small{font-size:7px}.daily-main{padding:15px}.passport-card{padding:18px}.stamps{gap:4px}.stamp i{width:31px;height:31px;font-size:19px}.passport-person h3{font-size:22px}.passport-intro form>div{gap:6px}.passport-intro input{font-size:11px;padding:10px}.passport-intro .button{font-size:9px;padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Supporting information stays readable when the layout becomes compact. */
.hero-note,.daily-note,.passport-intro .privacy-note{font-size:10px!important;letter-spacing:.3px}.game-meta{font-size:10px}.game-foot{font-size:11px}.passport-top{font-size:9px;letter-spacing:.6px}.passport-person small{font-size:9px}.passport-person p{font-size:11px}.passport-bottom{font-size:9px}.circuit-item-top{font-size:10px}.circuit-item p,.circuit-item small{font-size:11px}.pill{font-size:9px}.library-count,#circuit-count{font-size:12px}.data-actions button{font-size:11px}.signal-layout small{font-size:10px}.stamp i{flex-shrink:0}
@media(max-width:760px){.hero-note{line-height:1.8}.club-strip>div{font-size:10px}.section-description{font-size:12px}.filters button{font-size:11px;min-height:40px}.search input{font-size:13px;min-height:30px}.game-copy p{font-size:12px;min-height:62px}.game-meta{font-size:9px;line-height:1.6}.game-foot{font-size:10px;line-height:1.6}.game-art .edition{font-size:8px;letter-spacing:.3px;max-width:calc(100% - 53px)}.favorite{width:36px;height:36px}.circuit-item-top{font-size:8px;line-height:1.6;flex-wrap:wrap;gap:4px}.circuit-item p,.circuit-item small{font-size:10px}.circuit-item h3{min-height:38px}.daily-bottom p{font-size:12px}.stamps{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px}.stamp{font-size:10px;gap:7px}.stamp i{width:43px;height:43px;font-size:25px}.passport-stats span{font-size:10px;line-height:1.5}.passport-top{font-size:8px;line-height:1.6}.passport-bottom{font-size:9px;line-height:1.5}.passport-intro label{font-size:12px}.passport-intro input{font-size:13px}.passport-intro .button{font-size:11px}.header-inner nav{font-size:11px}.passport-link{font-size:10px}.hero .text-link,.side-note .text-link{font-size:12px}.signal-layout .actions .text-link{font-size:12px}.more-card p{font-size:12px}.more-card .text-link{font-size:12px}footer p,footer nav{font-size:11px}}