/* A common visual and interaction layer; no external images, fonts or JavaScript animation loops. */
:root{--ui-paper:#fffdf7;--ui-line:#dce2d1;--ui-green:#315c4d;--ui-muted:#647565;--ui-shadow:0 6px 22px #294f3e0b;--ui-radius:18px;--ui-focus:#6c9a83}
body{background:#f7f6ee;text-rendering:optimizeLegibility}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button,a{transition:background-color .16s,border-color .16s,box-shadow .16s,opacity .16s}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}button:disabled{cursor:default}button:not(:disabled):active{filter:brightness(.96)}
.primary{background:linear-gradient(135deg,#3d6b59,#2e5647);border:1px solid #315b48;box-shadow:0 3px 8px #315b4812;border-radius:12px;font-weight:650}.secondary{background:var(--ui-paper);border:1px solid var(--ui-line);border-radius:12px;color:#315b48}.text-btn{color:#3e6654}.close{display:grid;place-items:center;flex-shrink:0;min-width:40px;min-height:40px;border:1px solid #dce2d1!important;background:#fffdf8!important;border-radius:50%!important;line-height:1}
.header{box-shadow:0 1px 0 #345b4320}.header .brand{letter-spacing:1px}.header button[aria-expanded="true"]{background:#e5ecdc!important;border-color:#9db49b}.game-location button,.game-actions button{box-shadow:0 2px 7px #214d3a08}.scene-control{box-shadow:0 4px 16px #244c3820}
.personal-shell,.content-page,.guide-shell{color:#2e5143}.personal-heading{gap:18px}.personal-heading h1,.page-head h1{letter-spacing:.02em;line-height:1.35}.personal-avatar{border:1px solid #d5dfc7;box-shadow:inset 0 0 0 6px #f2f4e8;background:linear-gradient(135deg,#e6eedc,#f5eddb)}.personal-content h2{line-height:1.45}.page-market-return{position:sticky;top:72px;z-index:25;pointer-events:none}.page-market-return button{pointer-events:auto;box-shadow:0 3px 12px #315b4810;background:#fffdf8f5;min-height:44px}
.profile-character-card,.owned-card,.friend-row,.guide-topic,.ticket-offer,.ticket-card,.shop-post-card,.compact-shop-row,.notification-item{border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);background:var(--ui-paper)}.profile-character-card{background:linear-gradient(120deg,#fffdf7,#eef2e5);padding:28px}.profile-character-preview{background:radial-gradient(ellipse,#f7edcf 0, #e6eddc 70%);border:1px solid #dde4d1}.owned-card{overflow:hidden}.owned-card h3{line-height:1.5}.friend-row{padding:16px}.friend-description{min-width:0}.friend-row-actions{gap:8px}.friend-code-line code,.ticket-code{letter-spacing:2px;border-radius:10px;background:#f0f3e7;padding:10px 14px}.friend-tools{background:#eff3e7;border:1px solid #dbe4ce;border-radius:16px;padding:16px}
.compact-tabs{border:1px solid #dce4d0;border-radius:14px;padding:5px;gap:5px;background:#eaf0df}.compact-tabs button{min-height:40px;border-radius:10px;line-height:1.45}.compact-tabs button[aria-pressed="true"]{background:#fffdf8;box-shadow:0 2px 5px #315b4812;color:#284f40}.compact-tabs button:focus-visible{outline-offset:0}.guide-topic{overflow:hidden;padding:0}.guide-topic summary{padding:18px 20px;min-height:52px;line-height:1.5}.guide-topic p{padding:0 20px 18px;margin:0;line-height:1.9}.guide-topic[open] summary{background:#edf2e4;margin-bottom:14px}.guide-topic[open]{border-color:#b8cbb0}
.safety-dialog,.rewards-dialog,.editor-dialog,.detail-dialog{background:var(--ui-paper);border:1px solid #d6dfcb;border-radius:22px;box-shadow:0 22px 80px #193e3533}.safety-dialog::backdrop,.rewards-dialog::backdrop,.editor-dialog::backdrop,.detail-dialog::backdrop{background:#193c354f;backdrop-filter:none}.safety-dialog[open],.rewards-dialog[open],.editor-dialog[open],.detail-dialog[open]{animation:ui-dialog-in .18s ease-out}.reward-dialog-bar,.dialog-heading{border-bottom:1px solid #e0e5d5;background:linear-gradient(110deg,#f8f9ef,#fffdf8);gap:9px}.reward-dialog-bar>strong{flex:1;min-width:0;font-size:16px}.dialog-market-return{font-size:12px;white-space:nowrap;min-height:40px;padding:6px 9px;border-radius:10px}.reward-dialog-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b1c0a3 transparent}.detail-body>p{line-height:1.85}.detail-hero{background:radial-gradient(ellipse,#edf1df,#f9f4e5);border-bottom:1px solid #e3e7d9}.detail-links{gap:9px}.detail-links a{min-height:42px;display:inline-flex;align-items:center}.detail-tools{gap:10px}.detail-tools button{min-height:44px}.shop-post-card img{transition:opacity .18s}.shop-post-card .post-card-caption{padding:12px}.post-card-caption p{font-size:12px;line-height:1.65}
.editor-preview{border:1px solid #dde4d1;border-radius:18px;background:linear-gradient(#edf1e6,#f7f5e9);box-shadow:inset 0 0 0 7px #f7f8ef}.editor-fields section{scroll-margin-top:90px}.tabs{border-bottom-color:#dce3cf}.tabs button{min-height:42px}.editor-dialog input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=hidden]),.editor-dialog select,.editor-dialog textarea,.friend-search input,.walker-speech-form input{border-color:#cdd9c1;border-radius:12px;background:#fffef9;line-height:1.5}.editor-dialog input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=hidden]),.editor-dialog select{min-height:42px}.editor-dialog textarea{min-height:105px}.field-row{gap:14px}.editor-dialog label{line-height:1.6}.editor-dialog label>span,.section-hint{color:#667761}.status{border-radius:20px;padding:5px 10px;background:#e6efdc;color:#365c46;font-weight:650}.status.off{background:#eee7df;color:#78675d}
.passport{border-color:#d8e0cb;box-shadow:var(--ui-shadow);background:#fbfaf1}.stamp-item{border-radius:16px}.passport-stamp{border:1px solid transparent}.passport-stamp:focus-visible{border-color:#91ae8e}.passport-title{letter-spacing:.14em;color:#66806c}.liked-shop{padding:15px;border:1px solid #dce4d0;border-radius:16px;box-shadow:var(--ui-shadow)}.ticket-qr{padding:12px;border-radius:16px;background:#fff;border:1px solid #e2e6d9;max-width:100%;overflow:hidden}.ticket-qr svg{max-width:100%;height:auto}.ticket-terms{padding:14px;background:#f0f3e7;border-radius:12px;line-height:1.8}.ticket-shop-link{min-height:44px}.notification-item.is-unread{border-left:3px solid #6e9979;background:#f1f5e9}.notification-item time{color:#667764;font-size:11px}.chat-message{border-radius:14px;line-height:1.7}.community-toggle,.mobile-shortcuts>button,.market-camera{box-shadow:0 5px 20px #193d3a24}.walker-speech-form{box-shadow:0 4px 18px #193d3a16;border-color:#d4dfc6}.walker-speech-form input{min-width:0}.walker-bubble,.peer-speech{box-shadow:0 4px 12px #294f3e14;border-color:#c8d8bc}.walker-bubble button{min-height:36px}.street-loading-notice{border:1px solid #ded6b9}
#main>.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:220px;padding:45px 20px;text-align:center;color:#536e5a}#main>.loading strong{font-size:17px;font-weight:650}#main>.loading small{font-size:12px;color:#74826e}.loading-orb{display:grid;place-items:center;width:58px;height:58px;font-size:28px;border:1px solid #d4e1c4;border-radius:22px;color:#52795c;background:radial-gradient(circle,#f9f0ce,#e4eddb);animation:ui-loading 2.4s ease-in-out infinite}.error-box{border-radius:18px;border:1px solid #e2d6c3;background:#fffaf0;padding:24px}.error-box h2{font-size:19px;line-height:1.5}.error-box p{font-size:14px;line-height:1.8}.error-box button,.error-box a{min-height:44px}
/* Compact, stable RPS dialog: same size while waiting or choosing. */
.plaza-dialog.rps-compact{width:min(390px,calc(100vw - 28px))!important;height:fit-content!important;max-height:min(620px,calc(100dvh - 28px))!important;padding:0;inset:0;margin:auto;overflow:hidden}.rps-compact .reward-dialog-scroll{height:auto!important;flex:0 1 auto!important;min-height:0;padding:20px!important;max-height:calc(100dvh - 110px);overflow-y:auto}.rps-compact .reward-dialog-bar{padding:12px 16px}.rps-person,.rps-welcome{text-align:center}.rps-emblem{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;border:1px solid #c9d9bd;background:radial-gradient(circle,#fbefca,#e0ead7);font-size:29px;color:#66875b}.rps-emblem.is-waiting{animation:ui-wait 2s ease-in-out infinite}.rps-person small{display:block;color:#64755e;font-size:13px;margin-bottom:5px}.rps-person h3,.rps-welcome h3{margin:0 0 7px;font-size:21px;line-height:1.4}.rps-welcome>p{font-size:13px;color:#697961;line-height:1.7}.rps-countdown{margin:0;color:#6e7d65;font-size:12px;font-variant-numeric:tabular-nums;min-height:19px}.rps-stakes{text-align:center;font-size:12px;line-height:1.75;padding:10px 7px;border:1px solid #e1e5d6;border-radius:12px;background:#f3f5e9;margin:14px 0}.rps-choices{display:flex;justify-content:center;gap:14px;padding:10px 0 16px}.rps-choice{width:82px;height:82px;flex:0 0 82px;border-radius:50%;border:1px solid #c6d5bb;background:radial-gradient(circle at 35% 25%,#fffefa,#eaf0e0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 3px 0 #d8e2cc;color:#315b48;min-height:82px}.rps-choice svg{width:35px;height:35px;fill:#e4cb9b;stroke:#6f7860;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rps-choice>span{font-size:13px;font-weight:650}.rps-choice[aria-pressed="true"]{border:2px solid #4d7b5e;background:#e2edda;opacity:1;box-shadow:0 0 0 4px #d8e7cc}.rps-choice:disabled:not([aria-pressed="true"]){opacity:.5}.rps-actions{display:flex;gap:9px;justify-content:center}.rps-actions>button{min-height:44px;flex:1}.rps-footnote{text-align:center;font-size:11px;line-height:1.7;color:#6f7d66;margin:0}.rps-result{font-size:23px;color:#426d4f;font-weight:700;margin:0}.rps-again{width:100%;min-height:44px}.rps-invites{display:grid;gap:8px}.rps-invites>button{padding:12px;min-height:56px;text-align:left;display:flex;justify-content:space-between;gap:8px;font-weight:650}.rps-invites>button>span{font-size:10px;color:#6f7d66;font-weight:400}
.plaza-resident>svg{filter:drop-shadow(0 3px 2px #2a514220)}.plaza-resident[data-kind="butterfly"]{width:34px;height:34px}.plaza-resident[data-kind="butterfly"].animal-running .animal-wing{animation:ui-flutter .7s ease-in-out infinite}.ambient-animal[data-animal-kind="butterfly"] .animal-wing{animation:ui-flutter .7s ease-in-out infinite}.plaza-pond{background-blend-mode:soft-light}.garden-seat{border-radius:9px}.plaza-stage{border-color:#c7af8a}.plaza-resident,.ambient-animal{contain:layout style}
@keyframes ui-dialog-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-loading{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@keyframes ui-wait{0%,100%{box-shadow:0 0 0 0 #aac49a22;opacity:.7}50%{box-shadow:0 0 0 7px #aac49a11;opacity:1}}@keyframes ui-flutter{0%,100%{transform:scaleX(.72);transform-origin:24px 24px}50%{transform:scaleX(1);transform-origin:24px 24px}}
@media(hover:hover) and (pointer:fine){.primary:hover:not(:disabled){background:linear-gradient(135deg,#4a7964,#315d4b);box-shadow:0 4px 12px #315b4826}.secondary:hover:not(:disabled),.rps-choice:hover:not(:disabled){border-color:#91ad88;background:#f0f5e7}.owned-card:hover,.friend-row:hover,.liked-shop:hover,.shop-post-card:hover{box-shadow:0 8px 25px #294f3e14}.passport-stamp:hover{border-color:#c8d8bc;background:#f3f6ea}}
@media(max-width:700px){.page-market-return{top:62px}.personal-shell{padding-left:15px;padding-right:15px}.personal-heading{gap:13px}.personal-heading h1{font-size:24px}.profile-character-card{padding:18px;gap:16px}.compact-tabs{gap:3px;padding:4px}.compact-tabs button{min-height:44px;padding:8px 5px;font-size:12px}.friend-row{padding:13px;gap:12px}.friend-row-actions button,.friend-search button,.detail-tools button,.notification-actions button,.action-row button{min-height:44px}.friend-search input,.friend-search button{font-size:16px}.guide-topic summary{font-size:15px;padding:16px}.guide-topic p{font-size:14px}.reward-dialog-bar{gap:6px}.reward-dialog-bar>strong{font-size:15px}.dialog-market-return{min-height:44px;padding:5px 7px;font-size:11px}.close{min-width:44px;min-height:44px}.safety-dialog,.editor-dialog,.detail-dialog,.rewards-dialog{border-radius:19px}.rps-compact .reward-dialog-scroll{padding:18px!important}.rps-choice{width:78px;height:78px;min-height:78px;flex-basis:78px}.rps-choices{gap:12px}.rps-person h3{font-size:20px}.rps-invites>button{font-size:13px}.header #account{max-width:120px!important}.walker-speech-form button{min-height:44px}.editor-dialog label,.editor-dialog textarea{font-size:14px}.editor-dialog input:not([type=color]):not([type=range]),.editor-dialog select{font-size:16px}.dialog-heading .eyebrow{font-size:9px}.dialog-heading h2{font-size:22px}.game-location button,.game-actions button{min-height:40px}.plaza-resident{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.safety-dialog[open],.rewards-dialog[open],.editor-dialog[open],.detail-dialog[open]{animation:none}.loading-orb,.rps-emblem.is-waiting,.plaza-resident .animal-wing,.ambient-animal .animal-wing{animation:none!important}button,a,.shop-post-card img{transition:none}}

.header[inert]{opacity:.7}.header[inert] button{cursor:wait}

.mobile-shortcuts[inert],.market-camera[inert]{opacity:.5}.walk-building:after{content:"";position:absolute;z-index:-1;left:28%;bottom:19px;width:44%;height:12px;border-radius:50%;background:#375b3c0b;pointer-events:none}