.troubleshooting-page main a { color: #315fa8; }
.troubleshooting-page main a:hover { color: #244780; }

.troubleshooting-hero { position: relative; overflow: hidden; color: white; background: radial-gradient(circle at 82% 17%,rgba(255,94,103,.3),transparent 29%),radial-gradient(circle at 94% 92%,rgba(99,216,181,.19),transparent 31%),linear-gradient(135deg,#21072c,#4d1458 58%,#79214e); }
.troubleshooting-hero::before { content: ''; position: absolute; inset: 0; opacity: .1; background-image: radial-gradient(circle,#fff 1px,transparent 1.5px),linear-gradient(115deg,transparent 46%,#fff 46.2%,transparent 46.5%); background-size: 41px 41px,150px 150px; mask-image: linear-gradient(90deg,transparent 8%,#000); }
.hero-grid { position: relative; max-width: 1200px; min-height: 580px; margin: auto; padding: 70px 35px; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(350px,.8fr); align-items: center; gap: 64px; }
.hero-copy { min-width: 0; }.troubleshooting-hero h1 { max-width: 760px; }.troubleshooting-hero p { max-width: 720px; color: #eadceb; }.troubleshooting-hero strong { color: white; }.troubleshooting-hero .hero-copy a { color: #8ce5ca; font-weight: 850; }
.diagnostic-console { position: relative; min-width: 0; padding: 25px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 23px; background: rgba(25,4,33,.52); box-shadow: 0 27px 58px rgba(13,2,18,.32); backdrop-filter: blur(12px); }
.diagnostic-console::after { content: ''; position: absolute; top: -65px; right: -65px; width: 155px; height: 155px; border: 25px solid rgba(99,216,181,.08); border-radius: 50%; }.diagnostic-console > * { position: relative; z-index: 1; }
.console-top { padding-bottom: 15px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.12); color: #c8adca; font-size: 8px; font-weight: 850; letter-spacing: 1.5px; }.console-top span:last-child { color: #8ce5ca; }.console-top i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 11px var(--mint); animation: ready-pulse 1.6s infinite; }@keyframes ready-pulse{50%{opacity:.35;transform:scale(.75)}}
.console-flow { padding: 26px 0; display: flex; align-items: center; gap: 8px; }.console-flow > div { min-width: 0; flex: 1; }.console-flow > i { width: 14px; height: 1px; background: rgba(255,255,255,.2); }.console-flow span { width: 30px; height: 30px; margin-bottom: 9px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.1); color: #ffb5a9; font-size: 8px; font-weight: 900; }.console-flow b { display: block; color: white; font-size: 9px; letter-spacing: .9px; }.console-flow small { display: block; margin-top: 4px; color: #bda6c0; font-size: 7px; line-height: 1.4; }
.signal-screen { min-height: 93px; padding: 18px; display: flex; align-items: flex-end; gap: 6px; border: 1px solid rgba(255,255,255,.11); border-radius: 13px; background: rgba(255,255,255,.045); }.signal-screen span { width: 6px; height: 24px; border-radius: 5px; background: linear-gradient(var(--mint),#56a9bf); animation: signal-bars 1.4s ease-in-out infinite; }.signal-screen span:nth-child(2){height:50px;animation-delay:-.3s}.signal-screen span:nth-child(3){height:34px;animation-delay:-.7s}.signal-screen span:nth-child(4){height:62px;animation-delay:-1s}@keyframes signal-bars{50%{transform:scaleY(.55);opacity:.6}}.signal-screen b { margin: 0 0 5px auto; color: #c0a9c3; font-size: 7px; letter-spacing: .9px; }

.support-content { max-width: 1160px; margin: auto; padding: 58px 30px 82px; }
.symptom-finder,.device-section,.loading-section,.blank-game-section,.performance-section,.update-behaviour-section,.pc-section,.faq-section { scroll-margin-top: 108px; }
.symptom-finder { padding: 39px; border: 1px solid var(--line); border-radius: 24px; background: white; box-shadow: 0 14px 38px rgba(53,19,68,.065); }.symptom-finder > .section-heading { margin-bottom: 28px; }
.symptom-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.symptom-card { min-height: 150px; padding: 20px; display: grid; grid-template-columns: 45px 1fr 27px; align-items: center; gap: 14px; border: 1px solid #eadde8; border-radius: 16px; background: #fff8f7; transition: transform .22s,box-shadow .22s; }.symptom-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(53,19,68,.08); }.symptom-card p { margin: 0; font-size: 13px; line-height: 1.7; }.symptom-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 13px; background: var(--coral); color: white; font-size: 17px; font-weight: 900; }.symptom-arrow { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #ffe5e5; color: var(--coral-dark) !important; font-size: 12px; font-weight: 900; text-decoration: none; }.loading-symptom { background: #f7f2fa; }.loading-symptom .symptom-icon { position: relative; background: #7753a6; }.loading-icon::before { content: ''; width: 20px; height: 20px; border: 3px solid rgba(255,255,255,.35); border-top-color: white; border-radius: 50%; animation: spinner 1.2s linear infinite; }@keyframes spinner{to{transform:rotate(360deg)}}.game-symptom { background: #effaf7; }.game-symptom .symptom-icon { background: #1b9a80; }.login-symptom { background: #f0f7fb; }.login-symptom .symptom-icon { background: #347da6; font-size: 9px; }.inline-link { color: #315fa8; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }.finder-note { margin: 22px 0 0; padding: 15px 18px; border-left: 3px solid #7753a6; background: #f5eff8; font-size: 13px; }

.device-section { margin-top: 37px; }.device-section > .section-heading { margin-bottom: 27px; }.device-guide { padding: 32px; border: 1px solid var(--line); border-radius: 21px; background: white; box-shadow: 0 13px 35px rgba(53,19,68,.055); }.device-guide + .device-guide { margin-top: 16px; }.device-heading { display: flex; align-items: center; gap: 15px; margin-bottom: 24px; }.platform-icon { width: 55px; height: 55px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 16px; background: #1b9a80; color: white; font-size: 16px; font-weight: 900; }.apple-shape { background: #7753a6; font-size: 10px; }.device-heading h3 { margin: 3px 0 0; color: var(--plum); font-size: 26px; }.fix-steps { margin: 0; padding: 0; display: grid; gap: 9px; list-style: none; }.fix-steps li { padding: 13px 16px; display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 13px; border: 1px solid #e5ece9; border-radius: 12px; background: #f8fcfb; }.fix-steps li > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #1b9a80; color: white; font-size: 9px; font-weight: 900; }.fix-steps p { margin: 0; font-size: 13px; }.cache-note { margin-top: 16px; padding: 17px 19px; display: flex; align-items: flex-start; gap: 13px; border-left: 3px solid #f39b38; background: #fff8e9; }.cache-note > span { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #e99535; color: white; font-size: 10px; font-weight: 900; }.cache-note p { margin: 0; font-size: 13px; }.ios-guide { background: #f7f2fa; }.device-copy { margin-left: 70px; }.device-copy p { font-size: 14px; }

.loading-section { margin-top: 37px; padding: 38px; overflow: hidden; border: 1px solid #d9cee4; border-radius: 24px; background: linear-gradient(145deg,#f5eff8,#fff); }.section-lead { margin: 22px 0; padding-left: 52px; }.network-steps { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 9px; list-style: none; }.network-steps li { min-height: 65px; padding: 14px 16px; display: grid; grid-template-columns: 43px 1fr; align-items: center; gap: 14px; border: 1px solid #e4dbe8; border-radius: 13px; background: white; }.network-steps li > span { color: #7753a6; font-size: 10px; font-weight: 900; letter-spacing: 1px; }.network-steps p { margin: 0; font-size: 13px; }.loading-followup { margin-top: 18px; padding: 20px; border-radius: 14px; background: #2c1138; }.loading-followup p { color: #eaddeb; font-size: 13px; }.loading-followup p:first-child { margin-top: 0; }.loading-followup p:last-child { margin-bottom: 0; }.loading-followup strong { color: #ffb8ad; }

.blank-game-section { margin-top: 37px; padding: 38px; border: 1px solid #cfe8e1; border-radius: 24px; background: #effaf7; }.blank-game-section > .section-heading { margin-bottom: 25px; }.failure-compare { margin: 0 0 25px 52px; display: grid; grid-template-columns: 1fr 45px 1fr; align-items: center; gap: 12px; }.failure-compare div { padding: 16px; border: 1px solid #cde3dd; border-radius: 12px; background: white; }.failure-compare span { display: block; margin-bottom: 6px; color: #16836d; font-size: 7px; font-weight: 850; letter-spacing: 1.2px; }.failure-compare b { color: var(--plum); font-size: 12px; }.failure-compare > i { color: var(--coral-dark); font-size: 23px; font-style: normal; text-align: center; }.section-copy { margin-left: 52px; }.section-copy p { font-size: 14px; }

.round-freeze-section { scroll-margin-top: 108px; margin-top: 37px; padding: 40px; overflow: hidden; border-radius: 24px; color: white; background: radial-gradient(circle at 100% 0,rgba(255,94,103,.25),transparent 34%),linear-gradient(130deg,var(--plum-deep),#5d1e66); }.freeze-heading { display: grid; grid-template-columns: 38px 1fr; gap: 15px; }.round-freeze-section h2,.round-freeze-section p,.round-freeze-section strong { color: white; }.round-freeze-section .topic-label { color: #ffaaa5; }.freeze-heading p { margin-bottom: 0; color: #e7d6e8; }.incident-list { margin: 26px 0 0 53px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; list-style: none; }.incident-list li { min-height: 74px; padding: 15px; display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.065); color: #ecdfed; font-size: 12px; line-height: 1.5; }.incident-list span { color: #8ce5ca; font-size: 8px; font-weight: 900; }.privacy-warning { margin: 17px 0 0 53px; padding: 17px 19px; display: flex; gap: 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(255,255,255,.07); }.privacy-warning > span { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--coral); color: white; font-size: 10px; font-weight: 900; }.privacy-warning p { margin: 0; color: #e7d6e8; font-size: 13px; }

.performance-section { margin-top: 37px; padding: 38px; border: 1px solid #d7e6ed; border-radius: 24px; background: #f1f8fb; }.performance-section > .section-heading { margin-bottom: 22px; }.performance-copy { margin-left: 52px; }.performance-copy p { font-size: 14px; }.performance-meter { margin: 25px 0 0 52px; display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 9px 14px; }.performance-meter span { color: #548094; font-size: 7px; font-weight: 850; letter-spacing: 1px; }.performance-meter > i { height: 7px; border-radius: 7px; background: #d8e8ee; }.performance-meter b { display: block; width: 72%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#4aaee0,#63d8b5); }.performance-meter i:nth-of-type(2) b { width: 58%; }.performance-meter i:nth-of-type(3) b { width: 42%; }

.update-behaviour-section { margin-top: 37px; padding: 38px; border: 1px solid #ead6dd; border-radius: 24px; background: #fff4f5; }.update-behaviour-section > .section-heading { margin-bottom: 24px; }.symptom-strip { margin: 0 0 22px 52px; display: flex; align-items: center; gap: 10px; }.symptom-strip span { flex: 1; padding: 12px; border: 1px solid #e9d6dd; border-radius: 9px; background: white; color: #9b6273; font-size: 8px; font-weight: 850; text-align: center; letter-spacing: .8px; }.symptom-strip i { width: 16px; height: 1px; background: #d7aeba; }

.pc-section { margin-top: 37px; }.pc-section > .section-heading { margin-bottom: 24px; }.pc-methods { display: grid; gap: 11px; }.pc-methods > div { padding: 21px; display: grid; grid-template-columns: 56px 1fr; align-items: start; gap: 16px; border: 1px solid var(--line); border-radius: 15px; background: white; box-shadow: 0 9px 25px rgba(53,19,68,.045); }.pc-method-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 15px; background: #18aaa8; color: white; font-size: 10px; font-weight: 900; letter-spacing: 1px; }.repair-icon { background: var(--coral); }.emulator-icon { background: #7753a6; }.pc-methods p { margin: 1px 0; font-size: 13.5px; }

.browser-section { scroll-margin-top: 108px; margin-top: 37px; padding: 38px; display: grid; grid-template-columns: .55fr 1.45fr; align-items: center; gap: 42px; border: 1px solid #d7d0e2; border-radius: 24px; background: #f8f4fa; }.browser-visual { position: relative; min-height: 250px; display: grid; place-items: center; overflow: hidden; border-radius: 18px; background: linear-gradient(145deg,#281034,#694073); }.browser-bar { position: absolute; align-self: start; justify-self: stretch; height: 42px; padding: 0 16px; display: flex; align-items: center; gap: 7px; background: rgba(255,255,255,.09); }.browser-bar i { width: 7px; height: 7px; border-radius: 50%; background: #ff7778; }.browser-bar i:nth-child(2){background:#ffd080}.browser-bar i:nth-child(3){background:#63d8b5}.broken-page { width: 76px; height: 93px; display: grid; place-items: center; border: 3px solid #8ce5ca; border-radius: 12px; color: #ff9b98; font-size: 35px; font-weight: 900; }.browser-copy h2 { margin: 9px 0 21px; font-size: 29px; }.browser-copy p { font-size: 13.5px; }

.login-error-section { scroll-margin-top: 108px; margin-top: 37px; padding: 39px; display: grid; grid-template-columns: .55fr 1.45fr; align-items: center; gap: 42px; border-radius: 24px; color: white; background: radial-gradient(circle at 0 100%,rgba(99,216,181,.16),transparent 32%),linear-gradient(130deg,#28203b,#5e306d); }.error-code { min-height: 215px; padding: 23px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.055); }.error-code small { color: #cbb4d0; font-size: 7px; font-weight: 850; letter-spacing: 1.2px; }.error-code strong { width: 70px; height: 70px; margin: 17px 0; display: grid; place-items: center; border-radius: 50%; background: var(--coral); color: white; font-size: 31px; }.error-code span { color: #8ce5ca; font-size: 7px; font-weight: 850; letter-spacing: 1px; }.login-error-copy .topic-label { color: #ffaaa5; }.login-error-copy h2,.login-error-copy p,.login-error-copy strong { color: white; }.login-error-copy h2 { margin: 9px 0 21px; font-size: 29px; }.login-error-copy p { color: #e6d6e8; font-size: 13.5px; }.login-error-copy a { color: #8ce5ca !important; }

.troubleshooting-page .faq-section { margin-top: 37px; }.reveal { transition: opacity .55s ease,transform .55s ease; }.js-ready .reveal:not(.is-visible) { opacity: 0; transform: translateY(22px); }

@media (max-width: 940px) { .hero-grid { grid-template-columns: minmax(0,1fr); gap: 30px; }.diagnostic-console { width: 100%; max-width: 700px; }.browser-section,.login-error-section { grid-template-columns: 1fr; gap: 27px; }.browser-visual,.error-code { min-height: 190px; } }
@media (max-width: 720px) { .symptom-grid { grid-template-columns: 1fr; }.incident-list { grid-template-columns: 1fr; } }
@media (max-width: 620px) {
  .hero-grid { min-height: 0; padding: 43px 21px 48px; }.troubleshooting-hero h1 { font-size: 38px; }.diagnostic-console { padding: 20px; border-radius: 19px; }.console-flow { gap: 5px; }.console-flow > i { width: 8px; }
  .support-content { padding: 38px 17px 57px; }.symptom-finder,.loading-section,.blank-game-section,.performance-section,.update-behaviour-section,.browser-section,.login-error-section { padding: 26px 19px; border-radius: 19px; }.symptom-card { min-height: 0; padding: 16px; grid-template-columns: 40px 1fr 25px; }.symptom-icon { width: 40px; height: 40px; }.finder-note { margin-top: 16px; }
  .device-section,.loading-section,.blank-game-section,.round-freeze-section,.performance-section,.update-behaviour-section,.pc-section,.browser-section,.login-error-section,.troubleshooting-page .faq-section { margin-top: 29px; }.device-guide { padding: 25px 18px; border-radius: 18px; }.device-heading { align-items: flex-start; }.fix-steps li { padding: 13px; align-items: start; }.cache-note { padding: 15px; }.device-copy,.section-lead,.section-copy,.performance-copy { margin-left: 0; }.section-lead { padding-left: 0; }
  .loading-followup { padding: 17px; }.failure-compare { margin-left: 0; grid-template-columns: 1fr; }.failure-compare > i { transform: rotate(90deg); }.round-freeze-section { padding: 28px 19px; border-radius: 19px; }.incident-list,.privacy-warning { margin-left: 0; }.symptom-strip { margin-left: 0; display: grid; grid-template-columns: 1fr; }.symptom-strip i { width: 1px; height: 8px; justify-self: center; }.performance-meter { margin-left: 0; grid-template-columns: 88px 1fr; }.pc-methods > div { padding: 18px 15px; grid-template-columns: 48px 1fr; gap: 12px; }.pc-method-icon { width: 48px; height: 48px; }.browser-section,.login-error-section { gap: 23px; }.browser-copy h2,.login-error-copy h2 { font-size: 25px; }.article-navigation { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .console-top i,.signal-screen span,.loading-icon::before { animation: none !important; }.reveal { opacity: 1 !important; transform: none !important; } }