@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800;900&display=swap');
:root{--forest:#07573b;--forest-dark:#043827;--leaf:#20a265;--sun:#ffd54a;--sky:#1d83be;--cream:#fff9e9;--ink:#102b20;--red:#d84545;--shadow:0 14px 34px rgba(4,56,39,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#dff4e7 0%,#edf9fb 50%,#fff7d8 100%);color:var(--ink);font-family:Cairo,Tahoma,Arial,sans-serif;font-size:18px}body:before,body:after{content:'✦';position:fixed;z-index:-1;color:#ffd54a;font-size:110px;opacity:.3}body:before{top:12%;right:3%}body:after{bottom:8%;left:2%;color:#20a265}.site-header,.admin-header{min-height:78px;padding:12px max(5vw,28px);background:linear-gradient(110deg,var(--forest-dark),var(--forest));display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 4px 16px #05281b55}.brand,.admin-header>a{color:#fff;text-decoration:none;font-size:28px;font-weight:900;letter-spacing:.2px}.brand small{color:var(--sun)}.site-header nav,.admin-header nav{display:flex;gap:10px;flex-wrap:wrap}.site-header nav a,.admin-header nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:9px;font-weight:800}.site-header nav a:hover,.admin-header nav a:hover{background:#ffffff24}main{max-width:1450px;margin:auto;padding:32px clamp(18px,4vw,60px) 70px}.hero{position:relative;min-height:290px;overflow:hidden;border-radius:30px;padding:38px clamp(30px,7vw,100px);background:linear-gradient(125deg,#03452f 0%,#08744e 58%,#159a66 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.hero:after{content:'🌲  🌲  🌲  🌲';position:absolute;bottom:-32px;right:2%;font-size:130px;letter-spacing:20px;opacity:.25;white-space:nowrap}.hero p{font-size:clamp(17px,2vw,25px);font-weight:700;margin:5px 0}.hero h1{font-size:clamp(38px,5.2vw,76px);line-height:1.15;margin:10px 0;font-weight:900;text-shadow:0 3px 0 #023421}.hero em{font-style:normal;color:var(--sun)}.hero-icon{position:relative;z-index:1;font-size:clamp(90px,13vw,190px);filter:drop-shadow(0 12px 8px #003a27aa);transform:rotate(-4deg)}.card{background:#fff;border:3px solid #ffffffaa;border-radius:25px;padding:clamp(18px,2.5vw,32px);box-shadow:var(--shadow)}.turn-card{text-align:center;margin:28px 0 18px;border-color:#f4cf53;background:linear-gradient(110deg,#fffdf2,#fff7d8)}.turn-card h2{font-size:clamp(25px,3vw,44px);margin:8px 0;font-weight:900}.turn-card p{font-size:clamp(16px,1.6vw,22px);margin:4px}.start-game{font-size:clamp(21px,2.4vw,32px)!important;padding:17px 38px!important;background:linear-gradient(180deg,#ffdf5b,#f0b91f)!important;color:#513600!important;border:2px solid #fff5bb!important;box-shadow:0 6px 0 #bd8511!important}.start-game:active{transform:translateY(4px);box-shadow:0 2px 0 #bd8511!important}.game-controls,.manual{display:flex;align-items:end;justify-content:center;gap:18px;flex-wrap:wrap;margin:20px 0}.game-controls label,.form label{font-weight:900;display:grid;gap:7px;font-size:19px}select,input,textarea{min-width:210px;border:2px solid #9fcbb3;border-radius:13px;padding:12px 14px;background:#fff;font:inherit;font-weight:700;color:var(--ink)}textarea{min-height:95px}button,.button{display:inline-block;border:0;border-radius:14px;padding:13px 22px;background:linear-gradient(180deg,#17865b,#07573b);color:#fff;font:inherit;font-size:19px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 #043827;transition:transform .16s,filter .16s}button:hover,.button:hover{filter:brightness(1.08);transform:translateY(-2px)}button:active{transform:translateY(3px);box-shadow:0 1px 0 #043827}.menu{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:26px 0}.menu button,.menu a{min-height:170px;border:3px solid #fff;background:#fff;color:var(--forest);border-radius:24px;box-shadow:0 8px 0 #b8d7c1,0 14px 26px #0c57301c;display:grid;place-content:center;text-align:center;text-decoration:none;font-size:58px;font-weight:900;transition:.18s}.menu button:nth-child(1){background:linear-gradient(145deg,#d9f4ff,#f5fdff);color:#116c9d}.menu button:nth-child(2){background:linear-gradient(145deg,#fff0d7,#fffaf1);color:#b85d16}.menu button:nth-child(3){background:linear-gradient(145deg,#e8fff1,#fbfffd);color:#16895a}.menu button:nth-child(4){background:linear-gradient(145deg,#f2eaff,#fffaff);color:#7246a2}.menu a{background:linear-gradient(145deg,#fff0b0,#fffafa);color:#a47104}.menu button:hover,.menu a:hover{transform:translateY(-7px) scale(1.02);box-shadow:0 14px 0 #b8d7c1,0 20px 30px #0c573030}.menu span{display:block;margin-top:10px;font-size:18px}.game-panel{min-height:310px;text-align:center;border-color:#d0e8d6}.game-panel h2{font-size:clamp(28px,3.4vw,52px);line-height:1.35;margin:14px auto;max-width:1100px}.game-panel>p{font-size:22px}.tag{display:inline-block;border-radius:99px;padding:6px 20px;background:var(--sun);color:#5b3d00;font-size:19px;font-weight:900}.answers{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1050px;margin:28px auto}.answers button{min-height:90px;background:linear-gradient(180deg,#278fc6,#126796);font-size:clamp(19px,2.3vw,31px);line-height:1.35}.answers button.correct{background:linear-gradient(180deg,#38b868,#148342)}.answers button.wrong{background:linear-gradient(180deg,#e9615c,#bd332f)}.next{margin:18px;font-size:24px}.success{color:#148342}.error{color:#bd332f}.draw{font-size:78px;line-height:1.15}.draw h2{font-size:clamp(32px,4vw,64px);margin:10px}.draw p{font-size:24px}.draw b{display:block;font-size:34px;color:var(--forest)}#ranking{margin-top:35px;background:linear-gradient(160deg,#fffdf5,#fff)}#ranking h2{text-align:center;font-size:clamp(30px,3.5vw,54px);margin:0 0 16px}.ranking{padding:0;margin:0}.rank,.ranking li{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin:8px 0;border-radius:15px;background:#eff8f1;font-size:clamp(18px,2vw,27px);font-weight:800}.rank b,.ranking b{background:#fff;color:var(--forest);border-radius:10px;padding:5px 12px}.winner{background:linear-gradient(100deg,#fff1a9,#fffaf0)!important;border:3px solid #f2c333;font-size:clamp(22px,2.6vw,34px);box-shadow:0 5px 0 #d8a51d}.winner b{color:#8c6000}.manual button{font-size:18px}.danger{background:var(--red)!important;box-shadow:0 4px 0 #9f2828!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{background:linear-gradient(145deg,#ffe17a,#ffc738);border-radius:18px;text-align:center;padding:25px;font-weight:900;font-size:20px;box-shadow:0 6px 0 #d9a818}.stats b{display:block;font-size:45px}.admin-main{max-width:1350px}.admin-grid{display:grid;grid-template-columns:minmax(290px,400px) 1fr;gap:24px}.form{display:grid;gap:15px;align-content:start}.wide{max-width:850px;margin:0 auto}.inline{display:inline}.link{background:none!important;box-shadow:none!important;padding:0!important;color:var(--forest)!important;font-size:inherit!important}table{width:100%;border-collapse:collapse;font-size:17px}td,th{padding:14px 10px;text-align:right;border-bottom:1px solid #d9eadc}th{background:#e6f5e9}.notice{padding:15px 18px;background:#dff4e4;color:#07573b;border-radius:12px;font-weight:800}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(470px,94vw);display:grid;gap:18px;text-align:center;border-top:8px solid var(--sun)}.login-card h1{font-size:32px;color:var(--forest);margin:0}footer{text-align:center;background:var(--forest-dark);color:#fff;padding:22px;font-size:17px;font-weight:700}@media(max-width:900px){.menu{grid-template-columns:repeat(3,1fr)}.hero{min-height:230px}.admin-grid{grid-template-columns:1fr}}@media(max-width:600px){body{font-size:16px}.site-header,.admin-header{align-items:flex-start;flex-direction:column}.site-header nav,.admin-header nav{gap:2px}.brand,.admin-header>a{font-size:23px}.hero{padding:25px;min-height:210px}.hero-icon{font-size:80px}.menu{grid-template-columns:repeat(2,1fr);gap:11px}.menu button,.menu a{min-height:130px;font-size:45px}.menu span{font-size:15px}.answers{grid-template-columns:1fr;gap:12px}.game-controls{align-items:stretch}.game-controls>*{width:100%}.game-controls select{width:100%}.rank,.ranking li{padding:12px;font-size:17px}.stats{grid-template-columns:1fr}}