/* Study 03: one shared foundation, four genuinely different questions. */
.web-header{width:100%;max-width:none;padding-inline:max(32px,calc((100vw - 1056px)/2));background:linear-gradient(100deg,color-mix(in srgb,var(--ground) 88%,#000),var(--ground) 50%,color-mix(in srgb,var(--ground) 88%,#000));box-shadow:0 5px 24px #0000000b}
[data-theme=light] .web-header{background:linear-gradient(100deg,#e7e2d4,#f3efe3 50%,#e7e2d4)}
.web-app .destination-header{position:relative;top:auto;z-index:1;backdrop-filter:none;background:none;box-shadow:none}
.web-app .destination-header::before{display:none}
:root{--study-blue:#8eb8d2;--study-mint:#90c6b1;--study-lilac:#bca7d6;--study-gold:#d7bd7d;--study-paper:var(--craft-card);--study-edge:var(--craft-border)}
[data-theme=light]{--study-blue:#30647b;--study-mint:#3d7561;--study-lilac:#755a93;--study-gold:#836421}
#stats-body[data-you-variant] .you-tools{margin:22px 0 18px}
#stats-body[data-you-variant] .you-tools>h3{font:500 .8rem var(--font-ui);color:var(--ink-2)}
.you-study{margin:0 0 28px;padding:26px;border:1px solid var(--study-edge);border-radius:24px;overflow:hidden;background:var(--study-paper);position:relative}
.insight-heading{position:relative;z-index:1;max-width:46ch}
.insight-kicker{font:700 .59rem/1.5 var(--font-ui);letter-spacing:.16em;color:var(--pencil);margin:0 0 12px}
.insight-heading h3{font:900 clamp(2rem,4.8vw,3.3rem)/1.02 var(--display);letter-spacing:-.025em;margin:0 0 12px;max-width:18ch}
.insight-heading>p:last-child{font:.8rem/1.55 var(--font-ui);color:var(--ink-2);margin:0;max-width:43ch}
.insight-note{font:.65rem/1.55 var(--font-ui);color:var(--ink-2);margin:15px 0 0}
.insight-empty{font:.8rem/1.5 var(--font-ui);color:var(--ink-2);padding:24px 0}
.compass-study{background:radial-gradient(ellipse at 10% 80%,color-mix(in srgb,var(--study-blue) 10%,transparent),transparent 60%),var(--study-paper)}
.compass-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-top:12px}
.skill-compass{display:block;width:100%;max-width:370px;justify-self:center;overflow:visible}
.compass-ring,.compass-spoke{stroke:var(--study-edge);fill:none;stroke-width:1}.compass-spoke{stroke-dasharray:3 4}
.compass-shape{fill:color-mix(in srgb,var(--study-blue) 24%,transparent);stroke:var(--study-blue);stroke-width:2}
.compass-dot{fill:var(--study-blue);stroke:var(--ground);stroke-width:2}
.skill-compass text{fill:var(--ink-2);font:10px var(--font-ui)}.skill-compass .compass-scale{font-size:8px;fill:var(--ink-2)}
.compass-readings>button{border:0;border-bottom:1px solid var(--study-edge);border-radius:0;box-shadow:none;background:none;color:var(--ink);display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:12px 0;min-height:58px}
.family-index{font:.62rem var(--font-ui);color:var(--study-blue)}.compass-readings button>span:nth-child(2){flex:1}.compass-readings b{display:block;font:500 .82rem var(--font-ui)}.compass-readings small{display:block;color:var(--ink-2);font:.6rem/1.5 var(--font-ui);margin-top:4px}.compass-readings strong{font:900 1.6rem var(--display)}.compass-readings strong small{display:inline}.compass-readings .ui-icon{width:12px}
.workbench-study{border-radius:8px;background:var(--ground);box-shadow:4px 4px 0 var(--study-edge);overflow:visible}
.workbench-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px}
.focus-sheet{padding:20px;background:var(--study-paper);border:1px solid var(--study-edge);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center}
.focus-select{display:flex;align-items:center;gap:12px;width:100%;text-align:left}.focus-select label{font:.65rem var(--font-ui);color:var(--ink-2);flex:1}.focus-select select{width:auto;max-width:65%;background:var(--ground);border:1px solid var(--study-edge);border-radius:8px;color:var(--ink);min-height:44px;font:.75rem var(--font-ui);padding:8px}
.focus-symbol{display:grid;place-items:center;width:112px;height:112px;border:1px solid var(--study-edge);border-radius:50%;margin:22px 0 10px;background:radial-gradient(circle,color-mix(in srgb,var(--study-mint) 15%,transparent),transparent)}.focus-symbol .ui-icon{width:62px;height:62px;color:var(--study-mint)}
.focus-sheet h4{font:900 2rem var(--display);margin:0}.focus-sheet p{font:.72rem/1.5 var(--font-ui);color:var(--ink-2);max-width:25ch;margin:8px 0 18px}.focus-sheet .btn{min-height:46px;width:100%;margin-top:auto;font-size:.76rem;display:flex;align-items:center;justify-content:center;gap:8px}.focus-sheet .btn svg{width:18px}
.attempt-study{align-self:center}.attempt-range{display:flex;gap:12px;align-items:baseline}.attempt-range strong{font:900 3rem var(--display)}.attempt-range>span{color:var(--ink-2);font:.65rem var(--font-ui)}
.attempt-plot{list-style:none;display:flex;gap:12px;margin:22px 0 0;padding:0;background:repeating-linear-gradient(to top,var(--study-edge) 0 1px,transparent 1px 25%);background-size:100% calc(100% - 30px);background-repeat:no-repeat}
.attempt-plot li{min-width:0;flex:1}.attempt-plot button{border:0;border-radius:0;background:none;box-shadow:none;padding:0;width:100%;color:var(--ink);display:block}.attempt-axis{height:130px;display:block;position:relative;margin-top:12px}.attempt-axis i{font:600 .67rem var(--font-ui);font-style:normal;border-radius:50%;background:var(--study-mint);color:var(--ground);height:30px;width:30px;display:grid;place-items:center;position:absolute;left:50%;bottom:clamp(0px,calc(var(--score) - 15px),115px);transform:translateX(-50%)}.attempt-plot time{display:block;height:30px;padding-top:10px;font:.55rem var(--font-ui);color:var(--ink-2);white-space:nowrap}.attempt-study>.text-button{margin-top:12px;min-height:44px;font-size:.72rem}
.cabinet-study{background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--study-gold) 18%,transparent),transparent 75%),var(--study-paper)}
.cabinet-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.cabinet-medal{display:grid;justify-items:center;text-align:center;gap:7px;min-width:0}.cabinet-medal>span{display:grid;place-items:center;width:72px;height:72px;border:1px dashed var(--study-edge);border-radius:50%;color:var(--ink-2)}.cabinet-medal>span svg{width:32px;height:32px}.cabinet-medal.earned>span{color:#624e20;background:linear-gradient(140deg,#806432,#f2e7bc 35%,#c7ac69 70%,#f6edce);border:4px double #947b3f;box-shadow:0 5px 10px #0002}.cabinet-medal strong{font:900 2.6rem var(--display)}.cabinet-medal b{font:600 .75rem var(--font-ui)}.cabinet-medal small{font:.6rem/1.45 var(--font-ui);color:var(--ink-2);max-width:17ch}
.cabinet-shelf{border-block:1px solid var(--study-edge);padding:20px 0}.cabinet-shelf h4{margin:0;font:500 .9rem var(--font-ui)}.cabinet-shelf .insight-kicker{color:var(--study-gold);margin-bottom:7px}.cabinet-coins{display:flex;gap:18px;overflow-x:auto;padding:22px 2px 6px;scrollbar-width:thin}
.earned-coin{display:grid;justify-items:center;flex:0 0 88px;gap:6px;padding:15px 4px;background:linear-gradient(145deg,color-mix(in srgb,var(--study-gold) 17%,var(--ground)),var(--ground));color:var(--ink);border:1px solid var(--study-gold);border-radius:44px 44px 12px 12px}.earned-coin>.ui-icon{width:32px;height:32px;color:var(--study-gold)}.earned-coin span{font:.6rem var(--font-ui)}.earned-coin b{font:900 1.35rem var(--display);color:var(--study-gold)}.empty-coin{border:1px dashed var(--study-edge);border-radius:50%;width:70px;height:70px;display:grid;place-content:center;justify-items:center;gap:5px;color:var(--ink-2);font:.65rem var(--font-ui)}
.collection-progress{display:grid;grid-template-columns:1fr 20px;width:100%;margin-top:20px;padding:0;gap:12px;align-items:center;text-align:left;border:0;border-radius:0;background:none;color:var(--ink)}.collection-progress>span:first-child{grid-column:1}.collection-progress b{display:block;font:.78rem var(--font-ui)}.collection-progress small{display:block;margin-top:5px;font:.65rem var(--font-ui);color:var(--ink-2)}.collection-ticks{display:flex;gap:4px;grid-column:1;grid-row:2}.collection-ticks i{flex:1;height:12px;background:var(--study-edge);border-radius:3px}.collection-ticks i.filled{background:var(--study-gold)}.collection-progress>.ui-icon{grid-column:2;grid-row:1/3;width:16px}
.replay-study{background:none;border:0;border-radius:0;padding:12px 0 0;overflow:visible}.replay-study .insight-heading{max-width:none;border-bottom:3px solid var(--ink);padding-bottom:22px}.replay-study .insight-heading h3{font-size:3rem;max-width:none}
.replay-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding-top:26px}.replay-headline{position:relative;padding:8px 22px 25px 0}.replay-stamp{display:inline-block;transform:rotate(-4deg);border:1px solid var(--pencil);padding:5px 8px;font:600 .56rem var(--font-ui);letter-spacing:.09em;color:var(--pencil)}.replay-symbol{display:grid;place-items:center;width:100px;height:100px;float:right;margin:12px 0 0 12px;border:1px solid var(--study-edge);border-radius:50%}.replay-symbol svg{width:52px;height:52px;color:var(--pencil)}.replay-headline h4{font:900 2.3rem/1.05 var(--display);margin:28px 0 14px;max-width:13ch}.replay-headline p{font:.8rem/1.6 var(--font-ui);color:var(--ink-2);max-width:31ch}.replay-headline .text-button{margin-top:10px;min-height:44px;font-size:.75rem}
.replay-form{border-left:1px solid var(--study-edge);padding:15px 0 20px 26px}.replay-form h4{font:900 1.7rem var(--display);margin:12px 0 20px}.form-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-comparison>div{display:grid;gap:6px}.form-comparison b{font:900 2.6rem var(--display);color:var(--ink-2)}.form-comparison>div:last-child b{color:var(--pencil)}.form-comparison b small{font:.8rem var(--font-ui)}.form-comparison span{font:.64rem var(--font-ui)}.form-comparison div>small{font:.58rem var(--font-ui);color:var(--ink-2)}.form-delta{font:600 .74rem var(--font-ui);margin:14px 0;color:var(--pencil)}
.personal-support{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:start}
#stats-body[data-you-variant] .personal-support .profile-section{margin:0 0 28px;min-width:0}
#stats-body[data-you-variant] .personal-support .personal-card{border:1px solid var(--study-edge);border-radius:18px;background:var(--study-paper);box-shadow:none}
#stats-body[data-you-variant] .personal-total{padding:20px;flex-wrap:wrap;gap:18px}#stats-body[data-you-variant] .personal-total strong{font-size:3rem}
.shot-collection-gateway{display:flex;align-items:center;gap:18px;text-align:left;width:100%;border:1px solid var(--study-edge);background:var(--study-paper);border-radius:18px;padding:20px;color:var(--ink);margin:0 0 28px}.shot-collection-gateway>span:nth-child(2){flex:1;min-width:0}.shot-collection-gateway b{display:block;font:600 .9rem var(--font-ui)}.shot-collection-gateway small{display:block;margin-top:6px;font:.68rem/1.45 var(--font-ui);color:var(--ink-2)}.shot-collection-gateway>.ui-icon{width:16px;flex:none}.collection-fan{display:flex;align-items:center;padding-right:6px}.collection-fan .ui-icon{width:39px;height:47px;padding:10px;border:1px solid var(--study-edge);border-radius:8px;background:var(--ground);color:var(--study-blue);margin-left:-15px;transform:rotate(10deg)}.collection-fan .ui-icon:first-child{margin-left:0;transform:rotate(-10deg)}.collection-fan .ui-icon:nth-child(2){transform:rotate(0deg)}
#stats-body[data-you-variant] .personal-history .personal-card{border-radius:18px;overflow:hidden}#stats-body[data-you-variant] .history-list{padding:0 16px;background:none}#stats-body[data-you-variant] .history-list>li+li{border-top:1px solid var(--study-edge)}
#stats-body[data-you-variant] .history-list summary{min-height:58px;padding:8px 0;gap:12px}#stats-body[data-you-variant] .history-list summary>span:first-child{display:flex;gap:16px;align-items:baseline;border:0;padding:0;flex:1;min-width:0}#stats-body[data-you-variant] .history-list summary time{font-size:.78rem;white-space:nowrap}#stats-body[data-you-variant] .history-list summary small{font-size:.66rem;line-height:1.3;margin:0;color:var(--ink-2)}#stats-body[data-you-variant] .history-list summary>b{font:700 1rem var(--font-ui);white-space:nowrap}#stats-body[data-you-variant] .history-list summary>b>small{margin-left:3px}#stats-body[data-you-variant] .history-list summary>svg{width:13px}
.shot-collection-sheet{width:min(100%,620px)}.shot-collection-sheet .personal-sheet-body{padding:26px}.collection-filters{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}.collection-filters button{min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:20px;background:none;color:var(--ink-2);font:.67rem var(--font-ui)}.collection-filters button[aria-pressed=true]{background:var(--craft-card);border-color:var(--study-edge);color:var(--ink)}
.shot-collection-sheet .shot-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 12px}.shot-collection-sheet .shot-library-card{grid-column:auto;min-height:132px;padding:15px 4px;border:1px solid var(--study-edge);background:linear-gradient(150deg,var(--craft-card),var(--ground));border-radius:30px 30px 14px 14px;box-shadow:0 4px 12px #00000008;gap:9px}.shot-collection-sheet .shot-library-card>.ui-icon{width:36px;height:36px}.shot-collection-sheet .shot-library-card>b{font:500 .7rem var(--font-ui)}.shot-collection-sheet .shot-library-card>span:not(.perfect-crown){font:.57rem var(--font-ui);color:var(--ink-2)}.shot-collection-sheet .shot-library-card.is-perfect{background:var(--perfect-metal);border:1px solid var(--perfect-edge);color:var(--perfect-ink)}.shot-collection-sheet .shot-library-card.is-perfect>span:not(.perfect-crown){color:var(--perfect-ink)}.shot-collection-sheet .shot-library-card .perfect-crown{top:-14px;right:3px}.shot-collection-sheet .shot-library-section{margin-top:5px}.shot-collection-sheet .profile-section-heading{margin-bottom:28px}
@media(max-width:799px){.web-header{padding-inline:var(--page-gutter)}}
@media(max-width:700px){.you-study{padding:22px 18px;border-radius:20px}.insight-heading h3{font-size:2.35rem}.compass-layout,.workbench-layout,.replay-layout,.personal-support{grid-template-columns:1fr;gap:20px}.skill-compass{max-width:310px}.compass-layout{gap:0}.compass-readings>button{min-height:48px;padding:9px 0}.workbench-study{border-radius:8px}.workbench-layout{margin-top:20px}.focus-symbol{width:80px;height:80px;margin:16px 0 8px}.focus-symbol svg{width:44px!important;height:44px!important}.attempt-study{padding:6px}.replay-study{padding:8px 0}.replay-layout{gap:0}.replay-headline{padding-right:0}.replay-form{border-left:0;border-top:1px solid var(--study-edge);padding:24px 0}.cabinet-metrics{gap:8px;margin-top:24px}.cabinet-medal>span{width:60px;height:60px}.cabinet-medal strong{font-size:2.1rem}.cabinet-medal b{font-size:.65rem}.cabinet-medal small{font-size:.55rem}.personal-support{gap:0}.shot-collection-gateway{gap:14px;padding:16px}.collection-fan .ui-icon{width:31px;height:42px;padding:7px}.shot-collection-sheet .personal-sheet-body{padding:24px 18px}.shot-collection-sheet .shot-library{gap:24px 9px}.shot-collection-sheet .shot-library-card{min-height:118px;border-radius:24px 24px 12px 12px}.shot-collection-sheet .shot-library-card>b{font-size:.62rem}.shot-collection-sheet .shot-library-card>span:not(.perfect-crown){font-size:.52rem}#stats-body[data-you-variant] .history-list summary>span:first-child{display:grid;gap:3px}#stats-body[data-you-variant] .history-list summary{min-height:60px}.personal-sheet{height:92dvh;max-height:calc(100dvh - var(--safe-area-inset-top,env(safe-area-inset-top)));margin:auto 0 0;width:100%;max-width:none;border-left:0;border-top:1px solid var(--study-edge);border-radius:24px 24px 0 0}.personal-sheet[open]{animation:personal-sheet-rise 230ms cubic-bezier(.2,.7,.2,1)}@keyframes personal-sheet-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}}
@media(max-width:374px){.shot-collection-sheet .shot-library{grid-template-columns:repeat(6,minmax(0,1fr))}.shot-collection-sheet .shot-library-card{grid-column:span 2}.shot-collection-sheet .shot-library-card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}.you-study{padding-inline:14px}.cabinet-medal>span{width:52px;height:52px}}
.enlarged-text .compass-layout,.enlarged-text .workbench-layout,.enlarged-text .replay-layout,.enlarged-text .personal-support{grid-template-columns:1fr}.enlarged-text .shot-collection-sheet .shot-library{grid-template-columns:repeat(2,minmax(0,1fr))}.enlarged-text .shot-collection-sheet .shot-library-card{grid-column:auto!important}.enlarged-text .cabinet-metrics{grid-template-columns:1fr}.enlarged-text .cabinet-medal{padding:15px 0;border-bottom:1px solid var(--study-edge)}.enlarged-text .shot-collection-gateway{flex-wrap:wrap}.enlarged-text #stats-body[data-you-variant] .history-list summary{flex-wrap:wrap}.enlarged-text .replay-form{border-left:0;padding-left:0}.enlarged-text .focus-select{flex-wrap:wrap}.enlarged-text .focus-select select{max-width:100%}.enlarged-text .attempt-plot{gap:4px}.enlarged-text .attempt-axis i{font-size:.42rem}.enlarged-text .attempt-plot time{font-size:.38rem}
@media(prefers-reduced-motion:reduce){.personal-sheet[open]{animation:none}}
/* Recognition on Global: the same real ranks, four visual languages. */
.global-board{--medal:#9ab5c9;--medal-wash:#254257}
.global-layout{margin-top:22px}.global-study-heading{padding:4px 0 22px}.global-study-heading h3{font:900 3.1rem/1.02 var(--display);letter-spacing:-.025em;margin:0 0 12px}.global-study-heading>p:last-child{color:var(--ink-2);font:.8rem/1.5 var(--font-ui);margin:0}.global-study-heading .global-eyebrow{color:var(--pencil);font:.57rem var(--font-ui);letter-spacing:.16em;margin:0 0 10px}
.global-board .place-1{--medal:#d8bd79;--medal-wash:#504328}.global-board .place-2{--medal:#bbcad6;--medal-wash:#344654}.global-board .place-3{--medal:#d8a482;--medal-wash:#51372e}
[data-theme=light] .global-board{--medal:#375d78;--medal-wash:#dae5e9}[data-theme=light] .global-board .place-1{--medal:#7f6020;--medal-wash:#ebe0ba}[data-theme=light] .global-board .place-2{--medal:#526778;--medal-wash:#dce3e7}[data-theme=light] .global-board .place-3{--medal:#8d5535;--medal-wash:#eddbc9}
.global-viewer{position:relative;border:1px solid var(--pencil);border-left:5px solid var(--pencil);border-radius:16px;padding:18px 22px;background:linear-gradient(110deg,color-mix(in srgb,var(--pencil) 16%,var(--ground)),var(--craft-card));margin:18px 0 6px;box-shadow:0 4px 20px #0000000b}
.global-viewer>strong{font:900 2rem var(--display)}.global-viewer>strong>small{display:block;font:.56rem/1.4 var(--font-ui);color:var(--ink-2);margin-top:5px}.global-viewer>span:first-child small{color:var(--pencil);font:600 .5rem var(--font-ui);letter-spacing:.1em}.global-viewer>span:first-child b{font:600 1rem var(--font-ui);margin-top:8px}.global-viewer-score{font:900 1.8rem var(--display)}.global-limit{min-height:38px;padding:8px 14px;font-size:.68rem;margin:12px 0 0 auto;display:block;width:auto}
.player-portrait{--portrait-bg:#354e66;--portrait-fg:#d9e8f3;display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--portrait-bg);color:var(--portrait-fg);overflow:hidden;flex:none;font:500 1.2rem var(--font-ui)}.portrait-1{--portrait-bg:#435d56;--portrait-fg:#def0e1}.portrait-2{--portrait-bg:#5d4e65;--portrait-fg:#eddef7}.portrait-3{--portrait-bg:#735343;--portrait-fg:#f8e3d0}.portrait-4{--portrait-bg:#4d566c;--portrait-fg:#e0e8f9}.player-portrait img{width:100%;height:100%;object-fit:cover}
.global-layout .hd{font:600 .83rem var(--font-ui);color:var(--ink);min-width:0;overflow-wrap:anywhere;word-break:normal;display:block;border:0;background:none;box-shadow:none;padding:5px 0;border-radius:5px;min-height:32px}.global-layout .hd>img{display:none}.global-layout .hd>small{display:inline-block;font:.55rem var(--font-ui);color:var(--pencil);margin-left:4px}.global-layout strong small{font:.65rem var(--font-ui);margin-left:4px;color:var(--ink-2)}
.thats-you{display:inline-block;border:1px solid var(--pencil);color:var(--pencil);background:var(--ground);padding:4px 7px;border-radius:6px;letter-spacing:.08em;font:700 .47rem var(--font-ui)}
.global-overflow-list{margin:18px 0 0;border:1px solid var(--study-edge);border-radius:18px;overflow:hidden;background:var(--craft-card)}.global-overflow-list li{min-height:65px;padding:10px 18px;border-bottom:1px solid var(--study-edge);grid-template-columns:30px minmax(0,1fr) auto}.global-overflow-list li:last-child{border-bottom:0}.global-overflow-list li.me{background:color-mix(in srgb,var(--pencil) 12%,var(--ground));box-shadow:inset 4px 0 var(--pencil)}.global-overflow-list .tot{font:900 1.5rem var(--display)}.global-overflow-list .tot small{font:.6rem var(--font-ui);color:var(--ink-2)}.global-overflow-list .rk{font:500 .75rem var(--font-ui);color:var(--medal)}.global-overflow-list .hd{display:flex;align-items:center}.global-overflow-list .hd>img{display:block;width:30px;height:30px;border-radius:50%;margin-right:10px}
.spotlight-podium{list-style:none;display:flex;align-items:stretch;justify-content:center;gap:16px;padding:0;margin:16px 0 0;flex-wrap:wrap}
.spotlight-player{position:relative;flex:1;min-width:180px;max-width:400px;min-height:282px;padding:25px 16px 20px;text-align:center;border:1px solid color-mix(in srgb,var(--medal) 60%,var(--study-edge));border-radius:100px 100px 20px 20px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 5%,color-mix(in srgb,var(--medal) 30%,transparent),transparent 74%),linear-gradient(145deg,var(--medal-wash),var(--ground));box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--ground) 60%,transparent),0 8px 20px #00000015}
.spotlight-place{display:flex;gap:8px;align-items:center;color:var(--medal);margin:4px 0 18px}.spotlight-place svg{width:22px;height:22px}.spotlight-place b{font:600 .55rem var(--font-ui);letter-spacing:.12em}.spotlight-player .player-portrait{width:78px;height:78px;border:3px solid var(--medal);outline:1px solid color-mix(in srgb,var(--medal) 40%,transparent);outline-offset:5px;font-size:1.4rem;margin:3px 0 15px}.spotlight-player .hd{font-size:.95rem;max-width:100%;text-align:center}.spotlight-player>strong{font:900 3rem var(--display);margin-top:auto;padding-top:8px;color:var(--medal)}.spotlight-player .thats-you{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-5deg);white-space:nowrap}.spotlight-player.me{border:2px solid var(--pencil)}
.race-layout{background:var(--craft-card);padding:25px;border:1px solid var(--study-edge);border-radius:24px}.race-layout .global-study-heading h3{font-style:italic}.race-scale{display:flex;justify-content:space-between;border-block:1px solid var(--study-edge);padding:11px 0;font:.55rem var(--font-ui);letter-spacing:.1em;color:var(--ink-2)}.race-lanes{list-style:none;margin:0;padding:0;counter-reset:lane}.race-lane{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:18px 0 11px;border-bottom:1px solid var(--study-edge)}.race-lane>.rk{font:900 1.65rem var(--display);color:var(--medal)}.race-person{display:flex;align-items:center;gap:12px;min-width:0}.race-person .player-portrait{width:36px;height:36px;font-size:.65rem}.race-person .hd{flex:1}.race-lane>strong{font:900 1.8rem var(--display)}.race-track{display:block;grid-column:2/4;height:7px;position:relative;margin:10px 0 0;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),var(--study-edge) calc(20% - 1px) 20%),var(--ground);border-radius:5px;overflow:hidden}.race-track i{display:block;width:var(--distance);height:100%;border-radius:5px;background:linear-gradient(90deg,var(--medal-wash),var(--medal));border-right:3px solid var(--medal)}.race-lane.me{background:linear-gradient(90deg,color-mix(in srgb,var(--pencil) 12%,transparent),transparent);margin-inline:-12px;padding-inline:12px;border-radius:12px}.race-lane.me .race-track i{background:var(--pencil);border-right-color:var(--pencil)}.global-data-note{font:.62rem/1.5 var(--font-ui);color:var(--ink-2);margin:17px 0 0}
.constellation-layout{padding:25px;border:1px solid var(--study-edge);border-radius:24px;background:radial-gradient(ellipse at 25% 30%,color-mix(in srgb,var(--study-lilac) 12%,transparent),transparent 55%),radial-gradient(ellipse at 90% 75%,color-mix(in srgb,var(--study-mint) 15%,transparent),transparent 65%),var(--ground)}.constellation-layout .global-study-heading{max-width:400px}.constellation-field{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 12px;margin:20px 0 8px;padding:10px 0}.constellation-player{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:14px 4px 4px}.constellation-orbit{position:relative;width:90px;height:90px;display:grid;place-items:center;border:1px solid var(--study-edge);border-radius:50%;margin-bottom:14px}.constellation-orbit .player-portrait{width:68px;height:68px;font-size:1.2rem}.constellation-orbit .rk{position:absolute;bottom:-5px;right:-1px;background:var(--ground);border:1px solid var(--medal);color:var(--medal);font:600 .7rem var(--font-ui);border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.constellation-player:is(.place-1,.place-2,.place-3) .constellation-orbit{border:2px solid var(--medal);box-shadow:0 0 0 5px color-mix(in srgb,var(--medal) 12%,transparent)}.constellation-player>strong{font:900 1.6rem var(--display);margin-top:3px}.constellation-player .hd{font-size:.7rem;text-align:center;max-width:100%}.constellation-player .thats-you{position:absolute;top:-8px;transform:rotate(-5deg);z-index:1;white-space:nowrap}.constellation-player.me .constellation-orbit{border:3px solid var(--pencil);box-shadow:0 0 0 6px color-mix(in srgb,var(--pencil) 15%,transparent)}
.playercard-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:4px 0 0;padding:0}.playercard{position:relative;border:1px solid color-mix(in srgb,var(--medal) 55%,var(--study-edge));border-radius:14px;padding:14px;background:linear-gradient(150deg,var(--medal-wash),var(--ground) 74%);overflow:hidden;box-shadow:0 7px 16px #00000015,inset 0 0 0 4px color-mix(in srgb,var(--ground) 50%,transparent)}.playercard-top{display:flex;justify-content:space-between;align-items:center;font:.45rem var(--font-ui);letter-spacing:.12em;color:var(--medal)}.playercard-top>.rk{font:900 1.3rem var(--display)}.playercard-portrait{height:120px;position:relative;display:grid;place-items:center;margin:8px 0 16px}.playercard-portrait .player-portrait{width:82px;height:82px;border-radius:15px;transform:rotate(-5deg);z-index:1;border:1px solid var(--medal);font-size:1.7rem;box-shadow:8px 8px 0 color-mix(in srgb,var(--medal) 15%,transparent)}.playercard-halo{position:absolute;inset:0;display:grid;place-items:center;color:var(--medal);opacity:.2}.playercard-halo>.ui-icon{width:142px;height:142px;stroke-width:.7;transform:rotate(18deg)}.playercard-name{margin-bottom:18px}.playercard-name .hd{font-size:.95rem}.playercard-name>small{display:block;font:.5rem/1.5 var(--font-ui);letter-spacing:.09em;color:var(--medal);margin-top:5px}.playercard-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid color-mix(in srgb,var(--medal) 40%,transparent);padding-top:12px;gap:8px}.playercard-bottom>strong{font:900 2rem var(--display);color:var(--medal)}.playercard-bottom>span{font:.45rem/1.6 var(--font-ui);letter-spacing:.08em;color:var(--ink-2)}.playercard.me{border:2px solid var(--pencil);box-shadow:0 0 0 4px color-mix(in srgb,var(--pencil) 15%,transparent);--medal:var(--pencil)}.playercard>.thats-you{position:absolute;top:48px;right:8px;z-index:2;transform:rotate(6deg)}
.global-new-empty{display:grid;justify-items:center;text-align:center;gap:16px;padding:32px;color:var(--ink-2);font:.85rem/1.5 var(--font-ui);grid-column:1/-1}.global-new-empty>.ui-icon{width:64px;height:64px;color:var(--pencil)}.global-new-empty b{color:var(--ink)}
@media(max-width:700px){.global-study-heading h3{font-size:2.65rem}.spotlight-podium{gap:10px}.spotlight-player{min-width:calc(50% - 10px);min-height:238px;padding:20px 10px 16px}.spotlight-player .player-portrait{width:62px;height:62px}.spotlight-player .hd{font-size:.78rem}.spotlight-player>strong{font-size:2.6rem}.spotlight-player:last-child:nth-child(odd){max-width:none;flex-basis:100%;border-radius:18px;min-height:0;display:grid;grid-template-columns:56px minmax(0,1fr) auto;padding:18px;gap:6px 14px;text-align:left}.spotlight-player:last-child:nth-child(odd) .spotlight-place{grid-column:2;grid-row:1;margin:0}.spotlight-player:last-child:nth-child(odd) .player-portrait{grid-column:1;grid-row:1/3;width:46px;height:46px;margin:0;font-size:.95rem}.spotlight-player:last-child:nth-child(odd) .hd{grid-column:2;grid-row:2;text-align:left}.spotlight-player:last-child:nth-child(odd)>strong{grid-column:3;grid-row:1/3;font-size:2rem;padding:0;margin:0}.spotlight-player:last-child:nth-child(odd) .thats-you{top:-12px;left:auto;right:12px;transform:rotate(5deg)}.race-layout,.constellation-layout{padding:20px 16px}.race-person{gap:8px;flex-wrap:wrap}.race-person .thats-you{margin-top:-5px}.race-lane{grid-template-columns:22px minmax(0,1fr) auto;gap:8px}.race-person .player-portrait{width:28px;height:28px}.race-person .hd{font-size:.72rem}.race-lane>strong{font-size:1.6rem}.race-lane>strong small{font-size:.5rem}.race-lane>.rk{font-size:1.4rem}.constellation-field{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 5px}.constellation-orbit{width:76px;height:76px}.constellation-orbit .player-portrait{width:57px;height:57px;font-size:1rem}.constellation-player:last-child:nth-child(3n+1){grid-column:2}.constellation-player .hd{font-size:.6rem}.constellation-player>strong{font-size:1.5rem}.playercard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.playercard{padding:12px}.playercard-portrait{height:95px}.playercard-portrait .player-portrait{width:64px;height:64px;font-size:1.25rem}.playercard-halo>.ui-icon{width:110px;height:110px}.playercard-name .hd{font-size:.75rem}.playercard-bottom>strong{font-size:1.7rem}.playercard-bottom>strong small{font-size:.5rem}.playercard-bottom>span{display:none}.global-viewer{padding:15px}.global-viewer>strong{font-size:1.6rem}.global-viewer>span:first-child b{font-size:.8rem}.global-viewer-score{font-size:1.5rem}}
@media(max-width:374px){.spotlight-player{min-width:100%}.spotlight-player{border-radius:18px}.constellation-layout{padding-inline:12px}.constellation-orbit{width:65px;height:65px}.constellation-orbit .player-portrait{width:48px;height:48px}.playercard-grid{gap:10px}.playercard{padding:10px}.playercard-name .hd{font-size:.68rem}.playercard-top{font-size:.4rem}.global-viewer{gap:10px}.global-viewer>strong{font-size:1.3rem}.global-viewer-score{font-size:1.3rem}}
.enlarged-text .playercard-grid,.enlarged-text .constellation-field{grid-template-columns:repeat(2,minmax(0,1fr))}.enlarged-text .constellation-player:last-child:nth-child(3n+1){grid-column:auto}.enlarged-text .global-study-heading h3{font-size:1.7rem}.enlarged-text .spotlight-player{flex-basis:100%;max-width:none;min-width:0}.enlarged-text .spotlight-player:last-child:nth-child(odd){display:flex;text-align:center}.enlarged-text .race-person .player-portrait{display:none}.enlarged-text .race-person .hd{font-size:.58rem}.enlarged-text .race-lane>strong{font-size:1rem}.enlarged-text .race-lane>strong small{font-size:.35rem}.enlarged-text .playercard-name .hd{font-size:.53rem}.enlarged-text .playercard-top{font-size:.32rem}.enlarged-text .playercard-bottom>strong{font-size:1.1rem}.enlarged-text .playercard-bottom>strong small{font-size:.38rem}.enlarged-text .global-viewer{flex-wrap:wrap}.enlarged-text .global-viewer>span:first-child{flex-basis:100%}
.shot-collection-sheet .shot-library-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:visible;text-align:center;color:var(--ink)}
.shot-collection-sheet .shot-library-card>b{display:block;width:100%;line-height:1.25;overflow-wrap:anywhere}
.shot-collection-sheet .shot-library-card .perfect-crown{position:absolute;width:25px;height:24px;top:-15px;right:3px}
.shot-collection-sheet .shot-library-card.is-perfect{border-color:var(--perfect-metal-edge,#af8338);color:#352b18}.shot-collection-sheet .shot-library-card.is-perfect>span:not(.perfect-crown){color:#493616}
.workbench-layout>* ,.compass-layout>*,.replay-layout>*,.personal-support>*{min-width:0}
.attempt-range{flex-wrap:wrap}.attempt-range strong{white-space:nowrap}.attempt-plot{min-width:0}.attempt-plot time{white-space:normal;line-height:1.2}
.enlarged-text .attempt-range strong{font-size:1.7rem}.enlarged-text .attempt-range>span{font-size:.5rem}.enlarged-text .attempt-study .insight-kicker{font-size:.5rem;overflow-wrap:anywhere}
#you-history .insight-kicker{font:700 .59rem/1.5 var(--font-ui);letter-spacing:.16em;color:var(--pencil);margin:0 0 12px}
#you-history .insight-note{font:.73rem/1.55 var(--font-ui);color:var(--ink-2);margin:15px 0 0}
.web-app #dlg-stats,.web-app #dlg-board{scroll-padding-top:16px}
.native-app #dlg-board{scroll-padding-top:84px}
@media(max-width:700px){.shot-collection-sheet .shot-library-card>b{font-size:.72rem}.shot-collection-sheet .shot-library-card>span:not(.perfect-crown){font-size:.62rem}.constellation-player .hd{font-size:.76rem}.playercard-name .hd{font-size:.8rem}}
@media(max-width:374px){.shot-collection-sheet .shot-library-card>b{font-size:.68rem}.constellation-player .hd{font-size:.68rem}}

/* Chosen direction: a personal compass with a small, actionable workbench. */
.you-combined{background:radial-gradient(ellipse at 18% 42%,color-mix(in srgb,var(--study-blue) 9%,transparent),transparent 62%),var(--study-paper)}
.compass-workbench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:center;margin-top:12px}
.compass-map{min-width:0;text-align:center}.compass-map .skill-compass{width:100%;max-width:320px;display:block;margin:auto}
.compass-map .skill-compass text{font:11px var(--font-ui);fill:var(--ink-2)}.compass-map .skill-compass .compass-value{font-weight:700;fill:var(--ink)}.compass-map .skill-compass .compass-scale{font-size:8px;fill:var(--ink-2)}
.compass-map>.insight-note{margin:0;font-size:.62rem}
.practice-pocket{padding:23px 0 23px 26px;border-left:1px solid var(--study-edge);min-width:0}
.practice-pocket>.insight-kicker{font-size:.55rem;color:var(--study-mint);margin:0 0 18px}
.practice-focus{display:flex;align-items:center;gap:14px;min-width:0}.practice-symbol{flex:none;width:48px;height:48px;display:grid;place-items:center;color:var(--study-mint);border:1px solid color-mix(in srgb,var(--study-mint) 35%,transparent);border-radius:50%;background:color-mix(in srgb,var(--study-mint) 9%,transparent)}.practice-symbol .ui-icon{width:26px;height:26px}
.practice-pocket .focus-select{flex:1;min-width:0;display:grid;gap:5px}.practice-pocket .focus-select>span{font:.75rem var(--font-ui);color:var(--ink-2)}
#focus-shot{width:100%;min-height:48px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--craft-card);border:1px solid var(--study-edge);border-radius:10px;color:var(--ink);font:.95rem/1.3 var(--font-ui);text-align:left;transition:border-color .15s,background .15s}
#focus-shot b{min-width:0;overflow-wrap:anywhere}#focus-shot>.ui-icon{width:18px;height:18px;flex:none;transform:rotate(90deg);color:var(--ink-2)}#focus-shot:hover{border-color:var(--ink-2)}
#dlg-practice-focus{width:min(100%,540px);height:auto;max-height:85dvh}
.practice-picker h2{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:2rem}.practice-picker h2 .icon-btn{flex:none}
.practice-picker section{margin-top:22px}.practice-picker section h3{font:.76rem var(--font-ui);color:var(--ink-2);margin:0 0 10px}
.practice-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.practice-picker-options>button{display:flex;align-items:center;gap:9px;min-width:0;min-height:54px;padding:10px 12px;border:1px solid var(--study-edge);border-radius:10px;background:var(--craft-card);color:var(--ink);font:.9rem/1.3 var(--font-ui);text-align:left}
.practice-picker-options>button>.ui-icon{width:22px;height:22px;flex:none;color:var(--study-blue)}.practice-picker-options>button>span:not(.focus-check){min-width:0;overflow-wrap:anywhere}.focus-check{margin-left:auto;color:var(--pencil);flex:none}
.practice-picker-options>button[aria-pressed=true]{border-color:var(--pencil);background:color-mix(in srgb,var(--pencil) 8%,var(--paper))}.practice-picker-options>button:hover{border-color:var(--ink-2)}
@media(max-width:359px){.practice-picker-options{grid-template-columns:1fr}}.enlarged-text .practice-picker-options{grid-template-columns:1fr}
.practice-context{font:.74rem/1.6 var(--font-ui);color:var(--ink-2);margin:18px 0}.practice-context b{color:var(--ink)}
.practice-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.practice-actions .btn{min-height:44px;padding:10px 16px;font-size:.74rem;display:flex;align-items:center;justify-content:center;gap:12px}.practice-actions .text-button{min-height:44px;font:.68rem var(--font-ui);display:flex;align-items:center;gap:6px}.practice-actions .ui-icon{width:16px;height:16px}
.compass-details{margin-top:22px;border-top:1px solid var(--study-edge)}.compass-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:50px;cursor:pointer;font:.72rem var(--font-ui);color:var(--ink-2)}.compass-details>summary::-webkit-details-marker{display:none}.compass-details>summary .ui-icon{width:15px;height:15px;transition:transform .2s}.compass-details[open]>summary .ui-icon{transform:rotate(90deg)}
.compass-details .compass-readings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.compass-details .compass-readings button{display:flex;flex-direction:column;align-items:flex-start;padding:12px 8px;gap:8px;border:0;background:color-mix(in srgb,var(--study-blue) 6%,transparent);border-radius:8px;min-width:0}.compass-details .compass-readings b{font-size:.65rem}.compass-details .compass-readings small{font-size:.53rem}.compass-details .compass-readings strong{font-size:1.15rem}.compass-details .compass-readings button>.ui-icon{display:none}
.library-earned{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;margin:16px 0;border-block:1px solid var(--study-edge);font:.67rem var(--font-ui);color:var(--ink-2)}.library-earned>span{display:flex;align-items:center;gap:6px}.library-earned b{color:var(--ink)}.library-earned .ui-icon{width:18px;height:18px;color:var(--study-gold)}
.history-expand{min-height:44px;margin-top:8px;font-size:.7rem}
#stats-body .personal-progress .personal-card{padding:18px 20px 12px}.personal-progress .progress-period{margin:0 0 17px}.trend-caption{font:.64rem var(--font-ui);color:var(--ink-2);margin:0 0 18px}
.trend-chart{display:grid;grid-template-columns:34px minmax(0,1fr);padding-right:7px;height:145px}.trend-axis{position:relative;color:var(--ink-2);font:.5rem var(--font-ui)}.trend-axis>span{position:absolute;top:0;transform:translateY(-50%)}.trend-axis>span:nth-child(2){top:50%}.trend-axis>span:nth-child(3){top:100%}
.trend-plot{position:relative;cursor:crosshair;touch-action:pan-y;outline-offset:9px;border-radius:0;color:var(--study-blue);min-width:0}.trend-plot svg{width:100%;height:100%;overflow:visible;display:block}.trend-grid{stroke:var(--study-edge);stroke-width:1;vector-effect:non-scaling-stroke;fill:none}.trend-line{stroke:var(--study-blue);stroke-width:2.5;vector-effect:non-scaling-stroke;fill:none;stroke-linejoin:round;stroke-linecap:round}.trend-dot{position:absolute;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--study-blue);pointer-events:none}.trend-dot.is-selected{width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb,var(--study-blue) 20%,transparent);border:2px solid var(--ground)}.trend-empty{min-height:145px;padding:24px 16px;display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;color:var(--ink-2);border:1px dashed var(--study-edge);border-radius:12px;background:var(--paper)}.trend-empty p{margin:0;font:.85rem/1.5 var(--font-ui)}.trend-empty>.ui-icon{width:28px;height:28px;opacity:.65}
.trend-dates{display:flex;justify-content:space-between;padding-left:34px;margin:12px 0 18px;font:.53rem var(--font-ui);color:var(--ink-2)}
.personal-progress .progress-selection{padding:12px 0 0;border-top:1px solid var(--study-edge);gap:8px;min-height:60px;margin:0}.personal-progress .progress-selection b{font:.75rem var(--font-ui)}.personal-progress .progress-selection span{font:.64rem/1.45 var(--font-ui);margin-top:6px}.personal-progress .personal-note{padding:0;font-size:.6rem;line-height:1.5;margin:12px 0 0}
/* Three small places of honour; the rest of the field stays within reach. */
.spotlight-layout{margin-top:14px}.spotlight-layout .global-study-heading{padding:0 0 12px}.spotlight-layout .global-study-heading h3{font-size:2.5rem;margin-bottom:7px}.spotlight-layout .global-study-heading .global-eyebrow{margin-bottom:7px}.spotlight-layout .global-study-heading>p:last-child{font-size:.72rem}
.spotlight-layout .spotlight-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 0}
.spotlight-layout .spotlight-player{min-width:0;max-width:none;min-height:232px;padding:22px 14px 18px;border-radius:90px 90px 18px 18px;background:radial-gradient(ellipse at 50% 2%,color-mix(in srgb,var(--medal) 22%,transparent),transparent 75%),linear-gradient(145deg,var(--medal-wash),var(--ground))}
.spotlight-layout .spotlight-place{margin:0 0 13px}.spotlight-layout .spotlight-player .player-portrait{width:58px;height:58px;font-size:1.1rem;margin:3px 0 16px}.spotlight-layout .spotlight-player>strong{font-size:2.5rem}.spotlight-layout .global-overflow-list{margin-top:16px}.spotlight-layout .global-overflow-list li{min-height:56px;padding:8px 16px}.spotlight-layout .global-overflow-list .tot{font-size:1.4rem}
.global-board>.global-limit{display:block;margin:18px auto 0;min-height:44px;font-size:.75rem}
@media(max-width:700px){
  .you-combined{padding:20px 18px 0}.you-combined .insight-heading h3{font-size:2.25rem}.you-combined .insight-heading>p:last-child{font-size:.75rem}.compass-workbench{grid-template-columns:1fr;gap:18px;margin-top:10px}.compass-map .skill-compass{max-width:270px}.compass-map>.insight-note{font-size:.62rem}.practice-pocket{border-left:0;border-top:1px solid var(--study-edge);padding:20px 0 0}.practice-pocket>.insight-kicker{margin-bottom:12px;font-size:.56rem}.practice-context{margin:12px 0;font-size:.72rem}.practice-context br{display:none}.practice-context br::after{content:' '}.practice-actions{gap:16px}.practice-actions .btn{flex:1}.practice-actions .text-button{font-size:.7rem}.compass-details{margin-top:18px}.compass-details>summary{min-height:52px}.compass-details .compass-readings{grid-template-columns:1fr}.compass-details .compass-readings button{flex-direction:row;align-items:center;justify-content:space-between;padding:12px}.compass-details .compass-readings b{font-size:.75rem}.compass-details .compass-readings small{font-size:.65rem}.compass-details .compass-readings button>.ui-icon{display:block}
  #stats-body .personal-progress .personal-card{padding:18px 18px 12px}.trend-chart{height:140px}.trend-caption{font-size:.65rem}.trend-axis,.trend-dates{font-size:.56rem}
  .spotlight-layout{margin-top:10px}.spotlight-layout .global-study-heading{padding-bottom:4px}.spotlight-layout .global-study-heading h3{font-size:2rem;margin-bottom:5px}.spotlight-layout .global-study-heading>p:last-child{font-size:.68rem}.spotlight-layout .global-study-heading .global-eyebrow{font-size:.51rem;margin-bottom:5px}
  .spotlight-layout .spotlight-podium{gap:8px;margin-top:14px}.spotlight-layout .spotlight-player,.spotlight-layout .spotlight-player:last-child:nth-child(odd){display:flex;flex-direction:column;align-items:center;min-height:164px;min-width:0;max-width:none;flex-basis:auto;gap:0;padding:16px 5px 10px;border-radius:46px 46px 12px 12px;text-align:center;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ground) 60%,transparent),0 4px 12px #00000012}
  .spotlight-layout .spotlight-player .spotlight-place,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .spotlight-place{gap:4px;margin:0 0 10px}.spotlight-layout .spotlight-place svg{width:15px;height:15px}.spotlight-layout .spotlight-place b{font-size:.46rem;letter-spacing:.07em}
  .spotlight-layout .spotlight-player .player-portrait,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .player-portrait{width:38px;height:38px;border-width:2px;outline-offset:3px;margin:0 0 12px;font-size:.75rem}
  .spotlight-layout .spotlight-player .hd,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .hd{font-size:.72rem;text-align:center;display:block;max-width:100%;min-height:22px;padding:0;line-height:1.4}
  .spotlight-layout .spotlight-player>strong,.spotlight-layout .spotlight-player:last-child:nth-child(odd)>strong{font-size:1.9rem;margin-top:auto;padding-top:4px;line-height:1.05}.spotlight-layout .spotlight-player>strong small{font-size:.48rem}
  .spotlight-layout .spotlight-player .thats-you,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .thats-you{top:-10px;right:auto;left:50%;transform:translateX(-50%) rotate(-4deg);font-size:.43rem;padding:3px 5px}
  .spotlight-layout .global-overflow-list{margin-top:12px;border-radius:14px}.spotlight-layout .global-overflow-list li{min-height:53px;padding:7px 12px;grid-template-columns:22px minmax(0,1fr) auto;gap:9px}.spotlight-layout .global-overflow-list .hd{font-size:.8rem}.spotlight-layout .global-overflow-list .tot{font-size:1.5rem}.spotlight-layout .global-overflow-list .tot small{font-size:.56rem}
  .global-board>.global-summary{margin-block:12px;font-size:.64rem;line-height:1.5}
}
@media(max-width:350px){.practice-actions{gap:8px}.practice-actions .btn{padding-inline:12px}.spotlight-layout .spotlight-player .hd{font-size:.64rem}.spotlight-layout .spotlight-place b{font-size:.42rem}.spotlight-layout .spotlight-player>strong{font-size:1.7rem}}
.enlarged-text .compass-workbench{grid-template-columns:1fr}.enlarged-text .practice-pocket{padding-left:0;border-left:0}.enlarged-text .practice-actions{flex-direction:column;align-items:stretch}.enlarged-text .compass-details .compass-readings{grid-template-columns:1fr}.enlarged-text .trend-chart{height:160px}.enlarged-text .spotlight-layout .spotlight-podium{grid-template-columns:1fr}.enlarged-text .spotlight-layout .spotlight-player{min-height:0;border-radius:18px;padding:16px}.enlarged-text .spotlight-layout .spotlight-player .hd{font-size:.75rem}.enlarged-text .spotlight-layout .spotlight-place b{font-size:.55rem}.enlarged-text .spotlight-layout .spotlight-player>strong{font-size:1.7rem}.enlarged-text .spotlight-layout .global-overflow-list li{grid-template-columns:24px minmax(0,1fr) auto;padding-inline:9px}.enlarged-text .spotlight-layout .global-overflow-list .hd{font-size:.62rem}.enlarged-text .spotlight-layout .global-overflow-list .tot{font-size:1rem}.enlarged-text .spotlight-layout .global-overflow-list .tot small{font-size:.4rem}
@media(prefers-reduced-motion:reduce){.compass-details>summary .ui-icon{transition:none}}
#stats-body .you-combined .practice-context{font:.72rem/1.5 var(--font-ui);margin:12px 0 16px;color:var(--ink-2)}
#stats-body .you-combined .practice-pocket>.insight-kicker{font:700 .55rem/1.5 var(--font-ui);color:var(--study-mint);margin:0 0 12px}
#stats-body .personal-progress .trend-caption{font:.66rem/1.4 var(--font-ui);margin:0 0 18px;color:var(--ink-2)}
#stats-body .personal-progress .progress-period{margin:0 0 17px;padding:4px}
#stats-body .personal-progress .progress-selection{margin:0;padding:12px 0 0;min-height:60px}
#stats-body .personal-progress .personal-note{margin:12px 0 0;padding:0}
.compass-map .skill-compass text{font-size:13px}.compass-map .skill-compass .compass-value{font-size:13px}
@media(max-width:700px){.compass-map .skill-compass{max-width:238px}.compass-workbench{gap:14px}.practice-pocket{padding-top:16px}.compass-details{margin-top:12px}.spotlight-layout .global-study-heading>p:last-child{display:none}.spotlight-layout .spotlight-player,.spotlight-layout .spotlight-player:last-child:nth-child(odd){min-height:153px;padding-top:14px}.spotlight-layout .spotlight-player .player-portrait,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .player-portrait{width:35px;height:35px;margin-bottom:10px}}
#stats-body .you-combined .compass-map>.insight-note{margin:4px 0 0;font-size:.62rem;line-height:1.5}
@media(max-width:700px){.you-combined .insight-heading h3{font-size:2.1rem;margin-bottom:8px}.you-combined .insight-heading>.insight-kicker{margin-bottom:8px}.compass-map .skill-compass{max-width:224px}.practice-pocket{padding-top:14px}}
/* One chart, two readings of the same daily history. */
.trend-metric{display:flex;gap:18px;border-bottom:1px solid var(--study-edge);margin:-7px 0 16px}
.trend-metric button{flex:1;min-width:0;min-height:44px;padding:8px 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ink-2);box-shadow:none;font:500 .7rem var(--font-ui)}
.trend-metric button[aria-pressed=true]{border-bottom-color:var(--study-blue);color:var(--ink)}
.trend-metric button:hover{color:var(--ink);background:color-mix(in srgb,var(--study-blue) 5%,transparent)}

