*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#191a1a;color:#eee;font-family:Vazirmatn,Tahoma,Arial,sans-serif}
body{direction:rtl;overflow-x:hidden}
.container{width:100%;min-height:100%;background-color:#191a1a;background-image:linear-gradient(0deg,transparent 24%,rgba(114,114,114,.2) 25%,rgba(114,114,114,.2) 26%,transparent 27%,transparent 74%,rgba(114,114,114,.2) 75%,rgba(114,114,114,.2) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,rgba(114,114,114,.2) 25%,rgba(114,114,114,.2) 26%,transparent 27%,transparent 74%,rgba(114,114,114,.2) 75%,rgba(114,114,114,.2) 76%,transparent 77%);background-size:55px 55px;padding:18px 10px 40px}
.wrap{max-width:980px;margin:0 auto}
.hero{height:325px;position:relative;overflow:hidden;background:#080908 url('https://motd.campgaming.ir/hero.png') center center/cover no-repeat;border:1px solid #a97c13;border-bottom:4px solid #e3ad25;box-shadow:0 0 22px rgba(227,173,37,.32)}
.hero:before,.hero:after{content:"";position:absolute;z-index:3;width:75px;height:6px;background:#ffd45a;top:16px;box-shadow:0 0 12px #ffba00}
.hero:before{right:16px}.hero:after{left:16px}
.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.35) 25%,rgba(0,0,0,.77) 50%,rgba(0,0,0,.35) 75%,rgba(0,0,0,.1))}
.heroText{position:absolute;z-index:2;top:50%;right:20%;left:20%;text-align:center;transform:translateY(-50%);text-shadow:0 2px 8px #000}
.heroText h1{display:inline-block;position:relative;margin:0;color:#fff;line-height:1.15;direction:ltr}.heroText h1 span{display:block;text-align:center;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',Arial,sans-serif}.heroText .ghost{position:absolute;z-index:0;top:-27px;left:0;width:100%;color:rgba(255,213,82,.12);font-size:112px;line-height:1;letter-spacing:10px;white-space:nowrap;transform:scaleX(1.5);-webkit-text-stroke:1px rgba(255,218,96,.55);-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(255,190,30,.12)}.heroText em{display:block;position:relative;z-index:2;width:auto;margin:16px 0;font:normal 86px/1 Impact,Haettenschweiler,'Arial Narrow Bold',Arial,sans-serif;letter-spacing:4px;white-space:nowrap}.heroText .tagline{position:relative;z-index:2;font-size:26px;line-height:1;letter-spacing:5px;color:#fff;text-shadow:0 2px 6px #000}.shine{color:#ffd85a;text-shadow:0 2px 2px #694600,0 0 14px rgba(255,201,52,.45)}
.panel{position:relative;margin-top:17px;background:#181919;border:1px solid #444;border-right:4px solid #d9a527;padding:18px;box-shadow:0 5px 18px rgba(0,0,0,.42)}
.panel:after{content:"";position:absolute;left:-1px;top:-1px;border-top:18px solid #d9a527;border-right:18px solid transparent}
h2{font-size:18px;margin:0 0 16px;color:#f1f1f1}h2 b{display:inline-block;color:#e6b332;font:900 13px Arial,sans-serif;border-left:1px solid #555;padding-left:9px;margin-left:7px}
.tableBox{overflow-x:auto;border:1px solid #3c3c3c}table{width:100%;border-collapse:collapse;min-width:610px;background:#111}th{background:#252525;color:#eab93e;font-size:12px;padding:11px;border-bottom:2px solid #b88716}td{padding:10px;border-bottom:1px solid #303030;text-align:center;font-size:13px}th:last-child,td:last-child{width:86px;padding:10px 8px}tr:hover td{background:#202020}.num{color:#777;width:35px}.server{font-family:Arial,sans-serif;font-weight:bold;text-transform:uppercase;text-align:center}.ip{font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-weight:bold;font-size:14px;letter-spacing:.4px;color:#ffd35b;white-space:nowrap}
button,.buttons a{font-family:Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer;border:0;color:#fff;text-decoration:none;text-align:center}.copy{min-width:62px;padding:6px 9px;background:#3a2d0d;border:1px solid #c8941b;color:#ffd862}.copy:hover,.copy.copied{background:#d6a324;color:#161616;box-shadow:0 0 12px rgba(255,200,55,.6)}
.buttons{text-align:center}.buttons a{display:inline-block;min-width:145px;margin:5px;padding:13px 18px;border:1px solid #555;background:#242424;color:#e9b83c;line-height:22px;transition:.2s}.buttons a:hover{background:#30260e;border-color:#b88a1c;transform:translateY(-1px)}.buttons.equal{display:table;width:100%;table-layout:fixed;border-spacing:8px 0}.buttons.equal a{display:table-cell;width:33.333%;height:50px;margin:0;padding-top:0;padding-bottom:0;vertical-align:middle}.social .equal a{text-align:right}.social .equal span{float:right;color:#eee;line-height:22px}.social .equal i{float:left;color:#e9b83c;font:normal 12px/22px Arial,sans-serif;direction:ltr}
.hint{color:#999;font-size:12px;border-bottom:1px solid #333;padding-bottom:12px}.rules ol{list-style:none;margin:0;padding:0;overflow:hidden}.rules li{float:right;width:50%;min-height:43px;padding:9px 7px;border-bottom:1px dashed #383838;color:#ccc;font-size:12px}.rules li span{display:inline-block;direction:ltr;width:25px;height:25px;line-height:25px;margin-left:8px;text-align:center;background:#30260e;color:#e9b83c;border:1px solid #755b1c;font:11px/25px Arial,sans-serif}
.contact a{direction:ltr}.contact .equal a{padding-top:4px}.footer{text-align:center;padding:26px 0 5px;color:#777}.footer strong{display:block;color:#d7a52d;font:900 18px Arial,sans-serif;letter-spacing:4px}.footer span{font:9px Arial,sans-serif;letter-spacing:3px}.footer a{color:#d7a52d;text-decoration:none}.footer a:hover{color:#ffe18a;text-shadow:0 0 8px #d7a52d}
.heroText .tagline{font-family:Arial,sans-serif;font-size:22px;font-weight:900;text-shadow:none}
@media(max-width:650px){.container{padding:8px 5px 25px}.hero{height:235px}.heroText{right:5%;left:5%}.heroText .ghost{top:-17px;font-size:62px;letter-spacing:5px;transform:scaleX(1.25)}.heroText em{margin:10px 0;font-size:46px;letter-spacing:2px}.heroText .tagline{font-size:14px;letter-spacing:3px}.panel{padding:13px}.rules li{float:none;width:100%}.buttons.equal{display:block;border-spacing:0}.buttons.equal a{display:block;width:100%;margin:7px 0;line-height:50px}.social .equal a{overflow:hidden}.social .equal span,.social .equal i{line-height:50px}}

/* Camp Gaming champagne reference theme */
html,body{background:#030303;color:#f2eadb}.container{background-color:#050505;background-image:linear-gradient(0deg,transparent 24%,rgba(169,132,72,.09) 25%,rgba(169,132,72,.09) 26%,transparent 27%,transparent 74%,rgba(169,132,72,.09) 75%,rgba(169,132,72,.09) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,rgba(169,132,72,.09) 25%,rgba(169,132,72,.09) 26%,transparent 27%,transparent 74%,rgba(169,132,72,.09) 75%,rgba(169,132,72,.09) 76%,transparent 77%)}
.hero{border-color:#a88249;border-bottom-color:#d0a45e;box-shadow:0 0 16px rgba(205,163,91,.2)}.hero:before,.hero:after{height:3px;background:#e9c47f;box-shadow:0 0 8px #d6a953}.heroText .ghost{color:rgba(214,177,103,.1);-webkit-text-stroke:1px rgba(205,165,88,.48);text-shadow:none}.shine{color:#f0c86d;text-shadow:0 2px 1px #563a10,0 0 12px rgba(235,184,75,.34)}
.heroText .tagline{display:table!important;width:100%;white-space:nowrap;color:#f7efe1}.heroText .tagline:before,.heroText .tagline:after{content:"";display:inline-block;width:74px;height:1px;margin:0 14px 5px;background:#c79b52;box-shadow:0 0 5px rgba(215,173,91,.5)}
.panel{background:#070707;border:1px solid #8d7044;border-right:1px solid #8d7044;padding:17px;box-shadow:inset 0 0 0 1px rgba(239,205,143,.04),0 5px 16px #000}.panel:after{border-top-color:#e8c079}h2{color:#eee7dc}h2 b{color:#d7ad64;border-left-color:#705d3c}
.tableBox{border-color:#5f4b31}table{background:#020202}th{background:#080808;color:#d9b16b;border-bottom-color:#8c6c38}td{border-bottom-color:#211d17}tr:hover td{background:#15110b}.num{color:#c8b58d}.ip{color:#e5c280}
.copy{min-width:72px;padding:7px 11px;background:#efd7a8;border:1px solid #c79d5a;color:#171109;box-shadow:inset 0 0 7px rgba(255,255,255,.65),0 0 5px rgba(205,157,75,.28)}.copy i{display:inline-block;margin-left:5px;vertical-align:-2px;color:#15110a}.copy:hover,.copy.copied{background:#fff0ca;color:#000;box-shadow:0 0 10px rgba(238,194,112,.65)}
.buttons.equal{border-spacing:9px 0}.buttons.equal a{height:52px;background:#efd7a8;border:1px solid #c49a58;color:#171109;box-shadow:inset 0 0 8px rgba(255,255,255,.6),0 0 5px rgba(194,144,65,.25)}.buttons.equal a:hover{background:#fff0ca;border-color:#e0b76f;color:#000}.social .buttons.equal{direction:rtl}.social .buttons.equal a{width:25%;padding:0 12px;text-align:right;vertical-align:middle;white-space:nowrap}.social .equal a>i{float:right;margin:1px 0 0 10px;color:#111;font-size:20px;line-height:22px}.social .equal span{float:right;color:#171109;line-height:22px}.social .equal b{float:left;color:#493717;font:normal 11px/22px Arial,sans-serif;direction:ltr}.contact .equal a{color:#1a1309;padding-top:4px}.contact .equal i{display:inline-block;margin-left:12px;font-size:20px;vertical-align:-3px;color:#111}
.rules li{color:#d8d0c4;border-bottom-color:#29231b}.rules li span{background:#efd7a8;color:#171109;border-color:#c79d5a}.hint{color:#958b7d;border-bottom-color:#332b20}
.footer{color:#83745e}.footer strong{display:table;width:100%;color:#d8ae64}.footer strong:before,.footer strong:after{content:"";display:inline-block;width:120px;height:1px;margin:0 18px 5px;background:#b78d4c}.footer a{color:#e0b25e}
@media(max-width:650px){.panel{background:#070707}.heroText .tagline:before,.heroText .tagline:after{width:28px;margin:0 7px 4px}.social .buttons.equal,.contact .buttons.equal{display:block}.social .buttons.equal a,.contact .buttons.equal a{display:block;width:100%;margin:8px 0;line-height:50px}.social .equal a>i,.social .equal span,.social .equal b{line-height:50px}.social .equal a>i{margin-top:0}.footer strong:before,.footer strong:after{width:38px;margin:0 8px 5px}}

/* Annotation refinements */
.heroText .ghost{-webkit-text-stroke-width:.25px;-webkit-text-stroke-color:rgba(220,180,99,.42);color:rgba(214,177,103,.06)}
.heroText h1:after{content:"";display:block;position:relative;z-index:2;width:26px;height:26px;margin:18px auto 0;background:url('https://motd.campgaming.ir/icon/star.svg') center center/contain no-repeat}
.copy{min-width:66px}.copy i{display:none}
.social .buttons.equal a{height:54px;padding:7px 8px 7px 14px}.social .equal span{float:right;color:#171109;line-height:38px}.social .equal a>i{float:left;width:38px;height:38px;margin:0;color:#f1d79f;background:#17120b;border:1px solid #8f6b34;font-size:18px;line-height:38px;text-align:center;box-shadow:inset 0 0 5px rgba(255,220,155,.15)}
.contact .buttons.equal a{height:54px;padding:8px 12px;direction:rtl;text-align:right}.contact .equal i{float:right;width:34px;height:34px;margin:0;color:#f1d79f;background:#17120b;border:1px solid #8f6b34;font-size:17px;line-height:34px;text-align:center}.contact .equal span{float:left;color:#171109;font:normal 14px/34px Arial,sans-serif;direction:ltr}
@media(max-width:650px){.heroText h1:after{width:20px;height:20px;margin-top:12px}.social .buttons.equal a,.contact .buttons.equal a{height:54px;padding:7px 8px 7px 12px;line-height:normal}.social .equal span{line-height:38px}.social .equal a>i{line-height:38px}.contact .equal i{line-height:34px}.contact .equal span{line-height:34px}}

/* Custom social SVGs and flat icons */
.social .equal a>i{display:none}.social .equal a>img{float:left;width:27px;height:27px;margin:5px 0 0;object-fit:contain}.contact .equal i{width:auto;height:auto;margin:7px 0 0;background:transparent;border:0;color:#171109;font-size:20px;line-height:20px;box-shadow:none}.contact .equal span{line-height:34px}
@media(max-width:650px){.social .equal a>img{margin-top:5px}.contact .equal i{margin-top:7px;line-height:20px}}
.contact .equal span{font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:14px;font-weight:bold;line-height:34px;letter-spacing:.4px}
.contact .equal i{float:left}.contact .equal span{float:right;padding-top:4px;line-height:30px}
.social .buttons.equal a{padding:7px}.social .equal a>img{margin:6px 0 0}.contact .buttons.equal a{padding:8px}.contact .equal i{margin-top:9px}.contact .equal span{margin-top:2px}
@media(max-width:650px){.social .buttons.equal a{padding:7px}.social .equal a>img{margin-top:6px}.contact .buttons.equal a{padding:8px}.contact .equal i{margin-top:9px}.contact .equal span{margin-top:2px}}
.social .buttons.equal a{padding:7px 15px}.contact .buttons.equal a{padding:8px 16px}
@media(max-width:650px){.social .buttons.equal a{padding:7px 15px}.contact .buttons.equal a{padding:8px 16px}}
.rules li span{margin-left:12px}.rules li em{position:relative;top:-2px;font-style:normal}
.contact .equal img{float:left;width:24px;height:24px;margin-top:6px;object-fit:contain}
@media(max-width:650px){.contact .equal img{margin-top:6px}}
.social .equal span{padding-top:4px;font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:14px;font-weight:bold;line-height:34px;letter-spacing:.4px;direction:ltr;unicode-bidi:bidi-override;text-align:right}