:root{--ink: #231a26;--ink-2: #5d5159;--paper: #efe6d6;--paper-2: #e6dac6;--flame: #e8492a;--marigold: #f7b32b}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1b1424;font-family:Mukta,system-ui,sans-serif}canvas#c{display:block;width:100vw;height:100vh}button{font:inherit;color:inherit}#home{position:fixed;inset:0;z-index:20;color:var(--ink);overflow:hidden auto;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .18 0 0 0 0 .2 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");display:grid;grid-template-rows:auto 1fr auto;min-height:100%;transition:opacity 1.2s ease,background-color 1.2s ease}#home[hidden]{display:none}#home-c{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:1}#home>:not(#home-c){position:relative;z-index:2}#home.lifting{opacity:0;pointer-events:none}.masthead{padding:clamp(20px,4vh,44px) clamp(16px,4.5vw,64px) 0;display:flex;gap:32px;align-items:baseline;flex-wrap:wrap}.masthead h1{font:400 clamp(26px,2.6vw,38px)/1 "Rozha One",serif;margin:0;letter-spacing:.01em}.masthead .intro{margin:0;max-width:34em;font-size:clamp(15px,1.15vw,18px);line-height:1.45;color:var(--ink-2)}.cities{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;align-content:center;gap:clamp(20px,3vh,36px) clamp(14px,1.6vw,28px);padding:clamp(16px,4vh,48px) clamp(16px,4.5vw,64px)}.city{--accent: #c8402a;--p: 0;appearance:none;background:none;border:0;padding:0;cursor:pointer;text-align:left;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"slot" "words" "step";row-gap:4px;align-items:start;opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}#home.shown .city{opacity:1;transform:none}#home.shown .city:nth-child(2){transition-delay:.07s}#home.shown .city:nth-child(3){transition-delay:.14s}#home.shown .city:nth-child(4){transition-delay:.21s}#home.shown .city:nth-child(5){transition-delay:.28s}#home.shown .city:nth-child(6){transition-delay:.35s}#home.shown .city:nth-child(7){transition-delay:.42s}.city:focus-visible{outline:2px solid var(--accent);outline-offset:10px}.slot{grid-area:slot;width:100%;max-width:250px;aspect-ratio:1;justify-self:center}.words{grid-area:words;min-width:0;margin-top:6px}.script{font:400 clamp(34px,3vw,50px)/1.1 "Rozha One",serif;transition:color .35s ease;white-space:nowrap}.script:lang(kn){font-family:"Noto Serif Kannada",serif;font-weight:700;font-size:clamp(28px,2.5vw,42px);line-height:1.3}.script:lang(bn){font-family:"Noto Serif Bengali",serif;font-weight:700;font-size:clamp(30px,2.6vw,44px);line-height:1.3}.script:lang(te){font-family:"Noto Serif Telugu",serif;font-weight:700;font-size:clamp(24px,2.1vw,36px);line-height:1.45}.script:lang(gu){font-family:"Noto Serif Gujarati",serif;font-weight:700;font-size:clamp(28px,2.4vw,42px);line-height:1.3}.script:lang(ta){font-family:"Noto Serif Tamil",serif;font-weight:700;font-size:clamp(22px,1.75vw,34px);line-height:1.4}.latin{font:400 clamp(18px,1.35vw,22px)/1.1 "Rozha One",serif;margin-top:2px}.about{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2)}.about b{color:var(--ink);font-weight:700;display:block}.city:hover .script,.city:focus-visible .script{color:var(--accent)}.route{grid-area:route;list-style:none;margin:0;padding:4px 0 0;position:relative;display:none;flex-direction:column;gap:clamp(8px,1.55vh,16px);align-self:center}.route:before,.route .fill{content:"";position:absolute;left:6px;top:13px;width:3px;border-radius:2px;background:var(--accent)}.route:before{bottom:11px;opacity:.28;transition:opacity .35s ease}.city:hover .route:before{opacity:.55}.route .fill{height:0}.route .head{display:none}.route li{position:relative;display:flex;align-items:center;gap:14px;font-size:clamp(14px,1vw,16px);font-weight:500;line-height:1.15;white-space:nowrap}.route li i{width:15px;height:15px;border-radius:50%;background:var(--paper);border:3px solid var(--accent);flex:none;position:relative;z-index:1;transition:background .3s ease,transform .3s ease}.route li span{transition:color .3s ease,opacity .3s ease}.step{grid-area:step;min-height:1.5em;font-size:17px;font-weight:700;color:var(--accent);opacity:0;transition:opacity .4s ease}#home.loading .cities{grid-template-columns:1fr;justify-items:center;align-content:center}#home.loading .city.chosen{grid-template-columns:auto auto;grid-template-areas:"slot route" "words route" "step step";column-gap:clamp(20px,2.6vw,44px);row-gap:8px;max-width:900px}#home.loading .city.chosen .slot{width:clamp(200px,36vh,380px);max-width:none}#home.loading .city.chosen .words{max-width:23em;margin-top:clamp(8px,2.4vh,26px)}#home.loading .city.chosen .script{font-size:clamp(52px,6.4vw,104px)}#home.loading .city.chosen .script:not(:lang(hi)):not(:lang(mr)){font-size:clamp(40px,5vw,84px)}#home.loading .city.chosen .latin{font-size:clamp(20px,1.8vw,28px)}#home.loading .city.chosen .about{font-size:clamp(15px,1.1vw,17px)}#home.loading .city.chosen .about b{display:inline}.city.chosen .route{display:flex}.city.gone{opacity:0!important;pointer-events:none;position:absolute;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}.city.chosen{cursor:default}.city.chosen .route li span{opacity:.45}.city.chosen .route li.lit span{opacity:1}.city.chosen .route li.lit i{background:var(--accent)}.city.chosen .route .fill{height:calc(var(--p) * (100% - 24px));transition:height .5s cubic-bezier(.3,.7,.3,1)}.city.chosen .step{opacity:1}.city.chosen .script{color:var(--accent)}#home.ready .city.chosen .words,#home.ready .city.chosen .route,#home.ready .masthead,#home.ready .foot{opacity:0;transition:opacity .6s ease}.foot{padding:0 clamp(16px,4.5vw,64px) clamp(16px,3.5vh,36px);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--ink-2);font-size:15px}.foot p{margin:0}kbd{font:700 13px/1 Mukta,sans-serif;display:inline-block;min-width:1.6em;padding:3px 5px 2px;margin:0 1px;text-align:center;border:1.5px solid var(--ink-2);border-bottom-width:3px;border-radius:4px;color:var(--ink)}.touchnote{display:none;font-weight:700;color:var(--ink)}#home.touch .touchnote{display:block}#home.touch .keys{display:none}@media(max-width:1180px){.cities{grid-template-columns:repeat(4,minmax(0,1fr))}.slot{max-width:210px}}@media(max-width:760px){.masthead{gap:8px}.cities{grid-template-columns:1fr;gap:22px;padding-top:18px}.city{grid-template-columns:34vw minmax(0,1fr);grid-template-areas:"slot words" "step step";column-gap:16px;align-items:center}.slot{width:34vw;max-width:170px}.words{margin-top:0}.script{font-size:36px}.script:not(:lang(hi)):not(:lang(mr)){font-size:28px}.about{font-size:13.5px;margin-top:6px}.about span{display:none}#home.loading .city.chosen{grid-template-columns:34vw minmax(0,1fr);grid-template-areas:"slot words" "route route" "step step";column-gap:16px}#home.loading .city.chosen .slot{width:34vw}#home.loading .city.chosen .script,#home.loading .city.chosen .script:not(:lang(hi)):not(:lang(mr)){font-size:36px}#home.loading .city.chosen .about span{display:inline}.city.chosen .route{margin-top:10px}}#card{position:fixed;inset:0;z-index:10;display:grid;place-items:end center;pointer-events:none;color:var(--paper);transition:opacity .8s ease}#card.gone{opacity:0}#card:not(.gone) .card-inner{pointer-events:auto}.card-inner{text-align:center;padding:16px 16px clamp(28px,9vh,90px);display:grid;justify-items:center;gap:14px}.card-script{font:400 clamp(48px,7vw,96px)/1.05 "Rozha One",serif;text-shadow:0 2px 18px rgba(20,12,30,.35)}.card-script:lang(kn){font-family:"Noto Serif Kannada",serif;font-weight:700}.card-script:lang(bn){font-family:"Noto Serif Bengali",serif;font-weight:700}.card-script:lang(te){font-family:"Noto Serif Telugu",serif;font-weight:700}.card-script:lang(gu){font-family:"Noto Serif Gujarati",serif;font-weight:700}.card-script:lang(ta){font-family:"Noto Serif Tamil",serif;font-weight:700}#go{font:700 18px/1 Mukta,sans-serif;color:var(--ink);background:var(--paper);border:0;padding:14px 30px 12px;border-radius:6px;cursor:pointer;box-shadow:0 2px #231a2680}#go:hover{background:#fff8ec}.card-go{display:flex;gap:12px}#wander{font:700 18px/1 Mukta,sans-serif;color:var(--paper);background:#231a2659;border:2px solid var(--paper);padding:12px 24px 10px;border-radius:6px;cursor:pointer}#wander:hover{background:#231a268c}#wander:disabled{opacity:.45;cursor:default}#go:disabled{opacity:.45;cursor:default}.card-back{color:var(--paper);font-size:15px;opacity:.85}.card-back:hover{opacity:1}#hud{position:fixed;inset:0;pointer-events:none;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.55)}#toast{position:absolute;left:28px;top:24px;opacity:0;transition:opacity 1s ease}#toast.show{opacity:1}.t-deva{font-family:Yatra One,"Noto Serif Kannada","Noto Serif Bengali","Noto Serif Telugu","Noto Serif Gujarati","Noto Serif Tamil",Noto Nastaliq Urdu,serif;font-size:30px;line-height:1.2}.t-latin{font-family:Rozha One,serif;font-size:17px;letter-spacing:.04em;opacity:.92}#mode{position:absolute;right:24px;top:22px;font-size:14px;opacity:.8;letter-spacing:.04em}#prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);font-weight:700;font-size:17px;background:#2b1e308c;padding:6px 14px;border-radius:6px;opacity:0;transition:opacity .2s}#prompt.show{opacity:1}#prompt b{color:var(--marigold)}#talk{position:absolute;left:50%;bottom:30%;transform:translate(-50%,8px);max-width:min(560px,86vw);text-align:center;opacity:0;transition:opacity .35s ease,transform .35s ease}#talk.show{opacity:1;transform:translate(-50%)}.k-who{font:400 16px/1.2 Rozha One,serif;text-transform:capitalize;opacity:.85}.k-native{font:400 30px/1.3 Yatra One,"Noto Serif Kannada","Noto Serif Bengali","Noto Serif Telugu","Noto Serif Gujarati","Noto Serif Tamil",Noto Nastaliq Urdu,serif;margin-top:2px}.k-english{font-size:17px;line-height:1.4;opacity:.92;margin-top:2px}#hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:13px;opacity:.72;padding:0 16px}#hint.hidden,#hud.hidden{display:none}#coords{position:absolute;left:16px;bottom:40px;font:12px ui-monospace,monospace;opacity:.8;pointer-events:auto;cursor:pointer}#hud:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff5e6b3}body:has(#card:not(.gone)) #hud,body:has(#home:not([hidden])) #hud{display:none}#touch{position:fixed;inset:0;z-index:12;pointer-events:none;opacity:0;transition:opacity .6s ease}#touch.shown{opacity:1}#touch.shown>*{pointer-events:auto}#touch .stick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#f7efe024;border:2px solid rgba(247,239,224,.45);touch-action:none}#touch .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:#f7efe0bf;box-shadow:0 2px 8px #0000004d}#touch.orbit .stick{opacity:.35}#touch .tbtn{font:700 22px/1 Mukta,sans-serif;color:var(--ink);background:#f7efe0d9;border:0;border-radius:50%;touch-action:none;box-shadow:0 2px 8px #0000004d}#touch .use{position:absolute;right:max(28px,env(safe-area-inset-right));bottom:max(40px,env(safe-area-inset-bottom));width:78px;height:78px;transform:scale(.6);opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:none}#touch .use.on{transform:none;opacity:1;pointer-events:auto;background:var(--marigold)}#touch .tcol{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:grid;gap:10px}#touch .small{width:46px;height:46px;font-size:18px}@media(pointer:coarse){#hint{bottom:auto;top:14px;font-size:12px}#hud:after{display:none}#mode{right:84px}}#pause{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#1b142473}#pause[hidden]{display:none}.pause-inner{width:min(760px,100%);max-height:100%;overflow:auto;background:var(--paper);color:var(--ink);border-radius:10px;padding:clamp(22px,4vw,40px);box-shadow:0 18px 60px #140c1e73}.pause-title{margin:0 0 18px;font:400 clamp(34px,4vw,48px)/1 "Rozha One",serif}#resume{font:700 18px/1 Mukta,sans-serif;color:var(--paper);background:var(--ink);border:0;padding:14px 28px 12px;border-radius:6px;cursor:pointer}#resume:hover{background:#3a2c40}.pause-label{margin:28px 0 10px;font-weight:700;font-size:15px;color:var(--ink-2)}.pause-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.pause-cities a{display:block;padding:10px 12px 8px;border-radius:6px;border:2px solid transparent;color:var(--ink);text-decoration:none;background:var(--paper-2)}.pause-cities a:hover,.pause-cities a:focus-visible{border-color:var(--accent, var(--ink))}.pause-cities a[aria-current]{border-color:var(--accent, var(--ink));background:#fff8ec}.pause-cities .ps{display:block;font:400 28px/1.35 Rozha One,serif}.pause-cities .ps:not(:lang(hi)):not(:lang(mr)){font-family:"Noto Serif Kannada","Noto Serif Bengali","Noto Serif Telugu","Noto Serif Gujarati","Noto Serif Tamil",serif;font-weight:700;font-size:22px;line-height:1.6}.pause-cities .pl{display:block;font-size:15px;font-weight:700}.pause-home{display:inline-block;margin-top:22px;color:var(--ink);font-weight:700}#menu{position:fixed;left:12px;top:12px;z-index:25;font:700 15px/1 Mukta,sans-serif;color:var(--paper);background:#231a268c;border:1.5px solid rgba(239,230,214,.7);border-radius:6px;padding:9px 14px 7px}#menu[hidden]{display:none}body:has(#menu:not([hidden])) #toast{top:62px}body:has(#menu:not([hidden])) #hint{padding-left:116px}