@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"Space Mono", "SF Mono", "Menlo", "Consolas", monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--default-mono-font-family:"Space Mono", "SF Mono", "Menlo", "Consolas", monospace;--font-display:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-5{height:calc(var(--spacing) * 5)}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.min-h-full{min-height:100%}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--fg\)\]{color:var(--fg)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.placeholder\:text-\[var\(--muted\)\]::placeholder{color:var(--muted)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:bg-\[var\(--border-color\)\]\/10:hover{background-color:var(--border-color)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--border-color\)\]\/10:hover{background-color:color-mix(in oklab, var(--border-color) 10%, transparent)}}.hover\:text-\[var\(--error\)\]:hover{color:var(--error)}.hover\:text-\[var\(--fg\)\]:hover{color:var(--fg)}}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--scene-bg:#fff;--map-bg:#f7f7f5;--map-land:#00000009;--map-border:#00000029;--surface:#fff;--surface-soft:#f4f6f8;--surface-border:#e2e6ea;--text:#111;--text-soft:#5f6b78;--text-muted:#8b98a6;--station-dot:#c4c4c4;--train-car:#1f2937;--train-window:#cfe8ff;--fg:var(--text);--muted:var(--text-muted);--border-color:var(--surface-border);--accent:#ef7d3a;--error:#ef4444;--line:#00ab39}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--scene-bg:#07111f;--map-bg:#091421;--map-land:#5b7c9a1f;--map-border:#85a5c233;--surface:#111d2b;--surface-soft:#172536;--surface-border:#2b3c50;--text:#edf4fb;--text-soft:#b7c5d4;--text-muted:#8799ad;--station-dot:#718196;--train-car:#d7dde5;--train-window:#ffd98a;--fg:var(--text);--muted:var(--text-muted);--border-color:var(--surface-border);--accent:#f0a06a}*{box-sizing:border-box}html,body{background:var(--scene-bg);min-height:100%;color:var(--text);font-family:var(--font-sans);margin:0;padding:0;transition:background-color .4s,color .4s;overflow:hidden}:is(body:has(.mode-setup-page),body:has(.lines-page)){overflow:auto}.mode-setup-page{background:var(--scene-bg);min-height:100dvh;color:var(--text);padding:2rem 1rem 3rem;overflow:auto}.mode-setup-card{width:min(520px,100%);margin:0 auto}.mode-setup-card h2{font-family:var(--font-display);text-align:center;margin:0 0 .35rem;font-size:1.6rem;font-weight:900}.mode-setup-card .desc{text-align:center;color:var(--text-muted);margin:0 0 1.25rem;font-size:.85rem}.mode-line-btn{border:1px solid var(--surface-border);background:var(--surface);border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.mode-line-btn{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.mode-line-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;cursor:pointer;color:var(--text);margin-bottom:8px;transition:all .14s}.mode-line-btn:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mode-line-btn:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--surface-border))}}.mode-line-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}.mode-setup-back{border:1px solid var(--surface-border);background:var(--surface-soft);width:100%;color:var(--text-muted);cursor:pointer;border-radius:14px;margin-top:1.25rem;padding:12px;font-weight:700}.mode-setup-back:hover{color:var(--text)}.result-overlay{z-index:50;background:radial-gradient(120% 80% at 50% 30%, var(--map-bg), var(--scene-bg));flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px 16px 28px;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.result-overlay{background:radial-gradient(120% 80% at 50% 30%, color-mix(in srgb, var(--map-bg) 70%, transparent), var(--scene-bg))}}.result-overlay{overflow-y:auto}.share-card{box-sizing:border-box;background:var(--surface);width:min(360px,100vw - 32px);color:var(--text);text-align:center;border:2px solid #111;border-radius:4px;padding:22px 22px 18px;box-shadow:8px 8px #11111124}:root[data-theme=night] .share-card{border-color:var(--surface-border);box-shadow:8px 8px #00000059}.share-card-brand{letter-spacing:.28em;color:var(--text-muted);margin-bottom:14px;font-size:10px;font-weight:800}.share-card-route{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.share-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.share-card-line{font-size:14px;font-weight:900}.share-card-mode{color:var(--text-muted);background:var(--surface-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.share-card-path{justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:18px;font-weight:900;line-height:1.25;display:flex}.share-card-arrow{opacity:.9;font-weight:900}.share-card-path-sub{color:var(--text-muted);margin-top:6px;font-size:12px;font-weight:600}.share-card-tier{letter-spacing:.2em;color:#1f7a34;margin-top:18px;font-size:11px;font-weight:800}.share-card-title{color:var(--text);margin:6px 0 0;font-size:clamp(1.6rem,6vw,2rem);font-weight:900;line-height:1.15}.share-card-blurb{color:var(--text-soft);margin:8px 0 0;font-size:12.5px;font-weight:600;line-height:1.4}.share-card-score{background:#1f7a341f;border-radius:14px;margin-top:18px;padding:14px 12px 12px}.share-card-score-label{letter-spacing:.16em;color:#1f7a34;font-size:11px;font-weight:800;display:block}.share-card-score-num{color:#1f7a34;letter-spacing:-.02em;margin-top:2px;font-family:ui-monospace,Space Mono,monospace;font-size:3rem;font-weight:900;line-height:1;display:block}.share-card-score-next{color:var(--text-soft);margin-top:8px;font-size:11.5px;font-weight:700;display:block}.share-card-stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;display:grid}.share-card-stats>div{background:#1111110d;border-radius:10px;padding:10px 6px}:root[data-theme=night] .share-card-stats>div{background:#ffffff0f}.share-card-stats b{color:var(--text);font-family:ui-monospace,Space Mono,monospace;font-size:1.15rem;font-weight:800;line-height:1.1;display:block}.share-card-stats span{letter-spacing:.06em;color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:700;display:block}.share-card-foot{letter-spacing:.04em;color:var(--text-muted);margin-top:14px;font-size:10px;font-weight:600}.share-card-actions{flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex}.result-btn{width:100%;font-size:1.02rem;font-weight:800;font-family:var(--font-display);cursor:pointer;border:none;border-radius:10px;padding:.85rem 1.2rem;transition:all .14s}.result-btn-primary{color:#fff;background:#1f7a34;box-shadow:0 2px 6px #00000026}.result-btn-primary:hover{background:#196328}.result-btn-home{color:#fff;background:#286e46;box-shadow:0 2px 6px #0000001f}.result-btn-home:hover{background:#1f7a34}:root[data-theme=night] .result-btn-home{color:#eafff0;background:#1a5c32;border:1px solid #6ed29659}:root[data-theme=night] .result-btn-home:hover{background:#227a42}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes pulse{50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #5b3fae73}50%{box-shadow:0 0 40px #5b3fae99}}@keyframes trainMove{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ripple-spread{0%{r:6px;opacity:.85}to{r:78px;opacity:0}}@keyframes pulse-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes train-shake{0%,to{transform:translate(0)}20%{transform:translate(-2.5px,1.5px)}40%{transform:translate(2.5px,-1.5px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}.player.miss .train-car{fill:#ef4444!important}.player.miss .player-halo{fill:#ef4444!important;opacity:.34!important}.player.miss .player-body{animation:.32s ease-in-out train-shake}@keyframes caretpop{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}@keyframes typingshake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes namepunch{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes combopunch{0%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes combobreak{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes tpulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes traindoor-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes traindoor-right{0%{transform:translate(0)}to{transform:translate(100%)}}.caret-svg{background:var(--line,currentColor);vertical-align:-.22rem;width:2px;height:1.3rem;margin:0 1px;animation:.12s ease-out caretpop,1s step-end infinite blink;display:inline-block}.next-char.miss{animation:.3s ease-in-out typingshake;display:inline-block;color:#ef4444!important}.game-signboard.miss-flash .typing .rest:first-of-type,.game-signboard .typing .rest.next-char.miss{animation:.3s ease-in-out typingshake;color:#ef4444!important}.game-signboard.miss-flash{animation:.3s ease-in-out typingshake}.name-punch{animation:.36s cubic-bezier(.34,1.56,.64,1) namepunch}.timebar-danger{animation:1s ease-in-out infinite tpulse;background:#b3261e!important}@keyframes station-enter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes station-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes char-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes error-flash{0%,to{background-color:#0000}50%{background-color:#ef353526}}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-in-right{animation:.4s ease-out slideInRight}.animate-slide-out-left{animation:.3s ease-out forwards slideOutLeft}.animate-pulse-custom{animation:1s ease-in-out infinite pulse}.animate-shake{animation:.3s ease-in-out shake}.animate-glow{animation:2s ease-in-out infinite glow}.animate-count-up{animation:.4s ease-out countUp}.animate-ripple{animation:.6s ease-out ripple}.animate-blink{animation:1s step-end infinite blink}.animate-spin-custom{animation:.8s linear infinite spin}.animate-station-enter{animation:.3s ease-out station-enter}.animate-station-exit{animation:.3s ease-out forwards station-exit}.animate-char-pop{animation:.15s ease-out char-pop}.animate-error-flash{animation:.3s ease-in-out error-flash}.cursor-blink:after{content:"|";color:var(--text-muted);margin-left:1px;font-weight:400;animation:1s step-end infinite blink}.typing-display{font-family:var(--font-mono);letter-spacing:.02em}.font-display{font-family:var(--font-display)}.reveal-bg{z-index:0;pointer-events:none;background:var(--scene-bg);position:fixed;inset:0}.reveal-fade{background:radial-gradient(90% 70% at 50% 42%,#0000 45%,#ffffff38 100%),linear-gradient(#ffffff1f 0%,#fff0 18% 58%,#ffffff8c 100%);position:absolute;inset:0}:root[data-theme=night] .reveal-fade{background:radial-gradient(90% 70% at 50% 42%,#0000 45%,#07111f59 100%),linear-gradient(#07111f2e 0%,#07111f00 18% 58%,#07111f9e 100%)}.home-layer{z-index:1;position:relative}.glass-panel{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.glass-panel{background:color-mix(in srgb, var(--surface) 80%, transparent)}}.glass-panel{-webkit-backdrop-filter:blur(12px)}.mode-hero-btn{width:100%;font-family:var(--font-display);color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#5b3fae,#9a6bd6);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:20px 24px;transition:all .16s;display:flex;box-shadow:0 10px 30px #5b3fae73}.mode-hero-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #5b3fae8c}.mode-hero-btn:active{transform:translateY(0)}.mode-hero-btn .hero-ja{letter-spacing:.04em;font-size:19px;font-weight:900;line-height:1.2}.mode-hero-btn .hero-en{opacity:.88;letter-spacing:.06em;font-size:11px;font-weight:500}.sub-mode-btn{font-family:var(--font-display);color:#c9d4e0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#131a24b3;border:1px solid #ffffff1a;border-radius:999px;flex-direction:row;align-items:center;gap:6px;padding:8px 11px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .14s;display:inline-flex}.sub-mode-btn:hover{color:#e6edf3;border-color:#ffffff47}.sub-mode-btn:disabled{opacity:.4;cursor:not-allowed;filter:none}.sub-mode-btn .lock{opacity:.85;font-size:10px}.sub-mode-btn.loop{color:#fff;background:linear-gradient(135deg,#286e46,#6ed296);border-color:#0000}.sub-mode-btn.loop:hover{color:#fff;background:linear-gradient(135deg,#2f7f51,#7edba3);border-color:#0000}.sub-mode-btn.rand{color:#fff;background:linear-gradient(135deg,#2f5886,#6eaaeb);border-color:#0000}.sub-mode-btn.section{color:#fff;background:linear-gradient(135deg,#8c3264,#e68cbe);border-color:#0000}.sub-mode-btn.traverse{color:#fff;background:linear-gradient(135deg,#1e7873,#6ee6dc);border-color:#0000}.sub-mode-btn.japan{color:#fff;background:linear-gradient(135deg,#964b1e,#f59b64);border-color:#0000}.sub-mode-btn.stats{color:#fff;background:linear-gradient(135deg,#3a3f8c,#7b83e0);border-color:#0000;text-decoration:none}.sub-mode-btn.stats:hover{color:#fff;background:linear-gradient(135deg,#454ba0,#8b93e8);border-color:#0000}.home-title{letter-spacing:.04em;color:var(--text);font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1;font-family:var(--font-display);margin:0}.home-title em{color:#ef7d3a;font-style:normal}.home-lead{max-width:380px;color:var(--text-soft);margin:12px 0 0;font-size:12.5px;line-height:1.7}.home-dock{z-index:3;pointer-events:auto;flex-direction:column;align-items:center;width:min(760px,100% - 32px);display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.home-dock-main{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.home-dock-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 24px;margin-bottom:14px;display:flex}.home-sub-btns{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.game-ticket{box-sizing:border-box;background:#fff;border:2px solid #111;border-radius:14px;justify-content:center;align-items:stretch;width:100%;max-width:560px;margin:0 auto;padding:.85rem 1.1rem;display:flex;box-shadow:4px 4px #1111111f}:root[data-theme=night] .game-ticket{background:var(--surface);border-color:var(--surface-border);color:var(--text);box-shadow:4px 4px #00000059}.game-ticket-inner{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.game-ticket-badge{color:#fff;letter-spacing:.04em;font-size:11px;font-weight:800;font-family:var(--font-display);background:#ef7d3a;border-radius:999px;padding:.15rem .55rem;display:inline-block}.game-ticket-station{font-family:var(--font-display);color:#111;font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:900;line-height:1.15}:root[data-theme=night] .game-ticket-station{color:var(--text)}.game-ticket-line{color:var(--text-muted);font-size:12px;font-weight:700}.game-timebar{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111;border-radius:999px;align-items:baseline;gap:1rem;padding:.5rem 1.4rem;display:flex;box-shadow:0 4px 14px #00000040}.game-timebar.danger{background:#b3261e;animation:1s ease-in-out infinite tpulse}.game-timebar .t-label{letter-spacing:.15em;color:#9acd32;font-size:.75rem;font-weight:700}.game-timebar .t-value{font-family:ui-monospace,monospace;font-size:2rem;font-weight:800;line-height:1}.game-timebar .t-meta{color:#ffffff8c;font-size:.75rem;font-weight:700}.game-timebar .t-wpm{color:#9acd32;font-size:.75rem;font-weight:800}.game-signboard{background:#fff;border:3px solid #dcdcdc;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);align-items:center;column-gap:.75rem;width:100%;padding:1rem 1.1rem 2.6rem;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}:root[data-theme=night] .game-signboard{background:var(--surface);color:var(--text);border-color:var(--surface-border)}.game-signboard .neighbor{flex-direction:column;gap:.1rem;min-width:0;display:flex}.game-signboard .neighbor.prev{text-align:left;align-items:flex-start}.game-signboard .neighbor.next{text-align:right;align-items:flex-end}.game-signboard .n-name{color:var(--text-soft);overflow-wrap:anywhere;font-size:.9rem;font-weight:700}.game-signboard .n-romaji{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem}.game-signboard .arrow{color:var(--line,#00ab39);margin-top:.15rem;font-size:1rem;font-weight:900}.game-signboard .current{text-align:center;min-width:0}.game-signboard .location{color:#999;letter-spacing:.05em;overflow-wrap:anywhere;font-size:.85rem}.game-signboard .name{color:#111;overflow-wrap:anywhere;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.12;font-family:var(--font-display)}:root[data-theme=night] .game-signboard .name{color:var(--text)}.game-signboard .yomi{color:#666;letter-spacing:.12em;padding-left:.1em;font-size:.85rem}:root[data-theme=night] .game-signboard .yomi{color:var(--text-muted)}.game-signboard .typing{text-align:center;letter-spacing:.04em;white-space:nowrap;grid-column:1/-1;margin-top:.4rem;font-family:ui-monospace,monospace;font-size:clamp(.9rem,2.2vw,1.5rem);overflow:hidden}.game-signboard .typing .ok{color:#111;font-weight:700}:root[data-theme=night] .game-signboard .typing .ok{color:var(--text)}.game-signboard .typing .rest{color:#c2c2c2}.game-signboard .band{background:var(--line,#00ab39);justify-content:center;align-items:center;height:1.9rem;display:flex;position:absolute;bottom:0;left:0;right:0}.game-signboard .band .badge{color:#fff;letter-spacing:.06em;text-shadow:0 1px 2px #00000040;background:#0000001f;border-radius:999px;padding:.05rem .55rem;font-size:.7rem;font-weight:800}.game-play{z-index:20;flex-direction:column;align-items:center;gap:.75rem;width:min(560px,100% - 2rem);display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.game-back{z-index:20;font-size:12px;font-weight:700;font-family:var(--font-display);color:#c9d4e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#131a24b3;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;transition:all .14s;display:inline-flex;position:fixed;top:16px;left:16px}.game-back:hover{color:#fff;border-color:#ffffff59}.game-ticket-wrap{z-index:20;pointer-events:none;width:min(560px,100% - 2rem);position:fixed;top:12px;left:50%;transform:translate(-50%)}.im-toggle{cursor:pointer;background:#131a24b3;border:1px solid #ffffff1f;border-radius:999px;flex-direction:row;padding:2px;display:flex}.im-opt{font-size:12px;font-weight:700;font-family:var(--font-display);color:var(--text-muted);border-radius:999px;padding:5px 12px;transition:all .16s}.im-opt.on{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0000001a}.volume-slider{z-index:5;background:#111111b8;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 2px 8px #0003}.theme-toggle{z-index:4;background:#111111b8;border-radius:999px;gap:4px;padding:5px;display:flex;position:fixed;top:68px;right:16px;box-shadow:0 2px 8px #0003}.theme-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .16s;display:flex}.theme-btn.active{color:#fffffff2;background:#ffffff2e}.country-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #6e7c9152;border-radius:999px;padding:3px;display:inline-flex}.country-btn{font-size:13px;font-weight:700;font-family:var(--font-display);color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;transition:all .16s}.country-btn.active{color:#fff;background:#ef7d3a;box-shadow:0 3px 10px #ef7d3a47}:root[data-theme=night] .country-switch{background:#111d2bb8;border-color:#85a5c247}.stamp-btn{font-size:12px;font-weight:900;font-family:var(--font-display);color:#f2c574;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#362617c2;border:1px solid #efad486b;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;transition:all .16s;display:inline-flex}.stamp-btn:hover{color:#ffe0a0;background:#4c341ce0}.auth-btn{font-size:12px;font-weight:700;font-family:var(--font-display);color:#c9d4e0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#131a24b3;border:1px solid #ffffff24;border-radius:999px;padding:8px 14px;text-decoration:none;transition:all .16s}.auth-btn:hover{color:#e6edf3;border-color:#ffffff47}.auth-btn.login{color:#fff;background:linear-gradient(135deg,#2f5886,#6eaaeb);border-color:#0000}.auth-btn.login:hover{color:#fff;filter:brightness(1.05)}.legal-links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px;display:flex}.legal-links a{letter-spacing:.04em;color:#5f6b78;font-family:var(--font-mono);font-size:10px;text-decoration:none;transition:all .14s}.legal-links a:hover{color:#8b98a6;text-decoration:underline}:root[data-theme=night] .legal-links a{color:var(--text-muted)}.language-select{appearance:none;font-size:12px;font-weight:700;font-family:var(--font-display);color:#e6edf3;cursor:pointer;background:#131a24b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b98a6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff1f;border-radius:999px;outline:none;padding:6px 28px 6px 12px}:root[data-theme=day] .language-select{color:var(--text);border-color:var(--surface-border);background-color:#131a2414}.im-label{font-size:11px;font-weight:700;font-family:var(--font-display);color:var(--text-muted)}.line-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 4px;font-size:12px;font-weight:700;display:inline-flex}.metro-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.fullscreen-container{z-index:100;background:var(--scene-bg);position:fixed;inset:0}.gradient-text{color:#ef7d3a;-webkit-text-fill-color:currentColor;background:0 0}.spinner{border:2px solid var(--surface-border);border-top-color:#2f5886;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}