.town-page{background:#eef3ea;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.town-page .site-header{flex:none;min-height:74px;margin-top:.5rem}.town-main{flex:1;min-height:0;padding:10px 12px 12px;display:flex}.town-stage{border:1px solid color-mix(in srgb, var(--navy) 10%, transparent);isolation:isolate;min-width:0;min-height:0;font-family:var(--sans);color:var(--navy);background:radial-gradient(120% 90% at 50% 30%,#bfe9e0 0%,#8fd3cf 55%,#5fb4c6 100%);border-radius:24px;outline:none;flex:1;position:relative;overflow:hidden;box-shadow:0 16px 40px #2038471f}.town-stage:focus-visible{box-shadow:0 0 0 3px #8452d0,0 16px 40px #2038471f}.town-stage [hidden]{display:none!important}.town-stage[data-state=playing]:focus-visible{box-shadow:0 16px 40px #2038471f}.town-canvas-host,.town-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.town-canvas{touch-action:none;-webkit-tap-highlight-color:transparent}.town-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.town-launch{pointer-events:none;z-index:5;background:linear-gradient(90deg,#142c3a47 0%,#142c3a14 40%,#0000 65%);align-items:center;padding:clamp(14px,4vw,56px);transition:opacity .6s;display:flex;position:absolute;inset:0}.town-launch.is-leaving{opacity:0}.town-launch-card{pointer-events:auto;backdrop-filter:blur(12px);background:#fffcf6ed;border:1px solid #20384714;border-radius:28px;width:min(430px,100%);max-height:100%;padding:clamp(20px,3vw,30px);overflow-y:auto;box-shadow:0 24px 60px #142c3a38}.town-eyebrow{font:700 .75rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#b0482a;margin:0}.town-title{font:500 clamp(2rem, 4.2vw, 2.7rem)/1.05 var(--serif);letter-spacing:-.02em;color:var(--navy);margin:.2rem 0 .35rem}.town-intro{color:#4a5a60;margin:0 0 1.1rem;font-size:1rem;line-height:1.55}.town-field label,.town-choose legend{font:700 .95rem/1.3 var(--sans);color:var(--navy);margin-bottom:.45rem;padding:0;display:block}.town-field input{width:100%;min-height:50px;font:500 1.1rem/1.2 var(--sans);color:var(--navy);background:#fff;border:2px solid #d8d2c4;border-radius:14px;padding:.65rem .9rem;transition:border-color .15s,box-shadow .15s}.town-field input:focus-visible{border-color:#8452d0;outline:none;box-shadow:0 0 0 3px #8452d040}.town-hint{color:#5b686c;margin:.35rem 0 .9rem;font-size:.82rem;line-height:1.4}.town-hint.is-error{color:#a63a1c;font-weight:600}.town-choose{border:0;min-width:0;margin:0 0 1rem;padding:0}.town-avatars{grid-template-columns:1fr 1fr;gap:12px;display:grid}.town-avatar{cursor:pointer;background:linear-gradient(#f3f9f4,#fffdf8);border:2px solid #e2dccd;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.town-avatar:hover{border-color:#c9bfa9;transform:translateY(-1px)}.town-avatar input{opacity:0;width:1px;height:1px;position:absolute}.town-avatar:has(input:checked){background:linear-gradient(#fff1e8,#fffdf8);border-color:#df592d;box-shadow:0 0 0 3px #df592d2e}.town-avatar:has(input:focus-visible){outline-offset:3px;outline:3px solid #8452d0}.town-avatar:has(input:checked):after{content:"";background:#df592d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/14px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:8px;right:8px}.town-avatar-art canvas{width:96px;height:auto;display:block}.town-avatar-name{font:700 1rem/1.2 var(--sans);color:var(--navy)}.town-enter{color:#fff;width:100%;min-height:54px;font:700 1.1rem/1 var(--sans);background:linear-gradient(115deg,#f08556,#df592d 60%,#d14e24);border:0;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:.8rem 1.4rem;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 8px 18px #df592d47,inset 0 1px 2px #ffffff4d}.town-enter svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.town-enter:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 22px #df592d57}.town-enter:focus-visible{outline-offset:3px;outline:3px solid #8452d0}.town-enter:disabled{cursor:not-allowed;box-shadow:none;color:#fffdf8;background:#cfc7b9}.town-status{color:#3f6f64;text-align:center;min-height:1.3em;margin:.7rem 0 0;font-size:.88rem;font-weight:600}.town-note{color:#66737a;text-align:center;margin:.35rem 0 0;font-size:.8rem;line-height:1.45}.town-hud{pointer-events:none;z-index:4;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;inset:12px 12px auto}.town-clock,.town-icon-btn,.town-menu{pointer-events:auto}.town-clock{backdrop-filter:blur(8px);min-height:42px;font:700 .95rem/1 var(--sans);color:var(--navy);white-space:nowrap;background:#fffcf6e0;border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:inline-flex;box-shadow:0 6px 18px #142c3a24}.town-clock svg,.town-icon-btn svg{width:22px;height:22px;display:block}.town-clock-sep{background:#2038472e;width:1px;height:18px}.town-weather-label{color:#3a4f58;font-weight:600}.town-hud-actions{gap:8px;display:flex}.town-icon-btn{backdrop-filter:blur(8px);width:44px;height:44px;color:var(--navy);background:#fffcf6e6;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 18px #142c3a24}.town-icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.town-icon-btn:hover{background:#fff}.town-icon-btn:focus-visible,.town-menu :focus-visible,.town-dialogue-btn:focus-visible,.town-talk-btn:focus-visible{outline-offset:2px;outline:3px solid #8452d0}.town-icon-btn[aria-pressed=true]{color:#a63a1c}.town-menu{background:#fffcf6f7;border:1px solid #20384714;border-radius:20px;width:min(300px,100vw - 48px);padding:16px 18px 18px;position:absolute;top:52px;right:0;box-shadow:0 18px 40px #142c3a38}.town-menu-title{font:500 1.25rem/1.2 var(--serif);margin:0 0 10px}.town-menu-row{grid-template-columns:1fr 1.25fr;align-items:center;gap:10px;margin-bottom:10px;font-size:.92rem;font-weight:600;display:grid}.town-menu-row input[type=range]{accent-color:#df592d;width:100%}.town-menu-row select{min-height:36px;color:var(--navy);background:#fff;border:1px solid #d6cfbf;border-radius:10px;padding:0 8px}.town-help{margin:4px 0 12px;font-size:.9rem}.town-help summary{cursor:pointer;padding:4px 0;font-weight:700}.town-help ul{color:#3d4d54;gap:6px;margin:8px 0 0;padding-left:0;list-style:none;display:grid}.town-stage kbd{min-width:1.6em;font:700 .8em/1.3 var(--sans);text-align:center;color:var(--navy);background:#fff;border:1px solid #20384740;border-bottom-width:2px;border-radius:6px;margin-right:.15em;padding:.1em .4em;display:inline-block}.town-back{color:#b0482a;text-underline-offset:3px;align-items:center;gap:6px;font-weight:700;text-decoration:underline;display:inline-flex}.town-prompt{z-index:3;color:#fff;font:600 .95rem/1 var(--sans);white-space:nowrap;pointer-events:none;will-change:transform;background:#203847e0;border-radius:99px;align-items:center;gap:8px;padding:7px 14px 7px 8px;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 8px 18px #142c3a40}.town-prompt:after{content:"";background:inherit;z-index:-1;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.town-prompt b{font-weight:800}.town-stage .town-prompt kbd{background:#fffcf6;margin:0}.town-dialogue{z-index:6;background:#fffcf6f7;border:2px solid #20384714;border-radius:26px;grid-template-columns:auto 1fr;align-items:start;gap:16px;width:min(700px,100% - 24px);padding:16px 20px 14px 16px;animation:.22s ease-out town-pop;display:grid;position:absolute;bottom:clamp(12px,3vh,28px);left:50%;transform:translate(-50%);box-shadow:0 20px 44px #142c3a40}@keyframes town-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}.town-dialogue-portrait{background:radial-gradient(circle at 50% 35%,#fff6e2,#f3dfc5);border:3px solid #fff;border-radius:50%;width:84px;height:84px;overflow:hidden;box-shadow:0 4px 12px #142c3a26}.town-dialogue-portrait img{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.town-dialogue-name{color:#fff;font:800 .95rem/1.4 var(--sans);letter-spacing:.01em;background:#df592d;border-radius:99px;margin:0 0 6px;padding:3px 12px;display:inline-block}.town-dialogue-text{min-height:3.2em;font:500 clamp(1.05rem, 1.6vw, 1.22rem)/1.55 var(--sans);color:#1e3440;margin:0}.town-dialogue-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.town-dialogue-btn{min-height:38px;color:var(--navy);font:700 .9rem/1 var(--sans);background:#fff;border:1px solid #20384729;border-radius:99px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.town-dialogue-btn:hover{background:#fff4ea}.town-dialogue-close{color:#5a6a70}.town-touch{z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 16px 16px}.town-stick{pointer-events:auto;touch-action:none;background:#fffcf659;border:2px solid #fffcf6b3;border-radius:50%;width:124px;height:124px;position:relative;box-shadow:0 6px 18px #142c3a26}.town-stick-knob{background:#fffcf6f2;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #142c3a33}.town-talk-btn{pointer-events:auto;color:#fff;width:86px;height:86px;font:800 1.05rem/1 var(--sans);background:linear-gradient(135deg,#f08556,#df592d);border:0;border-radius:50%;box-shadow:0 8px 20px #df592d59}.town-fallback{z-index:8;background:linear-gradient(160deg,#cdeee6,#9bd3d6);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.town-fallback-card{text-align:center;background:#fffcf6;border-radius:26px;width:min(480px,100%);padding:28px;box-shadow:0 20px 44px #142c3a2e}.town-fallback-card h2{font:500 1.6rem/1.2 var(--serif);margin:0 0 .6rem}.town-fallback-card p{margin:0 0 1rem;font-size:1rem;line-height:1.6}.town-fallback-links{justify-content:center;gap:18px;font-weight:700;display:flex}.town-fallback-links a{color:#b0482a;text-underline-offset:3px;text-decoration:underline}.town-retry{width:auto}@media (width<=700px){.town-page .site-header{min-height:62px}.town-main{padding:0}.town-stage{border:0;border-radius:0}.town-launch{background:linear-gradient(#0000 40%,#142c3a4d);align-items:flex-end;padding:10px}.town-launch-card{border-radius:24px;padding:18px}.town-intro{margin-bottom:.7rem;font-size:.92rem}.town-avatar-art canvas{width:74px}.town-clock{padding-inline:10px;font-size:.85rem}.town-weather-label{display:none}.town-dialogue{grid-template-columns:1fr;gap:6px;padding:12px 14px;bottom:150px}.town-dialogue-portrait{display:none}}@media (prefers-reduced-motion:reduce){.town-launch,.town-dialogue,.town-avatar,.town-enter{transition:none;animation:none}}