/* 생성일자: 2026-09-12 (Asia/Seoul) */
body.xg-onboarding-neon .xg-onboarding-attendance,
body.xg-onboarding-grid .xg-onboarding-grid-guide,
body.xg-onboarding-grid .xg-onboarding-grid-help,
body.xg-onboarding-grid .xg-onboarding-grid-settings,
body.xg-onboarding-grid .xg-onboarding-grid-wallet,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-guide,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-touch-help,
body.xg-onboarding-puzzle .xg-onboarding-rotate-overlay,
body.xg-onboarding-puzzle .xg-onboarding-hub,
body.xg-onboarding-puzzle .xg-onboarding-exit{font-family:inherit;}

body.xg-onboarding-neon .xg-onboarding-attendance-close,
body.xg-onboarding-neon .xg-onboarding-later,
body.xg-onboarding-neon .xg-onboarding-hub,
body.xg-onboarding-grid .xg-onboarding-grid-guide,
body.xg-onboarding-grid .xg-onboarding-grid-help,
body.xg-onboarding-grid .xg-onboarding-grid-settings,
body.xg-onboarding-grid .xg-onboarding-grid-wallet,
body.xg-onboarding-grid .xg-onboarding-hub,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-guide,
body.xg-onboarding-puzzle .xg-onboarding-portrait,
body.xg-onboarding-puzzle .xg-onboarding-exit,
body.xg-onboarding-puzzle .xg-onboarding-hub{min-width:44px;min-height:44px;}

