:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20382f;--muted:#5d7064;--paper:#f8f7ef;--line:#ccd7c9;--accent:#dc744e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #a44727}.site-header,.site-footer,.home,.detail{max-width:1280px;margin:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 48px;display:flex}.brand{letter-spacing:-1.3px;font-size:26px;font-weight:800;text-decoration:none}.brand span{font-weight:400}.brand i{color:var(--accent);font-style:normal}.header-link{font-size:13px;font-weight:700;text-decoration:none}.header-link span{color:var(--accent);margin-left:10px}.home{padding:0 48px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:590px;display:grid}.hero-copy{padding:70px 0}.eyebrow{letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{letter-spacing:-.05em;margin:25px 0;font-size:clamp(56px,6.3vw,88px);line-height:1.04}h1 em{color:#71927b;font-weight:400}.intro{color:#52675b;max-width:480px;font-size:18px;line-height:1.65}.text-link,.card-action{border-bottom:1px solid var(--ink);margin-top:20px;padding-bottom:9px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.text-link span{margin-left:20px}.hero-art{background:#e0eadd;border-radius:48% 52% 46% 54%/51% 43% 57% 49%;justify-self:end;width:100%;max-width:500px;height:390px;position:relative;overflow:hidden}.art-orbit{border:1px solid #b7cdb9;border-radius:50%;position:absolute;inset:40px 45px;transform:rotate(-25deg)}.orbit-two{inset:75px 10px;transform:rotate(25deg)}.art-sun{color:#cc6e4a;font-size:72px;position:absolute;top:20%;left:43%}.art-pebble{border-radius:46% 54% 56% 44%;display:block;position:absolute}.pebble-one{background:#f0c8a6;width:145px;height:165px;top:40%;left:25%;transform:rotate(25deg)}.pebble-two{background:#edcf7d;width:128px;height:116px;top:49%;left:52%;transform:rotate(-20deg)}.pebble-three{background:#88ad91;width:55px;height:55px;top:26%;left:67%}.art-caption{letter-spacing:.13em;color:#536d5b;font-size:9px;line-height:1.5;position:absolute;bottom:35px;right:45px}.shelf{border-top:1px solid var(--line);padding:54px 0 70px;scroll-margin-top:20px}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:14px 0 0;font-size:clamp(33px,4vw,48px)}.section-count{letter-spacing:.13em;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.empty-shelf,.featured-card{background:#e1ebde;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin-top:32px;padding:36px;display:flex}.empty-shelf p{max-width:420px;margin:0;line-height:1.7}.mini-pebbles{gap:10px;display:flex}.mini-pebbles span{background:#efbd9b;border-radius:44% 56% 55% 45%;place-items:center;width:65px;height:65px;font-size:25px;display:grid}.mini-pebbles span:nth-child(2){background:#f0d78f}.mini-pebbles span:nth-child(3){background:#a6c2a9}.featured-card{min-height:230px;text-decoration:none}.featured-card h3{margin:15px 0;font-size:42px}.featured-card p:not(.eyebrow){max-width:500px;line-height:1.6}.card-symbol{color:#cb7954;font-size:110px}.game-list a{border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 4px;text-decoration:none;display:flex}.game-list small{color:var(--muted);margin-top:6px;display:block}.categories{color:var(--muted);margin:25px 0 0;font-size:13px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:30px;padding:45px 0 65px;display:grid}.about>p:last-child{max-width:600px;font:28px/1.4 Georgia,serif}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;padding:25px 48px;font-size:13px;display:flex}.detail{padding:55px 48px 80px}.back-link{margin-bottom:45px;font-size:13px;font-weight:700;display:inline-block}.detail h1{margin:15px 0;font-size:clamp(48px,6vw,76px)}.game-frame{max-width:960px;margin:45px 0}.frame-toolbar{color:#fff;background:#293e34;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;font-size:14px;display:flex}.frame-toolbar small{color:#d1ded3}.frame-toolbar a{white-space:nowrap}.frame-window{background:#e1ebde;min-height:520px;position:relative}.frame-window iframe{border:0;width:100%;height:clamp(520px,75vh,720px);display:block}.frame-message{background:#e1ebde;place-items:center;display:grid;position:absolute;inset:0}.frame-help{background:#edf2e9;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.frame-help p{margin:0;font-size:14px;line-height:1.5}.frame-help button{color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #66806d;border-radius:5px;min-height:44px;padding:10px 14px}.detail-content{max-width:720px}.detail-content section{border-bottom:1px solid var(--line);padding:25px 0}.detail-content h2{font-size:30px}.detail-content h3{font-size:21px}.detail-content p,.prose{white-space:pre-wrap;line-height:1.7}.detail-content a{overflow-wrap:anywhere}@media (max-width:700px){.site-header{padding:22px 20px}.home{padding:0 20px}.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:65px 0 30px}.hero-art{justify-self:center;max-width:360px;height:265px;margin-bottom:45px}.art-sun{font-size:50px}.pebble-one{width:100px;height:120px}.pebble-two{width:90px;height:80px}.pebble-three{width:40px;height:40px}.art-caption{bottom:26px;right:30px}.shelf{padding:45px 0}.empty-shelf,.featured-card{flex-direction:column;align-items:flex-start;padding:26px}.featured-card{gap:10px}.card-symbol{font-size:70px}.mini-pebbles span{width:50px;height:50px;font-size:20px}.about{grid-template-columns:1fr;gap:10px;padding:35px 0}.about>p:last-child{font-size:24px}.site-footer{flex-wrap:wrap;padding:22px 20px}.detail{padding:40px 20px 60px}.back-link{margin-bottom:35px}.frame-toolbar,.frame-help{flex-direction:column;align-items:flex-start}.frame-window iframe{height:720px;min-height:500px;max-height:80vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mode-tabs{gap:10px;margin-top:36px;display:flex}.mode-tabs button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #708a77;border-radius:30px;padding:10px 22px;font-weight:700}.mode-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.mode-description,.source-label{color:var(--muted);margin:18px 0;line-height:1.6}.mode-empty{background:#e1ebde;border-radius:12px;margin:25px 0;padding:30px;line-height:1.6}
