.xb-kicker{color:color-mix(in srgb, var(--cn-purple) 74%, var(--cn-navy));letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:900}.xb .xc-field{background-image:none;padding-right:clamp(20px,4vw,40px)}.xb-flag{object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb, var(--cn-navy) 16%, transparent);border-radius:4px;flex:none;display:block}.xb-working{width:100%;max-width:620px;color:var(--on-navy-2);margin:4px 0 0;font-size:15px;font-weight:600}.xb .xc-field{transition:background-color .28s,color .28s}.xb .xc-field.is-choosing{--on-navy-2:color-mix(in srgb, var(--cn-navy) 80%, var(--cn-gold));--on-navy-3:color-mix(in srgb, var(--cn-navy) 64%, var(--cn-gold));--raised:var(--cn-white);--edge:color-mix(in srgb, var(--cn-navy) 24%, var(--cn-gold));background-color:var(--cn-gold);color:var(--cn-navy)}.xb .xc-field.is-choosing :focus-visible{outline-color:var(--cn-navy)}.xb .xc-field.is-choosing ::selection{background:var(--cn-navy);color:var(--cn-cream)}.xb .xc-field.is-choosing .xc-error{color:var(--cn-navy);border-color:var(--edge)}.xb-choose{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:620px;display:grid}.xb-choose>*{animation:.34s cubic-bezier(.2,.7,.2,1) both xb-in}.xb-choose>:nth-child(2){animation-delay:50ms}.xb-choose>:nth-child(3){animation-delay:.1s}.xb-choose>:nth-child(4){animation-delay:.15s}@keyframes xb-in{0%{opacity:0;transform:translateY(8px)}}.xb-choose-who{align-items:center;gap:14px;min-width:0;display:flex}.xb-choose-photo{object-fit:cover;background:var(--cn-purple);width:56px;height:56px;color:var(--cn-cream);box-shadow:0 0 0 3px var(--cn-navy), 5px 6px 0 color-mix(in srgb, var(--cn-navy) 26%, transparent);border-radius:16px;flex:none;place-items:center;font-size:26px;font-weight:900;display:grid;transform:rotate(-4deg)}.xb-choose-id{min-width:0;line-height:1.25;display:grid}.xb-choose-id b{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900;overflow:hidden}.xb-choose-id span{color:var(--on-navy-2);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.xb-choose-region{background:var(--cn-navy);color:var(--cn-cream);white-space:nowrap;border-radius:999px;flex:none;margin:0 0 0 auto;padding:7px 13px;font-size:13.5px;font-weight:600}.xb-choose-region b{color:var(--cn-gold);font-weight:900}.xb-choose-title{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(20px,2.6vw,26px);font-weight:900;line-height:1.15}.xb-choose-pick{flex:auto;gap:12px;min-width:0;display:flex}.xb-choose-flag{border:2px dashed color-mix(in srgb, var(--cn-navy) 34%, var(--cn-gold));border-radius:12px;flex:none;width:77px;height:58px;display:block;overflow:hidden}.xb-choose-flag.is-set{box-shadow:0 0 0 2px var(--cn-navy);border:0}.xb-choose-flag .xb-flag{width:100%;height:100%;box-shadow:none;border-radius:0;animation:.26s cubic-bezier(.2,.7,.2,1) both xb-flag-in}@keyframes xb-flag-in{0%{opacity:0;transform:scale(.82)}}.xb-select{border:1px solid var(--edge);background:var(--raised);min-width:0;min-height:58px;color:var(--cn-navy);font:inherit;border-radius:12px;flex:auto;padding:0 16px;font-size:clamp(16px,1.7vw,18px);font-weight:800}.xb-select option{background:var(--cn-white);color:var(--cn-navy)}.xb-choose .xc-go{background:var(--cn-navy);color:var(--cn-cream)}.xb-choose .xc-go:hover:not(:disabled){background:color-mix(in srgb, var(--cn-navy) 86%, var(--cn-purple))}.xb-choose .xc-go:disabled{background:color-mix(in srgb, var(--cn-navy) 16%, var(--cn-gold));color:var(--on-navy-3)}.xb-choose-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px;display:flex}.xb-choose-text{color:var(--on-navy-2);margin:0;font-size:14.5px;font-weight:600;line-height:1.45}.xb-back{color:var(--cn-navy);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:800;text-decoration:underline}.xb-back:hover:not(:disabled){color:var(--cn-link-hover)}@media (prefers-reduced-motion:reduce){.xb .xc-field{transition:none}.xb-choose>*,.xb-choose-flag .xb-flag{animation:none}}.xb-impact{background:var(--cn-wash-gold);border:1px solid color-mix(in srgb, var(--cn-gold) 70%, var(--cn-rule));max-width:900px;scroll-margin-top:calc(var(--cn-head) + 16px);border-radius:20px;align-items:center;gap:clamp(14px,2.4vw,22px);margin:clamp(20px,3vw,28px) auto 0;padding:18px clamp(16px,3vw,24px);display:flex}.xb-impact--team{background:var(--cn-wash-purple);border-color:color-mix(in srgb, var(--cn-purple) 26%, var(--cn-rule))}.xb-impact .xb-flag{border-radius:8px}.xb-impact-copy{min-width:0}.xb-impact-title{letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font-size:clamp(1.3rem,2.8vw,1.85rem);font-weight:900;line-height:1.12;display:flex}.xb-impact-title b{color:color-mix(in srgb, var(--cn-purple) 78%, var(--cn-navy))}.xb-impact-title span{letter-spacing:-.01em;color:var(--cn-ink-2);font-size:.62em;font-weight:800}.xb-impact-text{max-width:70ch;color:var(--cn-ink-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:6px 0 0;font-size:15px;line-height:1.5}.xb-impact-note{color:var(--cn-ink-3);margin:6px 0 0;font-size:13px;line-height:1.45}.xb-board{max-width:900px;margin:clamp(28px,4vw,40px) auto 0}.xb-board-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.xb-board-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:900;line-height:1.1}.xb-board-head p{color:var(--cn-ink-2);font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:600}.xb-board-empty{border:1px dashed color-mix(in srgb, var(--cn-navy) 26%, var(--cn-cream));text-align:center;color:var(--cn-ink-2);border-radius:20px;margin:14px 0 0;padding:clamp(26px,5vw,44px) 20px;font-size:16px;line-height:1.5}.xb-board-empty b{color:var(--cn-navy);font-size:19px;display:block}.xb-rows{border:1px solid var(--cn-rule);background:var(--cn-white);font-variant-numeric:tabular-nums;border-radius:20px;margin:14px 0 0;padding:0;list-style:none;overflow:hidden}.xb-row{border-top:1px solid var(--cn-rule);grid-template-columns:3.4em 40px minmax(0,1fr) auto 6.5ch 16ch;align-items:center;gap:0 14px;padding:13px clamp(14px,2.4vw,22px);display:grid}.xb-row:first-child{border-top:0}.xb-row.is-skipped{border-top:2px dashed color-mix(in srgb, var(--cn-navy) 24%, var(--cn-cream))}.xb-row.is-own{background:var(--cn-wash-gold)}.xb-rank{color:var(--cn-ink-2);font-size:17px;font-weight:900}.xb-row:nth-child(-n+3):not(.is-skipped) .xb-rank{color:var(--cn-navy)}.xb-name{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(16px,1.8vw,19px);font-weight:800;overflow:hidden}.xb-today{background:var(--cn-wash-purple);color:var(--cn-link-hover);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.xb-total{text-align:right;letter-spacing:-.02em;grid-column:5;font-size:clamp(17px,1.9vw,20px);font-weight:900}.xb-gap{text-align:right;color:var(--cn-ink-3);white-space:nowrap;grid-column:6;font-size:13px;font-weight:600}.xb-gap--lead{justify-content:flex-end;display:flex}.xb-crown{width:30px;height:auto;fill:var(--cn-gold);stroke:var(--cn-navy);stroke-width:1.6px;stroke-linejoin:round;display:block}.xb-more{background:var(--cn-white);width:100%;box-shadow:inset 0 0 0 1px var(--cn-rule);color:var(--cn-navy);font:inherit;cursor:pointer;border:0;border-radius:12px;margin-top:10px;padding:12px 16px;font-size:15px;font-weight:800}.xb-more:hover{background:color-mix(in srgb, var(--cn-purple) 9%, var(--cn-white))}.xb-more:focus-visible{outline:2.5px solid var(--cn-purple);outline-offset:3px}.xb-board-note{color:var(--cn-ink-3);margin:10px 0 0;font-size:13px;line-height:1.45}.xb-cards{max-width:1010px;margin:clamp(26px,4vw,38px) auto 0}.xb-cards .xc-basis{max-width:60ch}.xb-card-pick{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:18px;display:flex}.xb-kinds{background:var(--cn-white);flex:330px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:480px}.xb-kinds button{padding:10px 4px;font-size:15px;font-weight:800}.xb-card-result{grid-template-columns:minmax(0,700px) minmax(250px,280px);align-items:start;gap:clamp(20px,3vw,30px);margin-top:16px;display:grid}.xb-card-result.is-portrait{grid-template-columns:minmax(0,440px) minmax(250px,280px)}.xb-card-preview{min-width:0}.xb-card-preview canvas{background:var(--cn-navy);border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 18px 40px -22px #00123b8c}.xb-card-result.is-landscape canvas{aspect-ratio:3/2}.xb-card-result.is-portrait canvas{aspect-ratio:3/4}.xb-card-preview .xr-actions{grid-template-columns:1.25fr 1fr .72fr;gap:12px;margin-top:14px;display:grid}.xb-card-preview .xr-actions .xc-btn{justify-content:center;width:100%}.xb-card-style,.xb-card-style .xc-swatch{min-width:0}.xb-cards .xr-format-shape.is-landscape{width:20px;height:13px}.xb-cards .xr-format-shape.is-portrait{width:13px;height:17px}.xb-cards-foot{margin-top:18px}.xb .xc-examples img{aspect-ratio:3/4;object-fit:cover;height:auto}@media (max-width:720px){.xb .xc-field{padding-bottom:40px}.xb-card-result,.xb-card-result.is-portrait{grid-template-columns:minmax(0,1fr)}.xb-card-result.is-portrait .xb-card-preview{max-width:440px}.xb-kinds{flex-basis:100%;max-width:none}.xb-card-pick .xr-format{width:100%}.xb-card-pick .xr-format button{flex:1;justify-content:center}.xb-card-style .xc-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.xb-card-style .xc-swatch{gap:7px;padding:8px;font-size:13.5px}}@media (max-width:600px){.xb-row{grid-template-columns:2.9em 32px minmax(0,1fr) auto;gap:2px 10px;padding:11px 14px}.xb-row .xb-flag{width:32px;height:24px}.xb-total{grid-area:1/4}.xb-today{grid-area:2/3;justify-self:start}.xb-gap{grid-area:2/3/auto/-1}.xb-impact{align-items:flex-start}.xb-impact>.xb-flag{width:48px;height:36px;margin-top:4px}}@media (max-width:480px){.xb-choose-who{grid-template-columns:56px minmax(0,1fr);gap:12px 14px;display:grid}.xb-choose-region{grid-column:1/-1;justify-self:start;margin:0}.xb-card-preview .xr-actions{grid-template-columns:1fr 1fr;gap:10px}.xb-card-preview .xr-actions .xc-btn:first-child{grid-column:1/-1}}