:root{--cielo: #58c4f5;--cielo-claro: #bfe9ff;--mango: #ffb629;--guayaba: #ff6b81;--hoja: #3fc46b;--mar: #1f8fd6;--tinta: #1c2a4a;--crema: #fff4d6;--display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--body: "Atkinson Hyperlegible", Verdana, system-ui, sans-serif;--nav-h: 76px;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--cielo-claro);color:var(--tinta);font:400 16px/1.45 var(--body);overflow-x:hidden}#app{max-width:520px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 16px calc(var(--nav-h) + 20px + env(safe-area-inset-bottom))}section,.step{display:flex;flex-direction:column;gap:12px}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.1;margin:0;text-wrap:balance}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px;margin-top:4px}p,ul{margin:0}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#coins{background:var(--crema);border:3px solid var(--tinta);border-radius:99px;padding:2px 14px 2px 10px;font:800 18px/1.4 var(--display)}#coins:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;background:var(--mango);border:2px solid var(--tinta)}button,.filepick{font:inherit;color:var(--tinta);cursor:pointer;touch-action:manipulation}.cta,.filepick{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;font:800 20px/1 var(--display);background:var(--mango);border:3px solid var(--tinta);border-radius:14px;box-shadow:0 4px 0 var(--tinta)}.cta.alt,.filepick{background:var(--crema)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cta:active,.filepick:active{transform:translateY(3px);box-shadow:0 1px 0 var(--tinta)}.small{min-height:48px;padding:0 16px;font:800 18px/1 var(--display);background:var(--crema);border:3px solid var(--tinta);border-radius:12px}.link{min-height:48px;align-self:center;padding:0 12px;background:none;border:0;font-weight:700;font-size:16px;text-decoration:underline}.danger{color:#b3203a}.small.danger{background:#ffd9df;color:var(--tinta)}:focus-visible{outline:3px solid var(--guayaba);outline-offset:2px}input{width:100%;min-height:48px;padding:0 12px;font:400 18px/1 var(--body);color:var(--tinta);background:#fff;border:3px solid var(--tinta);border-radius:12px}label{font-weight:700}.row{display:flex;gap:8px;align-items:center}.row input{flex:1;min-width:0}.notice{text-align:center;opacity:.85}#moved p{margin:0 0 10px;font-weight:400}#moved a{display:grid;place-items:center;min-height:48px;background:var(--mango);border:3px solid var(--tinta);border-radius:12px;font-weight:700;font-size:16px;color:var(--tinta);text-decoration:none}.banner{padding:10px 12px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;font-weight:700}.banner.good{background:var(--hoja)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seg button,.opts button{min-height:48px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;font-weight:700;font-size:16px}.seg button[aria-pressed=true],.opts button[aria-pressed=true]{background:#fff;box-shadow:0 0 0 3px var(--guayaba)}.opts button[aria-pressed=true]:after{content:" ✓"}#album-count{font-weight:700;font-size:18px}#album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;min-height:48px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;font-size:16px;font-weight:700;line-height:1.15;text-align:center}.slot.unseen{border-style:dashed;background:#e3f4ff;font-weight:400}.slot .n{position:absolute;top:-8px;right:-6px;min-width:28px;padding:0 6px;background:var(--guayaba);border:2px solid var(--tinta);border-radius:99px;font-size:16px}#badges{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}#badges li{padding:6px 12px;border:2px dashed var(--tinta);border-radius:99px;opacity:.6}#badges li.earned{background:var(--hoja);border-style:solid;font-weight:700;opacity:1}#badges li.earned:before{content:"★ "}.ficha-head,.pair{display:flex;align-items:center;gap:14px}#ficha-photo,#shot{width:100%;max-height:46vh;object-fit:contain;background:var(--tinta);border:3px solid var(--tinta);border-radius:12px}.pair #shot{flex:1;min-width:0;max-height:150px}.confirm{padding:12px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;display:flex;flex-direction:column;gap:10px}#rules{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}#rules li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;font-weight:700;text-align:center}.no{position:relative}.no:after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:5px;margin-top:-3px;background:var(--guayaba);border:1px solid var(--tinta);transform:rotate(-35deg)}#finder{position:relative;aspect-ratio:3 / 4;max-height:52vh;width:100%;background:var(--tinta);border:3px solid var(--tinta);border-radius:14px;overflow:hidden}#video{width:100%;height:100%;object-fit:cover;display:block}.frame{position:absolute;inset:14%;border:4px dashed #fff;border-radius:14px;pointer-events:none}#cam-msg,#detect-msg{padding:10px 12px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;font-weight:700}.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.opts button{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 6px}.opts button:disabled{opacity:.35}.dot{width:18px;height:18px;flex:none;border:2px solid var(--tinta);border-radius:50%}#view-ally,#view-welcome,#cap-reward,#view-soon{align-items:center;text-align:center;padding-top:16px}#reward-coins{font-weight:700;font-size:18px}.tag{padding:2px 14px;background:var(--mango);border:3px solid var(--tinta);border-radius:99px;font:800 18px/1.4 var(--display)}#suggest .row p{flex:1;min-width:0;font-weight:700}#suggest .small{flex:1}#import-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pick{position:relative;padding:0;min-height:48px;background:var(--tinta);border:3px solid var(--tinta);border-radius:12px;overflow:hidden}.pick img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.pick canvas{position:absolute;right:4px;bottom:4px;padding:3px;box-sizing:content-box;background:var(--crema);border:2px solid var(--tinta);border-radius:6px}.pick[aria-pressed=false] img{opacity:.25}.pick[aria-pressed=false]:after{content:"Fuera";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px}#import-choices{display:flex;flex-direction:column;gap:12px}#help-reason,#opt-place,#import-place,#edit-place{grid-template-columns:1fr 1fr}#pet-preview{align-self:center}#pet-room{width:100%;min-height:190px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 22px;background:linear-gradient(#ffd98a 0 68%,#f2a65a 68% 100%);border:3px solid var(--tinta);border-radius:14px}#pet-sprite[data-character=jugueton]{animation:hop 1.6s steps(4) infinite}#pet-sprite[data-character=mimoso]{animation:sway 2.4s steps(6) infinite}#pet-sprite[data-character=comelon]{animation:nod 2s steps(4) infinite}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes nod{0%,70%,to{transform:translateY(0)}85%{transform:translateY(6px)}}#pet-level{font-weight:700;font-size:18px}.meter{height:18px;background:#fff;border:3px solid var(--tinta);border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;background:var(--hoja)}#pet-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;font-weight:700;text-align:center}.item .small{width:100%;padding:0 6px}.item .small:disabled{opacity:.55}#pet-needs{display:flex;flex-direction:column;gap:8px}.need{display:grid;grid-template-columns:84px 1fr 78px;align-items:center;gap:8px;font-weight:700}.need .meter i[data-level=asks]{background:var(--mango)}.need .meter i[data-level=insists]{background:var(--guayaba)}.need span:last-child{text-align:right}#pet-cares .small{flex:1;padding:0 4px}#gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.shot{position:relative;display:flex;flex-direction:column;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;overflow:hidden;font-weight:700;font-size:16px;text-align:center}.shot .open{padding:0;border:0;background:none;display:flex;flex-direction:column}.like{min-height:48px;margin:0 6px 6px;background:#fff}.like:disabled{background:var(--crema);opacity:1}.like[aria-pressed=true]{background:var(--guayaba)}.shot img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--tinta)}.shot canvas{position:absolute;right:6px;top:6px;padding:3px;box-sizing:content-box;background:var(--crema);border:2px solid var(--tinta);border-radius:6px}.shot span{padding:8px 4px;min-height:48px;display:grid;place-items:center}.catbox{text-align:left}.catbox .who{display:flex;align-items:center;gap:10px}.catbox .who img{width:72px;height:72px;flex:none;object-fit:cover;border:3px solid var(--tinta);border-radius:10px}.catbox .who div{flex:1;min-width:0}.catbox .vote{display:flex;align-items:center;justify-content:space-between;gap:8px}#map-cats{display:flex;flex-direction:column;gap:8px}#ficha-cat-name{font-weight:700}#map-box{position:relative;height:min(58vh,520px);overflow:hidden;background:var(--cielo);border:3px solid var(--tinta);border-radius:14px}.map-gl{position:absolute;left:0;top:0;transform-origin:0 0}.map-gl canvas{image-rendering:pixelated;image-rendering:crisp-edges}.map-names,.map-allies{position:absolute;inset:0;overflow:hidden;pointer-events:none}.map-allies button{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;background:none;border:0;pointer-events:auto}.map-allies button:after{content:"";position:absolute;left:11px;top:11px;width:16px;height:16px;background:var(--hoja);border:3px solid var(--tinta);outline:3px solid #fff}.map-names span{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:16px;white-space:nowrap;text-shadow:-2px 0 var(--crema),2px 0 var(--crema),0 -2px var(--crema),0 2px var(--crema),-2px -2px var(--crema),2px 2px var(--crema),-2px 2px var(--crema),2px -2px var(--crema)}.map-names .big{font-size:20px}#map-where select{flex:1;min-width:0;min-height:48px;padding:0 10px;font:700 16px/1 var(--body);color:var(--tinta);background:#fff;border:3px solid var(--tinta);border-radius:12px}#map-sample[aria-pressed=true]{background:var(--mango)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-weight:700}.legend i{display:inline-block;width:14px;height:14px;margin-right:5px;border:2px solid var(--tinta);vertical-align:-2px}#map-info{min-height:24px;font-weight:700}#map-looks{display:flex;flex-wrap:wrap;gap:8px}#pet-photo-msg,#help-msg,#ficha-help,#show-msg,#ficha-gallery,#viewer-msg,#share-msg{font-weight:700}#news{display:flex;flex-direction:column;gap:10px}#news article{padding:10px 12px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px}#news b{display:block}#child-mode{align-self:flex-start}#child-mode[aria-pressed=true]{background:var(--hoja)}.share{align-self:stretch;background:#fff}#gate,#viewer,#card{position:fixed;inset:0;z-index:5;overflow-y:auto;padding:16px;background:#1c2a4ad1}.card-panel{max-width:440px;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--crema);border:3px solid var(--tinta);border-radius:16px;text-align:center}#viewer-img,#card-img{width:100%;border:3px solid var(--tinta);border-radius:10px}a.filepick{text-decoration:none}#nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(max-content,1fr));padding-bottom:env(safe-area-inset-bottom);background:var(--crema);border-top:3px solid var(--tinta)}#nav button{min-height:var(--nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 3px;background:none;border:0;font-weight:700;font-size:16px;letter-spacing:-.02em}#nav button[aria-current=page]{background:var(--mango)}#nav .main canvas{margin-top:-18px;padding:6px;box-sizing:content-box;background:var(--guayaba);border:3px solid var(--tinta);border-radius:50%}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.cta:active,.filepick:active{transform:none}}#home-extra{margin-top:12px}#games-list{display:grid;gap:8px}.item.game{align-items:stretch;text-align:left}.item.game small{font-size:16px;opacity:.85}#game-status[data-tone=warn]{background:#ffd9df}#game-status[data-tone=good]{background:var(--hoja)}#game-board{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:420px;align-self:center}#game-board[data-game=parejas]{grid-template-columns:repeat(4,minmax(0,1fr))}.plate{display:flex;justify-content:center;gap:12px;padding:8px;background:#fff;border:3px solid var(--tinta);border-radius:99px}.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile,.pad{width:100%;min-width:0;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;box-shadow:0 3px 0 var(--tinta)}.tile small{font-size:16px;font-weight:700;line-height:1.1}.tile[data-cursor]{background:#ffe7a8}.tile:disabled:not([data-id]):not(.card){opacity:.3;box-shadow:none}.tile.card[data-state=down]{background:var(--mar)}.tile.card[data-state=matched]{background:var(--hoja)}#game-board[data-game=atrapa]{grid-template-columns:repeat(3,1fr);grid-template-areas:". up ." "left cat right" ". down .";align-items:center;justify-items:center}.pad{width:100%;touch-action:none}.pad canvas{width:56px;height:56px}.pad[data-dir=up]{grid-area:up}.pad[data-dir=left]{grid-area:left}.pad[data-dir=right]{grid-area:right}.pad[data-dir=down]{grid-area:down}.pad[data-toy="1"]{background:#ffe7a8}#atrapa-cat{grid-area:cat}#games-end{align-items:center;text-align:center}#game-stars{font-size:48px;line-height:1;color:var(--mango);-webkit-text-stroke:2px var(--tinta)}#today-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}#today-list li:before{content:"☐ "}#today-list li[data-done]:before{content:"☑ "}#today-list li[data-done]{opacity:.7}#reward-photo{width:168px;height:154px;border:3px solid var(--tinta);border-radius:12px}#reward-sprite.pop{animation:pop .45s steps(5)}@keyframes pop{0%{transform:scale(.5)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){#reward-sprite.pop{animation:none}}#gallery-week{display:grid;gap:14px}#gallery-week h3{margin:0 0 8px;font-family:var(--display)}#week-champion{padding:12px;background:var(--mango);border:4px solid var(--tinta);border-radius:16px;box-shadow:0 5px 0 var(--tinta)}#week-champion-tile{max-width:260px;margin:0 auto}#week-champion-text{margin:10px 0 0;text-align:center;font-weight:700}#week-top-list{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;counter-reset:place}#week-top-list li{counter-increment:place;display:flex;flex-direction:column}#week-top-list li p{margin:6px 0 0;text-align:center;font-weight:700}#week-top-list li p:before{content:counter(place) ".º · "}#biz-stalls{display:grid;gap:12px}.stall{padding:12px;background:#fff;border:3px solid var(--tinta);border-radius:14px;display:flex;flex-direction:column;gap:8px}.stall[data-open=false]{background:var(--cielo-claro);border-style:dashed}.stall-scene{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:8px 0 0;background:var(--cielo-claro);border:3px solid var(--tinta);border-radius:10px}.stall[data-open=false] .stall-scene{background:#fff}.stall .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stall .small:disabled{opacity:.55}#top{gap:8px}#title{flex:1;min-width:0}.chip{min-height:48px;padding:0 12px;font:800 16px/1 var(--display);background:var(--crema);border:3px solid var(--tinta);border-radius:99px}#coins.chip{padding:0 14px 0 10px;font-size:18px}.link.back{align-self:flex-start;padding:0 14px 0 10px;text-decoration:none;background:var(--crema);border:3px solid var(--tinta);border-radius:99px}.link.back:before{content:"‹ ";font-size:20px}#view-welcome h3{text-align:center}.how{list-style:none;margin:0;padding:0;display:grid;gap:8px}.how li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:10px 12px;background:var(--crema);border:3px solid var(--tinta);border-radius:12px;font-weight:700}#album-hint{margin-top:-6px}.opts.art button{flex-direction:column;gap:2px;padding:6px 4px}#look-summary{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}#look-text{font-weight:700}.doors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.door{min-height:48px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--crema);border:3px solid var(--tinta);border-radius:14px;box-shadow:0 4px 0 var(--tinta);font-size:16px}.door b{font:800 20px/1.1 var(--display)}.door[data-ready=true]{background:var(--mango)}#map-zoom,#pet-cares{display:grid;grid-template-columns:1fr 1fr;gap:8px}#care-scene{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;justify-items:center}#care-scene[data-slots="0"]:empty{display:none}.care-slot{width:100%;min-width:0;min-height:72px;display:flex;align-items:center;justify-content:center;gap:2px;background:#fff;border:3px solid var(--tinta);border-radius:12px}.care-slot[data-here]{background:var(--mango)}#care-pad{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}#care-pad .small{min-height:56px;font-size:22px}#care-count{text-align:center;font-weight:700}#today-list li button{width:100%;min-height:48px;padding:0 12px;text-align:left;font-weight:700;font-size:16px;background:#fff;border:3px solid var(--tinta);border-radius:12px}#today-list li button:after{content:" ›"}#today-list li:not([data-done]):before{content:none}#today-list li button:before{content:"☐ "}#finder{touch-action:none}#video{transform-origin:center}#zoom{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#zoom button[aria-pressed=true]{background:var(--mango)}.shot .by{min-height:48px;margin:0 6px;padding:0 6px;background:none;border:0;font-weight:700;font-size:16px;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#gallery-tabs,#rank-range{grid-template-columns:1fr 1fr}#notices-open[data-new]{background:var(--mango)}#notices-open[aria-pressed=true]{background:#fff;box-shadow:0 0 0 3px var(--guayaba)}#nav button[data-new] canvas{outline:4px solid var(--guayaba);outline-offset:-2px;border-radius:50%}.notices{list-style:none;margin:0;padding:0;display:grid;gap:6px}.notices li button{width:100%;min-height:52px;padding:8px 12px;text-align:left;background:#fff;border:3px solid var(--tinta);border-radius:12px;font-size:16px;font-weight:400;overflow-wrap:anywhere}.notices li[data-new] button{background:var(--cielo-claro);box-shadow:0 0 0 3px var(--guayaba)}.notices li small{display:block;font-size:16px;opacity:.75}.notices li.empty{padding:12px;background:var(--crema);border:3px dashed var(--tinta);border-radius:12px}.rank{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rank li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;min-height:52px;padding:2px 12px 2px 6px;background:#fff;border:3px solid var(--tinta);border-radius:12px}.rank li.empty{display:block;padding:12px;background:var(--crema);border-style:dashed}.rank li b{display:grid;place-items:center;width:36px;height:36px;font:800 18px/1 var(--display);background:var(--crema);border:3px solid var(--tinta);border-radius:50%}.rank li:nth-child(1) b{background:var(--mango)}.rank li[data-zone=up] b{background:var(--hoja)}.rank li[data-zone=down] b{background:#ffc9d1}.rank li[data-me]{background:var(--cielo-claro);box-shadow:0 0 0 3px var(--guayaba)}.rank li button{min-height:48px;padding:0;text-align:left;background:none;border:0;font-weight:700;font-size:16px;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank li span{font-weight:700;white-space:nowrap}.rank-what{margin-top:-8px;opacity:.85}#profile-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#profile-stats li{padding:8px 4px;text-align:center;background:var(--crema);border:3px solid var(--tinta);border-radius:12px}#profile-stats b{display:block;font:800 24px/1.1 var(--display)}#profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}#viewer-by{align-self:flex-start}#gallery-tabs{grid-template-columns:repeat(3,1fr)}#profile-stats{grid-template-columns:repeat(2,1fr)}#profile-follow[aria-pressed=true]{background:var(--crema)}.shot .open .cc{min-height:0;padding:0 4px 6px;font-size:16px;opacity:.85}#comments{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}#comments:empty{display:none}#comments li{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:6px 10px;background:#fff;border:3px solid var(--tinta);border-radius:12px}#comments .who,#comments .act{min-height:48px;padding:0;background:none;border:0;font-weight:700;font-size:16px;text-decoration:underline}#comments .who{text-align:left}#comments .act{opacity:.8}#comments p{grid-column:1 / -1;margin:0 0 4px;overflow-wrap:anywhere}#comment-form{display:grid;grid-template-columns:1fr auto;gap:8px}#comment-text{min-width:0}