*{box-sizing:border-box}html{color:#e7e0d1;background:#0b1012;font-family:Arial,Yu Gothic,sans-serif}body{margin:0}header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:106px;padding:0 5vw;display:flex}.brand{color:inherit;letter-spacing:.12em;font-size:24px;font-weight:600;text-decoration:none}.brand span{letter-spacing:.18em;margin-top:10px;font-size:10px;font-weight:400;display:block}.edition{letter-spacing:.22em;color:#929b99;font-size:10px}.stage{background:radial-gradient(at 62% 48%,#20292b 0%,#101719 44%,#0b1012 76%);height:calc(100svh - 170px);min-height:650px;max-height:960px;position:relative;overflow:hidden}.intro{z-index:2;pointer-events:none;position:absolute;top:20%;left:5vw}.eyebrow{letter-spacing:.28em;color:#b6a67f;font-size:10px}h1{letter-spacing:.12em;margin:26px 0;font-family:Yu Mincho,serif;font-size:clamp(32px,4vw,62px);font-weight:400;line-height:1.65}.lead{color:#9eaaa9;letter-spacing:.12em;font-size:12px;line-height:2.1}#scene{touch-action:pan-y;position:absolute;inset:0 0 104px 23%}canvas{width:100%;height:100%;display:block}.names{text-align:center;pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;bottom:104px;left:23%;right:0}.names span{color:#9b977e;letter-spacing:.2em;margin-bottom:8px;font-size:9px;display:block}.names strong{letter-spacing:.28em;font-size:19px;font-weight:400;display:block}.names small{color:#929f9f;letter-spacing:.1em;margin-top:9px;font-size:10px;display:block}.controls{justify-content:center;gap:8px;display:flex;position:absolute;bottom:37px;left:0;right:0}button{color:#ddd7c8;font:inherit;cursor:pointer;background:#151d1e;border:1px solid #65706a;border-radius:2px;padding:10px 16px;font-size:11px}button:hover,button[aria-pressed=true]{color:#131918;background:#d7c79d}button:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #e2bc69}.hint{text-align:center;color:#9aa7a3;width:100%;font-size:10px;position:absolute;bottom:12px}footer{color:#7f8c8b;justify-content:space-between;gap:20px;padding:18px 5vw;font-size:10px;line-height:1.8;display:flex}summary{cursor:pointer}output{max-width:300px;display:block}#fallback{border:1px solid #777;padding:30px;line-height:2;position:absolute;inset:30% 8% 30% 35%}.mobile-preview{border-inline:1px solid #303b3a;max-width:390px;margin:auto}.mobile-preview header{height:85px;padding:0 22px}.mobile-preview .edition{display:none}.mobile-preview .intro{top:25px;left:24px}.mobile-preview h1{margin:10px 0;font-size:28px;line-height:1.5}.mobile-preview .lead{display:none}.mobile-preview .names{bottom:133px;left:0}.mobile-preview footer{padding:18px 24px;display:block}.mobile-preview #fallback{inset:200px 20px}.mobile-preview .controls{gap:5px}.mobile-preview button{padding:10px 9px}@media (width<=650px){header{height:85px;padding:0 24px}.brand{font-size:20px}.edition{display:none}.stage{height:740px;min-height:740px}.intro{top:25px;left:24px}h1{margin:10px 0;font-size:28px;line-height:1.5}.lead{display:none}#scene{inset:170px 0 160px}.names{bottom:133px;left:0}footer{padding:18px 24px;display:block}.controls{gap:5px}button{padding:10px 9px}#fallback{inset:200px 20px}}.names{height:69px;display:block}.names>div{width:175px;position:absolute;top:0;transform:translate(-50%)}@media (width<=650px){.names>div{width:160px}}.mobile-preview .names>div{width:130px}.mobile-preview .names small{letter-spacing:0;font-size:9px}@media (width<=650px){.names>div{width:130px}.names small{letter-spacing:0;font-size:9px}}.names{bottom:88px}@media (width<=650px){.names{bottom:133px}}html{background:#202020}header{background:#202020;border:0;height:76px}.brand{letter-spacing:.32em;font-family:Georgia,serif;font-size:23px;font-weight:400}.stage{background:radial-gradient(#292929,#202020 72%);height:calc(100svh - 125px);min-height:610px;max-height:none}#scene{inset:0 0 86px}.signature{letter-spacing:.28em;pointer-events:none;font-size:10px;position:absolute;bottom:105px;left:4vw}.controls{bottom:30px}button{background:#242424;border-color:#545454}.hint{bottom:7px}footer{background:#202020;padding:10px 4vw}#fallback{text-align:center;inset:35% 20%}.mobile-preview #scene{inset:0 0 120px}.mobile-preview .stage{height:calc(100svh - 120px);min-height:540px}.mobile-preview .signature{font-size:9px;bottom:115px;left:22px}.mobile-preview header{height:76px}@media (width<=650px){header{height:76px}.stage{height:calc(100svh - 125px);min-height:540px}#scene{inset:0 0 120px}.signature{font-size:9px;bottom:115px;left:22px}.brand{font-size:20px}}@media (width>=651px){body:not(.mobile-preview) header{z-index:3;pointer-events:none;background:0 0;position:absolute;inset:0 0 auto}body:not(.mobile-preview) header a{pointer-events:auto}body:not(.mobile-preview) .stage{height:calc(100svh - 44px);min-height:660px}body:not(.mobile-preview) #scene{inset:12px 0 28px}body:not(.mobile-preview) .signature{bottom:24px}body:not(.mobile-preview) .controls{bottom:18px;left:auto;right:4vw}body:not(.mobile-preview) .hint{text-align:right;padding-right:4vw;font-size:9px;bottom:1px}body:not(.mobile-preview) .brand{letter-spacing:.42em;font-weight:400}}