/* Shared DUELBRAIN design for the homepage and all informational pages. */
.site-shell{background:#020d20;min-height:100vh}
.site-shell>.site-header{position:relative;z-index:5;max-width:none;width:100%;height:auto;min-height:76px;background:linear-gradient(180deg,#03142c,#020d20);border-bottom:1px solid #125b92;padding:12px max(24px,calc((100vw - 1204px)/2));}
.site-shell>.site-header nav a{color:#c8e6fc;transition:color .2s,text-shadow .2s}
.site-shell>.site-header nav a:hover{color:#fff;text-shadow:0 0 12px #27cfff}
.site-shell>footer{max-width:none;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:0;padding:31px 20px;background:#020b18;border-top:1px solid #15456a;text-align:center;}
.site-shell>footer nav{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;}
.site-shell>footer small{display:block;text-align:center;color:#7896af}
/* Help screen: compact page heading, no redundant English eyebrow labels. */
.db-help-page{color:#e4f4ff;min-height:65vh;background:radial-gradient(ellipse at 50% 0%,#07518446,transparent 43%),linear-gradient(#05162d,#020d20);padding-bottom:70px}
.db-help-heading{text-align:center;max-width:850px;margin:0 auto;padding:58px 22px 42px}
.db-help-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:.03em;margin:0 0 17px;color:#f0fbff;text-shadow:0 0 20px #12bfff66}
.db-help-heading p{font-size:clamp(14px,1.4vw,17px);line-height:1.8;margin:0;color:#afc8db}
.db-help-body{max-width:1050px;margin:auto;padding:0 24px;display:grid;gap:46px}
.db-help-group h2{font-size:clamp(22px,2.5vw,29px);font-weight:800;margin:0 0 20px;color:#e7f7ff;letter-spacing:.02em}
.db-help-games{display:grid;gap:11px}
.db-help-game,.db-help-panel,.db-help-links a{border:1px solid #137cba;background:linear-gradient(140deg,#071d37,#041126);box-shadow:inset 0 0 22px #087fc810,0 0 14px #02589918;border-radius:12px;overflow:hidden}
.db-help-game summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:69px;padding:17px 22px;list-style:none;font-weight:750;font-size:19px;color:#ebf9ff}
.db-help-game summary::-webkit-details-marker{display:none}
.db-help-game summary:hover{background:#0a30554a}
.db-help-game summary:focus-visible,.db-help-links a:focus-visible{outline:2px solid #64e7ff;outline-offset:3px}
.db-help-chevron{width:11px;height:11px;border-right:2px solid #50d7ff;border-bottom:2px solid #50d7ff;transform:rotate(45deg);transition:transform .18s;flex-shrink:0}
.db-help-game[open] .db-help-chevron{transform:rotate(225deg)}
.db-help-game-content{padding:4px 25px 24px;border-top:1px solid #144f74;color:#b7cfe1;line-height:1.9;font-size:15px}
.db-help-game-content p{margin:17px 0 12px;color:#cce0ed}
.db-help-game-content ul,.db-help-panel ol{padding-left:1.5em;margin:10px 0 0}
.db-help-game-content li,.db-help-panel li{margin:8px 0}
.db-help-panel{padding:22px 26px;color:#b7cfe1;line-height:1.9;font-size:15px}
.db-help-panel p{margin:0 0 14px}.db-help-panel p:last-child{margin-bottom:0}.db-help-note{color:#8eacc3}
.db-help-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.db-help-links a{padding:21px 19px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:border-color .2s,transform .2s}
.db-help-links a:hover{border-color:#56e6ff;transform:translateY(-2px)}
.db-help-links strong{color:#e8f8ff;font-size:17px}.db-help-links span{color:#a0bacf;font-size:13px;line-height:1.7}
@media(max-width:720px){.site-shell>.site-header{padding:10px 16px}.db-help-heading{padding:37px 18px 31px}.db-help-body{padding:0 16px;gap:35px}.db-help-links{grid-template-columns:1fr}.db-help-game summary{padding:15px 17px;min-height:58px;font-size:17px}.db-help-game-content{padding:0 18px 18px}.db-help-panel{padding:18px}.site-shell>footer nav{gap:11px 18px}}

/* Contact page: shared site styling, compact heading and server-side captcha. */
.db-contact-page{min-height:65vh;padding:0 20px 70px;background:radial-gradient(ellipse at 50% 0%,#07518446,transparent 45%),linear-gradient(#05162d,#020d20)}
.db-contact-heading{max-width:850px;margin:auto;padding:55px 15px 32px;text-align:center}
.db-contact-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:.03em;color:#f0fbff;text-shadow:0 0 20px #12bfff66;margin:0 0 16px}
.db-contact-heading p{font-size:clamp(14px,1.4vw,17px);line-height:1.8;color:#afc8db;margin:0}
.db-contact-body{width:100%;max-width:760px;margin:auto}
.db-contact-form{background:linear-gradient(140deg,#071d37,#041126);border:1px solid #137cba;border-radius:13px;box-shadow:inset 0 0 22px #087fc810,0 0 18px #02589918;padding:28px;gap:18px}
.db-contact-form label{color:#e4f4ff}.db-contact-form input,.db-contact-form select,.db-contact-form textarea{background:#020f20;border-color:#205377}
.db-contact-form textarea{min-height:160px;resize:vertical}
.db-contact-captcha{border-top:1px solid #174361;padding-top:19px;display:grid;gap:9px}
.db-contact-captcha-visual{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.db-contact-captcha-visual img{width:240px;height:90px;object-fit:contain;border:1px solid #257ca7;border-radius:9px}
.db-contact-refresh{font:inherit;color:#b9e9ff;border:1px solid #257ca7;background:#092341;border-radius:8px;padding:10px 14px;cursor:pointer}
.db-contact-refresh:hover{background:#125078}.db-contact-captcha p{font-weight:400;font-size:13px;line-height:1.6;color:#91b4cb;margin:0}
@media(max-width:720px){.db-contact-page{padding:0 14px 46px}.db-contact-heading{padding:37px 10px 27px}.db-contact-form{padding:19px 15px}.db-contact-captcha-visual{gap:10px}}

/* Legal pages: same dark neon visual system as Help and Contact, with unchanged localized content. */
.db-legal-page{min-height:65vh;padding:0 20px 80px;color:#e4f4ff;background:radial-gradient(ellipse at 50% 0%,#07518446,transparent 43%),linear-gradient(#05162d,#020d20)}
.db-legal-heading{text-align:center;max-width:850px;margin:0 auto;padding:55px 15px 36px}
.db-legal-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:.03em;margin:0 0 15px;color:#f0fbff;text-shadow:0 0 20px #12bfff66}
.db-legal-heading p{margin:0;color:#afc8db;font-size:clamp(13px,1.25vw,16px);line-height:1.8}
.db-legal-body{max-width:900px;margin:0 auto;display:grid;gap:17px}
.db-legal-section{min-width:0;padding:27px 31px;background:linear-gradient(140deg,#071d37,#041126);border:1px solid #137cba;border-radius:12px;box-shadow:inset 0 0 22px #087fc810,0 0 14px #02589918;overflow-wrap:anywhere}
.db-legal-section h2{font-size:clamp(18px,2vw,23px);line-height:1.5;letter-spacing:.01em;color:#ebf9ff;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #164c71}
.db-legal-section p,.db-legal-section li{color:#b7cfe1;font-size:15px;line-height:1.95}
.db-legal-section p{margin:0 0 12px}.db-legal-section p:last-child{margin-bottom:0}
.db-legal-section ul{margin:12px 0 0;padding-left:1.5em}.db-legal-section li{padding-left:2px;margin:7px 0}
.db-legal-section a{color:#67e3ff;text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.db-legal-section a:hover{color:#fff}.db-legal-section a:focus-visible{outline:2px solid #67e3ff;outline-offset:3px}
@media(max-width:720px){.db-legal-page{padding:0 14px 50px}.db-legal-heading{padding:37px 10px 27px}.db-legal-body{gap:12px}.db-legal-section{padding:19px 17px}.db-legal-section p,.db-legal-section li{font-size:14px;line-height:1.85}}