.ocg-panel{border:1px solid rgba(212,168,83,.26);border-radius:8px;background:linear-gradient(180deg,#1f1109f0,#0d0805f5),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,360px 360px;background-position:center;box-shadow:0 18px 40px #00000057}.ocg-section{display:grid;gap:1rem}.ocg-section+.ocg-section{margin-top:1rem}.ocg-surface{border:1px solid rgba(212,168,83,.22);border-radius:8px;background:linear-gradient(180deg,#371c0ac7,#100804e6),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,360px 360px;background-position:center;box-shadow:0 14px 32px #00000042}.ocg-surface--quiet{background:linear-gradient(180deg,#2d1a0eb8,#0d0805d6),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,360px 360px}.ocg-section-title{margin:0;color:#f8f6f0;font-size:clamp(1.2rem,2.5vw,1.55rem);line-height:1.2}.ocg-section-copy{max-width:68ch;margin:0;color:#f8f6f0c2;line-height:1.55}.ocg-callout{border:1px solid rgba(248,215,107,.28);border-radius:8px;background:linear-gradient(180deg,#5c2f12b8,#180d07d6);box-shadow:inset 0 1px #ffffff0f}.ocg-panel__eyebrow{margin:0 0 .45rem;color:#d4a853;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ocg-panel__title{margin:0;color:#f8f6f0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.15}.ocg-panel__copy{margin:.75rem 0 0;color:#f8f6f0d1;font-size:1rem;line-height:1.55}.ocg-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem}.ocg-stat-tile{border:1px solid rgba(212,168,83,.22);border-radius:8px;background:#00000038;padding:.9rem}.ocg-stat-tile strong{display:block;color:#f8f6f0;font-size:1.45rem;line-height:1}.ocg-stat-tile span{display:block;margin-top:.4rem;color:#f8f6f0b8;font-size:.86rem;font-weight:700}.ocg-action-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.ocg-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.72rem 1.05rem;border:2px solid #d4a853;border-radius:8px;background:linear-gradient(180deg,#f0d48a,#b9862f);color:#1c1007;font-weight:800;text-decoration:none;box-shadow:0 8px 18px #0000003d}.ocg-button .material-icons{font-size:1.1rem}.ocg-button:hover{filter:brightness(1.06);text-decoration:none}.ocg-button--secondary{background:#0000003d;color:#f8f6f0}.ocg-empty{color:#f8f6f0c2;font-size:.95rem}.ocg-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(248,215,107,.4);border-radius:50%;background:radial-gradient(circle at 35% 20%,rgba(255,244,184,.5),transparent 42%),linear-gradient(180deg,#f0d48a,#a97626);color:#231306;box-shadow:0 10px 22px #00000047}.ocg-icon-badge--streak{border-color:#fb923c94;background:radial-gradient(circle at 42% 28%,rgba(254,240,138,.82),transparent 35%),linear-gradient(180deg,#fb923c,#991b1b)}.ocg-icon-badge--target{border-color:#f8d76b80;background:radial-gradient(circle at 35% 24%,rgba(255,244,184,.58),transparent 42%),linear-gradient(180deg,#d4a853,#5c2f12)}.ocg-icon-badge--rank{border-color:#f8d76b7a;background:radial-gradient(circle at 35% 24%,rgba(248,215,107,.62),transparent 42%),linear-gradient(180deg,#5c2f12,#1f1109);color:#fff2bd}.ocg-icon-badge svg{width:23px;height:23px}.ocg-page-lead{width:min(760px,100%);margin:0 auto clamp(1.25rem,3vw,2rem);text-align:center}.ocg-page-lead__title{margin:0}.ocg-page-lead__copy{margin:.65rem auto 0;max-width:62ch;color:#f8f6f0d1;font-size:clamp(1rem,2vw,1.12rem);line-height:1.55}.ocg-section-heading{margin:0 0 1rem;text-align:center}.ocg-section-heading h2{margin:0;color:#f8d76b;font-family:var(--font-cinzel, Georgia, serif);font-size:clamp(1.4rem,3vw,1.9rem)}.ocg-section-heading p{margin:.45rem auto 0;max-width:64ch;color:#f8f6f0b8;line-height:1.5}.today-goal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:1rem;align-items:stretch;padding:clamp(1rem,3vw,1.35rem)}.today-goal__main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start}.today-goal__copy{min-width:0}.today-goal__focus{display:grid;align-content:center;gap:.2rem;padding:.9rem 1rem;border:1px solid rgba(248,215,107,.24);border-radius:8px;background:#0003}.today-goal__focus-label,.today-goal__focus-note,.today-goal__summary small{color:#f8f6f0ad;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.today-goal__focus-value{color:#f8d76b;font-size:clamp(1.75rem,4vw,2.3rem);line-height:1}.today-goal__summary{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;padding-top:.9rem;border-top:1px solid rgba(212,168,83,.18)}.today-goal__summary span{display:grid;gap:.25rem;padding-left:.75rem;border-left:2px solid rgba(212,168,83,.42)}.today-goal__summary strong{color:#f8f6f0;font-size:.95rem}.today-goal__actions{grid-column:1 / -1}.today-goal--guest{grid-template-columns:minmax(0,1fr)}.after-game-retention{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:9100;display:grid;gap:.85rem;width:min(440px,calc(100vw - 2rem));padding:1rem;transform:translate(-50%)}.after-game-retention--win{border-color:#f8d76b66}.after-game-retention--loss{border-color:#d4a8533d}.after-game-retention__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:start;padding-right:1.75rem}.after-game-retention h2{margin:0;color:#f8f6f0;font-size:1.25rem}.after-game-retention p:not(.ocg-panel__eyebrow){margin:.35rem 0 0;color:#f8f6f0cc;line-height:1.45}.after-game-retention__next{display:grid;gap:.2rem;padding:.75rem .85rem;border:1px solid rgba(212,168,83,.2);border-radius:8px;background:#0000002e}.after-game-retention__next strong{color:#f8f6f0;font-size:.9rem}.after-game-retention__next span{color:#f8f6f0b8;line-height:1.4}.after-game-retention__close{position:absolute;top:.45rem;right:.55rem;width:2rem;height:2rem;border:0;border-radius:999px;background:#00000047;color:#f8f6f0;cursor:pointer;font-size:1.35rem;line-height:1}@media(max-width:640px){.ocg-panel__title{font-size:1.45rem}.ocg-stat-grid{grid-template-columns:1fr 1fr}.today-goal,.today-goal__summary{grid-template-columns:1fr}.after-game-retention{bottom:calc(.6rem + env(safe-area-inset-bottom,0px))}}
