.activity-meta{color:#c3b487;font-size:.9rem}.activity-card{border:1px solid #b88b46;line-height:1.7;font-size:1rem}.activity-eyebrow{color:#d7b259;font-size:.875rem}.activity-reward{font-size:3rem;line-height:1.2;margin:18px 0;color:#f0d183}.activity-reward span{font-size:1.4rem;margin-left:6px}.activity-card .primary{min-height:48px}.activity-card button:disabled{opacity:.5;cursor:default}.game-order{padding:18px 12px;background:#081710;border:1px solid #aa8b4a;color:#ffe0a1;font-size:1.1rem;line-height:2}.goods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.goods-grid button{min-height:52px;font-size:1rem;padding:8px 4px}.game-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.game-actions button{font-size:.9rem}.active-item{padding:12px 0;border-bottom:1px solid #b88b4644}.mooncake-image{display:block;width:100%;padding:0;border:1px solid #b88b46;background:transparent;cursor:zoom-in;margin:0 0 12px}.mooncake-image img{display:block;width:100%;height:auto}.item-effect{font-size:1rem;line-height:1.6;color:#e4d7b7;margin:8px 0}.effect-time{font-size:.9rem;color:#e9c269}.moon-inventory{grid-column:1/-1}.moon-inventory .mooncake-image{max-width:480px}.gift-history-row{border-bottom:1px solid #b88b4644;padding:12px 0}.gift-history-row p{margin:4px 0;font-size:.9rem}.gift-history-row small{font-size:.875rem;color:#b5bcae}#giftHistory{margin-top:20px}[hidden]{display:none!important}@media(max-width:420px){.goods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.order-task{position:relative;padding-bottom:14px}.cat-task{border-top:1px solid #b88b4666;margin-top:20px;padding-top:20px}.cat-task h3{font-size:1.2rem}.cat-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cat-boxes button{min-height:76px;font-size:2.25rem;padding:10px;touch-action:manipulation}.cat-boxes button:disabled{opacity:1}.cat-boxes button:focus-visible{outline:3px solid #f0d183;outline-offset:2px}#catMessage{min-height:1.7em;color:#f0d183}.cat-task #catStart{width:auto}

/* Profile: quiet gold labels, clear values and compact mobile spacing. */
#view-mypage .profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
#view-mypage .profile-layout>.card{min-width:0;padding:24px;border:1px solid #b88b4666;border-radius:14px;background:#0c211bcc}
#view-mypage .profile-name{padding-bottom:22px;border-bottom:1px solid #b88b4644}
#view-mypage .profile-label,#view-mypage dt{font-size:.9rem;color:#c3b487;line-height:1.6}
#view-mypage #mypageNickname{font-size:1.75rem;font-weight:600;color:#f3dfab;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}
#view-mypage .profile-stats{margin:0}
#view-mypage .profile-stats>div{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 18px;padding-top:20px}
#view-mypage dd{margin:0;font-size:1.125rem;color:#eee7d6;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#view-mypage #mypageBalance{color:#f0d183;font-size:1.375rem;font-weight:600}
#view-mypage .profile-heading{font-size:1rem;font-weight:500;color:#dfc990;line-height:1.6;margin:0 0 16px}
#view-mypage .profile-memo{display:flex;flex-direction:column}
#view-mypage #mypageMemo{box-sizing:border-box;display:block;width:100%;min-height:144px;flex:1;resize:vertical;padding:14px 16px;border:1px solid #71836a66;border-radius:8px;background:#071810;color:#eee7d6;font:inherit;font-size:1rem;line-height:1.8}
#view-mypage #mypageMemo::placeholder{color:#9ea99b}
#view-mypage #mypageMemo:focus-visible{outline:2px solid #d7b259;outline-offset:3px}
#view-mypage .profile-items{grid-column:1/-1}
#view-mypage #mypageActive>.empty{padding:22px 12px;font-size:.95rem;color:#b5bcae;border:1px dashed #71836a66;border-radius:8px}
@media(max-width:680px){#view-mypage .profile-layout{grid-template-columns:minmax(0,1fr);gap:14px}#view-mypage .profile-layout>.card{padding:20px}#view-mypage #mypageNickname{font-size:1.6rem}}

/* Compact signboard navigation with a distinct active marker. */
.page .tabs{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:1px;margin:14px 0 26px;padding:7px;border:1px solid #685b404d;border-top:2px solid #8e784d;border-radius:2px;background:#050c0a;box-shadow:0 8px 20px #0005;overflow:visible}
.page .tabs>.tab{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 132px;min-width:0;min-height:50px;padding:12px 15px;border:0;border-radius:0;background:#112019;color:#c6c9bb;box-shadow:none;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.6;letter-spacing:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;transition:background-color .16s,color .16s}
.page .tabs>.tab::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:transparent}
.page .tabs>.tab:hover{color:#f5e3b5;background:#203128;transform:none}
.page .tabs>.tab.active{color:#fff0cb;background:#69272a;box-shadow:inset 0 0 0 1px #ae605b66;font-weight:700}
.page .tabs>.tab.active::before{background:#f0c479}
.page .tabs>.tab:focus-visible{outline:2px solid #efd083;outline-offset:-3px;z-index:1}
.page .shop-subnav{display:flex;gap:0;flex-wrap:wrap;width:fit-content;max-width:100%;padding:0;border:0;border-bottom:1px solid #87754c80;border-radius:0;background:transparent}
.page .shop-subnav>.shop-filter{min-height:44px;padding:9px 18px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#c6c9bb;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.6;box-shadow:none}
.page .shop-subnav>.shop-filter.active{color:#f5d498;border-bottom-color:#cb6861;background:#6a27282b;box-shadow:none}
.page .shop-subnav>.shop-filter:focus-visible{outline:2px solid #efd083;outline-offset:-2px}
@media(max-width:600px){.page .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:12px 0 24px;padding:5px}.page .tabs>.tab{justify-content:flex-start;min-height:48px;padding:11px 14px;font-size:.9375rem}.page .tabs:has(>.admin-only:not([hidden]))>.tab:last-child{grid-column:1/-1}.page .shop-subnav>.shop-filter{padding:9px 15px}}
@media(prefers-reduced-motion:reduce){.page .tabs>.tab{transition:none}}