:root{--paper:#F4F4F1;--ink:#111113;--hairline:#D9D9D4;--ok:#008659;--no:#E3002C;--latin:"Schibsted Grotesk","Noto Sans TC",sans-serif;--tc:"Noto Sans TC","Schibsted Grotesk",sans-serif;--snap:cubic-bezier(.2,0,0,1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#e9e9e4}body{font-family:var(--tc);background:var(--paper);color:var(--ink);max-width:480px;margin:0 auto;height:100dvh;border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);display:flex;flex-direction:column;position:relative;overflow:hidden}.in{opacity:0;transform:translateY(14px);animation:enter .38s var(--snap) forwards}@keyframes enter{to{opacity:1;transform:none}}.d1{animation-delay:.04s}.d2{animation-delay:.09s}.d3{animation-delay:.14s}.d4{animation-delay:.19s}.d5{animation-delay:.24s}header{background:var(--line,#0070BD);color:#fff;display:flex;align-items:stretch;border-bottom:3px solid var(--ink);transition:background .3s var(--snap)}header.dark-text{color:var(--ink)}.badge{background:#fff;color:var(--line,#0070BD);font-family:var(--latin);font-weight:900;display:flex;align-items:center;justify-content:center;width:64px;font-size:26px;letter-spacing:-.02em;border-right:3px solid var(--ink);transition:color .3s var(--snap)}.line-name{padding:12px 14px;flex:1;min-width:0}.line-name .zh{font-weight:900;font-size:19px;letter-spacing:.14em;white-space:nowrap}.line-name .en{font-family:var(--latin);font-weight:500;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-top:1px;white-space:nowrap}.score{border-left:1px solid rgba(255,255,255,.35);padding:10px 16px;text-align:right;display:flex;flex-direction:column;justify-content:center}header.dark-text .score{border-left-color:#00000040}.score .lbl{font-family:var(--latin);font-size:9px;font-weight:700;letter-spacing:.26em;opacity:.85}.score .val{font-family:var(--latin);font-weight:900;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.timer{display:flex;align-items:center;gap:10px;padding:10px 18px 8px;-webkit-user-select:none;user-select:none}.timer .num{font-family:var(--latin);font-weight:900;font-size:34px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:52px;transition:color .18s var(--snap)}.timer .unit{font-family:var(--latin);font-weight:700;font-size:9px;letter-spacing:.26em;color:#63635d}.track{flex:1;height:4px;background:#e2e2dc;position:relative;overflow:hidden}.ctl{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;border:1px solid var(--hairline);font-family:var(--tc);font-weight:700;font-size:10px;letter-spacing:.14em;color:#63635d;padding:5px 9px;white-space:nowrap;transition:color .12s var(--snap),border-color .12s var(--snap)}.ctl:hover{color:var(--ink);border-color:var(--ink)}.ctl:active{transform:scale(.96)}.track .fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:var(--ink);transition:background .18s var(--snap)}body.warn .timer .num{color:var(--no);animation:blink 1s steps(2,jump-none) infinite}body.warn .track .fill{background:var(--no)}@keyframes blink{50%{opacity:.35}}.meta{display:flex;align-items:center;gap:10px;padding:8px 18px;border-bottom:1px solid var(--hairline)}.meta .q{font-family:var(--latin);font-weight:700;font-size:10.5px;letter-spacing:.26em;color:#63635d}.meta .ask{font-weight:900;font-size:15px;letter-spacing:.2em;margin-left:auto}.combo{font-family:var(--latin);font-weight:700;font-size:10px;letter-spacing:.2em;background:var(--ink);color:#fff;padding:3px 8px;animation:stamp .25s var(--snap)}.combo.break{background:var(--no);animation:shake .32s var(--snap)}.canvas{position:relative;flex:1;min-height:200px;max-height:min(100vw,480px);border-bottom:3px solid var(--ink);background:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:40px 40px;background-position:center}.canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.corner{position:absolute;font-family:var(--latin);font-weight:700;font-size:9px;letter-spacing:.24em;color:#a9a9a2}.corner.tl{top:10px;left:14px}.corner.br{bottom:10px;right:14px}#rail{fill:none;stroke-width:14;stroke-linejoin:round;stroke-linecap:round;transition:stroke .3s var(--snap)}#stations{transition:opacity .16s var(--snap)}#stations.hidden{opacity:0}.st.pop{opacity:0;animation:enter .3s var(--snap) forwards}#board text{font-family:var(--latin)}#board .code{font-weight:700;font-size:12px}#board .stname{font-family:var(--tc);font-weight:900;font-size:17px;fill:var(--ink);letter-spacing:1px;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}#board .qmark{font-weight:900;font-size:26px;fill:var(--ink)}#board .dirlabel{font-weight:700;font-size:10px;letter-spacing:2px}.mystery-ring,.mystery-pulse{transform-box:fill-box;transform-origin:center}.mystery-ring{animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mystery-pulse{animation:pulse 1.6s var(--snap) infinite}@keyframes pulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}.opts{display:grid;grid-template-columns:1fr 1fr;background:var(--hairline);gap:1px;border-bottom:1px solid var(--hairline);flex:0 0 auto}.opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--paper);font-family:var(--tc);color:var(--ink);padding:14px 14px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:background .12s var(--snap),color .12s var(--snap),transform .08s var(--snap);position:relative}.opt .idx{font-family:var(--latin);font-weight:700;font-size:10px;letter-spacing:.24em;color:#a9a9a2;transition:color .12s var(--snap)}.opt .name{font-weight:900;font-size:19px;letter-spacing:.08em;white-space:nowrap}@media (hover:hover){.opt:hover{background:var(--ink);color:#fff}.opt:hover .idx{color:#fff9}}.opt:active{transform:scale(.97)}.opt.hit{background:var(--ok)!important;color:#fff!important}.opt.hit .idx{color:#ffffffb3!important}.opt.miss{background:var(--no)!important;color:#fff!important}.opt.miss .idx{color:#ffffffb3!important}.opt.reveal{box-shadow:inset 0 0 0 3px var(--ok)}.opt.reveal .idx{color:var(--ok)}.opts.lock .opt{pointer-events:none}.opt.hit .name{animation:stamp .3s var(--snap)}@keyframes stamp{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.opt.miss{animation:shake .32s var(--snap)}@keyframes shake{25%{transform:translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}footer{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;flex:0 0 auto;font-family:var(--latin);font-weight:700;font-size:9px;letter-spacing:.26em;color:#a9a9a2}@media (max-height:620px){footer{display:none}}.score{position:relative}.gain{position:absolute;right:16px;top:-4px;font-family:var(--latin);font-weight:900;font-size:18px;color:#fff;pointer-events:none;animation:rise .7s var(--snap) forwards}header.dark-text .gain{color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--paper);display:flex;flex-direction:column;overflow-y:auto;transition:opacity .25s var(--snap),visibility .25s}.overlay.hide{opacity:0;visibility:hidden;pointer-events:none}.ov-body{display:flex;flex-direction:column;margin:auto 0;width:100%;padding:32px 26px;gap:22px}.kicker{font-family:var(--latin);font-weight:700;font-size:10.5px;letter-spacing:.3em;color:#63635d;border-bottom:1px solid var(--hairline);padding-bottom:12px}.ov-body h1{font-weight:900;font-size:38px;line-height:1.14;letter-spacing:.08em}.ov-body h1 .huge{font-family:var(--latin);font-size:112px;line-height:1;letter-spacing:-.05em;display:inline-block}.ov-body h1 .huge small{font-family:var(--tc);font-size:34px;letter-spacing:.1em;margin-left:6px}.cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--ink);color:#fff;font-family:var(--tc);font-weight:900;font-size:19px;letter-spacing:.3em;padding:19px 20px 19px calc(20px + .3em);transition:transform .08s var(--snap),background .15s var(--snap)}.cta:hover{background:#000}.cta:active{transform:scale(.98)}.ov-foot{font-size:11px;letter-spacing:.14em;color:#a9a9a2;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.credit{font-family:var(--latin);font-weight:700;font-size:8.5px;letter-spacing:.34em;color:#c6c6c0}.end-links{display:flex;justify-content:center;gap:22px}.city-tabs{display:flex;border-bottom:2px solid var(--ink)}.city-tabs a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;position:relative;font-weight:900;font-size:14px;letter-spacing:.2em;color:#63635d;text-decoration:none;transition:color .15s var(--snap)}.city-tabs a:hover,.city-tabs a.on{color:var(--ink)}.city-tabs a.on:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:var(--ink)}.city-tabs .sw{display:inline-flex;gap:2px}.city-tabs .sw i{width:8px;height:8px;display:inline-block}.city-tabs a:not(.on) .sw i{opacity:.35}.lp-map{position:relative;border:1px solid var(--hairline);background:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:34px 34px;background-position:center;padding:6px}.lp-map img{display:block;width:100%;height:auto}.lp-map-src{display:block;margin-top:6px;text-align:right;font-size:9px;letter-spacing:.1em;color:#a9a9a2}.cta-row{display:flex;gap:10px}.cta-row .cta{flex:1.6}.cta.ghost{flex:1;background:none;color:var(--ink);border:2px solid var(--ink);font-size:15px;letter-spacing:.2em;padding:17px 12px 17px calc(12px + .2em)}.cta.ghost:hover{background:var(--ink);color:#fff}.lb-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--latin);font-weight:700;font-size:9.5px;letter-spacing:.24em;color:#63635d;border-bottom:2px solid var(--ink);padding-bottom:8px}.lb-head #me-tag{font-family:var(--tc);letter-spacing:.1em;color:var(--ink)}.lb-list{list-style:none;max-height:220px;overflow-y:auto}.lb-list li{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--hairline);font-size:14px;letter-spacing:.06em}.lb-list li b{font-family:var(--latin);font-weight:700;font-size:10px;letter-spacing:.1em;color:#a9a9a2;width:22px}.lb-list li span{flex:1;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-list li i{font-style:normal;font-family:var(--latin);font-weight:900;font-variant-numeric:tabular-nums}.lb-list li.me{background:var(--ink);color:#fff;padding-left:8px;padding-right:8px}.lb-list li.self-rank{margin-top:8px;border-top:2px dashed var(--hairline)}.lb-list li.me b{color:#fff9}.lb-list li.empty{color:#a9a9a2;font-weight:500;justify-content:center}.linkbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font-family:var(--tc);font-weight:700;font-size:11.5px;letter-spacing:.14em;color:#63635d;text-decoration:underline;text-underline-offset:4px;padding:4px}.linkbtn:hover{color:var(--ink)}.name-title{font-weight:900;font-size:34px;line-height:1.3;letter-spacing:.1em}.name-edit{display:flex;gap:1px;background:var(--ink);border:2px solid var(--ink)}.name-edit input{flex:1;min-width:0;border:0;outline:0;background:var(--paper);font-family:var(--tc);font-weight:700;font-size:15px;letter-spacing:.08em;padding:12px 14px;color:var(--ink)}.name-edit button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--ink);color:#fff;font-family:var(--tc);font-weight:900;font-size:13px;letter-spacing:.24em;padding:0 18px}.name-edit button:active{opacity:.8}.share-card{border:2px solid var(--ink);background:var(--paper);padding:0;max-width:430px;width:100%;margin:0 auto}.sc-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:2px solid var(--ink);font-weight:900;font-size:12.5px;letter-spacing:.2em}.sc-head span:last-child{font-family:var(--latin);font-weight:700;font-size:10px;letter-spacing:.2em;color:#63635d}.sc-score-row{display:flex;align-items:stretch;border-bottom:1px solid var(--hairline)}.result-score{flex:1;padding:12px 14px 8px;font-family:var(--latin);font-weight:900;font-size:76px;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;min-width:0;white-space:nowrap}.result-score[data-len="6"]{font-size:60px}.result-score[data-len="7"]{font-size:52px}.result-score[data-len="8"]{font-size:44px}.result-score[data-len="9"]{font-size:38px}.result-score small{font-family:var(--tc);font-size:22px;letter-spacing:.1em;margin-left:8px;font-weight:900}.sc-pct{border-left:1px solid var(--hairline);padding:12px 16px 8px;text-align:right;display:flex;flex-direction:column;justify-content:center;gap:2px}.sc-pct .lbl{font-size:10px;letter-spacing:.24em;color:#63635d}.sc-pct .val{font-family:var(--latin);font-weight:900;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.sc-pct .val small{font-size:16px;margin-left:2px}.sc-map{position:relative;border-bottom:1px solid var(--hairline);background:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:28px 28px;background-position:center;padding:8px}.sc-map svg{display:block;width:100%;height:auto}.sc-legend{position:absolute;right:10px;bottom:8px;display:flex;align-items:center;gap:6px;font-size:9.5px;letter-spacing:.14em;color:#63635d;font-weight:700}.sc-legend i{width:9px;height:9px;display:inline-block;border-radius:50%}.sc-legend .lg-ok{background:var(--ok)}.sc-legend .lg-no{background:var(--no)}.share-card .stats{border-top:0;padding:0 14px}.sc-foot{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-top:1px solid var(--hairline);font-weight:700;font-size:11px;letter-spacing:.14em;color:#63635d}.sc-foot span:last-child{font-family:var(--latin);font-size:8.5px;letter-spacing:.3em;color:#c6c6c0}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.stat{padding:14px 0}.stat+.stat{border-left:1px solid var(--hairline);padding-left:16px}.stat .lbl{font-size:10.5px;letter-spacing:.18em;color:#63635d;margin-bottom:4px}.stat .val{font-family:var(--latin);font-weight:900;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.note{font-size:11.5px;letter-spacing:.1em;color:#a9a9a2}@media (min-width:880px){html{display:grid;place-items:center;min-height:100dvh}body{max-width:1000px;width:100%;height:min(100dvh - 32px,700px);border:1px solid var(--hairline);display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto auto 1fr auto}header{grid-area:1/1/2/3}.timer{grid-area:2/1/3/3}.meta{grid-area:3/2/4/3;border-left:1px solid var(--hairline);padding:14px 22px}.canvas{grid-area:3/1/5/2;max-height:none;min-height:0;border-bottom:0;border-right:1px solid var(--hairline)}.opts{grid-area:4/2/5/3;grid-template-columns:1fr;border-left:1px solid var(--hairline);border-bottom:0}.opt{padding:0 24px;justify-content:center;gap:6px}.opt .name{font-size:20px}footer{grid-area:5/1/6/3;border-top:3px solid var(--ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0}.ov-body{max-width:640px;margin:auto;padding:48px 40px}#ov-start .ov-body{max-width:1060px;display:grid;column-gap:80px;row-gap:26px;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto auto 1fr auto auto;grid-template-areas:"kicker kicker" "tabs   lb" "title  lb" "preview lb" "cta    lb" "foot   foot";align-items:start}#ov-start .kicker{grid-area:kicker}#ov-start .city-tabs{grid-area:tabs}#ov-start h1{grid-area:title;font-size:46px}#ov-start h1 .huge{font-size:128px}#ov-start .lp-map{grid-area:preview;align-self:center}#ov-start .cta-row{grid-area:cta}#ov-start .lb{grid-area:lb;align-self:stretch}#ov-start .ov-foot{grid-area:foot}.lb-list{max-height:460px}}.brand{display:inline-flex;align-items:center;gap:7px}.brand-mark{width:15px;height:15px;flex:none;display:inline-block;margin-top:-1px}