:root,:root[data-palette=ocean]{--color-bg:#fbffff;--color-surface:#fff;--color-text:#17355c;--color-text-light:#5b7088;--color-border:#e3e9f0;--color-accent:#17355c;--link-internal:#215a92;--link-external:#d72028}:root[data-palette=indigo]{--color-bg:#fffcfe;--color-surface:#fff;--color-text:#2e1b78;--color-text-light:#5c5858;--color-border:#e8e5f3;--color-accent:#2e1b78;--link-internal:#4e48c3;--link-external:#5c5858}:root[data-palette=slate]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#2a3034;--color-surface:#343b41;--color-text:#f7f6f5;--color-text-light:#9fb1b5;--color-border:#3f474d;--color-accent:#f7f6f5;--link-internal:#b3cacd;--link-external:#fe354b}:root{--color-accent-soft:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));--link-internal-soft:color-mix(in srgb, var(--link-internal) 12%, var(--color-surface));--link-external-soft:color-mix(in srgb, var(--link-external) 12%, var(--color-surface));--cat-a:var(--link-internal);--cat-b:var(--link-external);--font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--line-height:1.85;--max-width:920px;--radius:16px;--shadow:0 1px 2px #2c3e500a, 0 8px 24px #2c3e500f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);line-height:var(--line-height);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{padding:40px 0 8px}.site-header .container{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.brand{letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.site-nav{gap:28px;display:flex}.site-nav a{color:var(--color-text-light);font-size:.95rem;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--color-text)}main{min-height:60vh;padding:32px 0 80px}.section-title{letter-spacing:.02em;color:var(--color-text);margin:0 0 24px;font-size:1.05rem;font-weight:700}.page-lead{color:var(--color-text-light);margin:0 0 48px}.hero{padding:40px 24px}.hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:2.4rem;font-weight:800}.hero p{color:var(--color-text-light);max-width:38em;margin:0;font-size:1.05rem}.grid{grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:18px;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card.disabled{opacity:.55;pointer-events:none}.card-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--color-accent-soft);width:100%;display:block}.card-body{padding:12px 14px 14px}.card-title{margin:0 0 8px;font-size:.92rem;font-weight:700;line-height:1.4}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag{background:var(--color-accent-soft);color:var(--color-text-light);border-radius:999px;padding:2px 10px;font-size:.72rem;display:inline-block}.card.cat-a{border-color:var(--cat-a);border-width:2px}.card.cat-b{border-color:var(--cat-b);border-width:2px}.card.cat-a:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--cat-a) 22%, transparent)}.card.cat-b:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--cat-b) 22%, transparent)}.cat-tag{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:600}.cat-tag.cat-a{background:color-mix(in srgb, var(--cat-a) 16%, var(--color-surface));color:var(--cat-a)}.cat-tag.cat-b{background:color-mix(in srgb, var(--cat-b) 16%, var(--color-surface));color:var(--cat-b)}.card-status{color:var(--color-text-light);font-size:.74rem}.hub-section{margin-top:44px}.hub-section-title{letter-spacing:.04em;color:var(--color-text-light);margin:0 0 18px;font-size:.92rem;font-weight:700}.feature-card{background:var(--color-accent);color:var(--color-bg);border-radius:var(--radius);align-items:center;gap:24px;padding:32px 36px;transition:transform .2s,box-shadow .2s;display:flex}.feature-card.disabled{opacity:.6}.feature-icon{opacity:.9;flex-shrink:0;font-size:2rem}.feature-text{flex:1}.feature-text h2{margin:0 0 6px;font-size:1.6rem}.feature-text p{color:color-mix(in srgb, var(--color-bg) 72%, transparent);margin:0;font-size:.95rem}.feature-cta{white-space:nowrap;font-size:.9rem;font-weight:700}.content-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:30px 28px;transition:transform .2s,box-shadow .2s;display:block}.content-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.content-card-icon{background:var(--color-accent-soft);width:48px;height:48px;color:var(--color-accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.3rem;display:flex}.content-card h3{margin:0 0 8px;font-size:1.2rem;font-weight:700}.content-card p{color:var(--color-text-light);margin:0 0 16px;font-size:.9rem}.content-card-cta{color:var(--color-accent);font-size:.85rem;font-weight:600}.link-row{flex-wrap:wrap;gap:12px;display:flex}.link-chip{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:.92rem;font-weight:600;transition:border-color .15s,transform .15s;display:inline-flex}.link-chip:hover{border-color:var(--color-accent);transform:translateY(-1px)}.link-chip .link-chip-ext{color:var(--color-text-light);font-size:.78rem;font-weight:500}.link-chip.disabled{opacity:.5}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-light);padding:40px 0 56px;font-size:.88rem}.site-footer .container{flex-direction:column;gap:18px;display:flex}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a:hover{color:var(--color-text)}.palette-switch{align-items:center;gap:12px;display:flex}.palette-label{color:var(--color-text-light);font-size:.8rem}.palette-dot{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;padding:2px;transition:transform .15s;display:inline-flex;overflow:hidden}.palette-dot:hover{transform:translateY(-1px)}.palette-dot span{width:12px;height:18px;display:block}.palette-dot span:first-child{border-radius:9px 0 0 9px}.palette-dot span:last-child{border-radius:0 9px 9px 0}.palette-dot.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.footer-meta{font-size:.8rem}.card-button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;appearance:none;margin:0;padding:0}.modal-overlay{z-index:50;background:#14181c8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:540px;max-height:88vh;box-shadow:var(--shadow);position:relative;overflow:auto}.modal-close{z-index:1;color:#fff;cursor:pointer;background:#14181c8c;border:none;border-radius:999px;width:34px;height:34px;font-size:1.2rem;line-height:1;position:absolute;top:12px;right:12px}.modal-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--color-accent-soft);width:100%;display:block}.modal-body{padding:24px 26px 28px}.modal-title{margin:0 0 10px;font-size:1.4rem;font-weight:800}.modal-meta{color:var(--color-text-light);flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:.82rem;display:flex}.modal-meta em{opacity:.7;margin-right:2px;font-style:normal}.modal-desc{margin:0 0 16px;font-size:.95rem}.modal-features{color:var(--color-text-light);margin:0 0 16px;padding-left:1.1em;font-size:.9rem}.modal-features li{margin-bottom:4px}.modal-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.modal-note{color:var(--color-text-light);margin:0 0 16px;font-size:.88rem}.modal-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);color:var(--color-text);border-radius:999px;padding:10px 20px;font-size:.92rem;font-weight:600;display:inline-block}.btn:hover{border-color:var(--color-accent)}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn-disabled{opacity:.5;cursor:default}.play-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.play-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.play-header-left,.play-header-right{align-items:center;gap:18px;display:flex}.play-back{color:var(--color-text-light);font-size:.9rem}.play-back:hover{color:var(--color-text)}.play-title{color:var(--color-text-light);font-size:.9rem;font-weight:600}.play-fs{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600}.play-fs:hover{border-color:var(--color-accent)}.play-stage{flex:1;justify-content:center;align-items:center;padding:28px 24px 40px;display:flex}.play-frame{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:1024px;box-shadow:var(--shadow);background:#000}@media (width<=600px){.hero h1{font-size:1.9rem}.site-header{padding-top:28px}.play-stage{padding:16px 12px 24px}}