@font-face{font-family:Cubic11;src:url(/taiwan-random-trip/assets/Cubic_11-BYAGXrlw.woff2)format("woff2");font-display:swap}:root{--ink:#1b1b2f;--bg:#2b2d42;--bg-dot:#3a3d5c;--panel:#3a3d5c;--panel-dark:#24263a;--cream:#fff7e3;--cream-dark:#e6d8b8;--text-soft:#7a6f57;--muted:#a3a6c4;--yellow:#ffd23f;--yellow-dark:#d9a400;--red:#e63946;--red-dark:#a4161a;--amber:#ffb53c;--amber-dim:#a8701c;--led-bg:#1a0f05;--led-shadow:#0d0702;--outline:0 -4px 0 0 var(--ink), 0 4px 0 0 var(--ink), -4px 0 0 0 var(--ink), 4px 0 0 0 var(--ink)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--cream);background-color:var(--bg);background-image:linear-gradient(90deg, var(--bg) 21px, transparent 21px), linear-gradient(var(--bg) 21px, var(--bg-dot) 21px);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-size:24px 24px;margin:0;font-family:Cubic11,PingFang TC,Noto Sans TC,sans-serif;font-size:16px;line-height:1.5}button{font:inherit;color:inherit;appearance:none}:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:1040px;margin:0 auto;padding:24px 16px 32px}.header{justify-content:space-between;align-items:center;gap:12px;display:flex}.header__title{color:var(--yellow);text-shadow:4px 4px 0 var(--ink), 4px 0 0 var(--ink), 0 4px 0 var(--ink);margin:0;font-size:36px;font-weight:400;line-height:48px}.header__tagline{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:16px}@media (width>=880px){.header__title{font-size:48px;line-height:60px}}.layout{gap:24px;margin-top:20px;display:grid}@media (width>=880px){.layout{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start;gap:36px}.layout__side{position:sticky;top:24px}}.controls{flex-wrap:wrap;justify-content:center;gap:16px;min-height:48px;margin-top:28px;display:flex}.button{min-height:48px;color:var(--ink);background:var(--yellow);box-shadow:var(--outline), inset -4px -4px 0 var(--yellow-dark);cursor:pointer;border:0;justify-content:center;align-items:center;margin:4px;padding:8px 16px 12px;font-size:24px;line-height:28px;text-decoration:none;display:inline-flex}.button:disabled{opacity:.45;cursor:default}.button:active:not(:disabled){box-shadow:var(--outline), inset 4px 4px 0 var(--yellow-dark);padding:12px 16px 8px}.button--ghost{color:var(--cream);background:var(--panel);box-shadow:var(--outline), inset -4px -4px 0 var(--panel-dark)}.button--ghost:active:not(:disabled){box-shadow:var(--outline), inset 4px 4px 0 var(--panel-dark)}.button--paper{background:var(--cream);box-shadow:var(--outline), inset -4px -4px 0 var(--cream-dark)}.button--paper:active:not(:disabled){box-shadow:var(--outline), inset 4px 4px 0 var(--cream-dark)}.button--small{white-space:nowrap;min-height:36px;padding:6px 12px 10px;font-size:12px;line-height:16px}.button--small:active:not(:disabled){padding:10px 12px 6px}.footer{color:var(--muted);text-align:center;margin-top:48px;font-size:12px;line-height:20px}.footer a{color:var(--cream)}.board{text-align:center;color:var(--amber);background-color:var(--led-bg);box-shadow:var(--outline), inset 4px 4px 0 var(--led-shadow);background-image:repeating-linear-gradient(#0000 0 3px,#00000059 3px 4px);margin:4px;padding:8px 12px}.board__caption{color:var(--amber-dim);margin:0;font-size:12px;line-height:16px}.board__text{white-space:nowrap;text-shadow:0 0 8px #ffb53c80;justify-content:center;align-items:center;height:48px;margin:4px 0;font-size:36px;line-height:48px;display:flex;overflow:hidden}.board__text--waiting{font-size:24px;animation:1s step-end infinite blink}.board__sub{min-height:16px;color:var(--amber-dim);margin:0;font-size:12px;line-height:16px}@media (width>=880px){.board__text{height:60px;font-size:48px;line-height:60px}}@keyframes blink{50%{opacity:.3}}.wheel{aspect-ratio:1;place-items:center;width:min(100%,520px);margin:32px auto 0;animation:.4s steps(4,end) wheel-in;display:grid;position:relative}.wheel__disc{image-rendering:pixelated;filter:drop-shadow(0 8px #00000059);display:block}.wheel__pointer{z-index:1;margin:0 auto;position:absolute;left:0;right:0}.wheel__pointer svg{width:100%;height:auto;display:block}.wheel__hub{color:var(--cream);text-shadow:2px 2px 0 var(--red-dark), 2px 0 0 var(--red-dark), 0 2px 0 var(--red-dark);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:0;display:flex;position:absolute;inset:0}.wheel__hub:disabled{color:var(--cream-dark);text-shadow:2px 2px 0 var(--ink);cursor:default}.wheel__hub:active:not(:disabled)>*{transform:translateY(2px)}.wheel__hub-label,.wheel__hub-sub{display:block}.wheel__hub-label{font-size:24px;line-height:28px}.wheel__hub-sub{font-size:12px;line-height:16px}@media (width>=880px){.wheel__hub-label{font-size:36px;line-height:40px}}@keyframes wheel-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.wheel,.board__text--waiting{animation:none}}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 4px 0;display:grid}.modes__tab{white-space:nowrap;color:var(--muted);background:var(--panel-dark);box-shadow:var(--outline);cursor:pointer;border:0;flex-direction:column;align-items:center;padding:8px 12px 12px;font-size:24px;line-height:28px;display:flex}.modes__tab:disabled{opacity:.45;cursor:default}.modes__tab--active{color:var(--ink);background:var(--yellow);box-shadow:var(--outline), inset -4px -4px 0 var(--yellow-dark);cursor:default}.modes__count{opacity:.75;font-size:12px;line-height:16px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 4px 0;padding:0;list-style:none;display:grid}.steps__button{width:100%;color:var(--muted);text-align:left;background:var(--panel-dark);box-shadow:var(--outline);border:0;flex-direction:column;padding:6px 8px 8px;display:flex}.steps__item--current .steps__button{color:var(--cream);box-shadow:0 -4px 0 0 var(--yellow), 0 4px 0 0 var(--yellow), -4px 0 0 0 var(--yellow), 4px 0 0 0 var(--yellow)}.steps__item--done .steps__button{color:var(--ink);background:var(--cream);box-shadow:var(--outline), inset -4px -4px 0 var(--cream-dark)}.steps__item--done .steps__button:not(:disabled){cursor:pointer}.steps__name{opacity:.75;font-size:12px;line-height:16px}.steps__pick{white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:28px;overflow:hidden}.picker,.hint{background:var(--panel);box-shadow:var(--outline), inset -4px -4px 0 var(--panel-dark);margin:4px;padding:16px}.hint{color:var(--cream);font-size:16px;line-height:24px}.picker__label{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:16px}.picker__options{flex-wrap:wrap;gap:12px;display:flex}.chip{color:var(--ink);background:var(--cream);box-shadow:var(--outline), inset -4px -4px 0 var(--cream-dark);cursor:pointer;border:0;align-items:baseline;gap:8px;margin:4px;padding:6px 12px 10px;font-size:24px;line-height:28px;display:inline-flex}.chip:disabled{opacity:.45;cursor:default}.chip:active:not(:disabled){box-shadow:var(--outline), inset 4px 4px 0 var(--cream-dark);padding:10px 12px 6px}.chip__count{color:var(--text-soft);font-size:12px;line-height:16px}.filter{background:var(--panel);box-shadow:var(--outline), inset -4px -4px 0 var(--panel-dark);margin:28px 4px 4px}.filter__summary{cursor:pointer;align-items:baseline;gap:12px;padding:12px 16px 16px;font-size:24px;line-height:28px;list-style:none;display:flex}.filter__summary::-webkit-details-marker{display:none}.filter__summary:before{content:"+";color:var(--yellow)}.filter[open] .filter__summary:before{content:"-"}.filter__status{color:var(--muted);margin-left:auto;font-size:12px;line-height:16px}.filter__help{color:var(--muted);margin:0 16px 12px;font-size:12px;line-height:16px}.filter__group{padding:0 16px 12px}.filter__region{color:var(--yellow);margin:0 0 4px;font-size:12px;line-height:16px}.filter__counties{flex-wrap:wrap;gap:8px;display:flex}.filter__actions{padding:0 16px 16px}.toggle{min-height:40px;color:var(--ink);background:var(--cream);box-shadow:var(--outline), inset -4px -4px 0 var(--cream-dark);cursor:pointer;border:0;align-items:baseline;gap:6px;margin:4px;padding:8px 10px 10px;font-size:16px;line-height:20px;display:inline-flex}.toggle:disabled{opacity:.45;cursor:default}.toggle__count{color:var(--text-soft);font-size:12px;line-height:16px}.toggle--off{color:var(--muted);background:var(--panel-dark);box-shadow:var(--outline);text-decoration:line-through}.toggle--off .toggle__count{color:var(--muted)}.ticket{color:var(--ink);background:var(--cream);box-shadow:var(--outline), inset -4px -4px 0 var(--cream-dark), 8px 8px 0 4px #00000059;margin:4px;padding:12px 16px 16px;animation:.3s steps(3,end) ticket-in}.ticket__head{color:var(--text-soft);background:repeating-linear-gradient(90deg, var(--cream-dark) 0 8px, transparent 8px 16px) bottom / 100% 4px no-repeat;justify-content:space-between;gap:12px;padding-bottom:12px;font-size:12px;line-height:16px;display:flex}.ticket__eyebrow{color:var(--red);margin:12px 0 0;font-size:12px;line-height:16px}.ticket__name{flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:4px 0 12px;font-size:48px;font-weight:400;line-height:60px;display:flex}.ticket__ename{color:var(--text-soft);font-size:12px;line-height:16px}.ticket__info{grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 20px;font-size:16px;line-height:24px;display:grid}.ticket__info dt{color:var(--text-soft);font-size:12px}.ticket__info dd{margin:0}.ticket__service{display:block}.ticket__warn{color:var(--red-dark);font-size:12px;line-height:20px;display:block}.ticket__row{flex-wrap:wrap;gap:12px;display:flex}.ticket__row+.ticket__row{margin-top:12px}@keyframes ticket-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.ticket{animation:none}}