:root{color-scheme:dark;--bg: #0a0d13;--surface: #131924;--surface-2: #1a2230;--border: rgba(170, 196, 230, .12);--border-strong: rgba(170, 196, 230, .22);--text-main: #e9eef6;--text-muted: #94a3ba;--accent: #5aa9ff;--accent-strong: #3d8ff0;--header-h: 52px;--radius: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{background:transparent}body{color:var(--text-main);font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.5}a{color:#9ccbff}.preview-editor-return{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;border:1px solid #426f68;border-radius:6px;color:#a2e2d5;text-decoration:none;font-size:12px}p{text-wrap:pretty}h1,h2{text-wrap:balance}.export-card-heading,.export-result-meta,.export-footnote{word-break:keep-all;overflow-wrap:anywhere}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site{min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;height:var(--header-h);padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-left));background:#0a0d13eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-brand{color:var(--text-main);font-weight:700;font-size:1rem;text-decoration:none;white-space:nowrap}.site-brand-group{display:flex;align-items:center;gap:8px;min-width:0}.site-version{padding:1px 7px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-muted);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.site-version:hover{border-color:#5aa9ff73;color:var(--text-main)}.site-nav{display:flex;gap:4px;margin-left:auto}.nav-link{padding:6px 12px;border-radius:8px;color:var(--text-muted);font-size:.92rem;font-weight:500;text-decoration:none;white-space:nowrap}.nav-link:hover{color:var(--text-main);background:#ffffff0f}.nav-link.is-active{color:var(--text-main);background:#5aa9ff24}.site-menu-toggle{display:none;margin-left:auto;width:40px;height:40px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--text-main);cursor:pointer}.site-menu-toggle svg{width:24px;height:24px;display:block}.site-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:24px 16px 40px}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:18px 16px max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--text-muted);font-size:.82rem}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--text-main)}.info-page{max-width:760px;margin:0 auto}.info-title{margin:0;font-size:1.6rem;font-weight:800}.info-lead,.info-text{margin:8px 0 0;color:var(--text-muted)}.info-lead{margin-bottom:24px}.info-subtitle{margin:32px 0 12px;font-size:1.1rem;font-weight:700}.release{margin-top:16px;padding:20px 24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.release-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.release-head h2{display:flex;align-items:baseline;gap:10px;margin:0;font-size:1.12rem;font-weight:700}.release-version{color:var(--accent);font-variant-numeric:tabular-nums}.release-head time{color:var(--text-muted);font-size:.85rem;font-variant-numeric:tabular-nums}.release ul{margin:12px 0 0;padding-left:1.2em;color:var(--text-main)}.release li+li{margin-top:6px}.license-text{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.license-text summary{padding:12px 16px;cursor:pointer;font-weight:600}.license-text pre{margin:0;padding:0 16px 16px;overflow-x:auto;color:var(--text-muted);font-size:.8rem;line-height:1.55;white-space:pre-wrap}.notice-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.notice{padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.notice-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;font-weight:700}.notice-head a{text-decoration:none}.notice-license{padding:1px 8px;border-radius:999px;background:#5aa9ff24;color:#b9dcff;font-size:.75rem;font-weight:600}.notice p{margin:4px 0 0;color:var(--text-muted);font-size:.86rem}.notice .notice-links{display:flex;flex-wrap:wrap;gap:4px 14px}.notice .notice-copyright{color:#c9d4e3;font-size:.8rem}.info-page code{padding:1px 5px;border-radius:5px;background:var(--surface-2);font-size:.86em}.info-page a{color:var(--accent)}.info-code{margin:10px 0 0;padding:14px 16px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.8rem;line-height:1.55}.info-code code{padding:0;background:none;font-size:inherit}.info-table-wrap{margin-top:10px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.info-table{width:100%;border-collapse:collapse;font-size:.86rem}.info-table th,.info-table td{padding:9px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.info-table tr:last-child td{border-bottom:0}.info-table th{color:var(--text-muted);font-weight:600;white-space:nowrap}.info-table td:first-child{white-space:nowrap}.info-table td:last-child{color:#c9d4e3}.info-list{margin:8px 0 0;padding-left:1.2em;color:#c9d4e3}.info-list li+li{margin-top:8px}.info-page .info-subtitle[id]{scroll-margin-top:calc(var(--header-h) + 16px)}@media(max-width:560px){.release{padding:16px 18px}.info-table td:first-child{white-space:normal}}.action-button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:46px;padding:0 24px;border:1px solid transparent;border-radius:10px;background:var(--accent-strong);color:#fff;font-weight:700;text-decoration:none}.action-button:hover{background:var(--accent)}.action-button.secondary{border-color:var(--border-strong);background:transparent;color:var(--text-main)}.action-button.secondary:hover{background:#ffffff0f}.upload-card{border:1px solid var(--border);border-radius:16px;padding:24px 28px;background:var(--surface)}.upload-title{margin:0;font-size:1.5rem;font-weight:800}.upload-text{margin:6px 0 20px;color:var(--text-muted)}.upload-form{display:grid;gap:16px}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.upload-row{display:grid;align-content:start;gap:6px;min-width:0}.upload-row.file,.upload-row.wide{grid-column:1 / -1}.upload-row>label{color:var(--text-muted);font-size:.88rem;font-weight:600}.video-live-warning{grid-column:1 / -1;margin:0;color:var(--text-muted);font-size:.8rem;font-weight:400;line-height:1.6;text-align:left}.upload-video-footer{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.upload-video-footer .upload-toggle{flex-shrink:0;font-size:.85rem}#upload-video,#upload-video-start{height:44px}.upload-row input,.upload-row select{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg);color:var(--text-main);font:inherit}.upload-row input:focus,.upload-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5aa9ff2e}.upload-row input[type=file]{padding:6px}.upload-row input[type=file]::file-selector-button{margin-right:10px;padding:6px 14px;border:0;border-radius:7px;background:var(--surface-2);color:var(--text-main);font:inherit;font-weight:600;cursor:pointer}.upload-more{border:1px solid var(--border);border-radius:var(--radius);padding:0 14px}.upload-more>summary{padding:12px 0;color:var(--text-muted);font-weight:600;cursor:pointer}.upload-more[open]>summary{margin-bottom:4px}.upload-more>.upload-grid{padding-bottom:14px}.upload-toggle{display:flex;align-items:center;gap:10px;color:var(--text-main);cursor:pointer}.upload-toggle input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--accent)}.upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.upload-actions button,.upload-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:10px;background:var(--accent-strong);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.upload-actions button:hover{background:var(--accent)}.upload-actions button:disabled{opacity:.6;cursor:progress}.upload-actions a{border-color:var(--border-strong);background:transparent;color:var(--text-muted)}.upload-actions a:hover{color:var(--text-main)}.upload-error{min-height:1.2em;color:#ffb4b4;font-size:.92rem}@media(max-width:720px){.site-brand{white-space:normal;line-height:1.25}.site-version{flex-shrink:0}.site-menu-toggle{flex-shrink:0;display:block}.site-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;gap:2px;padding:8px 12px 12px;background:#0a0d13fa;border-bottom:1px solid var(--border)}.site-nav.is-open{display:flex}.nav-link{padding:12px;font-size:1rem}.site-main{padding:16px 12px 32px}.upload-card{padding:18px 16px}.upload-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column-reverse;align-items:stretch}.action-button{flex:1 1 100%}}@media(pointer:coarse){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.info-page,.info-page *,input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}.site-header{view-transition-name:site-header}::view-transition-group(site-header){animation-duration:.22s;z-index:2}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.route-progress{position:fixed;top:0;left:0;z-index:2147482000;width:100%;height:2px;background:linear-gradient(90deg,#49bfb7,#7ed 45%,#8fb8ff);transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}.route-progress.is-active{opacity:1;transform:scaleX(.82);transition:transform 6s cubic-bezier(.1,.7,.1,1)}.route-progress.is-active.is-done{opacity:0;transform:scaleX(1);transition:transform .2s ease,opacity .2s ease .12s}:root{--game-original-font: "Sekai Original", var(--game-ui-font);--game-ui-font: "WebSekai UI", sans-serif}:root{--game-font:var(--game-ui-font);--game-ink:#444466;--game-cyan:#77eedd}.site:not(.site-editor){color-scheme:light;--bg:#eeeeF4;--surface:#f7f7fa;--surface-2:#e3e3ed;--border:#c6c6d6;--border-strong:#aaaabd;--text-main:#444466;--text-muted:#77778c;--accent:#49bfb7;--accent-strong:#409b99;--radius:12px;--header-h:64px;color:var(--game-ink);font-family:var(--game-font);isolation:isolate}.site:not(.site-editor):before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--static-561aefe69f6d) center/cover no-repeat,var(--static-2bc98eb1e64b) center/auto 100% #eeeef4}.site .site-header{height:var(--header-h);background:#ffffffd9;border:0;box-shadow:0 3px 5px #44446625;-webkit-backdrop-filter:none;backdrop-filter:none}.site .site-brand{font-size:15px;font-weight:700;color:#446}.site .site-version{border:0;border-radius:0;background:none;color:#77778c}.site .nav-link{border-radius:24px;font-size:12px;font-weight:700;color:#666680;padding:6px 13px}.site .nav-link.is-active{background:#7ed;box-shadow:0 2px 3px #44446630;color:#446}.site .site-footer{background:transparent;border:0;font-size:10px}.site .site-main{max-width:1180px}.site .action-button,.game-pill{border:solid transparent;border-width:0 32px;border-image:var(--static-40f0ca07af11) 0 51 fill/0 32px stretch;background:none;box-shadow:none;border-radius:0;color:#446;display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 8px;font-family:var(--game-ui-font);font-weight:700;text-decoration:none;cursor:pointer}.site .action-button:not(.secondary){border-image-source:var(--static-6c3e3312f141)}.game-pill:active,.site .action-button:active{filter:brightness(.94);transform:scale(.97)}.site .upload-card,.site .local-loader-panel{border:0;border-radius:16px;background:#ebebf2;box-shadow:0 2px 8px #44446640}.site .upload-form input,.site .upload-form select{color-scheme:light}.site .notice-copyright,.site .info-list,.site .info-table td:last-child{color:#626278}.site .info-page{--text-muted:#626278}.site .release-version{color:#237870}.site .notice-license{color:#448885;background:#d5f5ef}.site .warning-text{color:#92703c}.site .preview-editor-return{color:#448885;border-color:#9bbfbc;background:#ddf5f0}.site.workspace{--ed-accent:#77eedd;--ed-ink:#444466;--ed-panel:#f7f7fa;--ed-line:#c6c6d6;--ed-muted:#77778c}.site.workspace .ed-button{background:#fff;color:#446;border-color:#c6c6d6}.site.workspace .ed-button.primary{background:#7ed}.site.workspace .ed-icon{color:#446}.site.workspace .workspace-empty{background:#ffffffb8}.site.workspace .workspace-storage{color:#77778c;background:#ffffff80}.site.workspace .storage-ok{color:#278b7e}.site.workspace .storage-warn{color:#ad7618}.site.workspace .workspace-kicker{color:#237870}.site.workspace{--ed-muted:#626278}.site.workspace .workspace-search input::placeholder{color:#626278;opacity:1}.site:not(.site-editor){background-color:#eeeef4}@media(max-width:900px){.site .site-nav.is-open{background:#f4f4f8;border:0;box-shadow:0 4px 8px #44446620}}.site:not(.site-editor) .segmented button[aria-checked=true]{color:#2f5f9e;background:#5aa9ff33;border-color:#3d8ff08c}.site:not(.site-editor) .segmented button:not([aria-checked=true]){color:#626278}.site:not(.site-editor) .segmented button:not([aria-checked=true]):hover{color:#446}.kg,.kg-dialog{--kg-surface: #131924;--kg-card: #1b2331;--kg-stage: #0b1420;--kg-line: #2c3a4f;--kg-text: #f1f5fb;--kg-muted: #c3cfdf;--kg-accent: #75e3dc;--kg-on-accent: #102f35;--kg-loop: 3.2s;font-family:inherit}.kg-any{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--kg-accent);color:var(--kg-on-accent);font-size:15px;font-weight:700;line-height:1.5}.kg-any kbd{flex:none;padding:5px 10px;border-radius:7px;background:#fff;box-shadow:0 3px #3f9d97;color:var(--kg-on-accent);font:700 15px/1.3 inherit;font-family:inherit}.kg-any strong{font-size:1.15em;font-weight:800}.kg-lesson strong{color:var(--kg-accent);font-weight:700}.kg-lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.kg-lesson{min-width:0;overflow:hidden;border:1px solid var(--kg-line);border-radius:12px;background:var(--kg-card)}.kg-lesson h3{margin:10px 12px 2px;color:var(--kg-text);font-size:15px;font-weight:700;line-height:1.4}.kg-lesson p{margin:0 12px 12px;color:var(--kg-muted);font-size:13px;line-height:1.6}.kg-stage{position:relative;height:196px;overflow:hidden;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 16.66%),linear-gradient(#0b1420,#13233a);background-color:var(--kg-stage)}.kg-track{position:absolute;inset:0 0 58px;overflow:hidden}.kg-strip{position:absolute;left:0;right:0;bottom:0;height:0;animation:kg-scroll var(--kg-loop) linear infinite;will-change:transform}.kg-note,.kg-body{position:absolute;display:block;max-width:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.kg-note{left:var(--x);bottom:var(--at);transform:translate(-50%,50%)}.kg-bar{width:96px;height:32px}.kg-icon{width:58px;height:58px}.kg-body{left:50%;width:126px;bottom:var(--from);height:calc(var(--to) - var(--from));transform:translate(-50%)}.kg-line{position:absolute;left:0;right:0;bottom:58px;height:3px;background:#dffbf7;box-shadow:0 0 10px #75e3dccc}.kg-judge{position:absolute;left:50%;bottom:66px;width:92px;height:auto;max-width:none;opacity:0;transform:translate(-50%);animation:kg-judge var(--kg-loop) linear var(--hit) infinite}.kg-keys{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:8px}.kg-key{display:grid;place-items:center;min-width:40px;height:38px;padding:0 12px;border-radius:8px;background:#eef2f8;box-shadow:0 4px #8a97aa;color:#17202e;font:700 14px/1 inherit;font-family:inherit;animation:kg-press var(--kg-loop) linear var(--hit) infinite}.kg-key.kg-held{animation-name:kg-hold}@keyframes kg-scroll{to{transform:translateY(384px)}}@keyframes kg-press{0%,9%{background:var(--kg-accent);box-shadow:0 0 #8a97aa,0 0 14px #75e3dc;color:var(--kg-on-accent);transform:translateY(4px)}11%,to{background:#eef2f8;box-shadow:0 4px #8a97aa;color:#17202e;transform:none}}@keyframes kg-hold{0%,46.8%{background:var(--kg-accent);box-shadow:0 0 #8a97aa,0 0 14px #75e3dc;color:var(--kg-on-accent);transform:translateY(4px)}48%,to{background:#eef2f8;box-shadow:0 4px #8a97aa;color:#17202e;transform:none}}@keyframes kg-judge{0%{opacity:1;transform:translate(-50%) scale(.7)}3%,14%{opacity:1;transform:translate(-50%) scale(1)}20%,to{opacity:0;transform:translate(-50%) scale(1)}}.kg-heading{margin:20px 0 10px;color:var(--kg-text);font-size:15px;font-weight:700}.kg-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px;margin:0;padding:0;list-style:none}.kg-controls li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;white-space:nowrap;border:1px solid var(--kg-line);border-radius:10px;background:var(--kg-card);color:var(--kg-text);font-size:13px}.kg-controls span{display:flex;flex-wrap:wrap;gap:4px}.kg-controls kbd{padding:3px 7px;border-radius:5px;background:#eef2f8;box-shadow:0 2px #8a97aa;color:#17202e;font:700 12px/1.3 inherit;font-family:inherit}.kg-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px;margin:0}.kg-tips div{padding:10px 12px;border:1px solid var(--kg-line);border-radius:10px;background:var(--kg-card)}.kg-tips dt{color:var(--kg-accent);font-size:13px;font-weight:700}.kg-tips dd{margin:2px 0 0;color:var(--kg-muted);font-size:13px;line-height:1.6}.info-page .kg{padding:16px;border-radius:14px;background:var(--kg-surface)}.kg-dialog{width:min(920px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid var(--kg-line);border-radius:16px;background:var(--kg-surface);color:var(--kg-text)}.kg-dialog[open]{display:flex;flex-direction:column}.kg-dialog::backdrop{background:#050a12b8}.kg-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--kg-line)}.kg-dialog-header h2{margin:0;color:var(--kg-text);font-size:17px;font-weight:700}.kg-close{width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--kg-text);font-size:24px;line-height:1;cursor:pointer}.kg-close:hover{background:#ffffff1a}.kg-close:focus-visible{outline:2px solid var(--kg-accent);outline-offset:1px}.kg-dialog-body{min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){.kg-strip{animation:none;transform:translateY(150px)}.kg-key{animation:none;background:var(--kg-accent);box-shadow:0 0 14px #75e3dc;color:var(--kg-on-accent);transform:translateY(4px)}.kg-judge{animation:none}}.site.site-home:not(.site-editor){--home-ink: #eef2ff;--home-muted: #a3aecb;--home-mint: #77eedd;--home-sky: #6fc6ff;--home-violet: #a892ff;--home-pink: #ff8fc4;--home-line: rgba(170, 190, 255, .14);--home-ease: cubic-bezier(.16, 1, .3, 1);--bg: #05070f;--border: var(--home-line);--text-main: var(--home-ink);--text-muted: var(--home-muted);--header-h: 64px;color-scheme:dark;color:var(--home-ink);background:transparent}.site.site-home:not(.site-editor):before{z-index:-3;background:radial-gradient(60% 45% at 72% 42%,rgba(70,200,230,.2),transparent 70%),radial-gradient(50% 50% at 18% 82%,rgba(150,110,255,.2),transparent 70%),radial-gradient(40% 40% at 88% 88%,rgba(255,110,180,.14),transparent 70%),linear-gradient(180deg,#04060d,#0a0e24 55%,#05070f)}.home-stage{position:fixed;top:0;left:0;z-index:-2;width:100%;height:100vh;height:100lvh;pointer-events:none}.home-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.6s ease}.site-home.has-scene .home-canvas{opacity:1}.home-stage-scrim{position:absolute;inset:0;background:#04060d;opacity:0}.home-progress{position:fixed;top:0;left:0;z-index:130;width:100%;height:2px;pointer-events:none}.home-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--home-mint),var(--home-sky) 50%,var(--home-pink));transform:scaleX(0);transform-origin:0 50%}.site.site-home .site-header{position:fixed;top:0;left:0;right:0;border-bottom:1px solid transparent;background:transparent;box-shadow:none;transition:background-color .35s ease,border-color .35s ease}.site.site-home.is-scrolled .site-header{border-bottom-color:var(--home-line);background:#060812c7;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.site.site-home .site-brand{color:#fff}.site.site-home .site-version{color:#e1e8ff99}.site.site-home .nav-link{color:#e4eaffbd}.site.site-home .nav-link:hover{background:#ffffff14;color:#fff}.site.site-home .nav-link.is-active{background:#77eedd24;box-shadow:inset 0 0 0 1px #7ed6;color:#a5f7ea}.site.site-home .site-menu-toggle{color:#fff}.site.site-home .site-nav.is-open{border:0;border-bottom:1px solid var(--home-line);background:#060812f7;box-shadow:0 18px 40px #00000080}.site.site-home .site-footer{position:relative;border-top:1px solid var(--home-line);background:#04060db8;color:#c8d2f09e}.site.site-home .site-footer a{color:#c8d2f09e}.site.site-home .site-footer a:hover{color:#fff}.home-main{position:relative;flex:1;width:100%}.home-main h1,.home-main h2,.home-main h3{word-break:keep-all;overflow-wrap:anywhere}.site-home [data-reveal]{opacity:0;translate:0 28px;transition:opacity .9s var(--home-ease) var(--d, 0s),translate .9s var(--home-ease) var(--d, 0s)}.site-home [data-reveal].is-in{opacity:1;translate:0 0}.home-hero{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100vh;min-height:100svh;padding:calc(var(--header-h) + 32px) max(24px,6vw) 104px}.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,6,13,.82),rgba(4,6,13,.5) 38%,transparent 64%);pointer-events:none}.home-hero-copy{position:relative;width:min(100%,720px);will-change:transform,opacity}.site-home .hero-title{margin:0;font-size:clamp(3rem,5.4vw,5.2rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}.home-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.home-line>span{display:inline-block;translate:0 112%;transition:translate 1.1s var(--home-ease)}.home-line+.home-line>span{transition-delay:.1s}.home-line.is-in>span{translate:0 0}.site-home .hero-title em,.home-finale h2 em{font-style:normal;background:linear-gradient(100deg,#7ff5e3,#7cc8ff 38%,#b6a0ff 68%,#ff97c8);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:home-sheen 7s ease-in-out infinite alternate}.site-home .hero-text{max-width:34em;margin:26px 0 0;color:var(--home-muted);font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.85}.home-actions,.home-finale-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.home-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;overflow:hidden;border:1px solid rgba(190,205,255,.26);border-radius:999px;background:#ffffff0e;color:var(--home-ink);font-size:1rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:translate .35s var(--home-ease),background-color .25s ease,border-color .25s ease,box-shadow .35s ease}.home-button svg{width:18px;height:18px;transition:translate .35s var(--home-ease)}.home-button.is-primary{border-color:transparent;background:linear-gradient(120deg,#86f6e6,#62d2ff 52%,#9c8eff);box-shadow:0 12px 44px #62d2ff57,inset 0 1px #ffffff8c;color:#06121c}.home-button.is-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);translate:-120% 0;pointer-events:none}.home-button:active{scale:.97}@media(hover:hover){.home-button:hover{border-color:#ffffff80;background:#ffffff1c;translate:0 -2px}.home-button.is-primary:hover{border-color:transparent;background:linear-gradient(120deg,#86f6e6,#62d2ff 52%,#9c8eff);box-shadow:0 18px 60px #62d2ff80,inset 0 1px #ffffff8c}.home-button.is-primary:hover:after{translate:120% 0;transition:translate .8s ease}.home-button:hover svg{translate:4px 0}}.home-button:focus-visible,.site-home .nav-link:focus-visible{outline:2px solid var(--home-mint);outline-offset:3px}.home-hero-facts{display:flex;width:min(100%,720px);margin:54px 0 0;padding:0;list-style:none;will-change:transform,opacity}.home-hero-facts li{position:relative;display:grid;flex:1 1 0;align-content:start;gap:5px;min-width:0;padding:1px 20px 1px 18px;border-left:1px solid rgba(190,205,255,.2)}.home-hero-facts li:before{content:"";position:absolute;top:0;left:-1px;width:1px;height:20px;background:var(--home-mint)}.home-hero-facts b{color:#fff;font-size:1rem;font-weight:700}.home-hero-facts span{color:var(--home-muted);font-size:.84rem}.home-scroll-hint{position:absolute;bottom:30px;left:50%;display:grid;justify-items:center;gap:10px;translate:-50% 0;color:#d6def68c;font-size:.68rem;letter-spacing:.36em;transition:opacity .4s ease}.home-scroll-hint span{margin-right:-.36em}.home-scroll-hint i{position:relative;width:1px;height:46px;overflow:hidden;background:#d6def633}.home-scroll-hint i:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--home-mint));animation:home-drop 1.9s var(--home-ease) infinite}.site-home.is-scrolled .home-scroll-hint{opacity:0}.home-section-head{max-width:560px}.home-section-head.is-center{max-width:860px;margin:0 auto;text-align:center}.home-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--home-mint);font-size:.76rem;font-weight:700;letter-spacing:.34em}.home-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.home-section-head h2,.home-finale h2{margin:0;font-size:clamp(1.9rem,3.9vw,3.3rem);font-weight:800;line-height:1.2;letter-spacing:-.015em}.home-section-head>p:last-child{margin:18px 0 0;color:var(--home-muted);font-size:1.02rem;line-height:1.8}.home-showcase{padding:16vh 24px 12vh}.home-screen-wrap{--p: 1;--drift: 0;position:relative;width:min(960px,100%);margin:64px auto 0;perspective:1500px}.home-hero-shot{position:relative;margin:0;rotate:x calc((1 - var(--p)) * 34deg);scale:calc(.8 + var(--p) * .2);transform-origin:50% 100%;will-change:rotate,scale}.home-hero-shot:before{content:"";position:absolute;inset:6% 2% -8%;z-index:-1;border-radius:40px;background:linear-gradient(120deg,#3cdccd99,#8c6eff8c,#ff6eb480);filter:blur(60px);opacity:calc(.25 + var(--p) * .45)}.home-hero-shot img{display:block;width:100%;height:auto;aspect-ratio:1320 / 743;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(135deg,#0d1230,#1a1440);box-shadow:0 40px 100px #0009,0 0 0 8px #ffffff08}.home-hero-shot img:not([src]){color:transparent}.home-hero-shot:after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 32%,transparent 70%,rgba(255,255,255,.05));opacity:calc(1 - var(--p) * .6);pointer-events:none}.home-screen-chips{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.home-screen-chips li{position:absolute;top:var(--y);left:var(--x);padding:9px 16px;border:1px solid rgba(190,205,255,.22);border-radius:999px;background:#0a0d1eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px #00000073;color:#dfe6ff;font-size:.86rem;font-weight:700;white-space:nowrap;opacity:calc(var(--p) * 1.6 - .6);translate:0 calc(var(--drift) * var(--k) * -110px)}.home-marquee{display:grid;gap:6px;padding:5vh 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.home-marquee-row{display:flex;align-items:center;gap:.5em;width:max-content;color:transparent;font-size:clamp(2.6rem,7.4vw,6.4rem);font-weight:800;line-height:1.1;letter-spacing:.02em;white-space:nowrap;-webkit-text-stroke:1px rgba(200,214,255,.3);will-change:transform}.home-marquee-row:nth-child(2){-webkit-text-stroke:1px rgba(119,238,221,.38)}.home-marquee-row i{color:#77eeddb3;font-size:.34em;font-style:normal;-webkit-text-stroke:0}.home-modes-section{max-width:1220px;margin:0 auto;padding:12vh 32px 10vh}.home-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:56px}.site-home .mode-card{--mode-color: #6ff3e0;position:relative;padding:36px 36px 34px 44px;overflow:hidden;border:1px solid var(--home-line);border-radius:16px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 28px),linear-gradient(180deg,#0d1228,#080b1b);box-shadow:0 30px 80px #00000073;opacity:0;translate:0 50px;transition:opacity .9s var(--home-ease),translate .9s var(--home-ease),border-color .3s ease}.site-home .mode-card+.mode-card{transition-delay:.12s,.12s,0s}.site-home .mode-card.is-in{opacity:1;translate:0 0}.site-home .mode-card-preview{--mode-color: #8fb8ff}.site-home .mode-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(180deg,var(--mode-color),color-mix(in srgb,var(--mode-color) 18%,transparent));box-shadow:0 0 26px color-mix(in srgb,var(--mode-color) 70%,transparent)}.site-home .mode-card:after,.site-home .feature-card:after{content:"";position:absolute;inset:0;background:radial-gradient(460px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--mode-color, #8fb8ff) 14%,transparent),transparent 62%);opacity:0;transition:opacity .4s ease;pointer-events:none}@media(hover:hover){.site-home .mode-card:hover,.site-home .feature-card:hover{border-color:#becdff4d}.site-home .mode-card:hover:after,.site-home .feature-card:hover:after{opacity:1}}.mode-head{display:flex;align-items:center;gap:20px}.mode-number{flex:none;background:linear-gradient(180deg,var(--mode-color),transparent 118%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:4.4rem;font-weight:800;line-height:.9;letter-spacing:-.04em;transform:skew(-8deg)}.mode-title{min-width:0}.mode-title h3{margin:0;font-size:1.62rem}.mode-title p{margin:4px 0 0;color:var(--home-muted);font-size:.96rem}.mode-icon{flex:none;margin-left:auto;color:var(--mode-color)}.mode-icon svg{display:block;width:34px;height:34px}.mode-judges{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin-top:30px;padding:18px 0;border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line);font-size:1.06rem;font-weight:800;letter-spacing:.05em}.mode-judges span{display:inline-block;background:var(--judge, #8d97b5);-webkit-background-clip:text;background-clip:text;color:transparent;transform:skew(-10deg);animation:home-judge 4.5s ease-in-out infinite}.mode-judges span:nth-child(2){animation-delay:.5s}.mode-judges span:nth-child(3){animation-delay:1s}.mode-judges span:nth-child(4){animation-delay:1.5s}.mode-judges span:nth-child(5){animation-delay:2s}.judge-perfect{--judge: linear-gradient(90deg, #ff8fd2, #ffd76a 35%, #7ff5e3 68%, #7cc8ff)}.judge-great{--judge: linear-gradient(90deg, #ff6fb0, #ffb3d9)}.judge-good{--judge: linear-gradient(90deg, #4fa8ff, #8fd0ff)}.judge-bad{--judge: linear-gradient(90deg, #45d67c, #9af0b8)}.judge-critical{--judge: linear-gradient(90deg, #fff3a6, #ffc93c 55%, #ff9d2e)}.judge-justice{--judge: linear-gradient(90deg, #ff8a3d, #ffb36b)}.judge-attack{--judge: linear-gradient(90deg, #45d67c, #9af0b8)}.mode-speed{margin-top:30px;padding:24px 0 16px;border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}.mode-speed-track{position:relative;height:4px;border-radius:2px;background:#aabeff29}.mode-speed-track i{position:absolute;top:0;bottom:0;left:0;width:38%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--mode-color));animation:home-scrub 7s ease-in-out infinite alternate}.mode-speed-track i:after{content:"";position:absolute;top:50%;right:-6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 14px var(--mode-color);translate:0 -50%}.mode-speed-steps{display:flex;justify-content:space-between;margin-top:16px;color:#c8d4f575;font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums}.mode-speed-steps .is-on{color:var(--mode-color)}.site-home .mode-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;color:#cfd8f2;font-size:.98rem;line-height:1.7}.site-home .mode-list li{position:relative;padding-left:24px}.site-home .mode-list li:before{content:"";position:absolute;top:.8em;left:0;width:12px;height:2px;background:var(--mode-color)}.home-chuni{--home-mint: #ffd15c;position:relative;display:flex;align-items:center;min-height:112vh;min-height:112svh;padding:14vh max(24px,6vw)}.home-chuni:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,4,16,.86),rgba(6,4,16,.6) 36%,transparent 62%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);pointer-events:none}.home-chuni-copy{width:min(100%,600px)}.home-chuni h2{margin:0;font-size:clamp(2.4rem,5vw,4.4rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}.home-chuni-lead{margin:18px 0 0;color:#cbbfe6;font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.8}.home-chuni .mode-judges{margin-top:34px;border-color:#ffd15c38;font-size:1.2rem}.home-chuni-list{display:grid;margin:8px 0 0;padding:0;list-style:none}.home-chuni-list li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,209,92,.14);line-height:1.75}.home-chuni-list b{color:#ffd98a;font-weight:700}.home-chuni-list span{color:#d9d2ee;font-size:.98rem}.home-features-section{max-width:1220px;margin:0 auto;padding:14vh 32px 10vh}.home-features{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:56px}.site-home .feature-card{position:relative;display:grid;grid-template-rows:auto 1fr;grid-column:span 5;overflow:hidden;border:1px solid var(--home-line);border-radius:16px;background:linear-gradient(180deg,#0d1228,#080b1b);transition:opacity .9s var(--home-ease) var(--d, 0s),translate .9s var(--home-ease) var(--d, 0s),border-color .3s ease}.site-home .feature-loop,.site-home .feature-local{grid-column:span 7}.feature-art{position:relative;display:grid;align-content:center;height:156px;padding:0 34px;border-bottom:1px solid var(--home-line);background:radial-gradient(110% 150% at 50% 0%,rgba(111,198,255,.13),transparent 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 30px)}.feature-body{padding:22px 28px 28px}.site-home .feature-card h3{display:flex;align-items:center;gap:12px;margin:0;font-size:1.18rem}.site-home .feature-card p{margin:8px 0 0;color:var(--home-muted);font-size:.94rem;line-height:1.75}.site-home .feature-chip{padding:1px 9px;border-radius:3px;background:#ffd75e;color:#1c1500;font-size:.66rem;font-weight:800;letter-spacing:.08em;transform:skew(-12deg)}.art-loop-track{position:relative;height:6px;margin-top:26px;border-radius:3px;background:#aabeff29}.art-loop-range{position:absolute;inset:0 24% 0 26%;border-radius:3px;background:linear-gradient(90deg,#7ed,#6fc6ff);box-shadow:0 0 18px #77eedd80}.art-loop-head{position:absolute;top:50%;left:26%;width:3px;height:36px;margin:-18px 0 0 -1px;border-radius:2px;background:#fff;box-shadow:0 0 12px #fff;animation:home-loop 2.4s linear infinite}.art-loop-a,.art-loop-b{position:absolute;top:-44px;left:26%;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#7ed;color:#06121c;font-size:.8rem;font-weight:800;translate:-50% 0}.art-loop-b{left:76%;background:#6fc6ff}.art-loop-a:after,.art-loop-b:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:16px;background:currentColor;color:#c8d6ff80}.art-latency{gap:16px}.art-latency-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.art-latency-row span{flex:none;width:2.6em;color:#c8d4f599;font-size:.76rem;font-weight:700}.art-latency-row i{flex:none;width:34px;height:22px;border-radius:5px;background:#d6e0ff4d}.art-latency-row.is-shifted i{background:linear-gradient(180deg,#8ff5e6,#4fd8c8);box-shadow:0 0 14px #77eedd73;animation:home-shift 3.6s var(--home-ease) infinite alternate}.art-export{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 16px}.art-export-film{display:flex;gap:6px;grid-column:1 / -1}.art-export-film i{flex:1 1 0;height:40px;border:1px solid rgba(190,205,255,.22);border-radius:5px;background:linear-gradient(160deg,#8fb8ff66,#a892ff29);animation:home-frame 2.5s ease-in-out infinite}.art-export-film i:nth-child(2){animation-delay:.25s}.art-export-film i:nth-child(3){animation-delay:.5s}.art-export-film i:nth-child(4){animation-delay:.75s}.art-export-film i:nth-child(5){animation-delay:1s}.art-export-bar{height:6px;overflow:hidden;border-radius:3px;background:#aabeff29}.art-export-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8fb8ff,#a892ff);transform-origin:0 50%;animation:home-encode 2.5s ease-in-out infinite}.art-export-tag{padding:2px 9px;border:1px solid rgba(168,146,255,.6);border-radius:5px;color:#cbbfff;font-size:.76rem;font-weight:800;letter-spacing:.06em}.art-local{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.art-local span{padding:8px 16px;border:1px dashed rgba(190,205,255,.34);border-radius:8px;color:#dfe6ff;font-size:.86rem;font-weight:700}.art-local em{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:#8ff5e6;font-size:.86rem;font-style:normal;font-weight:700}.art-local em svg{width:20px;height:20px}.home-finale{display:grid;align-content:start;justify-items:center;min-height:96vh;min-height:96svh;padding:17vh 24px 46vh;text-align:center}.home-finale h2{font-size:clamp(2.4rem,7vw,5.6rem);line-height:1.12}.home-finale-actions{justify-content:center;margin-top:44px}@keyframes home-sheen{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes home-judge{0%,12%,to{filter:none;scale:1}5%{filter:brightness(1.5);scale:1.1}}@keyframes home-scrub{0%{width:10%}to{width:88%}}@keyframes home-loop{0%{left:26%}to{left:76%}}@keyframes home-shift{0%{translate:-16px 0}to{translate:0 0}}@keyframes home-frame{0%,to{opacity:.45}30%{opacity:1}}@keyframes home-encode{0%{transform:scaleX(.04)}80%,to{transform:scaleX(1)}}@keyframes home-drop{0%{translate:0 -100%}60%,to{translate:0 100%}}@media(max-width:1080px){.site-home .feature-card,.site-home .feature-loop,.site-home .feature-local{grid-column:span 6}}@media(max-width:900px){.home-hero{justify-content:flex-start;padding:calc(var(--header-h) + 5vh) 20px 26px}.home-hero:before{background:linear-gradient(180deg,rgba(4,6,13,.86),rgba(4,6,13,.7) 42%,transparent 66%)}.home-hero:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:-1;height:168px;background:linear-gradient(180deg,transparent,rgba(4,6,13,.9) 58%);pointer-events:none}.site-home .hero-title{font-size:clamp(2.2rem,10vw,3.6rem)}.site-home .hero-text{margin-top:18px}.home-actions{gap:10px;margin-top:26px}.home-actions .home-button.is-primary{flex:1 1 100%}.home-actions .home-button:not(.is-primary){flex:1 1 0;padding:0 12px;border-color:#becdff4d;background:#0c0f20c7}.home-hero-facts{width:100%;margin-top:auto}.home-hero-facts li{gap:3px;padding:1px 6px 1px 11px}.home-hero-facts li:before{height:16px}.home-hero-facts b{font-size:.84rem}.home-hero-facts span{font-size:.7rem}.home-scroll-hint{display:none}.home-showcase{padding:10vh 18px 8vh}.home-screen-wrap{margin-top:40px}.home-hero-shot img,.home-hero-shot:after{border-radius:14px}.home-screen-chips{display:none}.home-modes-section{padding:8vh 18px 6vh}.home-modes{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:36px}.site-home .mode-card{padding:26px 22px 26px 28px}.mode-head{gap:14px}.mode-number{font-size:3.2rem}.mode-title h3{font-size:1.3rem}.mode-title p{font-size:.9rem}.mode-icon svg{width:28px;height:28px}.mode-judges{gap:6px 16px;margin-top:22px;padding:14px 0;font-size:.92rem}.mode-speed{margin-top:22px}.site-home .mode-list{margin-top:20px;font-size:.94rem}.home-chuni{align-items:flex-start;min-height:0;padding:10vh 20px 50vh;padding-bottom:50svh}.home-chuni:before{background:linear-gradient(180deg,rgba(6,4,16,.88),rgba(6,4,16,.72) 52%,transparent 78%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%);mask-image:linear-gradient(180deg,transparent,#000 10%)}.home-chuni .mode-judges{margin-top:24px;font-size:.98rem}.home-chuni-list li{grid-template-columns:minmax(0,1fr);gap:2px;padding:14px 0}.home-features-section{padding:9vh 18px 6vh}.home-features{gap:12px;margin-top:36px}.feature-art{height:132px;padding:0 24px}.feature-body{padding:18px 22px 22px}.home-finale{min-height:88svh;padding:12vh 20px 40vh}}@media(max-width:640px){.site-home .feature-card,.site-home .feature-loop,.site-home .feature-local{grid-column:1 / -1}.home-finale-actions{flex-direction:column;align-self:stretch;width:100%;max-width:340px;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.site-home [data-reveal],.site-home .mode-card,.home-line>span{opacity:1;translate:0 0;transition:none}.home-scroll-hint i:after,.site-home .hero-title em,.home-finale h2 em,.mode-judges span,.mode-speed-track i,.art-loop-head,.art-latency-row.is-shifted i,.art-export-film i,.art-export-bar i{animation:none}.home-hero-shot{rotate:none;scale:1}.home-screen-chips li{opacity:1;translate:0 0}}
