/* NEOTTO home readability floor: essential supporting copy stays readable on desktop and mobile. */
.trust-line { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #9da5ad; font-size: 13px; line-height: 1.6; }
.metric-icon.participant-icon { width: auto; min-width: 76px; padding: 0 14px; border-radius: 999px; font-size: 13px; }
.metrics b { font-size: 14px; line-height: 1.45; }
.metrics small { color: #939ba4; font-size: 12px; line-height: 1.5; }
.metric-help { display: inline-grid; width: 18px; height: 18px; place-items: center; margin-left: 4px; border: 1px solid #56606a; border-radius: 50%; color: #cbd0d5; font-size: 11px; font-style: normal; cursor: help; }
.selected30-research { max-width: 1296px; margin: -72px auto 105px; padding: 34px; border: 1px solid #343a42; border-radius: 24px; background: linear-gradient(145deg,#171d23,#0f1418); }
.selected30-heading small { color: var(--yellow); font-size: 11px; font-weight: 900; letter-spacing: 1.7px; }
.selected30-heading h2 { margin: 10px 0; font-size: 32px; line-height: 1.25; letter-spacing: -1.5px; }
.selected30-heading p { max-width: 780px; margin: 0; color: #9aa3ab; font-size: 14px; line-height: 1.75; }
.selected30-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 25px; }
.selected30-grid article { padding: 22px; border: 1px solid #343d46; border-radius: 17px; background: #11171c; }
.selected30-grid span,.selected30-grid strong,.selected30-grid small { display: block; }
.selected30-grid span { color: #a7afb6; font-size: 13px; font-weight: 850; }
.selected30-grid strong { margin: 10px 0; font-size: 31px; }
.selected30-grid small { color: #89939b; font-size: 12px; line-height: 1.65; }
.selected30-grid .research-highlight { border-color: #8d741b; box-shadow: inset 0 0 0 1px #ffd33520; }
.selected30-grid .research-highlight strong { color: var(--yellow); }
.selected30-note { margin: 16px 2px 0; color: #858f97; font-size: 12px; line-height: 1.65; }
.audit-heading small, .section-heading small, .daily-heading small, .principles > div > small { font-size: 11px; }
.audit-heading > span { font-size: 12px; }
.audit-grid span, .community-result-audit > p { font-size: 13px; line-height: 1.6; }
.pill { padding: 9px 14px; font-size: 13px; line-height: 1.4; }
.attendance-benefits { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.attendance-benefits li { display: grid; grid-template-columns: 145px 1fr; gap: 12px; padding: 12px 14px; border-radius: 12px; background: #f6f4ee; font-size: 14px; line-height: 1.55; }
.attendance-benefits strong { color: #20231f; }
.attendance-benefits span { color: #60645e; }
.attendance-board strong { font-size: 14px; }
.attendance-board small { margin-top: 8px; color: #aab2ba; font-size: 12px; line-height: 1.55; }
.research-stack span { font-size: 11px; }
.kakao-login-panel strong { color: #20231f; font-size: 16px; line-height: 1.55; white-space: nowrap; }
.kakao-login-panel span { font-size: 14px; line-height: 1.6; }
.no-payment-login { color: #686b65 !important; font-weight: 750; }
.draw-countdown { width: fit-content; margin-top: 18px; padding: 12px 15px; border: 1px solid #3e4650; border-radius: 13px; background: #11171c; }.draw-countdown span,.draw-countdown strong,.draw-countdown small { display: block; }.draw-countdown span { color: #8f99a2; font-size: 11px; }.draw-countdown strong { margin: 4px 0; color: var(--yellow); font-size: 17px; }.draw-countdown small { color: #7f8992; font-size: 11px; }
.consent-check { gap: 10px; font-size: 13px; line-height: 1.65; }
.consent-check input { width: 18px; height: 18px; }
.input-note { color: #767871 !important; font-size: 12px !important; line-height: 1.65 !important; }
.issue-card { min-height: 0; padding: 28px 30px; }
.issue-card h3 { margin: 18px 0 8px; }
.issue-card .kakao-login-panel { margin: 18px 0; }
.issue-card .attendance-benefits { margin-top: 14px; }
.issue-card .attendance-board { margin: 14px 0; }
.issue-card .consent-check { margin-top: 15px; }
.issue-card .input-note { margin: 6px 0 14px; }
.issue-card .input-row { margin-top: 0; }
.idle-state p, .machine-content > p, .machine-content > small, .baseline { font-size: 12px; line-height: 1.6; }
.seal-card span, .seal-details summary, .purchase-note, .result-verification p { font-size: 12px; }
.seal-card small, .result-head small { font-size: 11px; }
/* The crowding line now carries prose traits instead of a bare score, so it
   needs room and a readable face. Giving it its own full-width row keeps the
   longer text from squeezing the number balls in the 38px/1fr/auto grid. */
.game { grid-template-columns: 38px 1fr; row-gap: 5px; padding: 9px 0; }
.game-source {
  grid-column: 2 / -1;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
}
/* e19c277 retired the left legacy issue card (hidden by default) and added
   .allocation-grid:has(#officialIssueCard[hidden]){grid-template-columns:1fr}.
   That stretched the issuing panel to the full grid width, flattening the two
   "광고 준비 영역" slots into thin full-width strips. Hold the panel at the
   original right-column proportion (1.18 of .82+1.18, minus the 20px gap) so
   the loading layout keeps its intended shape. Above the 900px breakpoint
   only; narrower screens are single column by design. */
@media (min-width: 901px) {
  .allocation-grid:has(#officialIssueCard[hidden]) > .result-card {
    width: calc((100% - 20px) * 1.18 / 2);
    min-width: 420px;
    margin-inline: auto;
  }
}

/* Narrow screens keep home.css's tighter index column; this file loads later,
   so the desktop value above would otherwise win inside that breakpoint too. */
@media (max-width: 480px) {
  .game { grid-template-columns: 28px 1fr; }
  .game-source { font-size: 12px; }
}
.referral-card > small, .paid-offer small { font-size: 12px; line-height: 1.6; }
.winner-empty p, .principle-list p, .footer-menu small, .footer-contact span, .footer-bottom { font-size: 12px; line-height: 1.65; }
.eyebrow, .live-state, .ad-slot b, .ad-slot small { font-size: 12px; }
.result-head button, .result-verification > span { font-size: 12px; }
.daily-week button span, .daily-card-head b, .daily-stats span, .daily-next, .daily-next small { font-size: 12px; }
.daily-week button b, .daily-card-head button { font-size: 11px; }
.winner-heading small, .verified-count span, .winner-empty > span, .verification-flow { font-size: 12px; line-height: 1.6; }
.footer-identity > p, .footer-menu nav b, .footer-contact > a, .footer-bottom p { font-size: 12px; }
.result-verification strong { font-size: 14px; }
.focus-manifesto { width: min(1296px,calc(100% - 42px)); margin: 0 auto 105px; padding: 42px; border: 1px solid #3a424a; border-radius: 28px; background: radial-gradient(circle at 8% 0,#55470f44,transparent 30%),#11171c; }
.focus-copy small,.freeze-standard small,.service-faq small { color: var(--yellow); font-size: 11px; font-weight: 900; letter-spacing: 1.7px; }
.focus-copy h2 { margin: 13px 0 15px; font-size: clamp(32px,4vw,52px); line-height: 1.18; letter-spacing: -2.4px; }
.focus-copy p { max-width: 820px; color: #abb3ba; font-size: 16px; line-height: 1.75; }.focus-copy p strong { color: #fff; }
.engine-proof-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 30px; }
.engine-proof-grid article { padding: 24px; border: 1px solid #343d46; border-radius: 18px; background: #171e24; }.engine-proof-grid b { color: var(--yellow); font: 900 11px monospace; }.engine-proof-grid h3 { margin: 13px 0 9px; font-size: 19px; }.engine-proof-grid p { margin: 0; color: #959fa7; font-size: 13px; line-height: 1.7; }
.issuance-proof-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 15px; }
.issuance-proof-summary article { min-width: 0; padding: 13px; border: 1px solid #38424b; border-radius: 12px; background: #171e24; }.issuance-proof-summary small,.issuance-proof-summary strong { display: block; }.issuance-proof-summary small { color: #8f99a2; font-size: 11px; }.issuance-proof-summary strong { margin-top: 7px; color: #fff; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }.issuance-proof-summary article:first-child strong { color: var(--yellow); }
.freeze-standard { width: min(1296px,calc(100% - 42px)); margin: 0 auto 90px; padding: 40px; border: 1px solid #3a424a; border-radius: 26px; display: grid; grid-template-columns: .95fr 1.05fr; gap: 55px; background: linear-gradient(145deg,#171d23,#0f1418); }.freeze-standard h2 { margin: 13px 0; font-size: 38px; line-height: 1.22; letter-spacing: -2px; }.freeze-standard p { color: #9ca5ad; font-size: 14px; line-height: 1.8; }.freeze-standard ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }.freeze-standard li { padding: 16px; border: 1px solid #343d46; border-radius: 14px; display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; background: #11171c; }.freeze-standard li>b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--yellow); color: #111; }.freeze-standard li span,.freeze-standard li strong { display: block; }.freeze-standard li span { color: #8f99a2; font-size: 12px; line-height: 1.55; }.freeze-standard li strong { margin-bottom: 3px; color: #fff; font-size: 14px; }
.paid-offer h2 em { color: var(--yellow); font-style: normal; }.paid-truth { color: #d5d9dc !important; font-size: 13px; font-weight: 850; }.premium-inventory { margin: 16px 0; padding: 15px; border: 1px solid #4b4530; border-radius: 12px; background: #ffd3350a; }.premium-inventory>div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.premium-inventory>div:first-child span { color: #aeb6bd; font-size: 12px; }.premium-inventory>div:first-child strong { margin: 0; color: var(--yellow); font-size: 18px; }.inventory-track { height: 7px; margin: 12px 0 8px; overflow: hidden; border-radius: 99px; background: #343b42; }.inventory-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#e7b900,#ffd335); }.premium-inventory>small { color: #8f99a2 !important; font-size: 11px !important; letter-spacing: 0 !important; }
.validation-record-link { display: block; margin-top: 18px; padding: 14px 18px; border: 1px solid #4a545d; border-radius: 12px; color: var(--yellow); font-size: 13px; font-weight: 900; text-align: center; }
.service-faq { width: min(1296px,calc(100% - 42px)); margin: 0 auto 100px; display: grid; grid-template-columns: .65fr 1.35fr; gap: 60px; }.service-faq h2 { margin: 12px 0; font-size: 38px; }.service-faq details { border-bottom: 1px solid #343b43; }.service-faq summary { padding: 18px 4px; font-size: 16px; font-weight: 900; cursor: pointer; }.service-faq p { margin: 0 4px 18px; color: #9ba4ac; font-size: 14px; line-height: 1.75; }
.my-record-link { display: block; margin-top: 16px; padding: 14px 18px; border: 1px solid #48525c; border-radius: 11px; color: #fff; font-size: 13px; font-weight: 900; text-align: center; }
.onboarding-card > small { font-size: 11px; }
.onboarding-card > p, .onboarding-card > label, .onboarding-consent { font-size: 13px; line-height: 1.65; }

/* Sprint-U15A-4B: shared result-ball digit legibility and supporting-copy floor. */
.ball {
  width: 38px;
  height: 38px;
  font-family: Arial, "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
  font-size: 16px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: -.25px;
  text-align: center;
  text-rendering: optimizeLegibility;
}
.history-game .ball {
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 800;
}
.history-round-head h3 small,.history-state,.history-game>b,.history-game small,.history-result-line {
  font-family: Arial, "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
  font-weight: 600;
}
.history-round-head h3 small { color: #a2acb5; font-size: 11px; }
.history-state { font-size: 11px; }
.history-game>b { font-size: 11px; }
.history-game small { color: #a1abb4; font-size: 11px; line-height: 1.5; }
.history-result-line { color: #a7b0b8; font-size: 11px; line-height: 1.55; }
#kakaoLoginGuide { color: #555d66; font-size: 14px; font-weight: 600; }
.no-payment-login { color: #5d625d !important; font-weight: 600; }
.input-note { color: #646a65 !important; font-size: 13px !important; font-weight: 500; }
.result-purchase-notice strong { font-size: 14px; font-weight: 800; }
.result-purchase-notice p { font-size: 13px; font-weight: 650; }
.baseline { color: #a9b3bc; font-size: 13px; font-weight: 500; }
.seal-card span,.seal-details summary,.result-verification p { color: #a6b0b9; font-size: 13px; font-weight: 500; }
.free-entitlement-notice>small { font-size: 13px; font-weight: 500; }
.hero-kakao-entry span { color: #d2dbe5; font-size: 13px; font-weight: 500; }
.free-login-guide { color: #c3ced9; font-size: 13px; font-weight: 500; }
.free-initial-status>p { color: #abb9c7; font-size: 13px; font-weight: 500; }
@media (max-width: 620px) {
  .kakao-login-panel strong { white-space: normal; }
  .attendance-benefits li { grid-template-columns: 1fr; gap: 3px; }
  .trust-line { gap: 5px 12px; font-size: 12px; }
  .selected30-research { margin: -48px 20px 75px; padding: 22px; }
  .selected30-heading h2 { font-size: 27px; }
  .selected30-grid { grid-template-columns: 1fr; }
  .focus-manifesto { margin-bottom: 75px; padding: 25px; }.engine-proof-grid,.issuance-proof-summary { grid-template-columns: 1fr; }.freeze-standard,.service-faq { grid-template-columns: 1fr; gap: 25px; padding: 25px; }.service-faq { padding: 0; }.freeze-standard h2,.service-faq h2 { font-size: 30px; }
  .ball { width: 34px; height: 34px; font-size: 15px; }
  .history-game .ball { width: 30px; height: 30px; font-size: 13px; }
  #kakaoLoginGuide { font-size: 13px; }
  .hero-kakao-entry span { font-size: 11px; line-height: 1.55; }
  .free-entitlement-notice>small { font-size: 12px; }
}