/* Review 05: shorter profiles and awards cut from the same paper as the app. */
#you-history {grid-template-columns:minmax(0,1fr);min-width:0}
#you-history>*,#profile-panel {min-width:0}
.profile-subtabs {display:flex;gap:6px;padding:5px;margin:0 0 22px;border:1px solid var(--study-edge);border-radius:14px;background:var(--ground)}
.profile-subtabs button {flex:1;min-width:0;min-height:44px;border:0;border-radius:9px;background:none;color:var(--ink-2);font:600 .78rem var(--font-ui);padding:10px 8px}
.profile-subtabs button[aria-selected=true] {background:var(--ink);color:var(--ground);box-shadow:0 2px 7px #0001}
#profile-panel:focus {outline:none}.profile-detail-back {margin-bottom:20px;min-height:44px}
#profile-panel>.personal-today {margin:0 0 20px}#profile-panel .you-study {margin-bottom:0}
.profile-route-list {border:1px solid var(--study-edge);border-radius:18px;overflow:hidden;background:var(--study-paper);margin:22px 0}
.profile-route {display:flex;align-items:center;gap:18px;justify-content:space-between;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--study-edge);color:var(--ink);border-radius:0;padding:19px 21px;min-height:70px}
.profile-route:last-child {border-bottom:0}.profile-route>span:first-child {min-width:0;display:grid;gap:5px}.profile-route b {font:700 .88rem var(--font-ui)}.profile-route small {font:.7rem/1.4 var(--font-ui);color:var(--ink-2)}.profile-route>.ui-icon {flex:none;width:23px;height:23px;color:var(--study-blue)}
.profile-field-note {display:flex;gap:16px;align-items:flex-start;margin:24px 0 30px;padding:8px 0 8px 18px;border-left:3px solid var(--pencil)}.profile-field-note>svg {flex:none;width:28px;height:28px;color:var(--pencil)}.profile-field-note p {margin:0;display:grid;gap:7px}.profile-field-note b {font:700 1rem var(--font-ui)}.profile-field-note span {font:.75rem/1.6 var(--font-ui);color:var(--ink-2)}
.profile-pocket-label {font:700 .8rem var(--font-ui);margin:26px 0 13px}.practice-pocket-card {border:1px solid var(--study-edge);border-radius:18px;padding:24px;background:radial-gradient(ellipse at 10% 0,color-mix(in srgb,var(--study-blue) 9%,transparent),transparent 75%),var(--study-paper);margin-bottom:24px}.practice-pocket-card>.practice-pocket {border:0;padding:0;max-width:none}.practice-pocket-card .practice-focus {max-width:440px}.practice-pocket-card .practice-actions {justify-content:space-between}.practice-pocket-card .practice-context {max-width:54ch}
.profile-family-index {background:var(--study-paper);border:1px solid var(--study-edge);border-radius:18px;overflow:hidden;margin:16px 0 22px}.profile-family-index>button {display:flex;align-items:center;gap:16px;min-height:90px;width:100%;border:0;border-bottom:1px solid var(--study-edge);border-radius:0;background:none;color:var(--ink);padding:18px;text-align:left}.profile-family-index>button:last-child {border:0}.family-index-mark {width:42px;height:42px;display:grid;place-items:center;color:var(--study-blue);flex:none;border:1px solid var(--study-edge);border-radius:50%}.family-index-mark svg {width:23px;height:23px}.profile-family-index button>span:nth-child(2) {display:grid;gap:6px;min-width:0;flex:1}.profile-family-index b {overflow-wrap:anywhere;font:700 .84rem var(--font-ui)}.profile-family-index small {font:.65rem/1.5 var(--font-ui);color:var(--ink-2)}.profile-family-index strong {display:grid;text-align:right;font:700 .86rem var(--font-ui);flex:none}.profile-family-index button>svg {flex:none;width:15px;height:15px}
.profile-journal .history-list>li {border-left:0}.profile-journal-foot {margin-top:24px;border-top:1px solid var(--study-edge)}.profile-practice-desk .profile-section-heading h3 {font:900 1.7rem/1.1 var(--display);letter-spacing:-.02em}.profile-practice-desk .practice-pocket-card {padding:30px;background:radial-gradient(ellipse at 0 20%,color-mix(in srgb,var(--study-mint) 10%,transparent),transparent 70%),var(--study-paper)}
#stats-body .profile-footer {padding-block:30px;margin-top:28px}#stats-body .profile-footer .eye-trace {height:62px;width:108px}#stats-body .profile-footer-note {font-size:.8rem}#stats-body .profile-footer-wordmark {display:none}
.compass-details .compass-readings>button>span {display:grid;gap:4px;min-width:0}.compass-details .compass-readings>button small {line-height:1.45}.compass-value {font-size:9px}.compass-map .insight-note {max-width:32ch;margin-inline:auto}
.spotlight-layout .spotlight-player,.spotlight-layout .spotlight-player:last-child:nth-child(odd) {border-radius:14px;min-height:196px;padding:20px 16px 16px;box-shadow:inset 0 3px 0 color-mix(in srgb,var(--medal) 75%,transparent),0 5px 16px #00000010;background:radial-gradient(ellipse at 35% 0%,color-mix(in srgb,var(--medal) 16%,transparent),transparent 85%),var(--study-paper)}
.spotlight-layout .spotlight-place {width:100%;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--medal) 28%,transparent);padding-bottom:12px;margin-bottom:16px}.spotlight-layout .spotlight-player .player-portrait {width:48px;height:48px;outline:0;border:1px solid color-mix(in srgb,var(--medal) 55%,transparent);margin-bottom:11px}.spotlight-layout .spotlight-player>strong {font-size:2.3rem}.spotlight-layout .spotlight-player .thats-you {top:-11px;left:auto;right:12px;transform:rotate(-3deg)}
#dlg-board .matchday-podium li[class*="place-"] {border-color:var(--study-edge);box-shadow:none;border-radius:14px;padding:16px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--place-ink) 9%,transparent),transparent 75%),var(--study-paper);grid-template-columns:38px minmax(0,1fr) auto;gap:10px 14px}
#dlg-board .matchday-podium .rk {width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--place-ink) 65%,transparent);border-radius:50%;font:700 .86rem var(--font-ui);background:color-mix(in srgb,var(--place-ink) 9%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--place-ink) 5%,transparent)}
#dlg-board .matchday-podium .tot {color:var(--place-ink);font-size:1.85rem}#dlg-board .matchday-podium .group-score-strip {height:5px;opacity:.9}#dlg-board .matchday-podium .group-member-avatar {width:28px;height:28px}#dlg-board .matchday-podium .group-member {gap:9px}
#design-review-entry {display:block;margin:12px auto 18px;min-height:44px}
@media(max-width:700px){
 .profile-subtabs {margin-bottom:18px}.profile-route {padding:17px 16px}.profile-family-index>button {padding:15px 13px;gap:10px;min-height:82px}.family-index-mark {width:34px;height:34px}.profile-family-index button>svg {display:none}.profile-family-index strong {font-size:.8rem}.profile-practice-desk .practice-pocket-card {padding:21px}.profile-practice-desk .profile-section-heading h3 {font-size:1.5rem}.profile-journal .profile-section-heading {align-items:center}
 .spotlight-layout .spotlight-player,.spotlight-layout .spotlight-player:last-child:nth-child(odd) {min-height:143px;padding:12px 8px 11px;border-radius:12px;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--medal) 65%,transparent)}
 .spotlight-layout .spotlight-player .spotlight-place,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .spotlight-place {padding:0 0 8px;margin-bottom:10px;gap:3px}.spotlight-layout .spotlight-place svg {width:15px;height:15px}.spotlight-layout .spotlight-place b {font-size:.44rem;letter-spacing:.06em}.spotlight-layout .spotlight-player .player-portrait,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .player-portrait {width:30px;height:30px;margin-bottom:8px;outline:none;border-width:1px;font-size:.65rem}
 .spotlight-layout .spotlight-player>strong,.spotlight-layout .spotlight-player:last-child:nth-child(odd)>strong {font-size:1.75rem}.spotlight-layout .spotlight-player .hd,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .hd {font-size:.67rem;min-height:20px}.spotlight-layout .spotlight-player .thats-you,.spotlight-layout .spotlight-player:last-child:nth-child(odd) .thats-you {font-size:.4rem;padding:3px 4px;left:50%;right:auto;transform:translateX(-50%) rotate(-3deg)}
 #dlg-board .matchday-podium li[class*="place-"] {padding:13px;gap:9px 10px;grid-template-columns:32px minmax(0,1fr) auto}#dlg-board .matchday-podium .rk {width:28px;height:28px;font-size:.74rem}#dlg-board .matchday-podium .tot {font-size:1.65rem}
}
.enlarged-text .profile-subtabs button {font-size:.65rem}.enlarged-text .profile-family-index>button {flex-wrap:wrap}.enlarged-text .profile-family-index .family-index-mark {display:none}.enlarged-text .profile-route small {font-size:.6rem}.enlarged-text .spotlight-layout .spotlight-player {min-height:0;border-radius:12px}
.you-identity-tools {display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
#dlg-stats .you-identity-tools .profile-identity.is-compact {min-width:0;flex:1;padding:8px 0;gap:14px;margin:0}
#dlg-stats .you-identity-tools .profile-identity.is-compact>:is(img,.profile-initial) {width:46px;height:46px;flex-basis:46px;box-shadow:none}
#dlg-stats .you-identity-tools .profile-identity.is-compact b {font-size:.93rem}
#dlg-stats .you-identity-tools .profile-identity.is-compact p {font-size:.69rem}
#stats-body[data-you-variant] .you-identity-tools .you-tools {margin:0;flex:none}
#dlg-stats .you-identity-tools .personal-playground {padding:7px 0;min-height:44px;font-size:.7rem}
#dlg-stats .you-identity-tools .personal-playground>svg:last-child {display:none}
#stats-body[data-you-variant] .personal-today .personal-card {border:1px solid var(--profile-border);border-radius:14px;background:var(--profile-card);box-shadow:var(--craft-shadow)}
.enlarged-text .you-identity-tools {flex-wrap:wrap}.enlarged-text #dlg-stats .you-identity-tools .profile-identity {flex-basis:100%}

/* Keep compact podium labels readable on the native and browser type scales. */
.spotlight-layout .spotlight-place b {font-size:max(11px,.65rem);letter-spacing:.04em}
.spotlight-layout .spotlight-player .hd {font-size:max(12px,.75rem)}
.spotlight-layout .spotlight-player>strong small,.spotlight-layout .thats-you {font-size:max(11px,.6rem)}