body.xg-onboarding-neon .xg-onboarding-attendance-close:focus-visible,
body.xg-onboarding-neon .xg-onboarding-later:focus-visible,
body.xg-onboarding-neon .xg-onboarding-hub:focus-visible,
body.xg-onboarding-grid .xg-onboarding-grid-guide:focus-visible,
body.xg-onboarding-grid .xg-onboarding-grid-help:focus-visible,
body.xg-onboarding-grid .xg-onboarding-grid-settings:focus-visible,
body.xg-onboarding-grid .xg-onboarding-grid-wallet:focus-visible,
body.xg-onboarding-grid .xg-onboarding-hub:focus-visible,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-guide:focus-visible,
body.xg-onboarding-puzzle .xg-onboarding-portrait:focus-visible,
body.xg-onboarding-puzzle .xg-onboarding-exit:focus-visible,
body.xg-onboarding-puzzle .xg-onboarding-hub:focus-visible{outline:2px solid #3fe0ff;outline-offset:3px;}

body.xg-onboarding-neon .xg-onboarding-attendance{position:relative;}
body.xg-onboarding-neon .xg-onboarding-attendance-close{display:block;width:100%;margin:0 0 10px;padding:10px 14px;border:1px solid rgba(142,244,255,.45);border-radius:12px;background:rgba(8,22,39,.8);color:#d9fbff;font:700 13px/1.2 'JetBrains Mono',monospace;cursor:pointer;}
body.xg-onboarding-neon .xg-onboarding-attendance-close:hover,
body.xg-onboarding-neon .xg-onboarding-later:hover,
body.xg-onboarding-neon .xg-onboarding-hub:hover{border-color:#3fe0ff;color:#fff;}
body.xg-onboarding-neon .xg-onboarding-attendance-note,
body.xg-onboarding-neon .xg-onboarding-neon-result-copy{margin:10px auto;color:rgba(230,247,255,.75);font-size:12px;line-height:1.5;}
body.xg-onboarding-neon .xg-onboarding-attendance-actions{display:flex;align-items:stretch;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
body.xg-onboarding-neon .xg-onboarding-attendance-actions > *{flex:1 1 145px;min-width:120px;}
body.xg-onboarding-neon .xg-onboarding-attendance-actions .xg-onboarding-hub{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border:1px solid rgba(0,242,255,.55);border-radius:10px;background:rgba(0,50,65,.5);color:#baf8ff;text-decoration:none;font:700 12px/1.2 'JetBrains Mono',monospace;}
body.xg-onboarding-neon .xg-onboarding-later{padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.06);color:#eaf9ff;font:700 12px/1.2 'JetBrains Mono',monospace;cursor:pointer;}
body.xg-onboarding-neon #gameover .xg-onboarding-neon-result-hub{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 14px;border:1px solid rgba(0,242,255,.55);border-radius:10px;color:#baf8ff;background:rgba(0,50,65,.5);font:700 11px/1.2 'JetBrains Mono',monospace;text-decoration:none;}
body.xg-onboarding-neon #gameover .xg-onboarding-neon-result-hub:hover{border-color:#3fe0ff;color:#fff;}

body.xg-onboarding-grid .xg-onboarding-grid-guide{margin:4px 0 6px;padding:8px 12px;border:1px solid rgba(50,230,239,.44);border-radius:12px;background:linear-gradient(100deg,rgba(50,230,239,.1),rgba(8,12,22,.82));color:#eafcff;line-height:1.45;}
body.xg-onboarding-grid .xg-onboarding-grid-guide strong{display:block;margin-bottom:2px;color:#50e5ff;font-size:13px;letter-spacing:.08em;}
body.xg-onboarding-grid .xg-onboarding-grid-guide-copy{margin:0;color:#cbd9e6;font-size:13px;}
body.xg-onboarding-grid .xg-onboarding-grid-help,
body.xg-onboarding-grid .xg-onboarding-grid-settings,
body.xg-onboarding-grid .xg-onboarding-grid-wallet{margin:0;border:1px solid rgba(126,139,168,.4);border-radius:10px;background:rgba(7,10,18,.82);color:#e9f4ff;}
body.xg-onboarding-grid .xg-onboarding-grid-help{margin:4px 0 0;}
body.xg-onboarding-grid .xg-onboarding-grid-help > summary,
body.xg-onboarding-grid .xg-onboarding-grid-settings > summary,
body.xg-onboarding-grid .xg-onboarding-grid-wallet > summary{min-height:44px;padding:12px 14px;display:flex;align-items:center;cursor:pointer;color:#dce9f7;font-size:13px;font-weight:700;}
body.xg-onboarding-grid .xg-onboarding-grid-help > :not(summary),
body.xg-onboarding-grid .xg-onboarding-grid-settings > :not(summary){margin-left:14px;margin-right:14px;}
body.xg-onboarding-grid .xg-onboarding-grid-help-copy{margin-top:0;color:#b8c5d8;font-size:12px;line-height:1.6;}
body.xg-onboarding-grid .xg-onboarding-grid-legacy-lead{margin:0 0 8px;color:#909db4;font-size:11px;line-height:1.5;}
body.xg-onboarding-grid .xg-onboarding-grid-settings{margin-top:4px;}
body.xg-onboarding-grid .xg-onboarding-grid-wallet{margin:0;}
body.xg-onboarding-grid .xg-onboarding-grid-wallet .wallet-nav{width:100%;padding:0 12px 12px;}
body.xg-onboarding-grid .xg-onboarding-grid-result-hub{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid rgba(50,230,239,.5);color:#c7fbff;background:rgba(15,56,72,.55);text-decoration:none;font-size:12px;font-weight:700;}

body.xg-onboarding-puzzle .xg-onboarding-puzzle-guide{margin:10px auto 12px;width:min(100%,760px);color:#c5d6e8;font-size:12px;line-height:1.5;text-align:center;}
body.xg-onboarding-puzzle #screen-intro .xg-onboarding-puzzle-guide > p{font-size:14px;line-height:1.5;margin:0 0 6px;}
body.xg-onboarding-puzzle .xg-onboarding-puzzle-landscape{margin:0 0 6px;color:#aef5ff;}
body.xg-onboarding-puzzle .xg-onboarding-puzzle-touch-help{margin:0;border:1px solid rgba(63,224,255,.24);border-radius:9px;background:rgba(8,12,25,.48);text-align:left;}
body.xg-onboarding-puzzle .xg-onboarding-puzzle-touch-help > summary{min-height:44px;padding:11px 13px;display:flex;align-items:center;cursor:pointer;color:#d8f7ff;font-weight:700;}
body.xg-onboarding-puzzle .xg-onboarding-puzzle-touch-copy,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-zoom-copy{margin:0;padding:0 13px 10px;color:#b6c6d7;}
body.xg-onboarding-puzzle .xg-onboarding-puzzle-zoom-copy{padding-top:0;color:#8bdcea;font-size:11px;}
body.xg-onboarding-puzzle .xg-onboarding-rotate-overlay{z-index:200;}
body.xg-onboarding-puzzle .xg-onboarding-rotate-overlay .rl2{display:none;}
body.xg-onboarding-puzzle .xg-onboarding-rotate-status{margin:8px auto 12px;color:#8defff;font-size:13px;line-height:1.45;}
body.xg-onboarding-puzzle .xg-onboarding-portrait{display:inline-flex;align-items:center;justify-content:center;margin:3px 4px 12px;padding:10px 14px;border:1px solid rgba(63,224,255,.65);border-radius:10px;background:rgba(9,54,72,.72);color:#d7fbff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer;}
body.xg-onboarding-puzzle .xg-onboarding-exit-note{max-width:420px;margin:3px auto 9px;color:#d0bdd6;font-size:11px;line-height:1.45;}
body.xg-onboarding-puzzle .xg-onboarding-exit-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}
body.xg-onboarding-puzzle .xg-onboarding-exit{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:10px 13px;border:1px solid rgba(63,224,255,.4);border-radius:10px;background:rgba(18,14,38,.7);color:#d9f9ff;text-decoration:none;font-family:inherit;font-size:14px;font-weight:700;line-height:1.25;}
body.xg-onboarding-puzzle .xg-onboarding-exit:hover{border-color:#3fe0ff;color:#fff;}
body.xg-onboarding-puzzle.xg-onboarding-puzzle-result #rotate-ov,
body.xg-onboarding-puzzle.xg-onboarding-puzzle-result #zoom-ctl{display:none!important;}
body.xg-onboarding-puzzle.xg-onboarding-puzzle-intro #rotate-ov,
body.xg-onboarding-puzzle.xg-onboarding-puzzle-intro #zoom-ctl{display:none!important;}
body.xg-onboarding-puzzle .xg-onboarding-rotate-overlay[data-xg-portrait-dismissed="1"]{display:none!important;}
body.xg-onboarding-puzzle .xg-onboarding-puzzle-result-actions{align-items:stretch;}
body.xg-onboarding-puzzle .xg-onboarding-puzzle-result-hub{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid rgba(63,224,255,.5);border-radius:8px;background:rgba(8,41,56,.6);color:#c9faff;text-decoration:none;font-size:12px;font-weight:700;}

/* Compact result surfaces keep the next action reachable on short screens. */
body.xg-onboarding-neon #gameover,
body.xg-onboarding-grid .result-box,
body.xg-onboarding-puzzle #screen-result{max-height:min(88dvh,760px);overflow-y:auto;overflow-x:hidden;}
body.xg-onboarding-neon #gameover .modes,
body.xg-onboarding-grid .result-box .actions,
body.xg-onboarding-puzzle #screen-result .r-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;}
body.xg-onboarding-neon #gameover .modes > *,
body.xg-onboarding-grid .result-box .actions > *,
body.xg-onboarding-puzzle #screen-result .r-row > *{min-width:44px;min-height:44px;flex:1 1 150px;}
body.xg-onboarding-grid .result-box .actions .xg-onboarding-grid-result-hub,
body.xg-onboarding-puzzle #screen-result .r-row .xg-onboarding-puzzle-result-hub{font-size:14px;}

/* New body copy is never smaller than the site's 14px touch-reading floor. */
body.xg-onboarding-neon .xg-onboarding-attendance-note,
body.xg-onboarding-neon .xg-onboarding-neon-result-copy,
body.xg-onboarding-neon .xg-onboarding-attendance-close,
body.xg-onboarding-neon .xg-onboarding-later,
body.xg-onboarding-neon .xg-onboarding-attendance-actions .xg-onboarding-hub,
body.xg-onboarding-neon #gameover .xg-onboarding-neon-result-hub,
body.xg-onboarding-grid .xg-onboarding-grid-guide,
body.xg-onboarding-grid .xg-onboarding-grid-guide strong,
body.xg-onboarding-grid .xg-onboarding-grid-guide-copy,
body.xg-onboarding-grid .xg-onboarding-grid-help > summary,
body.xg-onboarding-grid .xg-onboarding-grid-settings > summary,
body.xg-onboarding-grid .xg-onboarding-grid-wallet > summary,
body.xg-onboarding-grid .xg-onboarding-grid-help-copy,
body.xg-onboarding-grid .xg-onboarding-grid-legacy-lead,
body.xg-onboarding-grid .xg-onboarding-grid-result-hub,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-guide,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-touch-help > summary,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-touch-copy,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-rotate-copy,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-zoom-copy,
body.xg-onboarding-puzzle .xg-onboarding-rotate-status,
body.xg-onboarding-puzzle .xg-onboarding-portrait,
body.xg-onboarding-puzzle .xg-onboarding-exit-note,
body.xg-onboarding-puzzle .xg-onboarding-exit,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-result-hub{font-size:14px;}

body.xg-onboarding-grid .xg-onboarding-grid-help > summary:focus-visible,
body.xg-onboarding-grid .xg-onboarding-grid-settings > summary:focus-visible,
body.xg-onboarding-grid .xg-onboarding-grid-wallet > summary:focus-visible,
body.xg-onboarding-puzzle .xg-onboarding-puzzle-touch-help > summary:focus-visible{outline:2px solid #3fe0ff;outline-offset:3px;}

@media (max-width:520px){
  body.xg-onboarding-neon .xg-onboarding-attendance-actions{display:grid;grid-template-columns:1fr;}
  body.xg-onboarding-neon .xg-onboarding-attendance-actions > *{width:100%;}
  body.xg-onboarding-grid .xg-onboarding-grid-guide-copy{font-size:14px;}
  body.xg-onboarding-puzzle .xg-onboarding-exit{width:100%;}
}

@media (prefers-reduced-motion:reduce){
  body.xg-onboarding-neon .xg-onboarding-attendance-close,
  body.xg-onboarding-grid .xg-onboarding-grid-guide,
  body.xg-onboarding-puzzle .xg-onboarding-rotate-overlay,
  body.xg-onboarding-puzzle .xg-onboarding-rotate-overlay b{animation:none!important;transition:none!important;}
}