.kiosk{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,34vw,480px);grid-template-rows:minmax(0,1fr) 68px;gap:10px;padding:10px;background:var(--wood-light);color:var(--ink);font-size:1.05rem;overflow:hidden}.kiosk-town{grid-column:1;grid-row:1;position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:14px;background:var(--grass)}.kiosk-town .town,.kiosk-town .sky{position:absolute;top:0;right:0;bottom:0;left:0}.kiosk-town .zoom-buttons{display:none}.kiosk-side{grid-column:2;grid-row:1;display:grid;grid-template-rows:minmax(0,2fr) minmax(0,3fr) auto;gap:10px;min-height:0}.kiosk-panel{min-height:0;overflow:hidden;padding:10px 12px;background:var(--paper);border:2px solid var(--ink);border-radius:14px}.kiosk-panel h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;font-size:1.1rem}.kiosk-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kiosk-quiet{color:var(--ink-quiet);margin:0}.kiosk-count{font-size:.85rem;padding:2px 8px;border-radius:999px;background:var(--reward);color:var(--card-face)}.kiosk-calendar ul{gap:2px}.kiosk-day{font-weight:700;margin-top:4px}.kiosk-event{display:flex;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiosk-at{flex:none;min-width:4.2em;color:var(--ink-quiet)}.kiosk-paper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon words act" "icon reward act";align-items:center;column-gap:8px;padding:6px 8px;background:var(--card-face);border:1.5px solid var(--ink);border-radius:10px}.kiosk-paper .quest-icon{grid-area:icon}.kiosk-paper-words{grid-area:words;display:grid;min-width:0}.kiosk-paper-words>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiosk-paper .quest-reward{grid-area:reward;font-size:.9rem}.kiosk-paper button,.kiosk-paper .kiosk-chip{grid-area:act}.kiosk-paper button{min-height:44px;min-width:44px}.kiosk-paper.state-approved{opacity:.6}.kiosk-paper.kiosk-approve{border-color:var(--reward);border-width:2.5px}.kiosk-chip{font-size:.85rem;color:var(--ink-quiet);max-width:7em;text-align:right}.kiosk-chip.done{color:var(--ink);font-weight:700}.kiosk-tidbit p{margin:0;line-height:1.3}.kiosk-tidbit .kiosk-answer{margin-top:4px;font-weight:700}.kiosk-feed{grid-column:1 / span 2;grid-row:2;display:flex;align-items:center;gap:10px;min-width:0;padding:0 6px 0 10px;background:var(--paper);border:2px solid var(--ink);border-radius:14px}.kiosk-moments{flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:10px;margin:0;padding:0;list-style:none;overflow:hidden}.kiosk-moment{flex:none;display:flex;align-items:center;gap:6px;max-width:30em;padding:4px 12px 4px 6px;background:var(--card-face);border:1.5px solid var(--ink);border-radius:999px;white-space:nowrap}.kiosk-moment span{overflow:hidden;text-overflow:ellipsis}.kiosk-moment.kind-level-up,.kiosk-moment.kind-quest,.kiosk-moment.kind-family-goal{border-color:var(--gold);border-width:2.5px}.kiosk-face{flex:none;display:block}.kiosk-leave{flex:none;min-height:44px;font-size:.85rem}.kiosk-ask{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--shadow);z-index:20}.kiosk-ask-card{display:grid;justify-items:center;gap:8px;max-width:min(92vw,560px);max-height:96vh;overflow:hidden;padding:16px 20px;background:var(--paper);border:2px solid var(--ink);border-radius:16px}.kiosk-ask-card h2,.kiosk-ask-card p{margin:0;text-align:center}.kiosk-who{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.kiosk-who button{display:grid;justify-items:center;gap:2px;min-width:88px;min-height:88px;padding:6px}.kiosk-pin{display:grid;justify-items:center;gap:6px}.kiosk-pin .pindots{font-size:1.4rem;letter-spacing:.2em}.devnote-open{font:inherit;min-height:0;min-width:0;padding:0;border-radius:0;border:0;background:none;text-decoration:underline dotted;cursor:pointer}.dev-drawer{position:fixed;right:8px;bottom:32px;z-index:var(--z-card);width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 48px);overflow-y:auto;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:8px 12px;font-size:.85rem}.dev-drawer header{display:flex;justify-content:space-between;align-items:center}.dev-drawer h3{margin:10px 0 4px;font-size:.85rem}.dev-drawer input[type=range]{width:100%}.dev-row{display:flex;flex-wrap:wrap;gap:4px}.dev-row button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.dev-suggestions{margin:0;padding-left:16px}.dev-suggestions li{margin-bottom:6px}.devnote[hidden]{display:none}@media(max-width:600px){.dev-drawer{max-height:45vh}}.devform input[type=checkbox]{width:auto}.clouds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;overflow:hidden;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:-webkit-backdrop-filter .7s ease-out .25s,backdrop-filter .7s ease-out .25s}.clouds[hidden]{display:none}.cl-defs{position:absolute}.cl-white{fill:var(--cloud)}.cl-shade{fill:var(--cloud-shade)}.cl-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sky-day);transition:opacity .5s ease-out}.cl-bank{position:absolute;top:max(22vh,150px);bottom:0;width:62vw;transition:transform 1s cubic-bezier(.3,0,.25,1),opacity .45s ease-in .55s}.cl-left{left:0;transform-origin:100% 30%}.cl-right{right:0;transform-origin:0 30%}.cl-bank svg{display:block;width:100%;height:100%;overflow:visible;animation:cl-sway 7s ease-in-out infinite alternate}.cl-right svg{animation-duration:8.5s;animation-delay:-3s}.cl-small{position:absolute;width:26vmin;max-width:150px;animation:cl-drift 26s ease-in-out infinite alternate;transition:opacity .4s ease-out}.cl-small-a{top:6vh;left:8vw}.cl-small-b{top:10vh;right:6vw;width:20vmin;animation-duration:31s;animation-direction:alternate-reverse}.cl-birds{position:absolute;top:9vh;left:-80px;width:64px;animation:cl-fly 16s linear infinite;transition:opacity .3s ease-out}.cl-bird{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 80%;animation:cl-flap .6s ease-in-out infinite alternate}.cl-bird-2{animation-delay:-.3s}.cl-title{position:absolute;top:max(13vh,80px);left:0;right:0;text-align:center;font-family:var(--type-title);font-weight:600;font-size:clamp(2rem,7vmin,3.2rem);color:var(--ink);transition:opacity .3s ease-out}.cl-dots{position:absolute;top:calc(max(13vh,80px) + clamp(3rem,10vmin,4.6rem));left:0;right:0;display:flex;justify-content:center;gap:8px;transition:opacity .3s ease-out}.cl-dots i,.awaiting i{width:8px;height:8px;border-radius:50%;background:var(--ink-quiet);opacity:.35;animation:cl-dot 1.2s ease-in-out infinite}.cl-dots i:nth-child(2),.awaiting i:nth-child(2){animation-delay:.2s}.cl-dots i:nth-child(3),.awaiting i:nth-child(3){animation-delay:.4s}.clouds.parting{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.clouds.parting .cl-sky{opacity:0}.clouds.parting .cl-left{transform:translate(-80%) scale(1.3);opacity:0}.clouds.parting .cl-right{transform:translate(80%) scale(1.3);opacity:0}.clouds.parting .cl-title,.clouds.parting .cl-dots,.clouds.parting .cl-birds,.clouds.parting .cl-small{opacity:0}@keyframes cl-sway{0%{transform:translate(0)}to{transform:translate(-14px,6px)}}@keyframes cl-drift{0%{transform:translate(-3vw)}to{transform:translate(4vw)}}@keyframes cl-fly{0%{transform:translate(0)}50%{transform:translate(calc(50vw + 40px),-1.5vh)}to{transform:translate(calc(100vw + 160px),1vh)}}@keyframes cl-flap{0%{transform:scaleY(1)}to{transform:scaleY(.55)}}@keyframes cl-dot{0%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.cl-bank svg,.cl-small,.cl-birds,.cl-bird,.cl-dots i,.awaiting i{animation:none}.cl-birds{left:58vw}.cl-bank{transition:opacity .3s ease-out}.clouds.parting .cl-left,.clouds.parting .cl-right{transform:none}}.awaiting{display:flex;gap:8px;justify-content:center;align-items:center;min-height:44px;margin:var(--gap) 0;animation:awaiting-in .3s ease-out}.awaiting.page{min-height:50vh}@keyframes awaiting-in{0%{opacity:0}}.cant-reach{max-width:22rem;margin:var(--gap) auto;padding:18px 20px 20px;border:2px solid var(--ink-b);border-radius:14px;background:var(--paper);box-shadow:0 3px 0 var(--cloud-shadow);text-align:center}.cant-reach.page{position:fixed;z-index:901;top:42%;left:50%;width:min(22rem,calc(100vw - 48px));margin:0;transform:translate(-50%,-50%);box-sizing:border-box}.cant-reach h3{margin:0 0 6px}.cant-reach p{margin:0 0 14px}.cant-reach button{background:var(--ink-s);color:var(--paper)}.offline-note{position:fixed;z-index:950;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);margin:0;padding:8px 16px;border:2px solid var(--ink-b);border-radius:18px;background:var(--paper);font-weight:700;text-align:center;pointer-events:none}