.board.victory{background:#314c2d;background-image:radial-gradient(ellipse at 50% 35%,#ac954348,transparent 75%);box-shadow:0 0 0 1px #6d5038,0 5px 0 #6d5038,0 9px 35px #a78b2c22}.board.defeat{background:#742b29}.result-cause{font-size:10px;letter-spacing:1px;margin:3px 0 10px;color:#e4d4a1}.result-cause .out-chip{display:inline-block;background:#af3d32;color:#fff0d1;border-radius:3px;padding:4px 7px;font-weight:700;margin-right:6px;transform:rotate(-4deg)}.result-kicker{font-size:10px;letter-spacing:3px;color:#e4c87c;font-weight:700;margin:5px 0}.arena .win-title{font:700 clamp(32px,4vw,48px) 'Space Grotesk';letter-spacing:-2px;margin:6px 0;color:#ffebbb}
.result-score{font:500 13px Space Grotesk,sans-serif;color:#e4dbc0;margin-top:5px}.result-score b{font-size:17px}.controls.match-complete{display:none}.victory .primary{background:#ebca80;color:#3c462c;box-shadow:0 3px 0 #b09050}
.next-style-teaser{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;margin-top:18px;border:1px solid #d3d5be;border-radius:8px;background:#eeecdf;text-align:left;color:#21392f}.next-style-teaser .hand-style-art{width:64px;height:82px;flex-shrink:0}.next-style-teaser small{display:block;font-size:10px;letter-spacing:1.4px}.next-style-teaser b{display:block;font-size:16px;margin:7px 0}.next-style-teaser em{font-size:11px;font-style:normal;color:#805428}.match-started .next-style-teaser{display:none}

.collection-dialog{border:1px solid #c8ccb3;background:#f3f0e1;color:#21392f;border-radius:14px;max-width:980px;width:calc(100% - 28px);max-height:92dvh;padding:24px;box-shadow:0 20px 90px #0005;scrollbar-gutter:stable}.collection-dialog::backdrop{background:#10271fe0;backdrop-filter:blur(5px)}
.collection-top{display:flex;justify-content:space-between;gap:16px}.collection-top h2{font:600 30px/1.15 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:5px 0 14px}.collection-close{width:44px;height:44px;flex-shrink:0;border:1px solid #b7c0a5;border-radius:50%;background:transparent;font-size:26px}/* Upcoming rewards form a compact horizontal path. */
.collection-store-entry{width:100%;display:flex;align-items:center;gap:12px;min-height:68px;margin:0;padding:8px 14px;border:1px solid #315a48;border-radius:9px;background:#244c3d;color:#fff0cf;text-align:left}.collection-store-entry:hover{background:#315e49}.collection-store-art{display:flex;align-items:center;width:74px;flex:none;overflow:visible}.collection-store-art .hand-style-art{width:44px;height:50px;filter:drop-shadow(0 3px 3px #10261c66)}.collection-store-art .hand-style-art+img{margin-left:-14px;transform:rotate(9deg)}.collection-store-copy{display:grid;gap:3px;min-width:0}.collection-store-copy b{font:600 16px/1.15 'Space Grotesk';letter-spacing:-.3px}.collection-store-copy small{font-size:11px;color:#c9d5b8}.collection-store-arrow{margin-left:auto;font-size:23px;line-height:1}
.collection-journey{margin:14px 0 0;padding:12px;border:1px solid #cdd3b9;border-radius:9px;background:#e8ead8}.collection-journey ol{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;margin:0;padding:0}.gear-journey-step{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.gear-journey-step:not(:last-child):after{content:'';position:absolute;top:45px;left:calc(50% + 29px);width:calc(100% - 46px);height:2px;background:#bac6a6}.gear-next-label{display:block;min-height:12px;margin-bottom:5px;font-size:9px;font-weight:700;letter-spacing:1px;color:#42694b;line-height:12px}.gear-goal-art{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;flex:none;background:#f4f2e5;border:1px solid #c8d0b5;border-radius:50%}.gear-goal-art .hand-style-art{width:48px;height:54px}.gear-journey-next .gear-goal-art{border:2px solid #42694b;background:#fcf7e4;box-shadow:0 0 0 3px #42694b12}.gear-goal-name{display:block;font:600 12px/1.2 'Space Grotesk';margin-top:8px;min-height:29px;max-width:150px}.gear-goal-count{font-size:10px;color:#5b6d51;margin:4px 0 5px}.gear-journey-step progress{max-width:100px}.gear-journey-note{font-size:11px;line-height:1.4;color:#5b6d51;margin:10px 0 0;padding-top:9px;border-top:1px solid #d2d9bf}.gear-journey-complete{font-size:12px;color:#42694b;margin:14px 0 0}
.collection-dialog progress,.gear-progress-note progress{appearance:none;border:0;width:100%;height:4px;border-radius:10px;background:#d8ddc7;overflow:hidden;display:block}.collection-dialog progress::-webkit-progress-bar,.gear-progress-note progress::-webkit-progress-bar{background:#d8ddc7}.collection-dialog progress::-webkit-progress-value{background:#4e775b;border-radius:10px}.collection-dialog progress::-moz-progress-bar{background:#4e775b}
.collection-filters{display:flex;gap:6px;margin:12px 0 10px}.collection-filters button{min-height:32px;padding:5px 12px;border:1px solid #c8cfb6;border-radius:18px;background:transparent;font-size:12px;line-height:1.2;color:#42604b}.collection-filters button[aria-pressed=true]{background:#244c3d;color:#fff3d3;border-color:#244c3d}.collection-filters span{opacity:.7;margin-left:5px}.collection-dialog button:focus-visible{outline:3px solid #af793b;outline-offset:2px}
.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-card{min-width:0;padding:12px;border:1px solid #d5d8c2;border-radius:9px;background:#fbf8eb;display:flex;flex-direction:column;gap:9px}.style-card.equipped{border-color:#315c47;box-shadow:inset 0 0 0 1px #315c47}.style-card-top{display:flex;justify-content:space-between;gap:4px;font-size:9px;letter-spacing:.3px;text-transform:uppercase;color:#65705b;line-height:1.3}.style-card.equipped .style-card-top{color:#28583b}.style-card-main{display:flex;align-items:center;gap:7px;flex:1}.style-plinth{height:98px;width:78px;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#d5cba640,transparent 68%)}.hand-style-art{display:block;min-height:0;min-width:0;object-fit:contain;max-width:100%}.style-plinth .hand-style-art{height:100%;width:100%;filter:drop-shadow(1px 5px 3px #293d2420)}.style-card.locked .hand-style-art{opacity:.82}.style-card-copy{min-width:0}.style-card h3{font:600 15px/1.2 'Space Grotesk',sans-serif;margin:0 0 7px;letter-spacing:-.3px}.style-card p{font-size:11px;line-height:1.4;color:#657057;margin:0}.style-progress{font-size:10px;line-height:1.4;color:#5b6a51}.style-progress span{display:block;margin-bottom:5px}.style-card button{min-height:44px;width:100%;padding:8px 5px;border:1px solid #a9b697;background:transparent;border-radius:5px;font-size:12px;color:#315238}.style-card.owned button:not(:disabled):hover,.style-card [data-preview-wear]:not(:disabled):hover{background:#244c3d;color:#fff5df}.style-card.equipped button{background:#dce5ca;opacity:1}.style-card.locked button:disabled{color:#7a806f;opacity:.7;background:#edeee2}.collection-bottom{margin-top:16px;padding-top:12px;border-top:1px solid #d2d7c2;font-size:10px;line-height:1.6;color:#657057}.gear-empty{font-size:13px;grid-column:1/-1;padding:20px;text-align:center}
.gear-progress-note{display:flex;flex-wrap:wrap;justify-content:center;column-gap:12px;row-gap:6px;color:#d5d9ba;font-size:11px;line-height:1.5;width:min(380px,100%);margin:10px auto 14px}.gear-progress-note progress{flex-basis:100%;background:#ffffff16}.gear-progress-note progress::-webkit-progress-bar{background:#ffffff16}.gear-progress-note progress::-webkit-progress-value{background:#e1c77a}.gear-progress-note progress::-moz-progress-bar{background:#e1c77a}
@media(max-width:700px){.collection-dialog{padding:18px 14px}.collection-top h2{font-size:27px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card{padding:10px;gap:6px}.style-card-main{display:block}.style-plinth{height:70px;width:100%;margin:-4px auto 3px}.style-card h3{font-size:13px;min-height:32px;margin-bottom:4px}.style-card p{font-size:10px;min-height:28px;line-height:1.4}.style-progress{font-size:9px}.style-card-top{font-size:8px}.collection-filters{gap:5px}.collection-filters button{font-size:11px;padding:5px 10px}.collection-store-entry{gap:8px;padding:8px 12px;min-height:64px}.collection-store-copy b{font-size:15px}.collection-store-art{width:66px}.collection-journey ol{gap:10px}.gear-journey-step:not(:last-child):after{width:calc(100% - 48px)}.next-style-teaser{margin-top:0}}
@media(max-height:500px) and (orientation:landscape){.collection-dialog{max-height:96dvh;padding:16px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-card-main{display:flex}.style-plinth{height:78px;width:65px}.style-card h3{min-height:0}.gear-progress-note{font-size:9px;margin:6px auto}.victory-content .gear-progress-note{grid-column:1}}

/* Online-only rewards remain visible without presenting an active goal. */
.gear-unavailable .hand-style-art{filter:grayscale(1);opacity:.45}
.gear-unavailable .gear-goal-art{background:#e2e4d6;border-style:dashed}
.gear-unavailable .gear-goal-name,.gear-unavailable .gear-goal-count,.gear-unavailable .gear-next-label{color:#747c69}
.gear-unavailable .gear-goal-count{color:#506147;line-height:1.4}
.style-card.gear-unavailable{background:#eeeee3;border-style:dashed}
.style-card.gear-unavailable .style-card-copy h3{color:#747c69}