/* Whole-site design tokens. Cards and exhibit illumination retain their own materials. */
:root,[data-theme=classic]{--bg:#eff4f2;--surface:#fff;--panel:#e4eeea;--ink:#18312e;--muted:#526760;--line:#bccfc5;--accent:#087d75;--on:#fff;--header:#153732;--glow:none;--pattern:none}
[data-theme=ocean]{--bg:#dcefed;--surface:#f5fffc;--panel:#c8e7e4;--ink:#103e44;--muted:#365d65;--line:#87bcb9;--accent:#006b77;--on:#fff;--header:#083f4a;--pattern:radial-gradient(ellipse at 5% 0,#59c4c455,transparent 60%)}
[data-theme=violet]{--bg:#171326;--surface:#252039;--panel:#342b49;--ink:#f4eefa;--muted:#c4b8d5;--line:#655178;--accent:#d9b3ff;--on:#21122e;--header:#1d142d;--glow:0 0 30px #a06ce21a;--pattern:radial-gradient(ellipse at 80% 5%,#8546b630,transparent 60%)}
[data-theme=ruby]{--bg:#230f18;--surface:#361c28;--panel:#482635;--ink:#fff0de;--muted:#d6b9be;--line:#99734e;--accent:#f2cb82;--on:#32121d;--header:#29111c;--glow:0 0 0 1px #d5aa5e35;--pattern:linear-gradient(120deg,transparent 35%,#cb904b0c 35% 36%,transparent 36% 60%,#cb904b0c 60% 61%,transparent 61%)}
[data-theme=neon]{--bg:#08131a;--surface:#10232b;--panel:#17323b;--ink:#ecfff9;--muted:#a7c7c8;--line:#397b7a;--accent:#79fbd2;--on:#082820;--header:#081a23;--glow:0 0 22px #48eeb520,inset 0 0 0 1px #69fcd21f;--pattern:linear-gradient(#55ddc308 1px,transparent 1px),linear-gradient(90deg,#55ddc308 1px,transparent 1px)}
html{background:var(--bg);color:var(--ink)}body{background-color:var(--bg);background-image:var(--pattern);background-size:64px 64px;min-height:100vh;color:var(--ink)}html:not([data-theme=neon]) body{background-size:cover}header{background:var(--header);border-bottom:1px solid var(--line);padding:14px max(20px,calc((100% - 1096px)/2));gap:18px;flex-wrap:wrap}.logo,.logo span{color:#f1fff7}
button,.file,input,select,textarea,dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}button:hover,.file:hover{background:var(--panel);border-color:var(--accent);color:var(--ink)}.primary,#start,#nav8 button[aria-pressed=true]{background:var(--accent);color:var(--on);border-color:var(--accent)}.primary:hover,#start:hover{background:var(--accent);color:var(--on);filter:brightness(.95)}
#playPanel,.gear-grid article,.museum-store article,.site-tile,.dig-site,.rules-box,.training-notice,.exp-challenge,#coinReceipt,table{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--glow)}#target,#typing:disabled,.training-options,.notice,#compare{background:var(--panel);color:var(--ink)}#typing{background:var(--surface);color:var(--ink);border-color:var(--line)}#typing.wrong{background:#572535;color:#fff;border-color:#ff9baf}.done{color:var(--muted)}.current{background:var(--accent);color:var(--on);border-color:var(--accent)}#status,#hint,footer,.small-note,.training-options>summary,#nextGoal,#subnav8 button,.pack-tile details{color:var(--muted)}#subnav8{border-color:var(--line)}#subnav8 button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.topline,.eyebrow,#resultHeadline,.shop-link{color:var(--accent)}.track,.collection-track,.goalTrack{background:var(--panel)}#wallet{background:var(--panel);color:var(--ink);border:1px solid var(--line)}td,th{border-color:var(--line)}th{background:var(--header);color:#fff}.mission.active,.site-tile.selected{border-color:var(--accent);background:var(--panel)}.mission-number{background:var(--panel);color:var(--ink)}.mission em{color:var(--accent)}
#preview9{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;margin-bottom:18px;background:var(--header);color:#fff;border:2px solid var(--accent);border-radius:12px;box-shadow:0 5px 25px #0005}#preview9 span{font-size:13px}#preview9 button{padding:7px 12px;min-height:38px;font-size:13px}#previewBuy9{margin-left:auto}
.identity9{display:flex;gap:10px;align-items:center;padding:8px 16px;border:1px solid #819997;background:linear-gradient(120deg,#163b3d,#112b33);color:#eafff4;border-radius:8px;min-height:62px;position:relative;isolation:isolate;overflow:hidden}.identity9 small{display:block;font-size:8px;letter-spacing:.24em;opacity:.8}.identity9 strong{display:block;font-size:16px;margin-top:4px}.emblem9{display:grid;place-items:center;font:900 25px/1 Arial;width:40px;height:40px;border:1px solid #aec7be;clip-path:polygon(0 0,100% 0,90% 78%,50% 100%,10% 78%)}.badge-bolt{color:#abecff;background:#194954}.badge-target{color:#ffb6b5;background:#502132}.badge-crown{color:#ffe6a1;background:#62491e}.title-focus{border:2px solid #7bd7d1;box-shadow:inset 0 0 0 3px #1a333a}.title-flow{background:repeating-linear-gradient(145deg,#163c51 0 18px,#224c61 18px 20px);border-color:#8ad7ed}.title-legend{color:#ffecb4;border:2px solid #d5b366;background:radial-gradient(ellipse at 50% 100%,#715426,#231b20);box-shadow:inset 0 0 0 3px #32251c,0 0 15px #d1aa4c20}.title-legend:after{content:'❧';font-size:64px;position:absolute;right:-5px;bottom:-17px;color:#e6c675;opacity:.16;z-index:-1}#identity9{order:4}#resultIdentity9{width:max-content;max-width:100%;margin-bottom:14px}
#shopGrid{display:block}.shop-section9{margin-bottom:34px}.cosmetic-grid9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cosmetic9{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.cosmetic-art9{height:190px;background:var(--bg);color:var(--ink);background-image:var(--pattern);padding:16px 25px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 40px #0002}.cosmetic-art9 .identity9{align-self:center;min-width:230px;transform:scale(1.1)}.mini-nav9{border-bottom:1px solid var(--line);padding:3px 0 10px;font-weight:900}.mini-nav9 span{float:right;font-size:8px;letter-spacing:.1em}.mini-body9{padding:12px 0}.mini-body9>small{font-size:8px;letter-spacing:.2em}.mini-body9>b{display:block;font-size:22px}.mini-input9{background:var(--surface);padding:10px;margin:9px 0;font-size:12px;border:1px solid var(--line);border-radius:4px}.mini-body9>strong{background:var(--accent);color:var(--on);padding:6px 14px;border-radius:4px;font-size:10px}.cosmetic-copy9{padding:18px 22px}.cosmetic-copy9>small{font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:bold}.cosmetic-copy9 h3{font-size:23px;margin:6px 0}.cosmetic-copy9 p{font-size:14px;color:var(--muted);min-height:40px}.cosmetic-copy9>div{display:flex;gap:8px}.cosmetic-copy9 button{font-size:14px}.refund{color:var(--muted);font-size:12px;background:transparent}.museum-store{grid-template-columns:repeat(3,minmax(0,1fr))}.museum-store article{padding:14px}.museum-store p{font-size:13px;min-height:38px}.museum-store h3{font-size:20px;margin:6px 0}
#minePanel,#museumPanel,#statsPanel,#shopPanel,#cardsPanel{background:var(--surface);color:var(--ink);border-color:var(--line)}
#shopPanel,#cardsPanel,#statsPanel{border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--glow)}
@media(max-width:700px){#shopPanel,#cardsPanel,#statsPanel{padding:16px}}
#level,#shopBalance{color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.collection-count>b,.collection-count>b>span{color:var(--accent)}
.football-card.tier-0:not(.missing){--card:#e8c5a0;--card-dark:#a77853}.football-card.tier-1:not(.missing){--card:#e3edf4;--card-dark:#8295a6}.football-card.special:not(.missing){--card:#63337f;--card-dark:#0c1c40}
/* Gallery lighting, plinth geometry and permanent specimen plaques. */
.museum-room{--room:#142638;--light:#a3cff7;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--light) 24%,transparent),transparent 64%),linear-gradient(90deg,#0004,transparent 25% 75%,#0004),var(--room)!important;border:1px solid color-mix(in srgb,var(--light) 45%,#263641);border-radius:8px!important;padding:24px!important;color:#f7f0df!important;isolation:isolate}.museum-room.amber{--room:#35271d;--light:#ffce72}.museum-room.teal{--room:#112f32;--light:#75eee0}.museum-room:before{content:'';position:absolute;inset:0;background:conic-gradient(from 155deg at 25% 0,transparent 0deg,color-mix(in srgb,var(--light) 18%,transparent) 10deg,transparent 30deg),conic-gradient(from 175deg at 75% 0,transparent 0deg,color-mix(in srgb,var(--light) 18%,transparent) 10deg,transparent 30deg);z-index:-1}.museum-room .skeleton{background:transparent!important;border:0;box-shadow:none}.museum-room h2{color:#f7f0df;margin:16px 0 6px}.museum-room .case-number9{font-size:10px;letter-spacing:.22em;color:var(--light);display:block;margin-bottom:5px}.display-plinth9{height:28px;width:85%;margin:-10px auto 15px;background:linear-gradient(175deg,#60656b 0 30%,#282f34 32% 100%);clip-path:polygon(6% 0,94% 0,100% 40%,100% 100%,0 100%,0 40%);box-shadow:0 16px 20px #0008}.stone .display-plinth9{height:42px;background:repeating-linear-gradient(35deg,#ffffff08 0 2px,transparent 2px 6px),linear-gradient(175deg,#bbc3c5 0 32%,#66737b 34% 100%)}.gold .display-plinth9{height:42px;background:repeating-linear-gradient(0deg,#ffffff15 0 1px,transparent 1px 3px),linear-gradient(175deg,#fff0aa 0 28%,#d0a649 30% 50%,#8a6625 100%)}.brass9{display:none}.decor-labels>.brass9,.room-mini9 .brass9{display:table;margin:0 auto;background:linear-gradient(120deg,#a37d32,#edd694,#ad8335);color:#332716;border:1px solid #f0d790;padding:7px 20px;font-weight:bold;letter-spacing:.12em;font-size:9px;box-shadow:0 3px 5px #0005}.museum-room details{color:#e4e5df}.museum-room a{color:#b4e4ff}.museum-room .fossil-count{color:#edf0e8!important;background:#13242bbd!important}.museum-room.incomplete9 .fossil-reveal{opacity:.85}.room-mini9{height:175px;padding:15px!important}.room-mini9 img{width:100%;height:90px;object-fit:contain}.room-mini9 .display-plinth9{margin:0 auto 8px;height:20px}.room-mini9 .brass9{font-size:7px;padding:4px 9px}.museum-collection{gap:24px}
.field-training9{margin-top:24px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.field-training9 p{font-size:13px}.field-training9>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.field-training9 button{text-align:left}.field-training9 small{display:block;margin-top:7px;font-size:12px}.dig-grid9{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.dig-grid9 button{padding:15px 5px;background:linear-gradient(140deg,#574331,#302b24);color:#f4e5c7;border:1px solid #a08152}.dig-grid9 b{font-size:24px;display:block}.dig-grid9 small{display:block;font-size:10px;margin-top:8px}.dig-grid9 .next9{border:2px solid #e5c784;box-shadow:0 0 15px #dca64b33}.dig-grid9 .recovered9{background:#1f574c;color:#b5ffdc;opacity:1}.brush-stage9{height:160px;position:relative;background:#372f25;overflow:hidden;border-radius:10px;margin:10px 0}.brush-stage9 img{width:100%;height:100%;object-fit:contain}.brush-stage9 span{position:absolute;inset:0;background:radial-gradient(ellipse,transparent 10%,#4d3e2bd9 32%);transition:opacity .4s}.brush-stage9.step-2 span{opacity:.25}
/* Original foil cards and packs: metallic edges, orbital crest, clear owned state. */
.football-card{box-shadow:inset 0 0 0 3px #d1b86d,inset 0 0 32px #40300b55!important}.football-card .card-crest{border:3px double #fff8;background:radial-gradient(ellipse at 40% 20%,#fff5,transparent 65%),linear-gradient(160deg,#ffffff10,#0002);filter:drop-shadow(0 7px 7px #0005)}.card-crest span{text-shadow:0 2px 0 #0005,0 -1px 0 #fff5}.card-orbit9{position:absolute;top:54px;left:20%;width:60%;height:150px;border:1px solid #fff6;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 0 7px #ffffff07,0 0 0 15px #ffffff07;pointer-events:none}.card-series9{font-size:7px;letter-spacing:.18em;margin:3px 0 6px;position:relative}.football-card.special .card-orbit9{border-color:#f3c0ff;box-shadow:0 0 15px #cc98ee55,0 0 0 9px #9f76ff22}.football-card.missing{box-shadow:inset 0 0 0 2px #a3afab!important}.missing .card-orbit9{opacity:.18}.football-card.owned .card-state{background:#19362a;color:#f4ffe1;border-radius:4px;padding:5px 7px;display:inline-block}.football-card.special.owned .card-state{background:#efd18d;color:#28183b}.card-top b{text-shadow:0 1px 1px #fff5}.pack-art{min-height:340px;background:linear-gradient(115deg,#ffffff44,transparent 14% 75%,#0007),var(--pack-bg);box-shadow:inset 7px 0 12px #fff3,inset -8px 0 12px #0007}.pack-facet9{position:absolute;inset:10px;pointer-events:none;border:3px double #fff5;clip-path:polygon(50% 0,100% 24%,100% 82%,50% 100%,0 82%,0 24%)}.pack-seal{font-size:48px;width:88px;height:88px;filter:drop-shadow(0 4px 3px #0007);background:linear-gradient(135deg,#fff3,#0003)}.pack-collection9{font-size:8px;letter-spacing:.28em;order:6;margin-top:12px;color:#fff;position:relative}.pack-4 .pack-art{--pack-bg:#352746;--pack-pattern:repeating-linear-gradient(130deg,transparent 0 35px,#e8c97655 35px 38px)}
/* User-triggered reveal. Neutral sealed state; rarity appears only after opening. */
#packDialog.reveal9-active{max-width:780px;background:#08151f;color:#f5ebd7;border:1px solid #6c7067}#packDialog.reveal9-active h2{font-size:20px}#packDialog.reveal9-active #packResultMeta{font-size:12px;color:#bdc8cf}#reveal9{height:540px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 80%,#253443,transparent 60%),#08121c;border-radius:8px;--rarity:#c79466;--halo:#a26132}.reveal9-active #packSkip{background:#183041;color:#fff;border-color:#6f8492}
#reveal9[data-rarity=silver]{--rarity:#d3e5f5;--halo:#6298bd}#reveal9[data-rarity=gold]{--rarity:#ffe296;--halo:#b58331}#reveal9[data-rarity=icon]{--rarity:#fff2be;--halo:#d6bb71}#reveal9[data-rarity=nova]{--rarity:#e2b2ff;--halo:#9160db}
#revealTrigger9{position:absolute;inset:30px 10% 45px;width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:transparent;border:0;color:#eaf5ff}.sealed-pack9{display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:300px;background:repeating-linear-gradient(120deg,transparent 0 38px,#ffffff0c 38px 42px),linear-gradient(130deg,#38485b,#0d1928 60%,#5c7284);border:4px double #a4b3c3;clip-path:polygon(6% 0,94% 0,100% 5%,100% 95%,94% 100%,6% 100%,0 95%,0 5%);transform:perspective(800px) rotateY(-12deg) rotateZ(-3deg);box-shadow:inset 10px 0 12px #fff2,inset -12px 0 10px #0007}.sealed-pack9 i{font:900 66px/1 Arial;font-style:normal;border:2px solid #c2d5df;padding:22px 14px;clip-path:polygon(0 0,100% 0,90% 80%,50% 100%,10% 80%);margin-bottom:20px}.sealed-pack9 b{font-size:24px}.sealed-pack9 small{font-size:10px;letter-spacing:.23em;margin-top:10px}#revealTrigger9>strong{font-size:17px}
.reveal-beams9{position:absolute;inset:0;opacity:0;background:conic-gradient(from 151deg at 12% 0,transparent 0deg,var(--halo) 11deg,transparent 24deg),conic-gradient(from 185deg at 88% 0,transparent 0deg,var(--halo) 11deg,transparent 24deg);filter:blur(2px)}.reveal-floor9{position:absolute;left:16%;right:16%;height:46px;bottom:50px;border-radius:50%;background:#30404b;opacity:.4;box-shadow:0 0 60px #62798833}.opening9 .reveal-floor9{background:var(--halo);box-shadow:0 0 60px var(--halo);opacity:.6;transition:background 3s,box-shadow 3s}
.turntable9{position:absolute;top:35px;left:calc(50% - 112px);width:224px;height:370px;perspective:1100px;visibility:hidden}.opening9 .turntable9{visibility:visible}.turncard9{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg)}.card-front9,.card-back9{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front9 .football-card{height:370px;min-height:370px}.card-back9{transform:rotateY(180deg);background:repeating-linear-gradient(135deg,transparent 0 24px,#ffffff0b 24px 26px),linear-gradient(145deg,#263747,#0b1622);border:3px double #b4c0c9;clip-path:polygon(9% 0,91% 0,100% 7%,100% 85%,50% 100%,0 85%,0 7%);display:grid;align-content:center;justify-items:center;gap:20px}.card-back9 b{font-size:70px}.card-back9 span{font-size:10px;letter-spacing:.25em}
.reveal-rarity9{position:absolute;bottom:64px;width:100%;text-align:center;font-size:12px;letter-spacing:.3em;color:var(--rarity);opacity:0}#revealStatus9{position:absolute;bottom:5px;left:15px;right:15px;text-align:center;color:#e8eced;font-size:14px}
.opening9 .turncard9{animation:reveal-turn9 5.7s cubic-bezier(.25,.45,.2,1) both}.opening9 .reveal-beams9{animation:reveal-light9 5.7s ease-out both}.opening9 .reveal-rarity9{animation:reveal-label9 5.7s ease-out both}
@keyframes reveal-turn9{0%{transform:translateY(35px) scale(.75) rotateY(180deg)}28%{transform:translateY(0) scale(.94) rotateY(172deg)}55%{transform:scale(1) rotateY(120deg)}85%,100%{transform:scale(1) rotateY(0deg)}}
@keyframes reveal-light9{0%,12%{opacity:0;transform:scaleX(.6)}45%{opacity:.28}100%{opacity:.5;transform:scaleX(1)}}@keyframes reveal-label9{0%,28%{opacity:0}52%,100%{opacity:1}}
@media(max-width:650px){#identity9{margin-left:0;min-height:50px;padding:5px 10px}.identity9 strong{font-size:14px}.identity9 .emblem9{width:32px;height:32px}.cosmetic-grid9{grid-template-columns:1fr}.cosmetic-art9{height:175px}.museum-store{grid-template-columns:1fr 1fr}.museum-store p{min-height:55px}.field-training9>div{grid-template-columns:1fr}.dig-grid9{grid-template-columns:repeat(3,1fr)}.museum-room{padding:15px!important}.pack-art{min-height:320px}.turntable9{transform:scale(.9);transform-origin:top center;top:30px}#reveal9{height:500px}.sealed-pack9{width:185px;height:275px}.reveal-rarity9{bottom:65px}.reveal-floor9{bottom:73px}#preview9{gap:8px}#previewBuy9{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}