/* Tahadi Al Horouf — playful sky design inspired by supplied design prototype */
:root{--play-ink:#1c3d5a;--play-paper:#fffdf4;--play-sun:#ffc93c;--play-coral:#ff5d5d;--play-leaf:#3ecf7a;--play-sky:#2f9fdb;--play-shadow:0 5px 0 rgba(28,61,90,.9);--play-radius:22px}
body{background:linear-gradient(180deg,#2f9fdb 0%,#63c6ef 48%,#c9efff 100%) fixed!important;color:var(--play-ink)!important;font-family:'Baloo Bhaijaan 2','Cairo',Tahoma,sans-serif!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 5%,rgba(255,255,255,.36),transparent 28%),radial-gradient(ellipse at 90% 24%,rgba(255,255,255,.2),transparent 25%)}
:is(.site-header,.main-header,.header-container,.navbar,.nav-container){border-radius:0 0 24px 24px!important;background:rgba(255,253,244,.96)!important;box-shadow:0 5px 0 rgba(28,61,90,.16)!important;border-bottom:3px solid var(--play-ink)!important}
:is(.card,.game-card,.room-card,.feature-card,.stat-card,.panel,.content-card,.auth-card,.ranking-card,.tournament-card){background:var(--play-paper)!important;border:3px solid var(--play-ink)!important;border-radius:var(--play-radius)!important;box-shadow:0 6px 0 rgba(28,61,90,.85)!important;transition:transform .18s ease,box-shadow .18s ease}
:is(.card,.game-card,.room-card,.feature-card,.content-card,.auth-card):hover{transform:translateY(-3px);box-shadow:0 9px 0 rgba(28,61,90,.85)!important}
:is(button,.btn,.button,a.btn,.btn-primary,.btn-success,.btn-warning,.btn-danger,.action-btn,input[type=submit]){border:3px solid var(--play-ink)!important;border-radius:17px!important;box-shadow:0 5px 0 var(--play-ink)!important;font-weight:800!important;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease!important}
:is(button,.btn,.button,.btn-primary,.btn-warning,.action-btn,input[type=submit]):hover{transform:translateY(-2px);filter:saturate(1.08)}
:is(button,.btn,.button,.btn-primary,.btn-warning,.action-btn,input[type=submit]):active{transform:translateY(3px);box-shadow:0 2px 0 var(--play-ink)!important}
:is(.btn-primary,.button-primary,.btn-warning,.btn-play,.play-btn){background:var(--play-sun)!important;color:var(--play-ink)!important}
:is(.btn-success,.btn-green,.success-btn){background:var(--play-leaf)!important;color:#123b2a!important}
:is(.btn-danger,.btn-red,.danger-btn){background:var(--play-coral)!important;color:#fff!important}
:is(input,select,textarea){border:2px solid rgba(28,61,90,.38)!important;border-radius:14px!important;background:#fffef9!important;color:var(--play-ink)!important}
:is(input,select,textarea):focus{outline:3px solid rgba(47,159,219,.28)!important;border-color:var(--play-sky)!important}
:is(h1,h2,h3,.page-title,.section-title,.hero-title){color:var(--play-ink)!important;font-weight:800!important}
:is(.badge,.chip,.tag,.status-badge){border:2px solid var(--play-ink);border-radius:999px!important;font-weight:800!important}
:is(.hero,.home-hero,.welcome-section){background:rgba(255,253,244,.94)!important;border:3px solid var(--play-ink)!important;border-radius:28px!important;box-shadow:0 7px 0 var(--play-ink)!important}
:is(.modal-content,.dialog,.popup-content){border:3px solid var(--play-ink)!important;border-radius:24px!important;box-shadow:0 8px 0 rgba(28,61,90,.7)!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}