/* Shared reading pages, game guides and footer. Scoped to avoid changing game controls. */
.site-game-nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;font:650 14px system-ui}.site-game-nav a{color:#6558e8;text-decoration:none}.site-game-nav a:hover{text-decoration:underline}
.guide-jump{margin:0 0 17px;font:650 13px/1.6 system-ui}.guide-jump a{color:#5546bf;text-decoration:underline;text-underline-offset:3px}
.site-skip{position:absolute;left:16px;top:-80px;z-index:100;background:#fff;color:#3e34a4;padding:12px 18px;border:2px solid #6558e8;border-radius:10px}.site-skip:focus{top:12px}
.site-header{position:static;height:auto;display:block;background:#fff;border-bottom:1px solid #e8eaf0;padding:18px 0}.site-header-inner{width:min(1100px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-brand{color:#1d2433;font:800 20px/1.4 system-ui,sans-serif;text-decoration:none;display:flex;align-items:center;gap:9px}.site-mark{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:#6558e8;color:white}.site-nav{display:flex;flex-wrap:wrap;gap:16px;margin:0}.site-nav a{color:#525e75;text-decoration:none;font-size:14px;font-weight:650}.site-nav a:hover,.site-footer a:hover{color:#5446d3;text-decoration:underline}
.reading-page{width:min(820px,calc(100% - 32px));margin:36px auto 60px;color:#293247;font:15px/1.85 system-ui,'Noto Sans KR',sans-serif}.reading-page h1{font-size:clamp(30px,6vw,42px);line-height:1.2;letter-spacing:-1.5px;margin:9px 0 16px}.reading-page h2{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:30px 0 11px}.reading-page h3{font-size:17px;line-height:1.5;margin:23px 0 7px}.reading-page p{margin:10px 0}.reading-page a,.play-guide a,.site-featured a{color:#4e40bb;text-decoration:underline;text-underline-offset:3px}.reading-page ul,.reading-page ol,.play-guide ul,.play-guide ol{padding-left:23px}.reading-page li,.play-guide li{margin:9px 0}.site-eyebrow{color:#6558e8;font-weight:800;font-size:11px;letter-spacing:1.8px}.site-lead{font-size:17px;color:#59657b}.site-date{color:#6b7587;font-size:12px}.reading-card{border:1px solid #e3e6ee;background:white;border-radius:20px;padding:clamp(18px,4vw,30px);margin:20px 0}.reading-note{background:#f0edff;border-left:4px solid #8273e9;border-radius:8px;padding:13px 16px;color:#4c4383}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.reading-tile{display:block;border:1px solid #e3e6ee;border-radius:17px;background:#fff;padding:20px;text-decoration:none!important}.reading-tile strong{display:block;color:#20293c;font-size:18px}.reading-tile span{color:#657086;display:block;font-size:14px;margin-top:7px}.reading-tag{font:700 11px system-ui;color:#6558e8;margin-top:12px!important}.reading-table-wrap{overflow-x:auto}.reading-table{border-collapse:collapse;width:100%;font-size:13px;margin:14px 0}.reading-table th,.reading-table td{text-align:left;border-bottom:1px solid #e4e7ef;padding:11px 9px;vertical-align:top}.reading-table th{background:#f3f2fa;font-weight:750}.reading-table code{overflow-wrap:anywhere;font-size:12px}.site-button{display:inline-block;border:1px solid #6558e8;border-radius:11px;padding:11px 16px;background:#6558e8;color:white!important;font:700 14px/1.5 system-ui;text-decoration:none!important;cursor:pointer}.site-button.secondary{background:white;color:#5344bc!important}.site-button:disabled{opacity:.5;cursor:default}.contact-form{display:grid;gap:10px}.contact-form label{font-weight:700;font-size:14px}.contact-form input,.contact-form textarea,.contact-form select{box-sizing:border-box;width:100%;border:1px solid #cfd5e1;border-radius:10px;padding:12px;background:white;color:#253047;font:15px/1.6 system-ui}.contact-form textarea{min-height:180px;resize:vertical}.site-status{min-height:26px;color:#555075;font-size:13px}.site-links{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.play-guide{margin:38px 0 0;padding:clamp(17px,4vw,26px);background:#fff;border:1px solid #e3e6ee;border-radius:20px;color:#364057;font:14px/1.85 system-ui,'Noto Sans KR',sans-serif;text-align:left}.play-guide h2{font-size:23px;line-height:1.4;letter-spacing:-.6px;margin:8px 0 15px;color:#20293c}.play-guide h3{font-size:17px;line-height:1.5;margin:24px 0 8px;color:#30394e}.play-guide p{margin:9px 0}.play-guide .guide-example{padding:13px 15px;background:#f4f2ff;border-radius:11px;color:#51467e;font-size:13px}.play-guide details{border-bottom:1px solid #e6e9f1;padding:12px 0}.play-guide summary{cursor:pointer;color:#3d465d;font-weight:700}.play-guide .guide-meta{font-size:12px;color:#6f788a}.play-guide .site-links{border-top:1px solid #e7e9f0;padding-top:15px;margin-bottom:0}.site-footer{box-sizing:border-box;background:#fff;border-top:1px solid #e4e7ef;padding:24px 16px;margin:40px 0 0;color:#69748a;font:12px/1.8 system-ui,sans-serif;text-align:left}.site-footer-inner{width:min(1100px,100%);margin:auto}.site-footer nav{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px 18px;margin:12px 0}.site-footer a{color:#525d75;text-decoration:none;font-weight:650}.site-footer p{margin:7px 0}.site-footer-brand{font-weight:800;color:#293247;font-size:15px}.site-featured{margin:35px 0;border:1px solid #e5e7ef;background:white;border-radius:20px;padding:25px;color:#556178;font-size:14px;line-height:1.8}.site-featured h2{font-size:22px;color:#20293c;letter-spacing:-.5px;margin:0 0 10px}.site-featured h3{font-size:16px;color:#293247;margin:22px 0 8px}.site-featured p{margin:9px 0}.site-featured .site-links{gap:10px 18px}.site-focus:focus-visible,.site-button:focus-visible,.site-footer a:focus-visible,.site-nav a:focus-visible,.reading-page a:focus-visible,.play-guide a:focus-visible,.play-guide summary:focus-visible{outline:3px solid #6558e8;outline-offset:4px}
@media(max-width:600px){.site-header-inner{align-items:flex-start;gap:12px;flex-direction:column}.site-nav{gap:10px 16px}.reading-page{margin-top:25px}.reading-grid{grid-template-columns:1fr}.site-featured{padding:19px}.play-guide{padding:18px}.site-footer nav{gap:9px 15px}.reading-table{font-size:12px}}