@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Variable.ttf)format("truetype");font-weight:400 700;font-display:swap}html,body{background:#2eca35;height:100%;margin:0;padding:0}body{overflow:hidden}canvas{display:block}.screen{z-index:10;opacity:1;background:#1e180ab8;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}.screen.hidden{opacity:0;pointer-events:none}.card{text-align:center;color:#3c3244;background:#fdf6ec;border-radius:6px;flex-direction:column;align-items:center;gap:16px;max-width:min(600px,90vw);max-height:88vh;padding:24px 24px 16px;font-family:Georgia,Times New Roman,serif;display:flex;overflow-y:auto;transform:rotate(-1.2deg);box-shadow:0 12px 40px #00000073}.card>*{margin:0}.card>:empty{display:none}.screen.hidden .card{transform:rotate(-1.2deg)scale(.96)}.card h2{letter-spacing:1px;text-transform:lowercase;font-family:"Press Start 2P",monospace;font-size:.9rem;line-height:1.7}.carousel{align-items:center;gap:8px;display:flex}.carousel img{border:6px solid #fff;max-width:100%;max-height:48vh;margin:0 auto;box-shadow:0 2px 10px #00000040}.carousel button{cursor:pointer;color:#3c3244;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:28px;line-height:1;display:flex}.photo-meta{flex-direction:column;gap:4px;display:flex}.photo-meta:empty{display:none}#ov-caption{font-family:Caveat,cursive;font-size:1.5rem}#ov-counter{opacity:.5;font-size:.8rem}#ov-blurb{font-family:Caveat,cursive;font-size:1.35rem}#ov-letter{text-align:left;font-family:Caveat,cursive;font-size:1.3rem;line-height:1.55}#ov-letter p{margin:0 0 .7em}.hint{opacity:.5;font-family:"Press Start 2P",monospace;font-size:.72rem;line-height:1.7}.gate-card{gap:16px;animation:.52s cubic-bezier(.2,1.4,.4,1) both gate-pop}@keyframes gate-pop{0%{opacity:0;transform:rotate(-1.2deg)scale(.85)}to{opacity:1;transform:rotate(-1.2deg)scale(1)}}#gate h1{letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:.9rem;line-height:1.7}#gate-question{font-family:Caveat,cursive;font-size:1.6rem}#gate-hint{min-height:1.5em;font-family:Caveat,cursive;font-size:1.35rem}.gate-form{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#gate input,#gate button{font:inherit;background:#fff;border:2px solid #3c3244;border-radius:4px;margin:0;padding:8px 16px}#gate button{cursor:pointer;color:#fdf6ec;background:#3c3244;font-family:"Press Start 2P",monospace;font-size:.8rem;line-height:1.7}.touch{z-index:5;padding:0 16px;display:flex;position:fixed;inset:auto 0 12px}.touch.hidden{display:none}.touch button{touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff59;border:none;border-radius:50%;width:64px;height:64px;font-size:24px}#touch-right{margin-left:12px}#touch-e{margin-left:auto}.rotate{z-index:30;color:#3c3244;background:#2eca35;justify-content:center;align-items:center;font:700 1.4rem monospace;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:flex}}#flash{z-index:25;opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}#flash.go{animation:.6s step-end both flash3}@keyframes flash3{0%,33%,66%{opacity:1}16%,50%,83%,to{opacity:0}}.battle-box{text-align:center;color:#383030;background:#f8f8e8;border:4px solid #383030;border-radius:8px;flex-direction:column;align-items:center;gap:16px;width:min(520px,88vw);padding:24px;font-family:"Press Start 2P",monospace;display:flex;box-shadow:0 0 0 4px #f8f8e8,0 12px 40px #00000080}#battle-photo{object-fit:cover;border:4px solid #383030;border-radius:50%;width:140px;height:140px}#battle-text{text-align:left;white-space:pre-wrap;box-sizing:border-box;width:100%;min-height:5.1em;margin:0;font-size:.85rem;line-height:1.7}.battle-buttons{flex-direction:column;gap:8px;width:100%;display:flex}.battle-buttons button{text-align:left;cursor:pointer;background:#fff;border:3px solid #383030;border-radius:6px;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:.75rem;line-height:1.7}.battle-buttons button:active{background:#ffe9a8}.letter-wrap{z-index:2;text-align:center;flex-direction:column;gap:16px;max-height:92vh;display:flex;position:relative}#letter-img{object-fit:contain;border:8px solid #fff;max-width:min(560px,90vw);max-height:78vh;box-shadow:0 10px 36px #00000080}#letter-close{color:#fdf6ec;cursor:pointer;background:#00000059;border:3px solid #fdf6ec;border-radius:6px;align-self:center;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:.75rem;line-height:1.7}#letter-floaters{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.floater{opacity:.95;border:4px solid #fff;width:110px;animation:ease-in-out infinite alternate floaty;position:absolute;box-shadow:0 4px 14px #0006}@keyframes floaty{0%{transform:translateY(-14px)rotate(-5deg)}to{transform:translateY(14px)rotate(6deg)}}@media (width<=760px),(pointer:coarse){.floater{opacity:.55;width:60px}.floater:nth-child(n+4){display:none}}#dex-btn{z-index:6;cursor:pointer;background:#f8f8e8;border:3px solid #383030;border-radius:8px;padding:12px;font-family:"Press Start 2P",monospace;font-size:.7rem;line-height:1.7;position:fixed;top:12px;right:12px}#dex-btn.hidden{display:none}button:focus-visible,input:focus-visible,.dex-slot:focus-visible{outline-offset:2px;outline:3px solid #f8d048}.battle-buttons button.focused,.battle-buttons button:focus-visible{background:#ffe9a8}.dex-slot.focused img,.dex-slot.focused .ph,.dex-slot:focus-visible img,.dex-slot:focus-visible .ph{outline-offset:2px;outline:3px solid #f8d048;box-shadow:0 0 12px #f8d04899}#dex-btn:focus-visible{background:#ffe9a8;outline-color:#383030}#dex-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.dex-slot{text-align:center;cursor:pointer;flex-direction:column;gap:8px;font-family:"Press Start 2P",monospace;font-size:.6rem;line-height:1.7;display:flex}.dex-slot img{aspect-ratio:1;object-fit:cover;border:3px solid #383030;border-radius:8px;width:100%}.dex-slot.locked{cursor:default;opacity:.55}.dex-slot.locked .ph{aspect-ratio:1;background:#ddd;border:3px dashed #383030;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:1.4rem;display:flex}.zone-banner{z-index:7;letter-spacing:2px;color:#fdf6ec;pointer-events:none;opacity:0;background:#0000008c;border-radius:4px;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:.75rem;line-height:1.7;transition:opacity .4s,transform .4s;position:fixed;top:54px;left:50%;transform:translate(-50%,-16px)}.zone-banner.show{opacity:1;transform:translate(-50%)}