/* Theme Name: Daman Game Guide
Version: 1.0.0
Description: Original responsive editorial theme with Rank Math integration.
Author: Daman Game Guide
*/
:root{--coral:#ff5d5d;--ink:#333;--accent:#b7353e;--blue:#226daf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#efefef;color:var(--ink);font:17px/1.75 Arial,Helvetica,sans-serif}a{color:#a92b38;text-underline-offset:3px}a:hover{color:#74202b}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #183f76}.site{max-width:1200px;margin:auto;background:white}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.header{background:var(--coral);padding:23px 40px;display:flex;gap:24px;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand img{width:225px;max-width:100%;display:block}.header-actions{display:flex;gap:12px;align-items:center}.pill{padding:9px 21px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:700;background:#a62d38;color:white}.pill.light{background:white;color:#333}.menu-toggle{display:none}.nav{display:flex;align-items:center;gap:22px}.nav>a,.nav summary{font-size:14px;font-weight:600;color:#272727;text-decoration:none;cursor:pointer}.dropdown{position:relative}.dropdown>summary{list-style:none}.dropdown>summary:after{content:' ⌄'}.dropdown-panel{position:absolute;right:0;top:34px;background:white;box-shadow:0 7px 25px #0002;width:280px;border-radius:8px;padding:10px;display:grid}.dropdown-panel a{padding:8px 12px;text-decoration:none;color:#333;font-size:14px}.dropdown-panel a:hover{background:#fff1f0}.hero{padding:34px 50px 38px;text-align:center;background:linear-gradient(#121713b8,#121713d9),url('assets/daman-game-hero.svg') center/cover;color:white}.hero h1{font-size:42px;line-height:1.2;margin:0 0 23px;font-weight:700}.hero-icon{width:150px;height:150px;border-radius:23px}.hero .tagline{color:#ffdf96;font-weight:bold;margin:16px 0 24px}.hero .buttons{display:grid;gap:16px;max-width:300px;margin:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 22px;background:#b93642;color:#fff;border:0;border-radius:7px;text-decoration:none;cursor:pointer;font-size:16px;font-weight:600}.hero .button{background:#ff6969;color:#242424;font-weight:600}.hero .button.blue{background:#246fb1;color:white}.button:hover{filter:brightness(.92);color:inherit}.hero .description{margin:22px auto 0;max-width:1050px;color:#f4f4f4}.hero small{display:block;margin-top:10px;color:#ddd;font-size:12px}.content{padding:48px 40px 60px}.content h1{font-size:38px;line-height:1.3;margin:20px 0}.content h2{font-size:30px;line-height:1.35;text-align:center;font-weight:650;margin:0 0 22px}.content h3{font-size:21px;line-height:1.4;text-align:center;margin:20px 0 12px}.content p{margin:0 0 22px}.content section{padding:38px 0;border-bottom:1px solid #e4e4e4}.content section:last-child{border:0}.table-wrap{overflow:auto;border-radius:12px;box-shadow:0 1px 15px #0000000b;margin:20px 0 30px}table{width:100%;border-collapse:collapse;text-align:left;font-size:16px}td,th{border:1px solid #e4e6e9;padding:17px 23px;vertical-align:top}thead{background:#fff0ef}th{font-weight:600}tbody tr:nth-child(even){background:#f8f9fb}.overview-table th{width:35%;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.notice{background:#fff7e7;border-left:4px solid #a77515;padding:17px 22px;margin:26px 0;color:#674b18;border-radius:4px}.notice p{font-size:15px;margin:5px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 30px;margin:34px 0 12px}.feature{text-align:center}.feature img{width:96px;height:96px}.feature p{font-size:16px}.toc{background:#fafafa;border:1px solid #d9d9d9;border-radius:7px;padding:18px 23px;margin:32px 0}.toc summary{font-weight:bold;cursor:pointer}.toc ol{columns:2;padding-left:22px;font-size:15px;line-height:1.6}.toc li{padding:5px 10px 5px 0;break-inside:avoid}.toc a{color:#4c4c4c}.styled{list-style:none;padding:0;margin:25px 0;counter-reset:steps}.styled li{position:relative;background:linear-gradient(135deg,#f8f9fb,#fff);border-left:4px solid var(--coral);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:12px 18px 12px 48px;margin:0 0 13px;font-size:16px;color:#2c3e50}.styled li:before{position:absolute;left:15px;top:15px;border-radius:50%;width:21px;height:21px;text-align:center;line-height:21px;background:#ad303d;color:#fff;font-size:12px;content:'✓'}ol.styled li:before{counter-increment:steps;content:counter(steps)}.faq{border-bottom:1px solid #ddd;padding:18px 0}.faq summary{font-weight:600;cursor:pointer}.faq p{padding:15px 25px 0 0;font-size:16px}.breadcrumb{font-size:13px;color:#6a6a6a;margin-bottom:18px}.breadcrumb a{color:#6a6a6a}.eyebrow{color:#a3323c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px}.meta{font-size:13px;color:#777}.article-banner{display:flex;align-items:center;justify-content:center;gap:25px;background:#fff3f0;border-radius:12px;padding:25px;margin:30px 0}.article-banner img{width:85px;height:85px}.article-banner span{max-width:480px;font-size:18px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:35px}.blog-card{border:1px solid #e7e7e7;border-radius:10px;overflow:hidden}.blog-card .art{height:160px;background:#fff1ed;display:flex;align-items:center;justify-content:center}.art img{width:92px;height:92px}.blog-card .copy{padding:25px}.blog-card h2{font-size:23px;text-align:left}.blog-card p{font-size:15px}.blog-card a{text-decoration:none}.footer{background:#ff5d5d;color:#252525;padding:35px 40px;text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin-bottom:20px}.footer a{color:#252525;font-size:14px}.footer p{font-size:13px;max-width:850px;margin:12px auto}.footer .brand img{margin:0 auto 25px}.footer-bottom{border-top:1px solid #8e25294d;margin-top:22px;padding-top:18px;font-size:13px}label{display:block;font-size:15px;font-weight:600;margin-bottom:20px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #b7b7b7;border-radius:6px;padding:10px 12px;margin-top:7px;background:white;color:#333}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{font-weight:400;display:flex;gap:10px;align-items:flex-start}.check input{margin-top:7px}#form-status{font-size:14px;margin-top:15px}.sticky{position:fixed;bottom:16px;right:20px;background:white;box-shadow:0 2px 12px #0002;border:1px solid #ddd;border-radius:100%;width:42px;height:42px;text-align:center;line-height:40px;color:#a52b38;z-index:9;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1050px){.nav{gap:14px}.header{padding:22px 25px;gap:15px}.brand img{width:185px}.pill{padding:8px 16px}}@media(max-width:800px){body{font-size:16px}.header{flex-wrap:wrap;padding:18px 22px}.brand img{width:180px}.header-actions{margin-left:auto}.header-actions .pill{font-size:12px;padding:8px 14px}.menu-toggle{display:block;border:1px solid #69272b;background:transparent;border-radius:5px;width:38px;height:36px;font-size:20px;cursor:pointer}.nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:15px}.nav.open{display:flex}.nav>a,.nav summary{display:block;padding:10px 0}.dropdown-panel{position:static;box-shadow:none;width:100%;margin-bottom:10px}.hero{padding:30px 24px}.hero h1{font-size:34px}.hero-icon{width:135px;height:135px}.content{padding:30px 24px 45px}.content h1{font-size:30px}.content h2{font-size:26px}.features{grid-template-columns:repeat(2,1fr);gap:26px 20px}.toc ol{columns:1}.content section{padding:30px 0}.footer{padding:30px 24px}.table-wrap td,.table-wrap th{padding:13px 15px;min-width:130px}.form-grid{grid-template-columns:1fr;gap:0}.blog-grid{grid-template-columns:1fr}.article-banner{gap:15px;padding:18px}.article-banner span{font-size:16px}}@media(max-width:430px){.header{gap:12px}.header .brand img{width:158px}.header-actions{gap:6px}.header-actions .pill{padding:7px 10px}.menu-toggle{width:34px}.features{grid-template-columns:1fr}.hero .buttons{max-width:290px}.hero h1{font-size:32px}.content{padding:25px 20px}.footer-links{gap:10px 18px}.article-banner{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}