:root { --bg:#0d1117; --ink:#e6edf3; --muted:#9fb2c8; color-scheme:dark; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body { margin:0; min-height:100vh; overflow:hidden; color:var(--ink); background:radial-gradient(circle at 25% 5%,#243a63 0%,#0d1117 46%,#070a10 100%); }
.introOverlay { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:18px; background:rgba(5,9,16,.72); backdrop-filter:blur(8px); }
.introCard { display:flex; flex-direction:column; width:min(760px,calc(100vw - 28px)); max-height:min(88vh,900px); overflow:hidden; border-radius:24px; padding:24px 24px 20px; background:linear-gradient(180deg,rgba(18,27,41,.96),rgba(10,16,26,.97)); border:1px solid rgba(255,255,255,.14); box-shadow:0 24px 90px rgba(0,0,0,.48); }
.introScroll { flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding-right:7px; scrollbar-color:rgba(124,211,255,.42) rgba(255,255,255,.05); }
.introTitle { margin:0 0 10px; color:var(--ink); font-size:clamp(24px,3.3vw,38px); font-weight:900; letter-spacing:.02em; text-align:center; }
.introMaker { margin:0 0 18px; color:var(--muted); font-size:13px; line-height:1.45; text-align:center; }
.introMaker a,.introMaker a:visited { color:inherit; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.help { margin:0; color:var(--ink); font-size:clamp(14px,1.45vw,16px); line-height:1.7; }.help b { color:#fff; }
.entryActions { flex:0 0 auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }
.entryButton { min-width:0; min-height:78px; border:0; border-radius:18px; padding:13px 14px; color:#071018; background:linear-gradient(135deg,#ecf6ff,#7cd3ff 46%,#59ffd8); box-shadow:0 12px 34px rgba(0,221,255,.24),inset 0 -3px 0 rgba(0,0,0,.18); cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; transition:transform .12s ease,box-shadow .12s ease,filter .12s ease; }
.entryButton.online { background:linear-gradient(135deg,#f2f7ff,#8bb8ff 46%,#8d8cff); box-shadow:0 12px 34px rgba(91,144,255,.24),inset 0 -3px 0 rgba(0,0,0,.18); }
.entryButton:hover,.entryButton:focus-visible { transform:translateY(-2px); filter:saturate(1.08); }.entryButton:active { transform:translateY(2px) scale(.99); }.entryButton:focus-visible { outline:3px solid #ffd166; outline-offset:3px; }.entryButton:disabled { cursor:wait; opacity:.68; transform:none; }
.entryButton strong { font-size:clamp(15px,2vw,18px); font-weight:900; letter-spacing:.02em; }.entryButton small { max-width:30ch; color:rgba(7,16,24,.78); font-size:clamp(10.5px,1.35vw,13px); font-weight:700; line-height:1.3; }
.entryStatus { flex:0 0 auto; min-height:1.25em; margin:8px 0 -4px; color:var(--muted); font-size:12px; text-align:center; }
.gameWatermark { position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:9999; }.gameWatermark .watermarkUnit { position:absolute; left:50%; transform:translate(-50%,-50%) rotate(-45deg); transform-origin:center; display:flex; flex-direction:column; align-items:center; gap:.06em; }.gameWatermark span { white-space:nowrap; font-size:clamp(26px,3.3vw,48px); line-height:1.02; font-weight:900; letter-spacing:.08em; color:rgba(255,255,255,.10); text-shadow:0 1px 2px rgba(0,0,0,.14); user-select:none; }.gameWatermark .wm1 { left:24%; top:20%; }.gameWatermark .wm2 { left:72%; top:49%; }.gameWatermark .wm3 { left:38%; top:80%; }
body.watermark-tampered .introOverlay { filter:blur(9px) grayscale(.35); pointer-events:none; user-select:none; }.watermark-tamper-overlay { position:fixed; left:50%; top:50%; z-index:10000; width:min(560px,88vw); transform:translate(-50%,-50%); padding:24px 28px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:linear-gradient(135deg,rgba(100,12,28,.96),rgba(28,8,18,.98)); color:#fff; box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 34px rgba(255,23,68,.28); font-size:20px; font-weight:900; line-height:1.55; text-align:center; }
@media(max-width:520px){.introOverlay{padding:10px}.introCard{width:min(100vw - 12px,760px);max-height:92dvh;border-radius:18px;padding:16px 14px 14px}.introTitle{font-size:clamp(22px,6vw,30px)}.introMaker{margin-bottom:13px;font-size:11.5px}.help{font-size:13.5px;line-height:1.6}.entryActions{gap:8px;margin-top:12px}.entryButton{min-height:72px;padding:10px 7px;border-radius:14px}.entryButton strong{font-size:13.5px}.entryButton small{font-size:9.5px}}