/* Golden-hour clubhouse homepage. Independent document styles; game and tool styles remain in style.css. */
:root {
  color-scheme: light;
  --paper:#faf8ef; --white:#fffef9; --ink:#203d31; --muted:#546659;
  --violet:#6237a4; --violet-deep:#4b2688; --line:#dcded2;
  --meadow:#eff3e4; --night:#193c30; --gold:#f3ce74;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Noto Sans JP","Noto Sans SC",sans-serif;
  font-family:var(--font); color:var(--ink); background:var(--paper);
  scroll-padding-top:100px;
}
*{box-sizing:border-box} body{margin:0} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;cursor:pointer} img{display:block;max-width:100%;height:auto} svg{display:block} [hidden]{display:none!important}
a,button,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--violet);outline-offset:5px;box-shadow:0 0 0 3px var(--paper)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:8px;left:8px;z-index:20;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--white);border-radius:12px}.skip:focus{width:auto;height:auto;padding:12px 24px;overflow:visible;clip-path:none}
.review-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e9eddf;padding:8px 4.6%;font-size:10px;font-weight:700;letter-spacing:1.1px;color:#48604e}
.review-strip b{margin-left:18px;font-size:9px;padding:3px 7px;border:1px solid #bbc6ac;border-radius:4px}.review-strip a{letter-spacing:0;text-decoration:underline;text-underline-offset:3px;font-size:11px;min-height:24px;display:flex;align-items:center;gap:7px}
.site-header{height:90px;padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--paper);position:relative;z-index:6;border-bottom:1px solid #d9ddce}
.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand img{width:45px;height:45px;object-fit:contain}.brand>span{font-size:16px;line-height:1.1;font-weight:850;letter-spacing:-.5px}.brand b{color:var(--violet)}.brand small{display:block;font-size:8px;letter-spacing:1.5px;font-weight:650;margin-top:6px;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:31px;font-weight:650;font-size:13px}.main-nav a{padding:15px 0;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:2px;background:var(--violet);transition:right .18s}.main-nav a:hover:after{right:0}
.header-actions{display:flex;gap:14px;align-items:center}.token-link{border:1px solid #b5c2af;border-radius:8px;padding:12px 17px;min-height:44px;font-size:12px;font-weight:700;display:flex;gap:20px;align-items:center}.token-link:hover{background:#e9eddf}
.menu-toggle{display:none;border:1px solid var(--line);padding:10px 12px;border-radius:8px;background:var(--white);min-height:44px}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:16px 24px;box-shadow:0 10px 14px #203d3112;display:grid}.mobile-nav a{padding:14px;border-bottom:1px solid var(--line)}
.hero{position:relative;isolation:isolate;min-height:660px;height:min(56.28vw,840px);overflow:hidden;background:#dcebbf}
.hero-picture,.hero-picture img,.hero-wash{position:absolute;inset:0;width:100%;height:100%}.hero-picture{z-index:-3}.hero-picture img{object-fit:cover;object-position:60% 50%}
.hero-wash{z-index:-2;background:linear-gradient(90deg,rgba(250,248,239,.97) 0%,rgba(250,248,239,.90) 22%,rgba(250,248,239,.70) 34%,rgba(250,248,239,.08) 55%,transparent 68%)}
.hero-copy{position:relative;z-index:2;width:49%;padding:clamp(72px,7.5vw,135px) 0 120px 7%;max-width:720px}
.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.9px;font-weight:750;margin:0 0 21px;display:flex;align-items:center;gap:9px;color:#48644d}
.eyebrow svg{width:19px;height:19px;flex-shrink:0}
h1,h2,h3,p{margin-top:0} h1{font-size:clamp(56px,5.65vw,88px);line-height:1.015;letter-spacing:-4.5px;font-weight:850;margin-bottom:24px}
em{font-style:normal;color:var(--violet)}
.hero-intro{font-size:15px;line-height:1.8;color:#365343;max-width:370px;margin-bottom:25px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 21px;border-radius:10px;font-size:12px;line-height:1.2;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;border:1px solid transparent}
.button svg{width:17px;height:17px;margin-right:-9px}.button-primary{color:white;background:var(--violet);border-color:var(--violet-deep);box-shadow:0 3px 0 var(--violet-deep),0 7px 16px #44247b19}.button-primary:hover{background:var(--violet-deep);transform:translateY(-1px)}.button:active{transform:translateY(2px);box-shadow:none}
.button-paper{background:var(--white);border-color:#d0d9c5;color:var(--ink);box-shadow:0 3px 0 #ced6c2}.button-paper:hover{background:#f0f3e6;transform:translateY(-1px)}.button-outline{border-color:#aebfaa;background:transparent}.button-outline:hover{background:#f6f8ec}
.hero-note{margin:20px 0 0;display:flex;align-items:center;gap:8px;font-size:10px;color:#48604e}
.status-dot{width:6px;height:6px;display:inline-block;background:#4f8a4d;border-radius:50%;box-shadow:0 0 0 3px #6c9e6520;flex-shrink:0}
.scene-caption{position:absolute;right:5%;bottom:58px;display:flex;gap:12px;align-items:center;color:var(--white);text-shadow:0 1px 7px #1b351a;font-size:10px;font-weight:800;letter-spacing:2px;background:#203d3185;padding:12px 16px;border-radius:12px;backdrop-filter:blur(9px)}
.scene-caption>span:first-child{font-size:25px;font-weight:400;letter-spacing:0}.scene-caption small{font-size:10px;letter-spacing:.1px;display:block;margin-top:5px;font-weight:500}
.motion-control{position:absolute;right:5%;top:20px;z-index:4;border:1px solid #ffffff90;border-radius:20px;background:#fffdf1e8;padding:8px 12px;min-height:36px;font-size:10px;display:flex;gap:7px;align-items:center;box-shadow:0 2px 8px #203d3110}
.hero-wind{position:absolute;bottom:-14px;left:0;width:100%;height:97px;pointer-events:none;opacity:.8;z-index:1}.hero-wind svg{width:100%;height:100%}
.floating-leaves{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.leaf{position:absolute;width:24px;filter:drop-shadow(0 3px 4px #294b2420);animation:drift 15s ease-in-out infinite}.leaf-one{top:28%;left:48%;--dx:50px;--dy:110px;--rot:70deg}.leaf-two{top:67%;left:89%;width:17px;animation-delay:-8s;--dx:-42px;--dy:50px;--rot:-50deg}
@keyframes drift{0%,100%{transform:translate(0,0) rotate(-15deg);opacity:.45}45%{opacity:.9}65%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:.8}}
.welcome-line{display:flex;align-items:center;gap:26px;padding:24px 7%;border-bottom:1px solid var(--line)}.welcome-line>span:first-child{font-size:9px;font-weight:800;letter-spacing:1.7px;white-space:nowrap}.welcome-line .line{height:1px;width:55px;background:#abb998}.welcome-line p{font-size:12px;margin:0;color:var(--muted)}.welcome-line>span:last-child{margin-left:auto;font-size:23px;color:#768c51}
.section{max-width:1290px;margin:0 auto;padding:84px 52px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:5px}
h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-1.7px;font-weight:800}h3{font-size:23px;letter-spacing:-.7px;line-height:1.2}
.activities-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}.activity{min-width:0}.activity-image{height:260px;position:relative;display:block;overflow:hidden;border-radius:18px;background:#e9eacb}.activity-image:focus-visible{outline-offset:3px}
.game-image>img{height:100%;width:100%;object-fit:cover;object-position:45%;transition:transform .3s}.game-image:hover>img{transform:scale(1.025)}
.image-label{position:absolute;top:16px;left:16px;z-index:2;font-size:8px;line-height:1.2;letter-spacing:1.4px;font-weight:750;background:#fffef0ed;border:1px solid #ffffff70;padding:8px 10px;border-radius:5px;color:#34563d}
.play-round{display:grid;place-items:center;position:absolute;bottom:18px;right:18px;background:var(--white);border-radius:50%;width:43px;height:43px;color:var(--violet);font-size:15px;padding-left:3px;box-shadow:0 4px 15px #203d3124}
.activity-copy{padding:22px 3px 0}.index{font-size:9px;letter-spacing:1.6px;color:#667b59;font-weight:750}.activity-copy h3{margin:10px 0 12px}.activity-copy p{font-size:12px;line-height:1.8;color:var(--muted);max-width:320px;margin-bottom:19px;min-height:65px}
.text-link{display:inline-flex;gap:25px;align-items:center;font-size:12px;font-weight:750;padding:8px 0;min-height:40px;border-bottom:1px solid #829976}.text-link:hover{color:var(--violet);border-color:var(--violet)}
.pfp-image{background:radial-gradient(ellipse at 50% 44%,#fff7ec 0 35%,transparent 36%),#e9e2f1;overflow:hidden}
.pfp-preview{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:208px;height:208px}.pfp-preview img{height:100%;width:100%;object-fit:contain}
.pose-picker{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:5px;background:#fffaf3f5;border-radius:30px;box-shadow:0 3px 12px #50307914}
.pose-button{padding:2px;width:44px;height:44px;background:#f0ede3;border:2px solid transparent;border-radius:50%}.pose-button img{width:100%;height:100%;object-fit:contain}.pose-button[aria-pressed=true]{border-color:var(--violet);background:#e4d5f3}
.collection-image{background:#e3eada}.mini-card{position:absolute;top:58px;width:125px;height:187px;object-fit:cover;border:5px solid #fffdf5;border-radius:7px;box-shadow:0 7px 13px #32422b27;transition:transform .25s}.card-left{left:14%;transform:rotate(-17deg)}.card-right{right:10%;transform:rotate(15deg)}.card-middle{left:calc(50% - 62px);top:47px;transform:rotate(-3deg)}.collection-image:hover .card-middle{transform:translateY(-6px) rotate(0)}.browse-note{display:block;font-size:9px;color:var(--muted);margin-top:9px;line-height:1.5}
.daily-section{max-width:1186px;padding:0;margin:12px auto 70px;background:var(--night);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:43% 57%;color:var(--paper)}
.daily-art{position:relative;min-height:360px;overflow:hidden}.daily-art>img{width:100%;height:100%;object-fit:cover}.daily-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#193c3055)}
.daily-tag{position:absolute;left:22px;bottom:22px;padding:10px 12px;border-radius:6px;background:#fff9e8;color:var(--ink);z-index:1;font-size:8px;font-weight:750;letter-spacing:1px;display:flex;align-items:center;gap:9px}
.daily-copy{padding:43px 48px}.daily-copy .eyebrow{color:#d5dfb9;font-size:9px;flex-wrap:wrap;gap:14px}.daily-copy h2{font-size:31px;letter-spacing:-1px;margin-bottom:17px}.daily-copy p:not(.eyebrow){font-size:12px;line-height:1.9;color:#d6e1d5;max-width:400px}.daily-copy .button{font-size:11px;min-height:44px}.daily-copy small{display:block;font-size:9px;color:#c4d5c5;line-height:1.6;margin-top:14px}
.world-section{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.world-story>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:410px}.world-story h2{margin-bottom:23px}
.development-note{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;display:flex;gap:18px;align-items:flex-start}.development-note>span{font-size:8px;letter-spacing:1px;font-weight:750;white-space:nowrap;padding:7px 9px;background:#e9eddf;border-radius:4px}.development-note p{font-size:11px;line-height:1.8;margin:0;color:var(--muted)}.development-note b{color:var(--ink)}
.story-art{height:410px;position:relative;display:flex;justify-content:center;align-items:center;border-radius:50% 50% 12px 12px;background:#e8eddd;isolation:isolate;overflow:hidden}.story-art>img{height:400px;width:267px;object-fit:cover;transform:rotate(6deg);border:8px solid #fffdf6;border-radius:12px;box-shadow:0 10px 30px #324d3530}.art-caption{position:absolute;left:8%;bottom:25px;right:8%;background:#fffdf3f2;border:1px solid #f0efdb;border-radius:9px;padding:15px 12px;text-align:center;box-shadow:0 3px 12px #203d3112;font-size:14px;font-weight:700}.art-caption small{display:block;font-size:7px;letter-spacing:1.2px;color:var(--muted);margin-top:8px}
.community-section{background:#eaf0df;border-block:1px solid #dce5ce;padding:0 24px 65px;margin-top:15px;overflow:hidden}.community-inner{max-width:850px;margin:auto;text-align:center}.community-inner>.eyebrow{justify-content:center;margin-top:14px;margin-bottom:17px}.community-inner h2{font-size:40px;line-height:1.1}.community-inner>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.community-actions{display:flex;justify-content:center;gap:12px;margin:25px 0 17px}.quiet-link{font-size:10px;color:#526d4d;display:inline-block;min-height:24px;padding:5px}
.stroll-track{height:138px;position:relative;max-width:440px;margin:12px auto 0;border-bottom:1px solid #b8c99f}.stroll-track:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:5px;border-radius:50%;background:#cad8b4;z-index:0}
.stroll-cat{position:absolute;bottom:0;left:0;padding:0;border:none;background:none;width:84px;height:112px;z-index:2;will-change:transform;touch-action:manipulation}.stroll-cat:after{content:"";position:absolute;width:48px;height:7px;left:18px;bottom:1px;border-radius:50%;background:#5b76492a;z-index:-1}
.stroll-art{position:relative;display:block;width:84px;height:112px}.idle-cat{width:84px;height:112px;object-fit:contain}.walk-window{position:absolute;inset:0;overflow:hidden}.walk-window img{position:absolute;width:336px;height:224px;max-width:none;will-change:transform}.cat-message{position:absolute;right:0;top:33px;font-size:10px;padding:10px 13px;background:var(--white);border:1px solid #ceddbd;border-radius:12px 12px 12px 0;color:#46613e}
.essentials{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-top:70px;padding-bottom:70px}.essentials h2{margin-bottom:16px}.essentials>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:370px}
.questions{padding-top:5px}.questions details{border-bottom:1px solid var(--line)}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:64px;font-size:13px;font-weight:700}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:19px;color:#728262;font-weight:400}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:12px;line-height:1.8;color:var(--muted);padding:0 25px 12px 0}.questions p a{text-decoration:underline}
.site-footer{padding:34px 7% 22px;border-top:1px solid var(--line);background:#f0f1e7}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap;font-size:11px}.footer-top nav a{padding:12px 0;min-height:40px}
.disclaimer{font-size:10px;line-height:1.9;color:#536651;max-width:1180px;margin:28px 0 23px}.disclaimer strong{font-size:8px;letter-spacing:1px;margin-right:8px}.footer-fine{display:flex;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid #d9dfce;font-size:9px;color:#536651;flex-wrap:wrap}.footer-fine a{text-decoration:underline;text-underline-offset:3px}
html[data-motion=off] .leaf{animation:none}
html[data-page-hidden=true] .leaf,html[data-hero-visible=false] .leaf{animation-play-state:paused}
/* Body copy remains comfortably readable alongside the large illustrated compositions. */
.main-nav{font-size:14px}
.hero-intro{font-size:16px}
.hero-note{font-size:12px}
.button{font-size:13px}
.section-heading>p,.activity-copy p,.daily-copy p:not(.eyebrow),.community-inner>p:not(.eyebrow),.essentials>div>p:not(.eyebrow){font-size:15px}
.activity-copy p{min-height:81px}
.text-link,.questions summary{font-size:14px}
.questions p,.development-note p{font-size:13px}
.browse-note,.daily-copy small,.quiet-link{font-size:11px}
.footer-top nav{font-size:12px}
.disclaimer{font-size:11px}
@media(min-width:1600px){.hero-copy{padding-top:120px}.hero-picture img{object-position:50% 56%}}
@media(max-width:1100px){
  .main-nav{gap:22px}.site-header{padding-inline:4%;gap:15px}.brand>span{font-size:14px}.brand small{font-size:7px}.hero{min-height:630px}.hero-copy{padding:93px 0 100px 6%;width:52%}h1{font-size:64px;letter-spacing:-3.5px}.hero-intro{font-size:13px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-wash{background:linear-gradient(90deg,#faf8eff7 0%,#faf8efe6 25%,#faf8ef9e 40%,transparent 67%)}.section{padding:65px 35px}.activities-grid{gap:19px}.activity-image{height:235px}.activity-copy h3{font-size:20px}.daily-section{margin:0 35px 55px}.daily-copy{padding:35px}.daily-copy h2{font-size:27px}.world-section{gap:55px}.story-art{height:365px}.story-art>img{height:355px;width:237px}.essentials{gap:50px}.footer-top{align-items:flex-start}.footer-top nav{gap:15px}
}
@media(max-width:850px){
  .main-nav{display:none}.menu-toggle{display:flex;align-items:center;gap:13px;font-size:12px}.site-header{height:78px}.hero{min-height:570px}.hero-copy{width:55%;padding-top:75px}h1{font-size:57px;letter-spacing:-3px}.hero-actions{gap:9px}.hero-actions .button{padding:14px 15px;font-size:11px}.hero-intro{font-size:12px}.hero-picture img{object-position:65% 50%}.scene-caption{right:3%;bottom:40px;font-size:8px}.section-heading>p{max-width:220px}.activities-grid{grid-template-columns:1fr 1fr}.activity-cards{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:26px}.activity-cards .activity-copy{padding-top:15px}.activity-image{height:260px}.daily-section{grid-template-columns:40% 60%}.daily-copy{padding:30px}.daily-copy h2{font-size:25px}.world-section{gap:35px}.world-story h2{font-size:34px}.development-note{display:block}.development-note p{margin-top:12px}.community-inner h2{font-size:36px}.footer-top{flex-direction:column}
}
@media(max-width:700px){
  :root{scroll-padding-top:20px}.review-strip{padding:6px 5%;font-size:8px;letter-spacing:.8px;gap:8px}.review-extra{display:none}.review-strip b{font-size:7px;margin-left:8px;padding:2px 4px}.review-strip a{font-size:9px;max-width:95px;text-align:right;line-height:1.5;min-height:30px}
  .site-header{height:76px;padding:0 5%}.brand img{width:38px;height:38px}.brand>span{font-size:13px}.brand small{font-size:6.5px;letter-spacing:1.1px;margin-top:5px}.token-link{display:none}
  .hero{height:auto;min-height:0;padding-top:0;background:var(--paper);overflow:hidden;display:flex;flex-direction:column}
  .hero-copy{order:0;width:auto;max-width:none;padding:32px 7% 27px;z-index:2}
  .hero .eyebrow{font-size:8px;letter-spacing:1.15px;gap:7px;margin-bottom:17px}.eyebrow svg{width:16px;height:16px}
  h1{font-size:clamp(43px,12.1vw,57px);line-height:1.025;letter-spacing:-2.5px;margin-bottom:17px}h1 br:nth-of-type(2){display:none}h1 em:before{content:" "}
  .hero-intro{font-size:12px;line-height:1.8;max-width:320px;margin-bottom:19px}.desktop-break{display:none}
  .hero-actions{gap:10px}.hero-actions .button{min-height:46px;padding:13px 17px;font-size:11px}.hero-note{font-size:9px;margin-top:16px}
  .hero-picture{order:1;position:relative;inset:auto;z-index:-1;display:block;width:100%;height:auto;aspect-ratio:948/750;margin-top:-6px}.hero-picture img{position:relative;object-fit:cover;width:100%;height:100%}
  .hero-wash{height:auto;inset:auto 0 0;aspect-ratio:948/750;z-index:0;background:linear-gradient(180deg,var(--paper) 0,transparent 15%,transparent 88%,#faf8ef40 100%);pointer-events:none}
  .hero-wind{height:56px;bottom:-7px;opacity:.5}.scene-caption{bottom:24px;right:6%;font-size:7px;letter-spacing:1.4px;padding:9px 12px;border-radius:8px;z-index:2}.scene-caption small{font-size:8px}.scene-caption>span:first-child{font-size:18px}
  .motion-control{top:auto;bottom:24px;right:auto;left:6%;font-size:8px;min-height:34px;background:#fffdf1e8}.leaf-one{top:auto;bottom:24%;left:20%;width:17px}.leaf-two{top:auto;bottom:10%;left:90%;width:12px}
  .welcome-line{padding:17px 7%;gap:15px;flex-wrap:wrap}.welcome-line>span:first-child{font-size:8px;letter-spacing:1px}.welcome-line .line{width:23px}.welcome-line p{font-size:10px;flex-basis:calc(100% - 45px);order:2}.welcome-line>span:last-child{font-size:20px}
  .section{padding:48px 7%}.section-heading{display:block;margin-bottom:27px}.section-heading>p{max-width:100%;font-size:12px;margin:17px 0 0}.section-heading>p br{display:none}h2{font-size:33px;letter-spacing:-1.3px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:14px}
  .activities-grid{grid-template-columns:1fr;gap:33px}.activity-cards{grid-column:auto;display:block}.activity-image{height:auto;aspect-ratio:1.35}.activity-copy{padding-top:19px}.activity-copy h3{font-size:24px;margin-bottom:10px}.activity-copy p{font-size:12px;min-height:0;margin-bottom:10px;max-width:none}.text-link{font-size:12px}.index{font-size:8px}.browse-note{font-size:9px}
  .pfp-preview{top:18px;width:220px;height:220px}.mini-card{width:132px;height:198px;top:50px}.card-middle{left:calc(50% - 66px);top:39px}
  .daily-section{margin:0 7% 12px;display:flex;flex-direction:column;padding:0;border-radius:17px}.daily-art{min-height:0;height:210px}.daily-art>img{object-position:50% 50%}.daily-art:after{background:linear-gradient(0deg,#193c3060,transparent 45%)}.daily-tag{bottom:14px;left:16px;font-size:7px;padding:9px}.daily-copy{padding:28px 24px 30px}.daily-copy h2{font-size:28px;letter-spacing:-1px}.daily-copy h2 br{display:none}.daily-copy .eyebrow{font-size:8px;gap:9px}.daily-copy p:not(.eyebrow){font-size:12px}.daily-copy small{font-size:9px}
  .world-section{display:flex;flex-direction:column;gap:30px;padding-top:43px}.world-story h2{font-size:34px}.world-story>p:not(.eyebrow){font-size:13px}.development-note{margin-top:22px;padding-top:19px}.development-note p{font-size:11px}.story-art{height:355px;width:100%}
  .community-section{margin-top:0;padding-inline:7%;padding-bottom:45px}.community-inner>.eyebrow{font-size:8px;letter-spacing:1px}.community-inner h2{font-size:31px;letter-spacing:-1.2px}.community-inner>p:not(.eyebrow){font-size:12px}.community-actions{gap:8px}.community-actions .button{font-size:10px;padding:14px 14px;gap:11px}.quiet-link{font-size:9px}.stroll-track{height:135px;max-width:350px}.cat-message{font-size:9px;padding:9px 10px}
  .essentials{display:block;padding-top:44px;padding-bottom:44px}.essentials>div>p:not(.eyebrow){font-size:12px}.questions{margin-top:20px}.questions summary{font-size:12px;min-height:62px}.questions p{font-size:11px}
  .site-footer{padding:28px 7% 22px}.footer-top{gap:20px}.footer-top nav{gap:5px 20px;font-size:10px}.disclaimer{font-size:9px;line-height:1.9;margin:20px 0}.footer-fine{font-size:8px;gap:14px}
}
@media(max-width:370px){
  .brand>span{font-size:12px}.brand small{font-size:6px}.brand{gap:6px}.menu-toggle{font-size:11px;padding:10px}.hero-copy{padding-top:27px}.hero .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:43px}.hero-actions .button{padding:13px 14px}.hero-intro{font-size:11px}.community-actions{flex-wrap:wrap}.activity-image{aspect-ratio:1.25}
}
@media(max-width:700px){
  .hero-intro,.section-heading>p,.activity-copy p,.daily-copy p:not(.eyebrow),.world-story>p:not(.eyebrow),.community-inner>p:not(.eyebrow),.essentials>div>p:not(.eyebrow){font-size:14px}
  .hero-actions .button,.community-actions .button{font-size:12px}
  .hero-note{font-size:11px}.activity-copy p{min-height:0}
  .questions summary,.text-link{font-size:13px}.questions p,.development-note p{font-size:12px}
  .browse-note,.daily-copy small,.quiet-link{font-size:10px}.disclaimer{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* The greeting sits above the full travel lane, so walking never covers its text. */
.stroll-track{height:160px}
.cat-message{top:7px}
/* The homepage keeps the official mint and buy destination visible, sourced from the shared config. */
.hero-token-shortcut{display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center;margin-top:13px;min-height:32px;font-size:12px;font-weight:650;color:var(--ink)}
.hero-token-shortcut span{color:var(--violet);text-decoration:underline;text-underline-offset:4px}
.token-panel{padding:32px 4.6%;display:grid;grid-template-columns:minmax(225px,.9fr) minmax(360px,1.4fr) auto;gap:26px;align-items:center;border-block:1px solid #d9ddce;background:#f0f1e7;scroll-margin-top:20px}
.token-identity{display:flex;align-items:center;gap:12px;min-width:0}.token-identity>img{width:58px;height:58px;flex-shrink:0}
.token-identity .eyebrow{font-size:8px;letter-spacing:1.1px;margin:0 0 8px}
.token-identity h2{font-size:21px;letter-spacing:-.7px;margin:0;line-height:1.25}.token-identity h2 em{display:block;font-size:17px;letter-spacing:0;margin-top:4px}
.token-network{font-size:12px;color:var(--muted);margin:8px 0 0;display:flex;gap:8px}
.token-contract{min-width:0}.token-label{font-size:9px;font-weight:750;letter-spacing:1.3px;margin:0 0 9px}
.token-address-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center}
#token-address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.8;overflow-wrap:anywhere;user-select:all}
#token-copy{border:1px solid #b5c2af;background:var(--white);border-radius:8px;padding:10px 12px;font-size:12px;font-weight:700;min-height:44px;min-width:105px}
#token-copy:hover{border-color:var(--violet);color:var(--violet)}#token-copy:disabled{cursor:wait}
.token-check{font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0 0}
.token-address-row .copy-status{grid-column:1/-1;margin:6px 0 0;font-size:12px;color:var(--ink);line-height:1.5}.token-address-row .copy-status:empty{display:none}
.token-address-row .copy-manual{grid-column:1/-1;max-width:100%;width:100%;font:12px/1.7 ui-monospace,monospace;background:var(--white);color:var(--ink);border:1px solid var(--violet);border-radius:6px;margin-top:8px;padding:8px;resize:vertical}
.token-actions{display:grid;gap:10px}.token-actions .button{font-size:12px;gap:12px;white-space:nowrap}
.token-actions>div{display:flex;justify-content:space-between;gap:15px;font-size:11px}.token-actions>div a{min-height:30px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
@media(min-width:701px){.hero{min-height:740px}.hero-copy{padding-bottom:60px}}
@media(min-width:851px) and (max-width:1100px){.token-panel{grid-template-columns:1fr 1.5fr}.token-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:22px}.token-actions>div{gap:22px}}
@media(max-width:850px){.token-panel{grid-template-columns:1fr;gap:23px;padding:28px 7%}.token-identity h2 em{display:inline;margin-left:6px}.token-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.token-actions>div{flex-wrap:wrap;justify-content:flex-start}.hero-token-shortcut{font-size:11px}}
@media(max-width:700px){.hero-copy{padding-bottom:23px}.token-identity h2{font-size:22px}.token-panel{gap:22px}.token-actions{display:grid;grid-template-columns:1fr}.token-actions .button{font-size:13px;min-height:48px}.token-actions>div{justify-content:center;gap:26px}.token-actions>div a{min-height:40px;font-size:12px}#token-address{font-size:12px}.token-address-row{grid-template-columns:minmax(0,1fr)}#token-copy{justify-self:start;margin-top:10px}.hero-token-shortcut{margin-top:9px;min-height:32px}}

/* Keep the whole illustrated character in frame at every breakpoint. */
.daily-art{min-height:0;align-self:stretch;background:#e1edc2;display:flex;align-items:center}
.daily-art>img{height:auto;aspect-ratio:1;object-fit:contain}
.daily-copy{align-self:center}
@media(max-width:700px){.daily-art{height:auto;width:100%;aspect-ratio:1}.daily-tag{bottom:14px}.daily-copy{padding-top:30px}.motion-control{min-height:44px}.pose-button{min-width:44px;min-height:44px}}

/* Editorial labels remain legible on small screens; artwork keeps its breathing room. */
.daily-copy small,.browse-note,.quiet-link{font-size:12px;line-height:1.7}
.questions p{font-size:14px}
@media(max-width:700px){.daily-copy small,.browse-note,.quiet-link,.footer-top nav,.disclaimer{font-size:12px}.daily-tag{font-size:10px;letter-spacing:.6px}.image-label{font-size:10px}.cat-message{font-size:12px}.hero-token-shortcut{font-size:12px}}

/* Full addresses remain readable without JavaScript and wrap within the FAQ. */
.questions code{overflow-wrap:anywhere;font-size:.9em}