:root{--paper:#f4f0e7;--ink:#17252a;--muted:#5c6665;--line:#d5d6cc;--orange:#dc6644;--green:#234f43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit}img{display:block;width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e17644;outline-offset:5px}.skip{position:absolute;top:-100px;left:12px;padding:10px;background:#fff;z-index:100}.skip:focus{top:10px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 5.4%;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.11em;display:flex;align-items:center;gap:11px}.brand-mark{font-size:28px;color:var(--orange)}.edition{font-weight:400;border-left:1px solid #bfc5ba;padding-left:12px}.site-header nav{display:flex;gap:26px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.hero{padding:80px 7% 76px;display:grid;grid-template-columns:1.4fr .6fr;gap:10%;align-items:center;max-width:1600px;margin:auto}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04}h1{font-size:clamp(58px,7.1vw,112px);letter-spacing:-.065em;margin-bottom:28px}h1 em{color:var(--green);font-weight:400}h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.045em;margin-bottom:24px}h3{font-size:36px;letter-spacing:-.03em}.lede{max-width:640px;font-size:20px;line-height:1.6;color:#4e5b59;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--ink);border-radius:3px;padding:12px 19px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;background:transparent;color:var(--ink)}.button:hover{background:#e6e6dc}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--green)}.hero-note{padding:30px 0 10px;border-top:1px solid var(--ink);align-self:end}.hero-note .star{font-size:78px;line-height:1;color:var(--orange);display:block;margin-bottom:22px}.hero-note p{font-family:Georgia,serif;font-size:28px;line-height:1.3;margin-bottom:14px}.hero-note>span:not(.star){font-size:12px;font-weight:bold;letter-spacing:.06em}.hero-note small{display:block;margin-top:22px;color:var(--muted);font-size:12px}.collection{padding:0 5.4% 85px;max-width:1600px;margin:auto}.section-heading{margin-bottom:36px}.section-heading h2{margin-bottom:14px}.section-heading>p:last-child{color:var(--muted);max-width:600px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.game-card{position:relative;text-decoration:none;display:block}.game-card .art-wrap{overflow:hidden;background:#d4d8c8;border-radius:5px;box-shadow:0 6px 18px #17252a12}.game-card img{aspect-ratio:1672/941;object-fit:cover;transition:transform .35s}.game-card:hover img{transform:scale(1.025)}.game-card .card-bottom{display:flex;justify-content:space-between;padding:14px 1px;gap:20px}.card-bottom h3{font-family:Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:0;margin:0 0 3px}.card-bottom p{font-size:13px;color:var(--muted);margin:0}.card-arrow{font-size:25px;line-height:1.4}.making{background:#e1e7dc;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:0 9%;border-top:1px solid #ccd5c6;border-bottom:1px solid #ccd5c6}.making>.kicker{grid-column:1/-1}.making h2{margin-bottom:0}.making-copy{max-width:660px;color:#43554b}.making-copy p:last-child{font-size:14px;color:#5d6c62}.game-detail{max-width:1600px;margin:auto;padding:80px 7%;border-bottom:1px solid var(--line);scroll-margin-top:15px}.detail-top{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.detail-top>img{border-radius:4px;box-shadow:0 9px 32px #17252a15}.detail-copy h2{font-size:clamp(38px,4vw,64px);margin-bottom:14px}.detail-copy .pitch{font-family:Georgia,serif;font-size:25px;line-height:1.25}.detail-copy .description{font-size:15px;color:var(--muted)}.facts{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin:22px 0}.facts span{border:1px solid #bec7bc;border-radius:2px;padding:5px 8px}.media-actions{display:flex;gap:10px;flex-wrap:wrap}.media-actions button{padding:10px 13px;font-size:13px}.evolution-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px;border-top:1px solid #c7cebf;padding-top:25px}.evolution-step{position:relative}.evolution-step .step-num{display:block;color:var(--accent);font-size:12px;font-weight:bold;letter-spacing:.1em;margin-bottom:7px}.evolution-step h3{font-family:Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:0;margin-bottom:8px}.evolution-step p{font-size:14px;color:var(--muted);margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.gallery figure{margin:0}.gallery button{display:block;padding:0;border:1px solid #c8cfc4;border-radius:3px;cursor:zoom-in;width:100%;background:#dce3d5}.gallery img{aspect-ratio:16/9;object-fit:contain;background:#19201f}.gallery figcaption{font-size:12px;color:var(--muted);padding-top:9px}.caption{color:var(--muted);font-size:14px}.ending-details{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.ending-details summary{cursor:pointer;font-size:14px;font-weight:bold;list-style:revert}.ending-details .spoiler-content{padding-top:15px}.ending-details p{font-size:13px;max-width:680px}.launch-panel{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.launch-panel h3{font:700 15px Arial;margin-bottom:8px}.launch-panel p{font-size:13px;color:var(--muted);max-width:780px;margin-bottom:10px}.path-row{display:flex;gap:8px;align-items:center;margin:10px 0}.path-text{overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:12px;background:#e9eae1;padding:10px 12px;flex:1;border-radius:3px}.copy-button{border:1px solid #c2c9bd;background:transparent;padding:10px;font-size:12px;cursor:pointer;min-width:85px}.copy-status{min-height:20px;font-size:12px;color:var(--green)}.bells{background:#182e2d;color:#f1eee1;padding:80px 7%}.bells .section-heading>p:last-child,.bells .caption,.bells .fineprint{color:#b9c7bd}.bell-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.bell-grid article{border-top:1px solid #667b70;padding-top:22px}.bell-grid h3{margin:8px 0 20px}.bell-number{font-family:Georgia,serif;font-size:15px;color:#d7bd78}.bell-grid p{font-size:16px;max-width:530px}.fineprint{font-size:12px;margin-top:30px;max-width:900px}.bells .gallery{margin-top:30px}.bells .gallery figcaption{color:#bcc9bf}.bells .button{color:#f1eee1;border-color:#91a299}.bells .button:hover{background:#2c4842}.closing{text-align:center;padding:85px 7%}.closing h2{font-size:clamp(52px,7vw,100px);color:var(--green)}.closing p:not(.kicker){max-width:600px;margin:0 auto 28px;color:var(--muted)}.closing a{font-size:14px}footer{padding:25px 7%;border-top:1px solid var(--line);display:flex;gap:60px;justify-content:space-between;color:var(--muted);font-size:11px}footer p{max-width:530px;margin:0}dialog{background:#f5f2e9;border:0;border-radius:8px;padding:24px;max-width:min(1100px,95vw);width:100%;max-height:94vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#071b1ce3}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-top h2{font:400 25px Georgia;margin:0}.dialog-top button{background:transparent;border:1px solid #b9c3b6;border-radius:3px;padding:7px 14px;cursor:pointer;font-size:13px}#media-content video,#media-content img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#102220}#media-caption{font-size:13px;color:var(--muted);margin:12px 0 0}.web-frame{width:100%;height:650px;border:0;background:#142526}@media(max-width:900px){.hero{gap:6%;grid-template-columns:1.25fr .75fr;padding:60px 6%}.hero-note p{font-size:23px}.detail-top{grid-template-columns:1fr;gap:28px}.detail-copy{max-width:700px}.game-detail{padding:60px 6%}.detail-top>img{max-width:850px}.gallery{gap:12px}.site-header{padding:20px 5%}.site-header nav{gap:15px}.edition{display:none}.making{padding:55px 6%;gap:5%}.bell-grid{gap:30px}}@media(max-width:600px){body{font-size:16px}.site-header{display:block;padding:16px 6%}.site-header nav{margin-top:12px;font-size:12px;gap:23px}.brand{font-size:11px}.brand-mark{font-size:21px}.hero{display:block;padding:42px 6%}.hero h1{font-size:58px}.lede{font-size:17px}.hero-note{margin-top:35px;padding:20px 0 0;display:grid;grid-template-columns:45px 1fr;gap:0 13px}.hero-note .star{font-size:44px;grid-row:1/4;margin:0}.hero-note p{font-size:22px;margin:0 0 9px}.hero-note small{margin-top:12px}.hero-note>span:not(.star),.hero-note small{grid-column:2}.collection{padding:10px 6% 50px}.section-heading h2{font-size:40px}.game-grid{grid-template-columns:1fr;gap:19px}.making{display:block;padding:40px 6%}.making h2{margin-bottom:25px;font-size:42px}.game-detail{padding:45px 6%}.evolution-strip{grid-template-columns:1fr;gap:20px;margin-top:28px}.evolution-step{padding-left:40px}.evolution-step .step-num{position:absolute;left:0;top:0}.gallery{grid-template-columns:1fr;gap:22px}.gallery img{max-height:260px}.path-row{display:block}.copy-button{margin-top:7px}.bells{padding:45px 6%}.bell-grid{grid-template-columns:1fr;gap:25px}.bells h2{font-size:42px}.closing{padding:55px 6%}footer{display:block;padding:22px 6%}footer p+p{margin-top:12px}dialog{padding:15px}.dialog-top h2{font-size:21px}.web-frame{height:70vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card img{transition:none}.game-card:hover img{transform:none}}
.bells .launch-panel{border-color:#667b70}.bells .launch-panel p{color:#b9c7bd;font-size:12px}.bells .path-text{background:#28433c;color:#f1eee1;font-size:11px}.bells .copy-button{color:#f1eee1;border-color:#82998b}.bells .copy-status{color:#d9e7a7}
.bells>.media-actions{margin:28px 0}.bells>details{font-size:13px;margin-top:24px;max-width:900px}.bells>details summary{cursor:pointer;font-weight:bold;margin-bottom:14px}.path-text{display:block;min-width:0}.copy-button:hover{background:#ffffff1a}.gallery:empty{display:none}

[hidden]{display:none!important}.embed-slot:empty{display:none}.embed-slot{margin-top:20px}.embed-slot .web-frame{display:block;width:100%;height:auto;aspect-ratio:16/10;min-height:320px;max-height:80vh}.game-status{font-size:13px}
/* A live Bell canvas needs the full collection width, not a half-width card. */
.bell-grid:has(.web-frame){grid-template-columns:minmax(0,1fr)}
