/* Public observation presentation from the owner's Winnary-Site; see docs/HANDOFF.md. */
.analytics-surface{max-width:760px;padding:0;border:0;background:none;box-shadow:none}.observation-card{padding:15px;border:1px solid #b6985c66;border-radius:10px;background:radial-gradient(ellipse at 15% 0,#74532530,transparent 75%),#18120c;box-shadow:inset 0 1px #fff0c71a,0 12px 35px #0004}.observation-slot{width:100%;margin:0;cursor:pointer;color:inherit;padding:0}.observation-slot:disabled{cursor:default;opacity:1}.observation-slot:focus-visible,.detail-close:focus-visible{outline:2px solid #f1cc88;outline-offset:3px}.observation-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px auto 0}.observation-controls p{font-size:11px;margin:0;max-width:440px}.observation-controls .gold-button{min-width:250px;justify-content:center}.analytics-surface #observation-details{margin:12px 0 0;padding:14px 3px 2px;border-top:1px solid #b6985c33}.inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-head small{font:10px/1.2 Inter,sans-serif;color:#ad9774}.analytics-surface #observation-details h2{font:22px/1.15 Georgia,serif;color:#f3ddbb;margin:4px 0 0}.detail-close{border:0;background:transparent;color:#c4ab82;font-size:24px;cursor:pointer;padding:4px 9px}.recent-results{margin:18px 0 12px}.recent-results h3{display:flex;align-items:center;gap:10px;margin:0 0 11px;font:600 11px Inter,sans-serif;color:#d9c29c}.recent-results h3 span{font-size:9px;letter-spacing:1px;border:1px solid #b6985c66;border-radius:4px;padding:4px 7px;color:#eac680}.inline-history{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px}.roulette-number{height:32px;display:grid;place-items:center;border:1px solid #dfc49f2b;border-radius:4px;background:linear-gradient(#282320,#151311);box-shadow:inset 0 1px #ffffff17;font:20px/1 Winnary,sans-serif;color:#e8d7ba}.roulette-number.red{background:linear-gradient(#98303d,#5c1826);border-color:#f7938240;color:#ffe6d3}.roulette-number.zero{background:linear-gradient(#326644,#203d2a);color:#e0efce}.inline-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;border-top:1px solid #b4986326}.analytics-surface #observation-details .inline-bottom p{font-size:10px;line-height:1.5;color:#cbb28b;margin:0}.inline-bottom small{display:block;font-size:9px;color:#a18c6b}.inline-go{min-width:80px;flex-shrink:0;padding:9px 13px;gap:12px;font:23px/1 Winnary,sans-serif;border-radius:5px}.inline-go:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.observation-card{padding:10px}.analytics-surface #observation-details h2{font-size:20px}.inline-history{gap:3px}.roulette-number{height:27px;font-size:17px}.inline-bottom{gap:8px}.inline-go{min-width:67px;padding:9px 10px}.observation-controls .gold-button{width:100%}}
.observation-slot>.observation-reel{display:block;position:relative;height:100px;padding:0;overflow:hidden;min-width:0;font-size:inherit;border-right:1px solid #ae824b45}.observation-reel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#090705d9,transparent 28%,transparent 72%,#090705d9);box-shadow:inset 0 1px #e1c18d30}.observation-track{display:block;will-change:transform}.observation-face{height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 7px;box-sizing:border-box}.observation-face strong{display:block;font:clamp(16px,2.6vw,30px)/1.05 Winnary,sans-serif;color:#ead1a4;max-width:100%;overflow-wrap:anywhere}.observation-face small{display:block;font:9px/1.2 Inter,sans-serif;color:#ab9676;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.observation-reel:nth-child(2) strong{font-size:42px}.observation-reel[data-spinning] .observation-track{filter:blur(.25px)}@media(max-width:600px){.observation-slot>.observation-reel,.observation-face{height:85px}.observation-face{padding:0 5px;gap:6px}.observation-face strong{font-size:17px}.observation-face small{font-size:8px}.observation-reel:nth-child(2) strong{font-size:35px}}
.observation-table-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.observation-table-row #observation-table{margin:0}.copy-table-name{width:34px;height:34px;padding:7px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b4915b70;border-radius:6px;color:var(--gold);background:#332619;flex:none}.copy-table-name:hover{background:#644c28}.copy-table-name svg{width:20px;height:20px}.copy-done,.is-copied .copy-glyph{display:none}.is-copied .copy-done{display:block}.copy-table-name.is-copied{color:#a4e5b9;border-color:#a4e5b9}#copy-table-status{font-size:11px;color:#cbb998}.inline-head>div{min-width:0;flex:1}.observation-table-row h2{overflow-wrap:anywhere}
.observation-live{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 15px;font-size:10px;letter-spacing:.7px;color:var(--muted)}.observation-live strong{font-size:11px;color:#97e7b1;letter-spacing:1.5px}.observation-live>span:last-child{border-left:1px solid var(--line);padding-left:9px;letter-spacing:.2px}.live-dot{width:7px;height:7px;border-radius:50%;background:#6ad797;box-shadow:0 0 0 4px #6ad79712}.observation-live[data-state=live] .live-dot{animation:live-signal-pulse 1.8s ease-in-out infinite}.observation-live[data-state=loading] .live-dot{background:var(--gold)}.observation-live[data-state=ready] strong{color:var(--gold)}.observation-live[data-state=ready] .live-dot{background:var(--gold);box-shadow:none}.observation-slot[role=group]{cursor:default;font-family:inherit}.observation-countdown{display:flex;flex-direction:column;align-items:center;gap:12px;margin:4px auto 21px}.observation-countdown>.eyebrow{font:9px/1.4 Inter,sans-serif;letter-spacing:2px;margin:0;color:#bdab8d}.clock-face{display:flex;align-items:flex-start;justify-content:center;gap:10px}.clock-unit{display:grid;grid-template-columns:repeat(2,50px);gap:5px}.clock-unit>small{grid-column:1/-1;font:8px/1.4 Inter,sans-serif;color:#a9987e;letter-spacing:2px;margin-top:3px}.clock-digit{position:relative;display:block;height:66px;perspective:260px;border:1px solid #b4915b60;border-radius:7px;background:linear-gradient(#322618,#1a140e 49%,#100e0b 50%,#241b12);box-shadow:0 7px 14px #0006,inset 0 1px #f3d28e16;font:52px/66px Winnary,sans-serif;color:#f6dc9f;overflow:hidden;text-shadow:0 2px 3px #0008}.clock-digit::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#050402b3;box-shadow:0 1px #eec68013;pointer-events:none}.clock-number{display:block}.clock-flap{position:absolute;inset:0;clip-path:inset(0 0 50%);transform-origin:50% 50%;background:linear-gradient(#322618,#231b12);opacity:0;backface-visibility:hidden}.clock-colon{font:36px/60px Winnary,sans-serif;color:#a98b59}.observation-controls #observe-button{min-width:230px}.observation-controls #observe-button:disabled{filter:none;opacity:1;color:#b7a382;background:#302418;border-color:#80613a;box-shadow:none}.observation-controls #observe-status{max-width:430px;margin:12px auto 0;line-height:1.5}
@keyframes live-signal-pulse{0%,100%{opacity:1;box-shadow:0 0 0 3px #6ad79714,0 0 10px #6ad79733}50%{opacity:.45;box-shadow:0 0 0 6px #6ad79706,0 0 3px #6ad79711}}
@media(max-width:600px){.clock-unit{grid-template-columns:repeat(2,43px)}.clock-digit{height:58px;font-size:46px;line-height:58px}.clock-colon{line-height:52px}.observation-live{margin-bottom:12px}.observation-countdown{gap:10px;margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.observation-live .live-dot{animation:none!important}}
.analytics-surface #observation-details{padding:10px 1px 1px}.analytics-surface .inline-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px 9px;align-items:center}.inline-head #observation-provider{grid-column:1;grid-row:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-head .detail-close{grid-column:2;grid-row:1;width:34px;height:28px;display:grid;place-items:center;padding:0;line-height:1;justify-self:end}.inline-head .observation-table-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:9px;min-width:0;position:relative}.analytics-surface #observation-details .observation-table-row h2{min-width:0;margin:0;white-space:nowrap;overflow:hidden;overflow-wrap:normal;mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.observation-table-row .copy-table-name{grid-column:2;grid-row:1;justify-self:end}.observation-table-row #copy-table-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.content-page .analytics-surface .table-check-note{margin:10px 0 0!important;padding:0;border:0;background:none;font-size:11px!important;line-height:1.5}
.observation-controls .observation-countdown{margin:4px auto 0}.observation-controls #observe-status{margin:0 auto}
.analytics-page .site-header{padding-block:14px}.analytics-page .page-intro{padding:26px 0 18px}.analytics-page .page-intro .eyebrow{margin-bottom:10px}.analytics-page .page-intro h1{font-size:clamp(34px,4.2vw,54px);line-height:1.05;margin-bottom:10px}.analytics-page .page-intro>p{font-size:14px;line-height:1.55}.analytics-page .observation-live{margin-bottom:10px}.analytics-page .observation-card{padding:12px}.analytics-page .observation-controls{margin-top:10px;gap:5px}.analytics-page .analytics-surface{margin-bottom:28px}.observation-clock-stage{position:relative;width:100%;min-height:148px;display:grid;place-items:center;isolation:isolate}.observation-clock-stage .observation-countdown{margin:0!important}.analytics-surface .observation-clock-stage #observation-details{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;margin:0;padding:14px 20px 18px;border:1px solid #ba985d80;border-top-color:#edcc8966;border-radius:0 0 11px 11px;background:radial-gradient(ellipse at 20% 0,#574020,transparent 80%),#1c150f;box-shadow:0 12px 26px #0005,inset 0 1px #ffdf9920;transform-origin:top center}.observation-clock-stage #observation-details::after{content:'';position:absolute;width:34px;height:3px;bottom:7px;left:calc(50% - 17px);border-radius:3px;background:#e6bd7155}.analytics-surface .inline-head{text-align:left}.analytics-surface .table-check-note{text-align:left}.analytics-surface .inline-head .observation-table-row{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.analytics-surface #observation-details .observation-table-row h2{flex:0 1 auto;min-width:0;max-width:calc(100% - 42px);mask-image:none;-webkit-mask-image:none}.analytics-surface #observation-details .observation-table-row h2.is-clipped{mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.analytics-surface .observation-table-row .copy-table-name{flex:none;margin:0}
@media(max-width:600px){.analytics-page .site-header{padding-top:10px;padding-bottom:8px;row-gap:7px}.analytics-page .site-header nav a{padding-block:8px}.analytics-page .page-intro{padding:20px 0 16px}.analytics-page .page-intro h1{font-size:clamp(30px,8vw,38px)}.analytics-page .page-intro>p{font-size:13px}.analytics-page .observation-card{padding:10px}.observation-clock-stage{min-height:145px}.analytics-surface .observation-clock-stage #observation-details{padding:12px 11px 17px}.analytics-page .observation-controls{margin-top:8px;gap:3px}.analytics-page .observation-controls #observe-status{font-size:10px}}
@media(max-height:720px) and (min-width:601px){.analytics-page .site-header{padding-block:10px}.analytics-page .page-intro{padding:19px 0 14px}.analytics-page .page-intro h1{font-size:42px}.analytics-page .observation-slot>.observation-reel,.analytics-page .observation-face{height:85px}.analytics-page .observation-clock-stage{min-height:135px}}
@media(max-height:640px) and (max-width:600px){.analytics-page .page-intro{padding:14px 0 12px}.analytics-page .page-intro h1{font-size:29px}.analytics-page .page-intro .eyebrow{margin-bottom:7px}.analytics-page .page-intro>p{line-height:1.4}.analytics-page .observation-slot>.observation-reel,.analytics-page .observation-face{height:74px}.analytics-page .observation-clock-stage{min-height:136px}}
.observation-detail-tab{position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:7px;min-height:28px;padding:5px 12px;border:1px solid #a8885466;border-radius:0 0 8px 8px;background:linear-gradient(#302318,#251b12);color:#d8be90;font:10px/1 Inter,sans-serif;letter-spacing:.4px;white-space:nowrap;box-shadow:0 3px 9px #0003}.observation-detail-tab:hover{color:#fff0ca;border-color:#d4af70;background:#49341d}.observation-detail-tab svg{width:14px;height:14px;transition:transform .25s ease}.observation-detail-tab[aria-expanded=true] svg{transform:rotate(180deg)}.observation-detail-tab:disabled{visibility:hidden}.observation-clock-stage .observation-countdown{padding-top:18px}.analytics-surface .observation-clock-stage #observation-details{padding-top:23px}
@media(prefers-reduced-motion:reduce){.observation-detail-tab svg{transition:none}}
.observation-slot,.slot-labels{display:grid;grid-template-columns:1fr 1fr 1fr}.slot-labels{font:9px/1.4 Inter;letter-spacing:2px;text-align:center;margin-bottom:10px;color:#bfa782}.observation-slot{border:1px solid #aa82523d;border-radius:5px;overflow:hidden;background:#140f0b}.analytics-surface{margin:0 auto;text-align:center}.analytics-surface .observation-clock-stage #observation-details h2{font-family:Winnary,sans-serif}.copy-table-name{height:28px;width:28px;border:1px solid #aa825255;background:#302418;color:#ddc18b;border-radius:5px;padding:5px}.copy-table-name svg{width:100%;height:100%}.copy-done,.is-copied .copy-glyph{display:none}.is-copied .copy-done{display:block}