/* Shared storybook UI tokens and controls. Game state and page-specific layout stay in each page. */
:root{
  --mw-ink:#51463d;
  --mw-brown:#68513b;
  --mw-muted:#93826d;
  --mw-paper:#fffdf7;
  --mw-cream:#f7f1e5;
  --mw-line:#eadfcd;
  --mw-sage:#7c9167;
  --mw-sage-light:#eaf0df;
  --mw-gold:#d4a43e;
  --mw-gold-light:#fff5df;
  --mw-rose:#b87870;
}
body{color:var(--mw-ink)}
.hall-back,.tone-back,.back,.market,.round-link,.bag-link,.room-home-link{border-color:var(--mw-line)!important;background:var(--mw-paper)!important;color:var(--mw-brown)!important;box-shadow:0 3px 0 #e8dece!important}
.hall-brand h1,.tone-brand h1,.top h1,.market-header h1,.title-lockup h1{color:#584632}
.hall-intro,.game-kicker,.tone-cat-copy span,.tiny-label,.note,.shop-note{color:var(--mw-muted)}
.hall-game,.tone-cat-panel,.tone-question-card,.tone-choice-card,.balance,.item,.selector-panel,.product-info,.modal-card,.interaction-panel,.owned-items-panel,.owned-furniture-panel,.card{
  border-color:var(--mw-line)!important;
  background-color:rgba(255,253,247,.94)!important;
  box-shadow:0 5px 0 rgba(222,209,187,.46),0 12px 26px rgba(94,72,43,.055)!important;
}
.hall-game--assemble{background-image:linear-gradient(120deg,#edf1e3d9,#fffdf7ed 68%)!important}
.hall-game--tone{background-image:linear-gradient(120deg,#f7edd9dc,#fffdf7ed 68%)!important}
.hall-art{background-image:linear-gradient(145deg,#eef1e2c9,#faf1dfc9),url('./assets-optimized/webp/assets/scene/scene_soft_nature.webp')!important;background-size:cover!important;background-position:center!important}
.hall-game--tone .hall-art{background-image:linear-gradient(145deg,#f8efdcc9,#edf2e3c9),url('./assets-optimized/webp/assets/scene/scene_spring_garden.webp')!important}
.hall-art .art-card{width:78px;height:56px;border:0;border-radius:0;background-color:transparent!important;background-image:url('./assets-optimized/webp/assets/card/card_initial.webp')!important;background-size:100% 100%!important;box-shadow:none!important;color:#493326;font-size:28px}
.hall-art .art-card--two{background-image:url('./assets-optimized/webp/assets/card/card_final.webp')!important}
.hall-art .tone-card{width:56px;height:40px;border:0;border-radius:0;background-color:transparent!important;background-image:url('./assets-optimized/webp/assets/card/card_tone.webp')!important;background-size:100% 100%!important;box-shadow:none!important;color:#493326;font-size:22px}
.hall-art .tone-cloud{border-color:#e8decc;background:#fffdf7e8;color:#76644d;box-shadow:0 3px 0 #e8dece}
.game-start,.primary-button,.tone-return,.action,.button,.buy-button,.daily-toggle,.reset-furniture{
  border-radius:15px!important;
  box-shadow:0 3px 0 #c8d5ba!important;
  border-color:#d6e3c8!important;
  background:var(--mw-sage-light)!important;
  color:#5f754f!important;
}
.hall-game--tone .game-start,.tone-return,.action:not(.secondary),.button:not(.secondary){background:#f5edda!important;border-color:#e8d7b5!important;box-shadow:0 3px 0 #deca9f!important;color:#87683c!important}
.secondary-button,.action.secondary,.button.secondary,.secondary-button.tone-return{background:var(--mw-paper)!important;border-color:var(--mw-line)!important;color:var(--mw-brown)!important}
.hall-back:focus-visible,.tone-shell a:focus-visible,.tone-shell button:focus-visible,.back:focus-visible,.market-page a:focus-visible,.market-page button:focus-visible,.home-prototype a:focus-visible,.home-prototype button:focus-visible,.button:focus-visible{outline-color:#d4a43e!important}
.hall-stars,.star-counter,.balance,.wallet-badge{border-color:#efdfb8;color:#c79126}
.hall-stars,.balance,.wallet-badge{background:#fff8e7!important}
.tone-picture{background-image:linear-gradient(145deg,#eef1e3c7,#faf1ddc7),url('./assets-optimized/webp/assets/scene/scene_soft_nature.webp')!important;background-size:cover!important;background-position:center!important}
.tone-word h2{color:#584632}
.tone-options .pinyin-card__value{color:#493326}
.tone-question-card,.tone-choice-card,.tone-cat-panel{border-radius:22px}
.backpack-page,.page{color:var(--mw-ink)}
.tabs .tab,.tab{border-color:var(--mw-line);background:var(--mw-paper);color:var(--mw-brown)}
.tabs .tab[aria-pressed="true"],.tab[aria-pressed="true"]{border-color:#bdcaa8;background:#eaf0df;color:#5f754f;box-shadow:inset 0 0 0 1px #d5e0c6}
.item{border-radius:19px;background:rgba(255,253,247,.92)!important}
.item .qty,.quantity-badge{background:var(--mw-sage)!important}
.market-page{color:var(--mw-ink);background-color:var(--mw-cream)}
.market-page::before{background:linear-gradient(180deg,#fffaf0a6 0%,#fff7e44d 55%,#52613b21 100%)}
.market-header h1{text-shadow:0 1px 2px #fff8}
.product-info,.selector-panel{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.category-tab{border-color:var(--mw-line);background:var(--mw-paper);color:var(--mw-brown)}
.category-tab[aria-selected="true"],.product-choice[aria-pressed="true"]{border-color:#aebb92;background:#eaf0df;color:#5f754f;box-shadow:inset 0 0 0 1px #d5e0c6}
.buy-button{background:#eaf0df!important;border-color:#d6e3c8!important;box-shadow:0 3px 0 #c8d5ba!important;color:#5f754f!important}
.price span,.wallet-badge span{color:var(--mw-gold)}
.purchase-modal{background:#51463d78}
.modal-card{border-radius:24px;background:var(--mw-paper)!important}
.daily-toggle[aria-pressed="true"],.state-button[aria-pressed="true"]{background:#eaf0df;border-color:#bdcaa8;color:#5f754f}
.state-button,.reset-furniture,.return-owned-item{border-color:var(--mw-line);background:var(--mw-paper);color:var(--mw-brown)}
.status.success{background:#eaf0df;color:#567449!important}
.status.error{background:#fae8e1;color:#8e5146!important}
@media(max-width:560px){.hall-art .art-card{width:63px;height:45px}.hall-art .tone-card{width:46px;height:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.item-pinyin{display:block;margin-top:2px;color:#778761;font-size:11px;font-weight:900;letter-spacing:.035em;line-height:1.2}