.canvas.travle{--cv-ink:#fbf3de;--cv-btn-bg:#f8f1de;--cv-btn-ink:#2d1f08;--cv-btn-edge:#bdaa7e;--cv-main-bg:#f2b544;--cv-main-ink:#2d1f08;--cv-main-edge:#b57f18;--cv-well:#180c006b;--cv-on-bg:#f8f1de;--cv-on-ink:#2d1f08;--cv-on-edge:#bdaa7e;--cv-card-bg:#fbf5e8;--cv-card-ink:#2d1f08;--cv-card-edge:#b8a678;--cv-card-sub:#efe5cc;--cv-card-mute:#6b5a33;--cv-ok:#f2b544;--cv-ok-edge:#b57f18;--gold:#f2b544;--teal:#0f5b63;--ink:#2d1f08;z-index:2;background:radial-gradient(120% 90% at 26% 0,#a87d33 0%,#6f4f1b 46%,#35250a 100%);overflow:clip visible}.canvas.travle .scene{border-radius:inherit;background-image:linear-gradient(#fbf3de0d 1px,#0000 1px),linear-gradient(90deg,#fbf3de0d 1px,#0000 1px);background-position:-1px -1px;background-size:56px 56px;overflow:hidden}.canvas.travle .s1{background:#ffe09621;width:460px;height:460px;top:-230px;right:-170px}.canvas.travle .s2{background:#140a0057;width:320px;height:320px;bottom:-170px;left:-120px}.canvas.travle .s3{display:none}.canvas.travle .badge{color:#2d1f08}.canvas.travle .result-layer{background:#180c0066}.canvas.travle.lost .result-layer{background:linear-gradient(90deg,#180c0000 45%,#180c0080 75%);place-items:end;padding:14px}.canvas.travle .result .gb{box-shadow:0 3px #b8a678}.canvas.travle .result .gb.primary{box-shadow:0 3px #b57f18,0 6px 10px #0003}.canvas.travle .swap a{box-shadow:0 2px #b8a678}.canvas.travle .stats{gap:14px}.canvas.travle .confetti i{--c:var(--gold)}.canvas.travle .stage{grid-template-columns:minmax(0,760px) 380px;place-content:start center;align-items:start;gap:22px;display:grid}.canvas.travle .tv-board{align-content:start;gap:10px;min-width:0;display:grid}.canvas.travle .tv-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.canvas.travle .tv-from,.canvas.travle .tv-to{border-radius:999px;align-items:center;gap:7px;min-width:0;height:34px;padding:0 14px 0 10px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 3px #00000047}.canvas.travle .tv-from b,.canvas.travle .tv-to b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas.travle .tv-from{color:#f8f1de;background:#3f2d10;box-shadow:0 3px #1c1204,inset 0 0 0 1.5px #f8f1de59}.canvas.travle .tv-to{color:#f8f1de;background:#2b3f7a;box-shadow:0 3px #131d40,inset 0 0 0 1.5px #f8f1de59}.canvas.travle .tv-from small,.canvas.travle .tv-to small{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:10.5px;font-weight:600}.canvas.travle .tv-from .ic,.canvas.travle .tv-to .ic{flex:none;width:18px;height:18px}.canvas.travle .tv-arrow .ic{opacity:.75;width:20px;height:20px}.canvas.travle .tv-plate{border-radius:var(--rl);background:#f3ead2;padding:7px;box-shadow:inset 0 1px #fff,0 7px #b8a678,0 16px 28px #140a0080}.canvas.travle .mw{aspect-ratio:760/440;background:#d9e0da;border-radius:10px;overflow:hidden}.canvas.travle .tv-map{width:100%;height:100%;display:block}.canvas.travle .tv-map .sea{fill:#d9e0da}.canvas.travle .tv-map .grat{fill:none;stroke:#b7c2bc;stroke-width:1px}.canvas.travle .tv-map .c{stroke:#a78f5c;stroke-width:.9px;stroke-linejoin:round}.canvas.travle .tv-map .c.land{fill:#f6eeda}.canvas.travle .tv-map .c.st{fill:#3f2d10;stroke:#f8f1de;stroke-width:1.4px}.canvas.travle .tv-map .c.en{fill:#2b3f7a;stroke:#f8f1de;stroke-width:1.4px}.canvas.travle .tv-map .c.g-route{fill:#0f5b63;stroke:#f8f1de;stroke-width:1.4px}.canvas.travle .tv-map .c.g-near{stroke:#9a7420;stroke-width:1.4px}.canvas.travle .tv-map .c.g-far{fill:#e9debf;stroke:#6b5a33;stroke-width:1.5px;stroke-dasharray:2.5 3}.canvas.travle .tv-map .c.rv{fill:#7fb3b3;fill-opacity:.55;stroke:#0f5b63;stroke-width:1.6px;stroke-dasharray:5 3}.canvas.travle .tv-map .rt{stroke:#0f5b63;stroke-width:5px;stroke-dasharray:3 11;stroke-linecap:round;stroke-linejoin:round}.canvas.travle .tv-map .rt.case{stroke:#2d1f08;stroke-width:8px;stroke-dasharray:none}.canvas.travle .tv-map .rt.won{stroke:#fbf6e8;stroke-width:4px;stroke-dasharray:none}.canvas.travle .tv-map .lb{font:700 15px var(--game), sans-serif;fill:#2d1f08;paint-order:stroke;stroke:#fbf6e8;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.canvas.travle .tv-map .lb.st,.canvas.travle .tv-map .lb.en{font-size:17px}.canvas.travle .tv-panel{border-radius:var(--rl);background:linear-gradient(#4a3411,#2e1f08);flex-direction:column;align-self:stretch;gap:12px;min-width:0;padding:14px;display:flex;position:relative;box-shadow:inset 0 1px #fbf3de1f,0 6px #170f03,0 16px 26px #0e070073}.canvas.travle .tv-tries{align-items:center;gap:10px;display:flex}.canvas.travle .pp{flex-wrap:wrap;gap:6px;display:flex}.canvas.travle .pp i{opacity:.5;border:2px solid;border-radius:50%;width:12px;height:12px}.canvas.travle .pp i.u{opacity:1;background:currentColor}.canvas.travle .tl-t{font-size:var(--fs-s);opacity:.85;font-variant-numeric:tabular-nums;font-weight:600}.canvas.travle .tl-t b{font-size:16px}.canvas.travle .tv-gs{min-height:calc(var(--rows) * 36px - 4px);align-content:start;gap:4px;margin:0;padding:0;list-style:none;display:grid}.canvas.travle .tv-gs li,.canvas.travle .tv-last{background:#fbf3de17;border-radius:10px;grid-template-columns:20px 22px minmax(0,1fr) auto;align-items:center;gap:8px;height:32px;padding:0 10px;font-size:14px;display:grid}.canvas.travle .tv-gs li.last,.canvas.travle .tv-last{box-shadow:inset 3px 0 0 var(--gold);background:#fbf3de2e}.canvas.travle .gn{background:#fbf3de29;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10.5px;font-weight:700;display:grid}.canvas.travle .tv-gs b,.canvas.travle .tv-last b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.canvas.travle .tv-gs .rel,.canvas.travle .tv-last .rel{opacity:.78;white-space:nowrap;font-size:12px}.canvas.travle .rel-ic{flex:none;width:22px;height:22px}.canvas.travle .rel-ic.sm{width:14px;height:14px}.canvas.travle .r-route{color:#7fd3d6}.canvas.travle .r-near{color:var(--gold)}.canvas.travle .r-far{color:#fbf3de}.canvas.travle .tv-leg{opacity:.92;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:12px;font-weight:600;list-style:none;display:flex}.canvas.travle .tv-leg li{align-items:center;gap:6px;display:flex}.canvas.travle .tv-leg .rel-ic{width:18px;height:18px}.canvas.travle .tv-ctl{align-content:start;gap:12px;min-height:128px;display:grid}.canvas.travle .tv-q{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:2px;display:grid;position:relative}.canvas.travle .tr-in{border-radius:var(--radius);color:#2d1f08;background:#fbf6e8;align-items:center;gap:8px;height:46px;padding:0 12px;display:flex;box-shadow:inset 0 2px 3px #0003,0 2px #bdaa7e}.canvas.travle .tr-in .ic{opacity:.55;flex:none;width:20px;height:20px}.canvas.travle .tr-in input{all:unset;min-width:0;font:600 16px var(--game);color:#2d1f08;flex:1}.canvas.travle .tr-in input::placeholder{color:#8d7f5e}.canvas.travle .tr-in:focus-within{box-shadow:inset 0 2px 3px #0003, 0 0 0 3px var(--gold)}.canvas.travle .tv-q .gb{height:46px;font-size:var(--fs-m);padding:0 18px}.canvas.travle .tr-dd{z-index:5;border-radius:var(--rl);color:#2d1f08;overscroll-behavior:contain;background:#fbf6e8;max-height:176px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 5px #bdaa7e,0 14px 24px #0e070073}.canvas.travle .tr-dd[hidden]{display:none}.canvas.travle .tr-dd li{border-radius:var(--r-sm);height:38px;font-weight:500;font-size:var(--fs-m);cursor:pointer;flex:none;align-items:center;padding:0 10px;display:flex}.canvas.travle .tr-dd li[aria-selected=true]{box-shadow:inset 3px 0 0 var(--gold);background:#f1e8ce}.canvas.travle .tr-dd mark{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;background:0 0;font-weight:700;text-decoration-thickness:2px}.canvas.travle .tv-line{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:6px;min-height:26px;margin:0;display:flex;overflow-x:auto}.canvas.travle .tv-line::-webkit-scrollbar{display:none}.canvas.travle .tv-tag,.canvas.travle .tv-msg{flex:none}.canvas.travle .tv-tag{height:24px;font-size:var(--fs-xs);white-space:nowrap;background:#fbf3de1f;border-radius:999px;align-items:center;gap:5px;padding:0 9px 0 7px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #fbf3de40}.canvas.travle .tv-msg{font-size:var(--fs-s);color:#ffd9a0;font-weight:600}.canvas.travle .tv-answer{gap:8px;display:grid}.canvas.travle .tv-ans-h{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin:0;font-size:11px;font-weight:700}.canvas.travle .tv-ans{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.canvas.travle .tv-ans li{color:#2d1f08;background:#fbf6e8;border-radius:999px;align-items:center;height:28px;padding:0 11px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px #bdaa7e}.canvas.travle .tv-ans li:not(:first-child):before{content:"›";opacity:.55;margin-right:6px}.canvas.travle .tv-ans li.st{color:#f8f1de;background:#3f2d10;box-shadow:0 2px #1c1204,inset 0 0 0 1.5px #f8f1de59}.canvas.travle .tv-ans li.en{color:#f8f1de;background:#2b3f7a;box-shadow:0 2px #131d40,inset 0 0 0 1.5px #f8f1de59}.canvas.travle .tv-ans li.mid{border:2px dashed #0f5b63;height:28px}.canvas.travle .tv-last{display:none}@media (width<=1100px){.canvas.travle .stage{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=900px){.canvas.travle .stage{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.canvas.travle .tv-plate{padding:5px;box-shadow:inset 0 1px #fff,0 5px #b8a678,0 12px 20px #140a0073}.canvas.travle .tv-panel{gap:9px;padding:10px}.canvas.travle .tv-gs .rel{display:none}.canvas.travle .tv-gs li{grid-template-columns:20px 22px minmax(0,1fr)}.canvas.travle .tv-map .lb{stroke-width:5px;font-size:17px}.canvas.travle .tv-map .lb.st,.canvas.travle .tv-map .lb.en{font-size:19px}}@media (width<=640px){.canvas.travle{padding-left:8px;padding-right:8px}.canvas.travle .stage{grid-template-columns:minmax(0,358px);justify-content:center;gap:10px}.canvas.travle .tv-board{gap:8px}.canvas.travle .tv-from,.canvas.travle .tv-to{gap:5px;height:30px;padding:0 11px 0 8px;font-size:13.5px}.canvas.travle .tv-from small,.canvas.travle .tv-to small{font-size:9.5px}.canvas.travle .tv-plate{border-radius:13px;padding:5px;box-shadow:inset 0 1px #fff,0 5px #b8a678,0 12px 20px #140a0073}.canvas.travle .mw{border-radius:8px}.canvas.travle .tv-map .lb{stroke-width:6px;font-size:21px}.canvas.travle .tv-map .lb.st,.canvas.travle .tv-map .lb.en{font-size:23px}.canvas.travle .tv-panel{border-radius:15px;align-self:auto;gap:8px;padding:10px}.canvas.travle .tv-ctl{gap:8px;min-height:124px}.canvas.travle .tv-gs{min-height:calc(var(--rows-sm) * 36px - 6px);flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.canvas.travle .tv-gs li{border-radius:999px;gap:6px;min-width:0;max-width:calc(50% - 3px);height:30px;padding:0 10px 0 6px;font-size:13px;display:flex}.canvas.travle .tv-gs .gn{display:none}.canvas.travle .tv-gs li.last{box-shadow:inset 0 0 0 2px var(--gold)}.canvas.travle .tv-leg{gap:4px 12px;font-size:11.5px}.canvas.travle .tr-in,.canvas.travle .tv-q .gb{height:44px}.canvas.travle .tv-q .gb{padding:0 14px}.canvas.travle .tr-dd{max-height:126px}.canvas.travle .tr-dd li{height:34px}.canvas.travle .tv-line{min-height:24px}.canvas.travle.typing .mw{aspect-ratio:auto;height:150px}.canvas.travle.typing .tv-gs,.canvas.travle.typing .tv-tries,.canvas.travle.typing .tv-leg{display:none}.canvas.travle.typing .tv-ctl{min-height:0}.canvas.travle.typing .tv-last.has{grid-template-columns:22px 18px minmax(0,1fr) auto;height:34px;display:grid}.canvas.travle.typing .tv-last.has .rel{display:none}.canvas.travle.lost .result-layer{background:linear-gradient(#180c0000 30%,#180c008c 62%);place-items:end center;padding:10px}.canvas.travle .res-top:has(.stats>div:nth-child(4)){grid-template-columns:auto 1fr}.canvas.travle .stats:has(>div:nth-child(4)){grid-area:2/1/auto/-1;justify-content:space-between}}@media (prefers-reduced-motion:no-preference){.canvas.travle .tr-dd{animation:.14s ease-out tv-dd-in}.canvas.travle .tv-map .mk.fresh{animation:.4s cubic-bezier(.2,.9,.3,1.3) tv-drop}.canvas.travle .tv-map .rt{animation:.5s ease-out tv-fade}@keyframes tv-dd-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes tv-drop{0%{opacity:0}}@keyframes tv-fade{0%{opacity:0}}}