#treasure-content.tr{flex:1;min-height:0;display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden}#treasure-content[data-tr-pending] [data-t],#treasure-content[data-tr-pending] .tr-res{visibility:hidden}.tr-topper-glyph{width:16px;height:16px;margin:auto;background-color:var(--accent)}.tr-topper-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:.03em;white-space:nowrap}.tr-eyebrow{margin:0;display:flex;flex-wrap:wrap;gap:6px;font:500 12px/1.3 var(--font-ui);color:var(--text-muted)}.tr-eyebrow b{font-weight:500;color:var(--accent-text)}.tr-hint{margin:0;font-size:12px;line-height:1.45;color:var(--text-muted);text-wrap:pretty}.tr-lbl{font-size:12.5px;color:var(--text-secondary);white-space:nowrap}.tr-ctl{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-right:1px solid var(--border-subtle);background:var(--bg-surface)}.tr-head{padding:22px 20px 18px}.tr-title{margin:10px 0 0;font:600 26px/1.15 var(--font-display);letter-spacing:-.02em;color:var(--text-primary)}.tr-sub{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--text-muted);text-wrap:pretty}.tr-sec{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-top:1px solid var(--border-subtle)}.tr-sec[hidden]{display:none}.tr-step{margin:0;display:flex;gap:8px;align-items:baseline;font:600 13px/1.2 var(--font-display);color:var(--text-secondary)}.tr-step b{font:500 12px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--accent-text)}.tr-go{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:16px 20px 20px;border-top:1px solid var(--border-subtle)}.tr-roll{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;padding:0 18px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-contrast, #0a0a0c);font:700 16px/1 var(--font-display);letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px #ffffff3d,inset 0 -3px #00000038,0 10px 22px -12px #000000b3;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .18s ease}.tr-roll:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,inset 0 -3px #00000038,0 14px 26px -12px #000000bf}.tr-roll:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000038,0 4px 10px -8px #000000b3}.tr-roll:disabled{opacity:.55;cursor:progress}.tr-roll:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.tr-roll-die{flex:none;width:22px;height:22px}.tr-roll-die rect{fill:none;stroke:currentColor;stroke-width:1.8}.tr-roll-die circle{fill:currentColor}.tr-roll-label{white-space:nowrap}.tr-roll-key{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:6px;background:#0a0a0c24;box-shadow:inset 0 -1px #0a0a0c40;font:600 11px/1 var(--font-ui);letter-spacing:.02em;color:inherit}.tr-roll.is-rolling .tr-roll-die{animation:tr-die-tumble .56s cubic-bezier(.22,1,.36,1)}@keyframes tr-die-tumble{0%{transform:rotate(0) scale(1)}45%{transform:rotate(250deg) scale(.82)}to{transform:rotate(360deg) scale(1)}}.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 13px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);font:600 12.5px var(--font-display);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .12s ease}.tr-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong)}.tr-btn:active:not(:disabled){transform:scale(.97)}.tr-btn:disabled{opacity:.45;cursor:default}.tr-btn:focus-visible,.tr-bands button:focus-visible,.tr-tables button:focus-visible,.tr-reroll:focus-visible,.tr-hist-chip:focus-visible,.tr-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tr-btn--pri{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast, #0a0a0c)}.tr-btn--pri:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-contrast, #0a0a0c)}.tr-btn--ghost{background:none}.tr-btn--big{width:100%;height:46px;font-size:14.5px}.tr-btn--icon{width:32px;padding:0;font-size:15px}.tr-btn kbd{font:500 10.5px var(--font-mono);padding:1px 5px;border-radius:4px;border:1px solid rgba(10,10,12,.35);color:inherit}.tr-link{padding:0;border:0;background:none;font:500 12px var(--font-display);color:var(--text-muted);cursor:pointer}.tr-link:hover{color:var(--text-primary)}.tr-ico{width:13px;height:13px;flex:none;border:1.6px solid currentColor;border-radius:3px}.tr-ico--copy{box-shadow:3px -3px 0 -1.6px var(--bg-surface),3px -3px 0 0 currentColor}.tr-ico--again{border-radius:50%;border-top-color:transparent}.tr-bands{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tr-bands button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border-radius:9px;border:1px solid var(--border-subtle);background:var(--bg-inset);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.tr-bands b{font:600 15px var(--font-display)}.tr-kinds b{font-size:14px}.tr-bands span{font-size:11.5px;color:var(--text-muted)}.tr-bands button:hover{border-color:var(--border-strong)}.tr-bands button[aria-checked=true],.tr-tables button[aria-checked=true]{border-color:rgba(var(--accent-rgb),.85);background:rgba(var(--accent-rgb),.1)}.tr-tables{display:flex;flex-direction:column;gap:4px}.tr-table-group{margin:8px 0 2px;font:500 12px var(--font-ui);color:var(--text-muted)}.tr-table-group:first-child{margin-top:0}.tr-tables button{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;padding:7px 10px;border-radius:8px;border:1px solid transparent;background:none;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.tr-tables button:hover{background:var(--bg-hover)}.tr-tables b{font:700 13px/18px var(--font-display);color:var(--text-muted)}.tr-tables button>span{display:flex;flex-direction:column;gap:1px;min-width:0}.tr-table-name{font:600 13px/18px var(--font-display);color:var(--text-primary)}.tr-table-ex{font-size:12px;line-height:1.35;color:var(--text-muted)}.tr-tables button[aria-checked=true] b{color:var(--accent-text)}.tr-tiers button{grid-template-columns:46px minmax(0,1fr)}.tr-tiers b{white-space:nowrap}.tr-flavors{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tr-flavors button{padding:9px 10px}.tr-flavors b{font-size:13.5px}.tr-kinds button:last-child:nth-child(odd){grid-column:1 / -1}.tr-stepper{display:inline-flex;align-items:center;align-self:flex-start;height:36px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-inset)}.tr-stepper .tr-btn{height:34px;border:0;background:none;color:var(--text-muted)}.tr-stepper-val{width:40px;height:100%;border:0;background:none;text-align:center;font:600 14px var(--font-display);color:var(--text-primary);-moz-appearance:textfield;appearance:textfield}.tr-stepper-val::-webkit-inner-spin-button,.tr-stepper-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tr-stepper-val:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.tr-stepper--small{height:32px}.tr-stepper--small .tr-btn{height:30px;width:28px}.tr-stepper--small .tr-stepper-val{width:30px}.tr-res{display:flex;flex-direction:column;min-width:0;min-height:0}.tr-bar{display:flex;align-items:center;gap:10px;padding:14px 26px;border-bottom:1px solid var(--border-subtle)}.tr-res-title{margin:0;min-width:0;font:600 15px/1.2 var(--font-display);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-chip{flex:none;padding:5px 7px;border-radius:5px;border:1px solid var(--border-default);font:500 11px/1 var(--font-mono);color:var(--text-muted);white-space:nowrap}.tr-chip[hidden]{display:none}.tr-bar-actions{margin-left:auto;display:flex;gap:8px}.tr-sum{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px 28px;padding:22px 26px 20px;border-bottom:1px solid var(--border-subtle)}.tr-sum[hidden]{display:none}.tr-total{margin:8px 0 0;font:600 40px/1 var(--font-display);letter-spacing:-.02em;color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}.tr-total small{margin-left:4px;font-size:18px}.tr-sum-detail{display:flex;flex-direction:column;gap:8px;min-width:0}.tr-coins{display:flex;flex-wrap:wrap;gap:8px}.tr-coin{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-inset);font:600 13.5px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap}.tr-coin small{font:500 11px var(--font-display);color:var(--text-muted)}.tr-coin:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--tr-metal);box-shadow:inset 0 -2px #00000047}.tr-coin[data-coin=cp]{--tr-metal: #b8734a}.tr-coin[data-coin=sp]{--tr-metal: #b9bec4}.tr-coin[data-coin=ep]{--tr-metal: #c9c08a}.tr-coin[data-coin=gp]{--tr-metal: #d6a748}.tr-coin[data-coin=pp]{--tr-metal: #dce3e8}.tr-body{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-content:start;gap:22px 30px;padding:20px 26px}.tr-body:empty{display:none}.tr-group{min-width:0}.tr-group-h{display:flex;align-items:baseline;gap:10px;padding:0 0 8px;border-bottom:1px solid var(--border-subtle)}.tr-group-h h3{margin:0;font:600 15px/1.2 var(--font-display);color:var(--text-primary)}.tr-group-h .tr-each{font-size:12px;color:var(--text-muted)}.tr-group-h .tr-sumline{margin-left:auto;font:500 12px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.tr-rows{margin:0;padding:0;list-style:none}.tr-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(var(--accent-rgb),.06)}.tr-q{font:600 13px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right}.tr-name{min-width:0;font-size:13.5px;line-height:1.4;color:var(--text-primary);text-wrap:pretty}.tr-name a{font-weight:500}.tr-desc{color:var(--text-muted);font-size:12.5px}.tr-v{font:500 12px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.tr-tag{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:4px;background:rgba(var(--gold-rgb),.12);font:600 11px/1 var(--font-ui);color:var(--gold);white-space:nowrap;vertical-align:1px}.tr-reroll{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;border:1px solid transparent;background:none;color:var(--text-muted);cursor:pointer;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.tr-reroll svg{width:15px;height:15px;transition:transform .22s cubic-bezier(.22,1,.36,1)}.tr-reroll rect{fill:none;stroke:currentColor;stroke-width:1.7}.tr-reroll circle{fill:currentColor}.tr-reroll:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-hover)}.tr-reroll:hover svg{transform:rotate(-14deg)}.tr-note{margin:12px 0 0}.tr-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 26px;text-align:center}.tr-empty[hidden]{display:none}.tr-empty-glyph{width:40px;height:40px;margin-bottom:6px;background-color:var(--gold);opacity:.8}.tr-empty-title{margin:0;font:600 15px var(--font-display);color:var(--text-primary)}.tr-empty .tr-hint{max-width:340px}.tr-foot{display:grid;grid-template-rows:36px 32px;gap:8px;padding:10px 26px 12px;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.tr-split{display:grid;align-items:center;min-width:0}.tr-split>*{grid-area:1 / 1}.tr-split-live{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}.tr-split.is-empty .tr-split-live,.tr-split:not(.is-empty) .tr-split-none{visibility:hidden}.tr-share{overflow:hidden;text-overflow:ellipsis}.tr-share b{font:600 13px var(--font-ui);font-variant-numeric:tabular-nums;color:var(--gold)}.tr-split-note{grid-column:1 / -1;max-width:640px}.tr-split-note:empty{display:none}.tr-hist{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.tr-hist-list{display:flex;align-items:center;gap:6px;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.tr-hist-list::-webkit-scrollbar{display:none}.tr-hist-empty{font-size:12px;color:var(--text-muted);white-space:nowrap}.tr-hist-chip{flex:none;height:26px;padding:0 9px;border-radius:6px;border:1px solid var(--border-default);background:none;font:500 11.5px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:color .16s ease,border-color .16s ease}.tr-hist-chip:hover{color:var(--text-primary);border-color:var(--border-strong)}.tr-link[disabled]{visibility:hidden}.tr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){#treasure-content.tr{display:flex;flex-direction:column;overflow-y:auto;padding-bottom:calc(var(--mobile-bottom-gap, 86px) + 70px)}.tr-ctl{flex:none;overflow:visible;border-right:0;border-bottom:1px solid var(--border-subtle)}.tr-head{display:none}.tr-sec{padding:12px 16px;gap:8px}.tr-sec:first-of-type{border-top:0}.tr-bands{gap:6px}.tr-bands button{padding:8px 10px}.tr-bands b{font-size:14px}.tr-tables button{min-height:44px}.tr-btn{min-height:40px}.tr-go{position:fixed;left:0;right:0;bottom:calc(var(--mobile-dock-h, 68px) + var(--mobile-safe-b, 0px));z-index:1100;margin:0;padding:10px 12px 10px 72px;background:var(--bg-surface)}.tr-roll{height:50px}.tr-roll-key{display:none}.tr-res{flex:none}.tr-bar{padding:12px 16px}.tr-bar-actions .tr-btn span[data-t]{display:none}.tr-bar-actions .tr-btn{width:40px;padding:0}.tr-sum{padding:16px;gap:12px}.tr-total{font-size:34px}.tr-coin{height:30px;padding:0 9px;font-size:12.5px}.tr-body{overflow:visible;padding:16px;gap:18px}.tr-row{grid-template-columns:28px minmax(0,1fr) auto 32px;gap:8px}.tr-v{display:none}.tr-reroll{width:32px;height:32px}.tr-empty{padding:28px 16px}.tr-foot{grid-template-rows:76px 32px;padding:10px 16px 12px}.tr-split-live{flex-wrap:wrap;gap:6px 10px}.tr-share{flex-basis:100%}}.tr-sec.is-appearing{animation:tr-appear .28s cubic-bezier(.22,1,.36,1)}.tr-sum.is-entering{animation:tr-appear .32s cubic-bezier(.22,1,.36,1)}.tr-coins.is-entering .tr-coin{animation:tr-pop .32s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(80ms + var(--i, 0) * 45ms)}.tr-body.is-entering .tr-group-h,.tr-body.is-entering .tr-row{animation:tr-rise .38s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.12s + var(--i, 0) * 30ms)}.tr-row.is-swapped{animation:tr-flash .9s ease-out}.tr-row.is-swapped .tr-name{animation:tr-slide .32s cubic-bezier(.22,1,.36,1)}.tr-row.is-swapped .tr-reroll svg{animation:tr-die-tumble .48s cubic-bezier(.22,1,.36,1)}.tr-share b.is-bumped{display:inline-block;animation:tr-bump .26s cubic-bezier(.22,1,.36,1)}.tr-hist-chip.is-entering{animation:tr-pop .3s cubic-bezier(.22,1,.36,1)}.tr-bands button,.tr-tables button{transition-property:border-color,background-color,color,transform}.tr-bands button:active,.tr-tables button:active{transform:scale(.98)}@keyframes tr-appear{0%{opacity:0;transform:translateY(-4px)}}@keyframes tr-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes tr-pop{0%{opacity:0;transform:scale(.92)}}@keyframes tr-slide{0%{opacity:0;transform:translate(8px)}}@keyframes tr-flash{0%{background-color:rgba(var(--gold-rgb),.12)}to{background-color:transparent}}@keyframes tr-bump{40%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){#treasure-content.tr *,#treasure-content.tr *:before,#treasure-content.tr *:after{animation:none!important;transition:none!important}}@media(max-width:768px){.tr-res-title{white-space:normal}.tr-bar{flex-wrap:wrap}}
