.tabs{grid-template-columns:repeat(4,minmax(0,1fr));width:min(1040px,100%)}.tab:last-child{grid-column:auto}.tab{font-size:17px}.tab[data-mode=cast]>span:first-of-type{max-width:210px}.cast-active .community-results,.cast-active .yesterday-panel,.cast-active #share-button,.cast-active #share-fallback{display:none}.cast-area{padding:28px}.cast-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}.cast-heading h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:0;max-width:650px}.cast-totals{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-weight:900;white-space:nowrap}.cast-totals span{background:#183747;border:1px solid #55717c;padding:8px 12px;border-radius:8px;color:#ffe0a1}.cast-steps{display:flex;gap:12px;justify-content:center;list-style:none;padding:0;margin:0 0 26px}.cast-step{border-radius:50%;width:46px;height:46px;background:#183342;color:#dceaf1;border:1px solid #5c788a;font-family:inherit;font-size:20px;font-weight:900;cursor:pointer}.cast-step.is-current{outline:3px solid #f0c46c;outline-offset:4px}.cast-step.is-hit{background:#246547;border-color:#6dd7a0}.cast-step.is-miss{background:#743b44;border-color:#ef9a9d}.cast-step:disabled{opacity:.45;cursor:default}.cast-round-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:0 0 16px}.cast-round-top h3{font-size:22px;margin:0}.cast-round-top span{color:#c5d6e0;font-size:16px}.cast-pictures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(880px,100%);margin:0 auto 26px}.cast-picture{position:relative;min-width:0;margin:0;border:1px solid #58798a;background:#09202c;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.cast-picture img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#122c39;display:block}.cast-picture figcaption{font-size:16px;line-height:1.3;min-height:52px;text-align:center;padding:12px 6px;color:#f4e2b5;font-weight:800;background:#143241}.cast-picture.is-locked{background:repeating-linear-gradient(135deg,#102b39 0px,#102b39 12px,#142f3e 12px,#142f3e 24px);border-style:dashed;justify-content:space-between}.cast-lock{aspect-ratio:3/4;display:grid;place-items:center;font-size:clamp(42px,7vw,80px);font-weight:900;color:#537082}.cast-image-retry{position:absolute;top:40%;left:7%;right:7%;font-size:15px!important;background:#112a3cf5!important}.cast-form{max-width:760px;margin:auto}.cast-form label{display:block;font-weight:800;margin-bottom:10px;font-size:18px}.cast-search{display:flex;gap:12px}.cast-search .autocomplete{flex:1;min-width:0}.cast-search input{border:1px solid #597b8c;border-radius:9px;width:100%;padding:16px;background:#071d29;color:#fff;font:inherit;font-size:20px}.cast-search .primary{padding:14px 26px;font-size:19px}.cast-options{position:absolute;left:0;right:0;top:100%;list-style:none;margin:5px 0 0;padding:5px;max-height:280px;overflow:auto;background:#0e2939;border:1px solid #7293a5;border-radius:10px;z-index:5;box-shadow:0 12px 25px #0008}.cast-options li{padding:12px;font-size:18px;border-radius:6px;cursor:pointer}.cast-options li:hover,.cast-options li[aria-selected=true]{background:#31576a;color:#fff0c7}.cast-hint-actions{display:flex;justify-content:center;gap:14px;margin:18px 0 0;flex-wrap:wrap}.cast-hint-actions button{font-size:16px}.cast-status{min-height:26px;text-align:center;font-size:17px;margin:18px 0 8px;color:#ffe0a1}.cast-history{padding:0;margin:18px 0;list-style:none;display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.cast-history li{padding:8px 14px;border-radius:7px;font-size:17px}.cast-hit{background:#215c40;color:#c5ffe0}.cast-miss{background:#612f3a;color:#ffcfce}.cast-reveal{text-align:center}.cast-reveal h3{font-size:26px;color:#ffe0a1;margin:16px 0}.cast-return{display:block;margin:18px auto}.cast-summary{text-align:center;padding:16px 0}.cast-summary h3{font-size:34px;color:#ffe0a1;margin:0 0 8px}.cast-summary-score{font-size:24px;font-weight:900;margin:0 0 22px}.cast-summary-rounds{list-style:none;padding:0;margin:0 auto 24px;max-width:800px;display:grid;gap:10px;text-align:left}.cast-summary-rounds li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;background:#14303f;border:1px solid #547485;border-radius:9px;padding:14px;font-size:18px}.cast-summary-rounds li span{color:#ffe0a1;white-space:nowrap}.cast-summary-rounds button{font-size:15px}.cast-summary-note{color:#c9dae3;font-size:17px}.cast-footnote{font-size:15px;color:#c4d5de;text-align:center;margin:24px 0 0}.cast-extra{margin:32px 0 8px;padding-top:24px;border-top:1px solid #4c6877}.cast-extra h3{font-size:23px;margin:0 0 10px}.cast-extra p{font-size:16px;color:#c5d6df}.cast-counter{font-size:15px;color:#cadce6;text-align:center;margin:14px 0}.cast-personal-stats{font-size:17px;color:#f3d99f;margin:20px 0 0}.cast-area [hidden]{display:none!important}
@media(max-width:780px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tab:last-child{grid-column:auto}.cast-area{padding:24px 18px}.cast-heading{flex-direction:column;align-items:flex-start}.cast-totals{align-self:stretch;justify-content:flex-start}.cast-pictures{gap:10px}.cast-picture figcaption{font-size:14px}.cast-summary-rounds li{grid-template-columns:1fr auto}.cast-summary-rounds button{grid-column:1/-1;text-align:left}}
@media(max-width:520px){.cast-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cast-search{flex-wrap:wrap}.cast-search .primary{width:100%}.cast-round-top{align-items:flex-start;flex-direction:column}.cast-heading h2{font-size:27px}.cast-step{width:42px;height:42px}.cast-steps{gap:14px}.cast-picture figcaption{font-size:15px}.cast-summary-score{font-size:21px}.cast-summary-rounds li{font-size:16px}.cast-extra .daily-ranking li{gap:10px}.cast-extra .daily-ranking li>span{font-size:14px}.cast-totals{font-size:17px}}
@media(prefers-reduced-motion:reduce){.cast-area *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Daily tools: native modal top layer and readable, themed hover/focus tips. */
html.daily-modal-open{overflow:hidden;scrollbar-gutter:stable}.daily-modal{box-sizing:border-box;position:fixed;inset:0;width:min(820px,calc(100% - 32px));max-width:820px;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #c3a05e;border-radius:16px;background:#102632;color:#edf2ee;box-shadow:0 24px 100px #000c;font-family:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-color:#7c856e #102632}.daily-modal:not([open]){display:none}.daily-modal[open]{display:block}.daily-modal::backdrop{background:#02080dd9;backdrop-filter:blur(5px)}.daily-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:2;margin:0;padding:20px 24px;border-bottom:1px solid #9c855480;background:#102632}.daily-modal-heading h2{margin:0;font-size:clamp(23px,3.5vw,29px);line-height:1.25;color:#ffe1a0}.daily-modal .daily-modal-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #a38e62;border-radius:9px;background:#1a3440;color:#ffe4a8;font-size:32px;font-weight:600;line-height:1}.daily-modal-close:hover{background:#3a4742}.daily-modal-body{padding:24px}.daily-modal .personal-progress-body{padding:0}.daily-modal .stats-grid dt{font-size:17px}.daily-modal .stats-grid dd{font-size:30px}.daily-modal .stats-modes{margin-top:18px}.daily-modal .achievement h4{font-size:18px}.daily-modal .achievement p{font-size:16px}.daily-modal .cast-personal-stats{margin-top:24px;line-height:1.6}.daily-modal .modal-streak-body{border:0;border-radius:0;margin:0;padding:28px;background:transparent;display:grid;grid-template-columns:auto 1fr;gap:20px}.daily-modal .streak-flame{width:50px;height:58px}.daily-modal .streak-flame svg{width:44px;height:56px}.daily-modal .streak-copy h2{font-size:26px}.daily-modal .streak-copy p,.daily-modal .streak-meta{font-size:18px;line-height:1.6}.daily-modal .streak-week{max-width:520px;gap:10px;margin:20px auto 4px}.daily-modal .streak-week li{font-size:15px}.daily-modal .streak-day{width:42px;height:42px;font-size:18px}.daily-modal .streak-card>a{font-size:17px}.updates-modal article{padding:4px 0 22px;margin-bottom:22px;border-bottom:1px solid #597482}.updates-modal article h3{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:22px;color:#f5ddb0;margin:0 0 12px}.updates-modal h3 small{font-size:15px;color:#c7cfcc}.updates-modal p,.updates-modal li{font-size:18px;line-height:1.65}.updates-modal .updates-note{font-size:16px;color:#b8cbd2}.rules.daily-modal{width:min(820px,calc(100% - 32px));padding:0}.rules-modal>ol,.rules-modal>p{margin:20px 28px}.rules-modal>ol{padding-left:22px}.rules-modal p,.rules-modal li{font-size:18px;line-height:1.7}.rules-modal .daily-modal-heading{padding:20px 24px}.daily-tool>.daily-tooltip{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);z-index:20;width:max-content;max-width:220px;padding:10px 15px;border:1px solid #c3a05e;border-radius:7px;background:#132632;color:#fff1d0;box-shadow:0 8px 22px #0009;font-family:inherit;font-size:18px;font-weight:800;line-height:1.3;white-space:normal;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease;user-select:none}.daily-tooltip:before{content:'';position:absolute;width:10px;height:10px;left:calc(50% - 5px);top:-6px;transform:rotate(45deg);border-left:1px solid #c3a05e;border-top:1px solid #c3a05e;background:#132632}.daily-tool:hover>.daily-tooltip,.daily-tool:focus-visible>.daily-tooltip{opacity:1;visibility:visible}.daily-tool[data-tooltip-dismissed=true]>.daily-tooltip,.daily-modal-open .daily-tool>.daily-tooltip{opacity:0;visibility:hidden}.daily-tool:first-child>.daily-tooltip{left:-10px;transform:none}.daily-tool:first-child>.daily-tooltip:before{left:30px}.daily-tool:last-child>.daily-tooltip{left:auto;right:-10px;transform:none}.daily-tool:last-child>.daily-tooltip:before{left:auto;right:30px}
@media(max-width:600px){.daily-modal,.rules.daily-modal{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:12px}.daily-modal-heading,.rules-modal .daily-modal-heading{padding:16px}.daily-modal-body{padding:20px 16px}.daily-modal .modal-streak-body{padding:24px 16px;gap:16px}.daily-modal .streak-week{gap:5px}.daily-modal .streak-day{width:34px;height:34px;font-size:16px}.daily-modal .streak-week li{font-size:13px}.rules-modal>ol,.rules-modal>p{margin:20px}.daily-tool>.daily-tooltip{font-size:17px;max-width:190px}}
@media(prefers-reduced-motion:reduce){.daily-tool>.daily-tooltip{transition:none}}
