:root{color-scheme:light;--bg:#f1f6f7;--surface:#e0ecef;--ink:#062a33;--muted:#456673;--line:#b5cdd3;--accent:#194f5e;--paper:#fff;--hero:#d4e6eb}html[data-theme=dark]{color-scheme:dark;--bg:#06252d;--surface:#103640;--ink:#e2eef1;--muted:#abc8d1;--line:#315a66;--accent:#aed1db;--paper:#123d47;--hero:#d4e6eb}@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--bg:#06252d;--surface:#103640;--ink:#e2eef1;--muted:#abc8d1;--line:#315a66;--accent:#aed1db;--paper:#123d47;--hero:#d4e6eb}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Georgia,serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #72aab8;outline-offset:5px}header{display:flex;align-items:center;gap:30px;padding:24px 4%;border-bottom:1px solid var(--line)}.brand{font-size:27px;letter-spacing:-1px;text-decoration:none;white-space:nowrap;line-height:1.1}.brand span{font-size:15px;margin:0 5px;color:var(--muted)}.brand small{display:block;font:8px/2.5 system-ui,sans-serif;letter-spacing:3px}nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin-left:auto;justify-content:center}nav a{font:11px/1.7 system-ui,sans-serif;text-decoration:none}nav a[aria-current]{border-bottom:1px solid var(--accent)}.theme{font:9px system-ui,sans-serif;display:grid;gap:5px}.theme select{padding:6px;border:1px solid var(--line);background:var(--bg);border-radius:3px}.menu{display:none}.hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;overflow:hidden;background:#082f3a;color:var(--hero)}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/banner.png') center/cover;filter:grayscale(1)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,30,39,.94),rgba(10,54,67,.64) 50%,rgba(26,76,90,.27));mix-blend-mode:multiply}.hero-copy{padding:70px 8%;text-shadow:0 2px 20px #06252d}.hero h1{font-size:clamp(66px,8.5vw,124px);line-height:.97;letter-spacing:-5px;margin:25px 0 30px;font-weight:400}.hero-copy>p:not(.eyebrow){font-size:24px;line-height:1.5}.hero .button{background:#d3e6eb;color:#072c35;text-shadow:none;border:0}.hero-note{position:absolute;bottom:25px;right:4%;font:10px system-ui,sans-serif;letter-spacing:2px}.eyebrow{font:10px/1.7 system-ui,sans-serif;letter-spacing:2.3px;text-transform:uppercase;color:var(--muted);font-weight:600}.hero .eyebrow{color:#c0dde4}.ribbon{display:flex;justify-content:center;gap:35px;padding:22px 5%;background:var(--surface);font:9px system-ui,sans-serif;letter-spacing:2.3px}.ribbon span{color:var(--muted)}section:not(.hero){padding:75px 8%}h1,h2,h3{font-weight:400;line-height:1.18}h1{font-size:clamp(46px,6.5vw,84px);letter-spacing:-2px;margin:22px 0}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1.2px;margin:15px 0 35px}h3{font-size:27px;margin:20px 0}.lead{font-size:21px;line-height:1.7;max-width:750px}p{max-width:820px;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:25px;background:var(--accent);color:var(--bg);padding:13px 20px;text-decoration:none;font:12px/1.7 system-ui,sans-serif;margin:15px 10px 5px 0}.button:hover{color:var(--bg);filter:brightness(1.1)}.worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 40px;margin-top:40px}.world{border-top:1px solid var(--line);padding:28px 0;text-decoration:none}.world h3{display:flex;justify-content:space-between;gap:12px}.world h3 span{font-size:22px;color:var(--muted)}.world p{font-size:16px;line-height:1.8}.world:hover h3{text-decoration:underline;text-decoration-thickness:1px}.soft{background:var(--surface)}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:9%}.split .lead{margin-top:0}.page-head{border-bottom:1px solid var(--line)}.page-head .lead{max-width:820px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filters button{cursor:pointer;border:1px solid var(--line);border-radius:30px;padding:10px 20px;background:var(--bg);font:12px system-ui,sans-serif}.filters button[aria-pressed=true]{color:var(--bg);background:var(--accent)}.drama-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.drama-list article{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:20px}.drama-list h3{font-size:25px;margin:0 0 10px}.drama-list p{margin:0}.number{font:10px system-ui,sans-serif;padding-top:8px;color:var(--muted)}.posts article{border-top:1px solid var(--line);padding:30px 0}.posts h3{font-size:30px;max-width:850px}.posts time{font:10px system-ui,sans-serif;letter-spacing:1.5px;color:var(--muted)}.posts article>a{font:12px system-ui,sans-serif}.feed-status,.fine,.asset-note{font:12px/1.8 system-ui,sans-serif}.text-link{font:12px system-ui,sans-serif}.tutorial-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:35px}.tutorial-list a{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);text-decoration:none}.tutorial{max-width:1100px;margin:auto}.tutorial table,.tutorial tbody,.tutorial tr,.tutorial td{display:block;width:auto;border:0!important;background:transparent!important;color:var(--ink)!important}.tutorial img{max-width:100%;height:auto;display:block;margin:25px auto}.tutorial p{max-width:850px}.social{display:flex;flex-wrap:wrap;margin:20px 0 45px}blockquote{border-left:2px solid var(--accent);padding:10px 25px;margin:35px 0;font-size:22px;font-style:italic}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.gallery figure{margin:0}.gallery img{width:100%;height:360px;object-fit:contain;background:var(--bg)}figcaption{font:12px/1.8 system-ui,sans-serif;padding:15px 0}footer{padding:40px 8%;display:flex;flex-wrap:wrap;align-items:center;gap:20px;border-top:1px solid var(--line)}footer p{margin-left:auto;font-size:14px}footer>a:not(.brand){font:11px system-ui,sans-serif}footer small{width:100%;font:10px/1.8 system-ui,sans-serif;color:var(--muted)}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:5px;left:5px;z-index:10;background:var(--bg);padding:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){section:not(.hero){padding-left:max(8%,calc((100vw - 1340px)/2));padding-right:max(8%,calc((100vw - 1340px)/2))}}@media(max-width:1000px){header{flex-wrap:wrap;gap:20px}.brand{margin-right:auto}nav{order:3;width:100%;margin:0}.worlds{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}}@media(max-width:640px){header{padding:18px 6%}.brand{font-size:25px}.menu{display:block;border:1px solid var(--line);background:transparent;padding:7px 10px;font:11px system-ui,sans-serif}nav{display:none;flex-direction:column;align-items:flex-start}nav.open{display:flex}nav a{padding:5px;font-size:13px}.theme{font-size:8px}.hero{min-height:580px}.hero:before{background-position:58% center}.hero h1{letter-spacing:-3px}.hero-copy{padding:65px 7%}.hero-copy>p:not(.eyebrow){font-size:20px}.hero-note{font-size:8px}.ribbon{gap:10px;font-size:7px;letter-spacing:1px}section:not(.hero){padding:50px 7%}.worlds,.split,.drama-list,.tutorial-list,.gallery{grid-template-columns:1fr}.split{gap:10px}.world{padding:20px 0}.lead{font-size:19px}.gallery img{height:auto;max-height:550px}.page-head h1{overflow-wrap:anywhere}footer{display:block}footer p{margin:20px 0}.tutorial-list a{font-size:16px}.button{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.about-portrait{display:block;width:min(100%,145px);aspect-ratio:1/1;object-fit:cover;border-radius:4px;margin-top:28px;border:1px solid var(--line)}