:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a1a;background:#f5f5f0;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.6}body{margin:0}.page{max-width:32rem;margin:0 auto;padding:1rem}h1{font-size:1.4rem}h2{margin-bottom:.25rem;font-size:1.1rem}.banner{border:2px solid;border-radius:.5rem;padding:.5rem .75rem}.banner-fake{background:#ffe9db;border-color:#a04000;font-weight:600}.banner-storage{box-sizing:border-box;z-index:30;background:#ffe0e0;border-color:#8a1c1c;width:min(30rem,100vw - 1.5rem);margin:.75rem auto;position:relative;box-shadow:0 2px 10px #00000040}.banner-changed{background:#fff0c8;border-color:#7a4c00}.banner-note{box-sizing:border-box;background:#e3f1fb;border-color:#1f5f8b;width:min(30rem,100vw - 1.5rem);margin:.75rem auto}.banner-error{background:#ffe0e0;border-color:#8a1c1c}.banner-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn{min-width:48px;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:2px solid #4a4a42;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:#e8f1fb;border-color:#1d4f8a}.btn-danger{background:#fdeaea;border-color:#8a1c1c}.btn-back{margin-bottom:.75rem}.btn-inline{min-height:44px;padding:.25rem .75rem}.howto{padding-left:1.25rem}.route-picker{border:none;flex-direction:column;gap:.5rem;margin:.5rem 0 .75rem;padding:0;display:flex}.route-option{cursor:pointer;background:#fff;border:2px solid #6b6b60;border-radius:.5rem;align-items:center;gap:.5rem;min-height:48px;padding:.5rem .75rem;display:flex}.route-option input{flex-shrink:0;width:1.25rem;height:1.25rem}.route-selected{background:#e8f1fb;border-color:#1d4f8a}.route-label{font-weight:700}.route-stations{color:#555;font-size:.85rem}.board-header h1{margin-bottom:.25rem}.progress-summary{margin-bottom:.5rem}.badges{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.badge{background:#e3f4e8;border:2px solid #1d6b3f;border-radius:999px;padding:.15rem .6rem;font-size:.9rem;font-weight:700}.board{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.75rem 0;display:grid}.cell{min-width:44px;min-height:5.5rem;font:inherit;cursor:pointer;background:#fff;border:2px solid #6b6b60;border-radius:.5rem;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem;display:flex}.cell-done{background:#e3f4e8;border-color:#1d6b3f}.cell-line{outline-offset:2px;outline:3px dashed #1d6b3f}.cell-route{border-width:3px}.route-mark{color:#1d4f8a;margin-left:.3rem;font-size:.7rem;font-weight:700}.cell-index{color:#555;font-size:.75rem}.cell-code{font-size:1.3rem;font-weight:700}.cell-name{text-align:center;font-size:.8rem}.cell-state{font-size:.85rem;font-weight:600}.hint-line{color:#555;font-size:.85rem}.code-form{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.code-input{min-height:48px;font:inherit;border:2px solid #4a4a42;border-radius:.5rem;flex:12rem;padding:.5rem .75rem;font-size:1.1rem}.inline-error{color:#8a1c1c;font-weight:600}.actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.clue-panel,.station{background:#fff;border:2px solid #6b6b60;border-radius:.5rem;margin-top:.75rem;padding:.75rem}.clue-image{background:#fff;border:1px solid #999;border-radius:.5rem}.station-clue{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.question-prompt{font-size:1.1rem;font-weight:600}.choices{flex-direction:column;gap:.5rem;margin:.5rem 0;display:flex}.choice{text-align:left}.choice-selected{background:#e8f1fb;border-color:#1d4f8a}.saving-note{font-weight:700}.wrong-panel{background:#fff4ec;border:2px dashed #a04000;border-radius:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-weight:600}.collected-card{text-align:center;background:#f0faf2;border:3px solid #1d6b3f;border-radius:.75rem;padding:.75rem}.collected-badge{color:#14532d;font-size:1.15rem;font-weight:800}.card-image{background:#fff;border:1px solid #999;border-radius:.75rem}.card-explanation{text-align:left}.credit-line{color:#666;font-size:.75rem}.album{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin-top:.75rem;display:grid}.album-slot{text-align:center;background:#fff;border:2px solid #6b6b60;border-radius:.5rem;padding:.6rem}.album-collected{background:#f0faf2;border-color:#1d6b3f}.slot-head{font-size:.85rem;font-weight:700}.slot-image{border-radius:.5rem}.slot-unknown{filter:grayscale()contrast(.6);opacity:.55}.slot-name{margin:.2rem 0}.slot-clue{color:#555;font-size:.78rem}.dialog-backdrop{z-index:40;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:#fff;border:2px solid #4a4a42;border-radius:.75rem;width:min(26rem,100%);max-height:90vh;padding:1rem;overflow:auto}.dialog-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}footer{color:#555;margin-top:1.5rem;font-size:.85rem}.offline-panel{background:#eef8f0;border:2px solid #2f6f4f;border-radius:.5rem;margin:1rem 0;padding:.75rem 1rem}.offline-panel .banner,.offline-panel .banner-actions{margin-top:.5rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none;animation:none}}.layer-list{margin:.5rem 0;padding:0;font-size:.9rem;list-style:none}.layer-list li[data-tone=bad]{color:#9b1c1c}