@layer components{.h1{font-size:var(--h1);letter-spacing:-.025em;line-height:1.02}.lead{max-width:34ch;margin:14px 0;font-size:20px;font-weight:700}.row{align-items:center;gap:12px;display:flex}.wrapr{flex-wrap:wrap}.iconbtn{width:44px;height:44px;padding:0}.btn.sm.iconbtn{border-width:3px;padding:0}.focus{flex-direction:column;min-height:100dvh;display:flex}.ftop{padding:20px var(--pad);justify-content:space-between;align-items:center;display:flex}.fbody{padding:0 var(--pad);flex-direction:column;flex:1;display:flex;position:relative}.wiz{flex-direction:column;flex:1;gap:14px;width:100%;max-width:640px;margin:18px auto 0;padding-bottom:16px;display:flex}.wq{font-size:calc(var(--h2) + 4px)}.wprog{align-items:center;gap:8px;display:flex}.wprog i{opacity:.25;background:currentColor;border-radius:99px;width:44px;height:12px}.wprog i.on{opacity:1}.wprog span{margin-left:8px;font-size:14px}.wform{flex-direction:column;align-items:flex-start;gap:14px;margin-top:8px;display:flex}.wform>*{width:100%}.wform .chip{width:auto}.wform .chips{width:100%}.minimap{border:3px solid var(--cream);border-radius:24px;height:130px;position:relative;overflow:hidden}.minimap .map{width:100%;height:100%}.minimap span{background:var(--cream);color:var(--teal-dark);border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;display:flex;position:absolute;bottom:10px;left:12px}.explain{gap:10px;display:grid}.explain>div{background:var(--cream);color:var(--teal-dark);border-radius:20px;align-items:center;gap:12px;padding:10px 14px;display:flex}.explain .ico{background:var(--blossom)}.meter{align-items:center;gap:6px;display:flex}.meter i{background:var(--cream);opacity:.4;border-radius:99px;width:44px;height:10px}.meter i.on{opacity:1;background:var(--teal-dark)}.meter span{margin-left:6px;font-size:14px}.fbar{padding:14px var(--pad) calc(10px + env(safe-area-inset-bottom,0px));margin:auto calc(var(--pad) * -1) 0;background:inherit;justify-content:space-between;gap:14px;display:flex;position:sticky;bottom:0}.fbar.solo{justify-content:center}.focus.bg-rosy .fbar{background:var(--rosy)}.focus.bg-zest .fbar{background:var(--zest)}.focus.bg-teal .fbar{background:var(--teal)}.focus.bg-blossom .fbar{background:var(--blossom)}.cwrap{grid-template-columns:1fr 1fr;align-items:start;gap:34px;width:100%;max-width:1000px;margin:10px auto 0;padding-bottom:20px;display:grid}.c-right{flex-direction:column;display:flex}.cel{background:var(--zest);color:var(--rosy);margin-bottom:6px}.ticket{background:var(--cream);color:var(--teal-dark);border:3px dashed var(--rosy);border-radius:30px;flex-direction:column;gap:6px;margin-top:20px;padding:20px 24px;display:flex;position:relative}.tk-l{font-size:14px}.tk-c{font-family:var(--fd);letter-spacing:.04em;color:var(--rosy);white-space:nowrap;font-size:48px;font-weight:700;line-height:1.05}.tk-a{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.pwrow{background:var(--cream);color:var(--teal-dark);border-radius:24px;align-items:center;gap:12px;padding:12px 14px;display:flex}.pwrow>div{flex:1}.pwrow b{display:block}.pwv{font-family:var(--fd);letter-spacing:.08em;font-size:20px;font-weight:600}.pwrow .ico{background:var(--blossom)}.cream-t{margin:12px 0}.prompt{margin-top:14px}.prompt h3{margin-bottom:6px}.prompt p{margin-bottom:12px}.map .m-bg{fill:var(--blossom)}.map .m-water{fill:var(--teal);opacity:.3}.map .m-blocks rect{fill:var(--cream);opacity:.7}.map .m-roads path{fill:none;stroke:var(--cream);stroke-width:14px;stroke-linecap:round}.map .m-flag{fill:var(--rosy);stroke:var(--cream);stroke-width:4px}.map .m-flag-i{fill:none;stroke:var(--cream);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:1023px){.cwrap{grid-template-columns:1fr}}@media (max-width:639px){.lead{font-size:17px}.tk-c{font-size:38px}}}
@layer components{.wiz.narrow{max-width:520px}.who{grid-template-columns:repeat(var(--n3), 1fr);gap:12px;margin-top:10px;display:grid}.whob{background:var(--cream);color:var(--teal-dark);border:3px solid var(--cream);box-shadow:0 5px 0 var(--rosy);text-align:left;border-radius:22px;align-items:center;gap:10px;padding:8px 14px;font-weight:800;display:flex}.whob:hover{border-color:var(--rosy)}.whob span{align-items:center;gap:8px;display:flex}}