/* Store addition only. The approved v3.0.1 scene, lighting and layout CSS are untouched. */
#tag-store { margin-bottom: 20px; }
.tag-shop { border: 1px solid var(--line); background: linear-gradient(115deg,rgba(47,29,24,.82),rgba(23,25,20,.91)); padding: 34px 38px 30px; position: relative; }
.tag-shop::before { content: ''; position: absolute; top: -1px; left: -1px; width: 82px; height: 2px; background: var(--gold-bright); pointer-events: none; }
.tag-shop-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 30px; }
.tag-shop-heading h3 { font: 700 clamp(32px,3.5vw,52px)/1 var(--display); letter-spacing: .01em; margin: 12px 0 0; }
.tag-shop-heading h3>span { color: var(--gold); }
.tag-seller { color: var(--gold-bright); font: 11px var(--body); display: inline-flex; gap: 12px; align-items: center; min-height: 44px; white-space: nowrap; }
.tag-seller span { font-size: 19px; }
.tag-seller:hover { color: #fff2dc; }
.tag-shop-body { display: grid; grid-template-columns: 1fr 1.1fr; gap: 44px; }
.tag-preview-column, .tag-plans-column { min-width: 0; }
.tag-input-label { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; margin-bottom: 12px; }
.tag-input-label label, .tag-plans legend { font: 700 9px var(--body); letter-spacing: 1.35px; color: var(--gold-bright); }
.tag-input-label>span { font-size: 9px; color: var(--muted); }
.tag-nickname-input { width: 100%; border: 1px solid var(--line); padding: 15px 17px; background: rgba(9,10,9,.43); color: var(--text); border-radius: 0; font: 500 16px/1.25 var(--body); min-height: 52px; outline-offset: 3px; }
.tag-nickname-input::placeholder { color: #aea396; }
.tag-nickname-input:focus { outline: 1px solid var(--gold-bright); border-color: var(--gold); }
.tag-player-plate { margin-top: 20px; min-height: 156px; padding: 19px 21px 14px; background: radial-gradient(ellipse at 8% 90%,rgba(133,105,62,.16),transparent 65%),linear-gradient(110deg,#1e2020,#141616); border-left: 2px solid var(--gold); position: relative; }
.tag-plate-kicker { color: #bfb5a6; font: 700 8px var(--body); letter-spacing: 1.6px; }
.tag-player-line { display: flex; align-items: center; gap: 16px; margin: 22px 0 18px; min-width: 0; }
.tag-avatar { width: 32px; height: 39px; color: var(--gold); flex: 0 0 32px; opacity: .94; }
.tag-avatar svg { width: 100%; height: 100%; }
.tag-name-output { font: 600 clamp(24px,2.25vw,34px)/1.22 var(--display); letter-spacing: .25px; white-space: pre-wrap; overflow-wrap: anywhere; min-width: 0; text-transform: none; }
.tag-name-tag, .tag-name-literal { color: var(--gold-bright); }
.tag-name-nickname { color: #f3efe6; unicode-bidi: isolate; }
.tag-plate-rule { display: flex; align-items: center; gap: 12px; color: var(--gold); opacity: .6; }
.tag-plate-rule span { height: 1px; flex: 1; background: linear-gradient(90deg,var(--line),transparent); }
.tag-plate-rule b { font-size: 10px; font-weight: 400; }
.tag-note { font: 400 10px/1.75 var(--body); color: var(--muted); margin: 12px 0 0; }
.tag-plans { border: 0; padding: 0; margin: 0; min-width: 0; }
.tag-plans legend { padding: 0; margin: 0 0 12px; }
.tag-plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.tag-plan { position: relative; cursor: pointer; display: block; min-width: 0; }
.tag-plan>input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.tag-plan-surface { border: 1px solid var(--line); min-height: 112px; padding: 14px 17px 11px; display: flex; flex-direction: column; background: rgba(21,18,14,.27); transition: border-color .16s, background .16s; }
.tag-plan-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.tag-duration { font: 500 11px var(--body); color: #d7cdbc; }
.tag-plan-dot { width: 9px; height: 9px; border: 1px solid #8b795f; border-radius: 50%; flex: 0 0 9px; }
.tag-plan-price { font: 600 32px/1.05 var(--display); color: var(--text); margin-top: 12px; white-space: nowrap; }
.tag-plan-caption { font: 700 7px/1.4 var(--body); letter-spacing: 1px; color: var(--gold-bright); min-height: 10px; margin-top: 5px; }
.tag-plan:hover .tag-plan-surface { border-color: var(--gold); }
.tag-plan>input:checked+.tag-plan-surface { background: linear-gradient(120deg,rgba(132,98,51,.25),rgba(138,102,64,.09)); border-color: var(--gold-bright); box-shadow: inset 0 0 0 1px rgba(221,186,134,.07); }
.tag-plan>input:checked+.tag-plan-surface .tag-plan-dot { background: var(--gold-bright); border-color: var(--gold-bright); box-shadow: 0 0 8px rgba(234,210,168,.3); }
.tag-plan>input:focus-visible+.tag-plan-surface { outline: 2px solid var(--gold-bright); outline-offset: 3px; }
.tag-plan.is-unavailable { cursor: not-allowed; opacity: .55; }
.tag-order-row { display: flex; align-items: center; gap: 20px; margin-top: 19px; }
.tag-order-row .button { flex: 1; min-width: 0; padding: 16px 20px; }
.tag-copy { color: var(--gold-bright); font: 700 8px var(--body); letter-spacing: .8px; min-height: 44px; background: none; border: 0; padding: 10px 0; cursor: pointer; white-space: nowrap; }
.tag-copy:hover { color: #fff2dc; }
.tag-order-summary { margin: 13px 0 0; font: 700 10px var(--body); color: var(--gold-bright); letter-spacing: .3px; }
.tag-unavailable { color: var(--muted); font-size: 12px; }
.tag-copy-status { color: var(--gold-bright); font: 500 10px/1.6 var(--body); margin: 0; }
.tag-copy-status:not(:empty) { margin-top: 12px; }
.tag-request-manual { margin-top: 10px; width: 100%; min-height: 130px; background: #1b1915; color: var(--text); border: 1px solid var(--line); padding: 12px; font: 12px/1.6 var(--body); }
@media(max-width:1000px) { .tag-shop { padding: 28px; }.tag-shop-body { gap: 26px; }.tag-order-row { gap: 13px; }.tag-order-row .button { font-size: 9px; padding: 16px 14px; gap: 15px; } }
@media(max-width:760px) { .tag-shop { padding: 25px 22px; }.tag-shop-heading { align-items: flex-start; margin-bottom: 26px; gap: 13px; }.tag-shop-heading h3 { font-size: 32px; }.tag-seller { font-size: 9px; gap: 7px; min-height: 30px; }.tag-shop-body { grid-template-columns: 1fr; gap: 27px; }.tag-plan-surface { min-height: 115px; }.tag-name-output { font-size: 29px; }.tag-player-plate { min-height: 150px; }.tag-note { font-size: 10px; }.tag-order-row { gap: 16px; }.tag-order-row .button { min-height: 54px; font-size: 9px; }.tag-plan-price { font-size: 34px; }.tag-shop-heading .tiny-label { font-size: 7px; } }
@media(max-width:390px) { .tag-shop { padding: 23px 16px; }.tag-shop-heading { flex-wrap: wrap; gap: 5px; }.tag-shop-heading h3 { font-size: 32px; }.tag-seller { min-height: 30px; }.tag-player-plate { padding: 17px 14px 13px; }.tag-player-line { gap: 11px; }.tag-plan-surface { padding: 13px; }.tag-plan-price { font-size: clamp(23px,7.95vw,31px); }.tag-order-row { flex-wrap: wrap; gap: 3px; }.tag-order-row .button { width: 100%; flex-basis: 100%; }.tag-copy { min-height: 40px; }.tag-name-output { font-size: 26px; } }
@media(prefers-reduced-motion:reduce) { .tag-plan-surface { transition: none; } }
html.motion-off .tag-plan-surface { transition: none; }