/* playsma77.com — Nomor Lambung 77: Indonesian intercity-coach livery system.
   bus white + petrol / tangerine / amber livery, amber LED boards, black glass window band. */
:root{
 --paper:#f2f1eb;--panel:#fbfaf6;--ink:#14202a;--ink2:#36444d;--mute:#56636a;--line:#d3d6ce;--line2:#e5e6df;
 --pet:#0b5563;--pet-d:#073944;--pet-l:#dbe8e6;--tan:#ef6a2a;--tan-h:#f57d40;--tan-t:#ad4118;--amb:#ffb320;
 --glass:#141d22;--glass2:#1f2c33;--asph:#111518;--stop:#d6352a;--on-dark:#eef0ea;--dim:#aeb8b9;
 --font-head:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--font-body:Urbanist,"Segoe UI",system-ui,sans-serif;
 --primary:#ef6a2a;--accent:#ffb320;--surface:#141d22;--text:#eef0ea;--muted:#aeb8b9;--border:rgba(238,240,234,.16);
 --hd-h:112px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:500 17.5px/1.7 var(--font-body);overflow-x:clip;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:var(--pet)}
:focus-visible{outline:3px solid var(--tan);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:16px}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--amb);color:var(--asph);font:800 17px/1 var(--font-body);padding:14px 18px;border-radius:10px;text-decoration:none}
.skip:focus{top:12px}
h1,h2,h3{color:var(--ink);text-wrap:balance}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:10px 22px 10px 10px;font:800 19px/1.05 var(--font-head);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background .18s,color .18s,transform .18s}
.btn-go{background:var(--tan);color:var(--asph);box-shadow:inset 0 -4px 0 rgba(17,21,24,.2)}
.btn-go:hover{background:var(--tan-h)}
.btn-go:active{transform:translateY(2px)}
.btn-ln{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-ln:hover{background:var(--ink);color:var(--paper)}
.ar{width:20px;height:20px;flex:none}
.led-dot{display:inline-block;vertical-align:1px;margin-right:10px;flex:none;width:9px;height:9px;border-radius:50%;background:var(--amb);box-shadow:0 0 0 3px rgba(255,179,32,.18),0 0 10px rgba(255,179,32,.8)}
/* ---------- header ---------- */
.hd{position:sticky;top:-44px;z-index:40;background:var(--panel)}
.led-bar{background:var(--asph);color:var(--amb);height:44px}
.led-in{display:flex;align-items:center;justify-content:space-between;gap:14px;height:100%}
.led-txt{display:block;min-width:0;margin:0;font:700 14.5px/1 var(--font-head);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 9px rgba(255,179,32,.5)}
.lsw{display:flex;flex:none;border-radius:8px;box-shadow:inset 0 0 0 1.5px rgba(255,179,32,.45);overflow:hidden}
.lsw a{display:grid;place-items:center;min-width:46px;height:40px;padding:0 10px;color:var(--on-dark);font:800 16px/1 var(--font-head);letter-spacing:.1em;text-decoration:none}
.lsw a:hover{color:var(--amb)}
.lsw a[aria-current]{background:var(--amb);color:var(--asph)}
.lsw a:focus-visible{outline-color:var(--amb);outline-offset:-3px}
.hd-body{position:relative;background:var(--panel)}
.hd-in{display:flex;align-items:center;gap:16px;min-height:68px}
.wm{display:inline-flex;align-items:center;gap:12px;min-height:48px;color:var(--ink);text-decoration:none;flex:none}
.wm-plate{display:inline-flex;align-items:baseline;gap:3px;padding:5px 14px 6px 11px;background:var(--pet);color:#fff;border-radius:5px 16px 5px 5px;transform:skewX(-10deg);box-shadow:4px 4px 0 var(--tan)}
.wm-a{font:800 21px/1 var(--font-head);letter-spacing:.05em}
.wm-n{font:900 34px/.8 var(--font-head);color:var(--amb)}
.wm-t{font:800 12px/1.15 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);padding-left:2px;border-left:2px solid var(--line);padding:2px 0 2px 10px}
.tg{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:0;border-radius:10px;background:var(--ink);color:var(--paper);font:800 17px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.tg-i{display:grid;gap:4px;width:20px}
.tg-i i{display:block;height:2.5px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.tg-i i:nth-child(2){width:70%}
.hd.is-open .tg{background:var(--tan);color:var(--asph)}
.hd.is-open .tg-i i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hd.is-open .tg-i i:nth-child(2){opacity:0}
.hd.is-open .tg-i i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:45;background:var(--panel);padding:6px 16px 20px;border-bottom:3px solid var(--ink);box-shadow:0 24px 40px -18px rgba(17,21,24,.45)}
.hd.is-open .nav{display:block}
.nav ul{list-style:none;margin:0;padding:0}
.nav li a{display:flex;align-items:center;gap:12px;min-height:54px;padding:0 4px;border-bottom:1px solid var(--line);color:var(--ink);font:700 18px/1.25 var(--font-body);text-decoration:none}
.nav li a::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 2.5px var(--pet)}
.nav li a[aria-current]{color:var(--tan-t)}
.nav li a[aria-current]::before{background:var(--tan);box-shadow:none}
.nav-play{width:100%;margin-top:16px}
.liv{display:block;width:100%;height:16px}
.liv-hd{background:var(--panel)}
/* ---------- home hero ---------- */
.hero{padding:26px 0 0;background:linear-gradient(var(--paper),var(--paper)) padding-box}
.hero-grid{display:grid;gap:26px}
.badge{display:inline-flex;align-items:center;gap:10px;margin:0;padding:3px 14px 3px 3px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--pet);color:var(--pet-d);font:700 13.5px/1.3 var(--font-body);letter-spacing:.05em;text-transform:uppercase}
.badge-n{background:var(--pet);color:var(--amb);font:900 19px/1 var(--font-head);padding:6px 11px;border-radius:999px}
.hero h1{margin:16px 0 14px;font:800 clamp(40px,7.4vw,86px)/.93 var(--font-head);letter-spacing:.005em;text-transform:uppercase}
.lead p{margin:0;font-size:18.5px;line-height:1.62;color:var(--ink2);max-width:62ch}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.tix{position:relative;align-self:end;background:var(--panel);border-radius:14px;box-shadow:inset 0 0 0 2px var(--ink);overflow:hidden}
.tix-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--ink);color:var(--paper);font:800 18px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase}
.tix-code{color:var(--amb)}
.tix-f{list-style:none;margin:0;padding:0}
.tix-f li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 16px;border-top:1.5px dashed var(--line);font:600 16px/1.4 var(--font-body)}
.tix-f li:first-child{border-top:0}
.tf-k{font:800 19px/1.25 var(--font-head);color:var(--tan-t)}
.tix-bar{height:30px;margin:4px 16px 16px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 13px,var(--ink) 13px 14px,transparent 14px 18px)}
.hero-side{display:grid;gap:0;align-self:end;min-width:0}
.lambung{display:none}
/* ---------- the coach (game) ---------- */
.bus{position:relative;margin:34px 0 62px;padding:10px 8px 0;background:var(--panel);border-radius:16px 54px 16px 16px;box-shadow:inset 0 0 0 2px var(--ink),0 22px 0 -12px rgba(17,21,24,.08);scroll-margin-top:84px}
.bus::after{content:"";position:absolute;left:-6px;right:-6px;bottom:-25px;height:3px;border-radius:2px;background:var(--ink)}
.bus-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 10px}
.dest{display:flex;flex-direction:column;gap:3px;margin:0;padding:8px 14px 9px;min-width:0;background:var(--asph);border-radius:8px;box-shadow:inset 0 0 0 2px #000}
.dest-l{font:700 11px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.dest-t{font:800 21px/1.05 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--amb);text-shadow:0 0 10px rgba(255,179,32,.55)}
.fleet{flex:none;font:900 26px/1 var(--font-head);color:var(--pet);transform:skewX(-10deg);letter-spacing:.02em;white-space:nowrap}
.fleet b{font-size:1.5em;color:var(--tan)}
.bus-glass{position:relative;container-type:inline-size;background:var(--glass);border-radius:10px 38px 10px 10px;padding:4px;box-shadow:inset 0 0 0 2px #070b0d}
.bus-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 58%,rgba(255,255,255,.035) 58% 66%,transparent 66% 70%,rgba(255,255,255,.03) 70% 72%,transparent 72%);pointer-events:none}
.bus-skirt{position:relative;height:40px;margin:0 -8px;border-radius:0 0 16px 16px;overflow:hidden}
.liv-bus{position:absolute;left:0;right:0;bottom:6px;height:30px}
.wh{position:absolute;bottom:-24px;z-index:2;width:62px;height:62px;padding:5px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}
.wh .whl{display:block;width:100%;height:100%}
.wh1{left:11%}.wh2{right:15%}
.bus.rolling .whl{animation:roll .6s linear infinite}
@keyframes roll{to{transform:rotate(360deg)}}
/* ---------- inner ticket hero ---------- */
.hero-pg{padding:24px 0 6px}
.ticket{display:grid;background:var(--panel);border-radius:16px;box-shadow:inset 0 0 0 2px var(--ink);overflow:hidden}
.tk-main{padding:18px 18px 24px;min-width:0}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0 0 8px;padding:0;font:700 13.5px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.crumbs li{display:flex;align-items:center}
.crumbs li::before{content:"";flex:none;width:11px;height:11px;margin-right:9px;border-radius:50%;box-shadow:inset 0 0 0 2.5px var(--pet)}
.crumbs li+li::before{width:30px;height:11px;margin-left:10px;border-radius:0;box-shadow:none;background:radial-gradient(circle at calc(100% - 5.5px) 50%,var(--tan) 0 5.5px,transparent 6px),linear-gradient(90deg,var(--pet) 50%,transparent 0) 0 50%/8px 2.5px repeat-x}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--pet);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{color:var(--ink);padding:12px 0}
.hero-pg h1{margin:4px 0 14px;font:800 clamp(34px,5.4vw,64px)/.98 var(--font-head);text-transform:uppercase;letter-spacing:.005em}
.tk-stub{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 14px;padding:16px 18px 18px;background:var(--pet);color:#fff;border-top:2px dashed var(--pet-l)}
.st-k{font:700 12px/1.2 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#bcd6d5}
.st-v{font:900 44px/.9 var(--font-head);color:var(--amb)}
.st-r{font:800 26px/1 var(--font-head);letter-spacing:.04em}
.st-l,.st-bar{grid-column:1/-1}
.st-l{font:700 14px/1 var(--font-body);letter-spacing:.14em;color:#d6e6e5;margin-top:6px}
.st-bar{height:26px;margin-top:10px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 9px,#fff 9px 12px,transparent 12px 14px);opacity:.8}
/* ---------- body ---------- */
.body{display:grid;gap:44px;padding-top:40px;padding-bottom:64px}
.content{min-width:0;max-width:780px;counter-reset:stop;position:relative}
.content p{margin:0 0 1.05em}
.content ul,.content ol{margin:0 0 1.2em;padding-left:1.3em}
.content li{margin:.35em 0;padding-left:.2em}
.content ul li::marker{color:var(--tan)}
.content ol li::marker{color:var(--pet);font:800 1.05em var(--font-head)}
.content strong{font-weight:750;color:var(--ink)}
.content a{color:var(--pet);text-decoration-thickness:1.5px;text-underline-offset:3px}
.content a:hover{color:var(--tan-t)}
.content h3{font:800 24px/1.15 var(--font-head);margin:1.4em 0 .5em}
.intro-x{margin-bottom:8px}
.sh{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:54px 0 18px;font:800 clamp(29px,4.4vw,40px)/1.05 var(--font-head);letter-spacing:.01em;scroll-margin-top:96px;counter-increment:stop}
.content>.sh:first-child{margin-top:4px}
.sh::before{position:relative;z-index:1;content:counter(stop,decimal-leading-zero);display:grid;place-items:center;min-width:46px;height:40px;padding:0 7px;margin-top:-2px;border-radius:7px 7px 7px 16px;background:var(--pet);color:var(--amb);font:900 22px/1 var(--font-head);letter-spacing:.04em;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--pet)}
.sh-q::before{content:"?";background:var(--stop);color:#fff;box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--stop)}
.tbl{overflow-x:auto;margin:1.4em 0;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--ink)}
.tbl table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.tbl th{background:var(--ink);color:var(--paper);text-align:left;font:800 16px/1.2 var(--font-head);letter-spacing:.06em;text-transform:uppercase;padding:12px 14px}
.tbl td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top}
.tbl tr:nth-child(even) td{background:rgba(11,85,99,.05)}
/* faq: stop-request buttons */
.faq{margin-top:10px}
.faq details{border-top:1.5px solid var(--line)}
.faq details:last-child{border-bottom:1.5px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font:700 18px/1.4 var(--font-body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .q{color:var(--pet)}
.bell{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#e5574a 0 45%,var(--stop) 46% 64%,#8f2018 65% 71%,#e2e3dc 72%);box-shadow:inset 0 0 0 2px var(--ink);transition:transform .2s}
.bell::before,.bell::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:3px;margin:-1.5px 0 0 -7px;border-radius:2px;background:#fff;transition:transform .2s}
.bell::after{transform:rotate(90deg)}
.faq details[open] .bell{background:radial-gradient(circle at 50% 40%,#ffd36a 0 45%,var(--amb) 46% 64%,#c07d00 65% 71%,#e2e3dc 72%);box-shadow:inset 0 0 0 2px var(--ink),0 0 14px rgba(255,179,32,.6)}
.faq details[open] .bell::before,.faq details[open] .bell::after{background:var(--asph)}
.faq details[open] .bell::after{transform:rotate(0)}
.ans{padding:0 0 18px;max-width:68ch;color:var(--ink2)}
.ans p{margin:0}
/* cta */
.cta{position:relative;display:grid;gap:16px;justify-items:start;margin-top:48px;padding:22px 20px 32px;background:var(--pet);color:#fff;border-radius:14px 40px 14px 14px;overflow:hidden}
.cta p{margin:0;font:600 18.5px/1.55 var(--font-body);color:#fff;max-width:56ch}
.cta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(var(--tan) 0 5px,transparent 5px 7px,var(--amb) 7px)}
.cta :focus-visible{outline-color:var(--amb)}
/* aside: seat map */
.side{min-width:0}
.side-in{display:grid;gap:22px}
.toc{padding:16px 12px 12px;background:var(--panel);border-radius:52px 52px 14px 14px;box-shadow:inset 0 0 0 2px var(--ink)}
.toc-front{display:flex;align-items:center;gap:10px;padding:4px 14px 12px;border-bottom:2px dashed var(--line);font:700 12px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.steer{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 3.5px var(--ink);background:radial-gradient(circle,var(--ink) 0 3.5px,transparent 4px),linear-gradient(var(--ink),var(--ink)) 50% 50%/100% 3px no-repeat,linear-gradient(var(--ink),var(--ink)) 50% 100%/3px 50% no-repeat}
.toc-t{margin:14px 8px 8px;font:800 21px/1.1 var(--font-head);letter-spacing:.06em;text-transform:uppercase}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.toc a{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;min-height:50px;padding:4px 8px 4px 4px;border-radius:10px;color:var(--ink);font:600 15px/1.3 var(--font-body);text-decoration:none}
.toc a:hover{background:var(--paper)}
.seat{display:grid;place-items:center;height:40px;border-radius:10px 10px 5px 5px;background:var(--pet-l);color:var(--pet-d);font:800 17px/1 var(--font-head);box-shadow:inset 0 -7px 0 rgba(11,85,99,.16)}
.toc a[aria-current] .seat{background:var(--tan);color:var(--asph);box-shadow:inset 0 -7px 0 rgba(17,21,24,.18)}
.toc a[aria-current] .sl{font-weight:750}
.demo{padding:18px;background:var(--asph);color:var(--on-dark);border-radius:14px 34px 14px 14px}
.demo-led{margin:0 0 6px;font:800 24px/1.05 var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--amb);text-shadow:0 0 10px rgba(255,179,32,.45)}
.demo p{margin:0 0 14px;color:#c9d0cd;font-size:16px;line-height:1.55}
.demo .btn{width:100%}
.demo :focus-visible{outline-color:var(--amb)}
/* related: departures board */
.more{padding:0 0 72px}
.board{padding:20px 14px 8px;background:var(--asph);color:var(--on-dark);border-radius:18px;box-shadow:inset 0 0 0 2px #000}
.more-t{margin:0 4px 10px;color:var(--amb);font:800 27px/1.1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,179,32,.4)}
.deps{list-style:none;margin:0;padding:0}
.dep{display:grid;grid-template-columns:40px minmax(0,1fr) 22px;gap:12px;align-items:center;min-height:60px;padding:14px 6px;border-top:1px solid rgba(238,240,234,.12);color:var(--on-dark);text-decoration:none;border-radius:6px}
.dep:hover{background:rgba(255,179,32,.07)}
.dep:hover .ar{color:var(--amb);transform:translateX(3px)}
.dep .ar{transition:transform .18s}
.dep-n{font:800 25px/1 var(--font-head);color:var(--amb)}
.dep-b strong{display:block;font:800 22px/1.1 var(--font-head);letter-spacing:.03em}
.dep-d{display:block;margin-top:4px;color:var(--dim);font:500 15px/1.45 var(--font-body)}
.dep:focus-visible{outline-color:var(--amb)}
/* ---------- footer ---------- */
.ft{background:var(--asph);color:#d6dad4}
.liv-ft{height:20px;background:var(--paper);transform:scaleX(-1)}
.ft-grid{display:grid;gap:30px;padding-top:40px;padding-bottom:22px}
.wm-ft{color:var(--on-dark)}
.wm-ft .wm-t{color:var(--dim);border-color:rgba(238,240,234,.2)}
.ft-id p{margin:18px 0 0;max-width:52ch;font-size:15.5px;line-height:1.6;color:#c4cac6}
.ft-col h2{margin:0 0 6px;font:800 19px/1.1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--amb)}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col a{display:inline-flex;align-items:center;min-height:44px;color:var(--on-dark);text-decoration:none;font-weight:600;font-size:16px}
.ft-col a:hover{color:var(--amb);text-decoration:underline;text-underline-offset:3px}
.ft :focus-visible{outline-color:var(--amb)}
.ft-base{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:18px;border-top:1px solid rgba(238,240,234,.12);font-size:15px}
.age{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--asph);font:900 18px/1 var(--font-head);box-shadow:inset 0 0 0 5px var(--stop)}
.copy{margin-left:auto;color:var(--dim)}
.road{height:28px;background:linear-gradient(90deg,var(--amb) 0 55%,transparent 55%) 0 50%/72px 4px repeat-x,#0a0d0f}
/* ---------- 404 ---------- */
.nf{display:grid;gap:26px;align-items:center;padding-top:56px;padding-bottom:80px}
.nf h1{margin:0 0 10px;font:800 clamp(38px,6vw,64px)/1 var(--font-head);text-transform:uppercase}
.nf p{margin:0 0 22px;color:var(--ink2)}
.nf-sign{display:grid;place-items:center;width:150px;height:150px;border-radius:24px;background:var(--pet);box-shadow:0 0 0 4px var(--paper),0 0 0 7px var(--pet)}
.nf-sign span{font:900 56px/1 var(--font-head);color:var(--amb)}
/* ---------- widths ---------- */
@media (min-width:600px){
 .wrap{padding-inline:24px}
 .bus{padding:12px 12px 0}
 .bus-skirt{margin:0 -12px;height:58px}
 .liv-bus{height:34px}
 .wh{width:84px;height:84px;bottom:-30px;padding:6px}
 .bus::after{bottom:-31px}
 .bus{margin-bottom:74px}
 .dest-t{font-size:25px}
 .fleet{font-size:32px}
 .liv{height:20px}
 .deps{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
 .board{padding:24px 22px 12px}
 .cta{grid-template-columns:1fr auto;align-items:center;padding:26px 28px 34px}
 .ft-grid{grid-template-columns:1fr 1fr}
 .ft-id{grid-column:1/-1}
}
@media (min-width:768px){
 .content{padding-left:74px}
 .content::before{content:"";position:absolute;left:22px;top:6px;bottom:0;width:4px;background:linear-gradient(var(--line2) 50%,transparent 0) 0 0/4px 14px repeat-y}
 .sh{grid-template-columns:60px 1fr;margin-left:-74px}
 .sh::before{justify-self:start}
 .tix{max-width:none}
}
@media (min-width:860px){
 .ticket{grid-template-columns:minmax(0,1fr) 230px}
 .tk-main{padding:26px 32px 30px}
 .tk-stub{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:26px 24px;border-top:0;border-left:2px dashed var(--pet-l)}
 .st-v{font-size:76px;margin-bottom:12px}
 .st-l{margin-top:10px}
 .st-bar{align-self:stretch;margin-top:auto}
 .crumbs li+li::before{width:52px}
 .hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);align-items:end;gap:44px}
 .hero{padding-top:40px}
 .lambung{display:block;justify-self:end;margin:0 18px -14px 0;font:900 clamp(150px,17vw,250px)/.78 var(--font-head);color:transparent;-webkit-text-stroke:3px var(--pet);transform:skewX(-10deg);letter-spacing:-.01em;white-space:nowrap;user-select:none}
 .lambung span{font-size:.36em;-webkit-text-stroke:0;color:var(--pet);margin-right:.06em;letter-spacing:.03em}
 .page-home .body{padding-top:20px}
}
@media (min-width:980px){
 .tg{display:none}
 .nav{display:flex!important;align-items:center;gap:8px;position:static;margin-left:auto;padding:0;background:none;border:0;box-shadow:none}
 .nav ul{display:flex;gap:2px}
 .nav li a{position:relative;min-height:46px;padding:0 12px;border:0;border-radius:8px;font:700 15.5px/1.2 var(--font-body)}
 .nav li a::before{display:none}
 .nav li a:hover{background:var(--paper)}
 .nav li a[aria-current]{color:var(--ink)}
 .nav li a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:4px;border-radius:2px;background:var(--tan)}
 .nav-play{display:none}
 .hd-in{min-height:76px}
 .liv-hd{height:22px}
 .bus{padding:16px 18px 0;border-radius:22px 90px 22px 22px}
 .bus-glass{padding:8px;border-radius:12px 70px 12px 12px}
 .bus-skirt{margin:0 -18px;height:74px}
 .liv-bus{height:40px;bottom:8px}
 .wh{width:108px;height:108px;bottom:-40px;padding:8px}
 .bus::after{bottom:-41px;height:4px}
 .bus{margin-bottom:96px}
 .fleet{font-size:40px}
}
@media (min-width:1080px){
 .body{grid-template-columns:minmax(0,1fr) 310px;gap:64px;padding-top:56px}
 .side-in{position:sticky;top:112px}
 .deps{grid-template-columns:1fr 1fr 1fr}
 .ft-grid{grid-template-columns:1.5fr 1fr 1fr;gap:48px}
 .ft-id{grid-column:auto}
}
@media (min-width:1240px){
 .nav-play{display:inline-flex;width:auto;margin:0 0 0 8px;min-height:46px;padding:0 18px;font-size:17px}
 .wrap{padding-inline:32px}
}
@media (max-width:420px){
 .wm-t{display:none}
 .led-txt{font-size:13px;letter-spacing:.1em}
 .fleet{font-size:22px}
 .dest-t{font-size:18px}
}
@media (prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 .led-bar .led-dot,.more-t .led-dot{animation:blink 2.4s steps(1) infinite}
 @keyframes blink{50%{opacity:.35}}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.hd,.side,.more,.ft .road,.bus{display:none}}