@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Marhey:wght@500;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#20251f;color:#e8e2d1;font-family:Cairo,Tahoma;min-height:100vh;background-image:radial-gradient(#b2aa7d18 1px,transparent 1px);background-size:22px 22px}nav{height:62px;padding:0 max(18px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:#161b16;color:#d7c993;border-bottom:1px solid #b8aa6c30}nav a{color:#c8bc8c;text-decoration:none;font-size:11px}header{width:min(1320px,calc(100% - 30px));margin:26px auto;padding:34px 40px;border-radius:22px;background:linear-gradient(120deg,#2f392c,#1c241c);border:1px solid #aea66a3a;position:relative;overflow:hidden}header:after{content:"⚔";position:absolute;left:60px;top:15px;font-size:150px;color:#aaa06815}header small{color:#c9b86e}h1{font-family:Marhey;font-size:clamp(39px,6vw,66px);line-height:1.35;margin:8px 0}header p{color:#aeb7a5}main{width:min(1320px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:230px 1fr 300px;gap:14px;padding-bottom:55px}aside,#brief{background:#e7dfc8;color:#293328;border-radius:16px;padding:17px;height:max-content}aside input{width:100%;padding:11px;border:1px solid #39453738;border-radius:8px}.cat{display:block;width:100%;border:0;border-bottom:1px solid #56604e25;background:transparent;padding:10px;text-align:right}.cat.active{background:#5b664c;color:white}.key{font-size:8px;display:grid;gap:6px;margin-top:20px}.board{height:560px;background:#c8b98d;border:12px solid #514433;border-radius:10px;position:relative;overflow:auto;box-shadow:inset 0 0 50px #4b39255e}.grid{position:absolute;inset:0;background-image:linear-gradient(#6f654634 1px,transparent 1px),linear-gradient(90deg,#6f654634 1px,transparent 1px);background-size:45px 45px}.battle{position:absolute;width:130px;height:90px;background:#f2e8c9;border:2px solid #3d4938;color:#263326;padding:9px;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 18%,100% 100%,8% 100%,0 82%);box-shadow:6px 6px 0 #3b342963}.battle:nth-child(even){background:#dce4d0}.battle b{display:block;font-size:12px}.battle small{font-size:7px}.battle .pin{font-size:20px;color:#9f4631}.battle:hover,.battle.active{transform:scale(1.08);z-index:3;background:#f4c95c}#brief h2{font-family:Marhey;font-size:25px;margin:5px 0}#brief .meta{font-size:9px;color:#6c745f}.brief-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.brief-row div{background:#d8ceb0;padding:9px;border-radius:8px;font-size:9px}.brief-text{font-size:11px;line-height:1.9;color:#5a6255}.result{background:#44543f;color:white;padding:12px;border-radius:10px}@media(max-width:1050px){main{grid-template-columns:220px 1fr}#brief{grid-column:1/-1}}@media(max-width:700px){main{grid-template-columns:1fr}.board{height:500px}}