:root{--header-height: 60px;--bg: #1f1812;--primary: #ececec;--panel: #2b231e;--metal: #b88946;--metal-dark: #7a5a37;--muted: #cdbfae;--accent: #e9c89a;--glass: rgba(255, 255, 255, 0.03);--radius: 12px;--gap: 18px;--default-font: "Inter", serif;--headline-font: "Playfair Display", serif;--text-font: "Playfair Display", serif;--form-font: "Playfair Display", serif}html{font-family:var(--default-font);background-color:var(--bg);color:var(--primary)}body{padding:0;margin:0}ul li{padding:2px 0}nav{text-align:center;margin:50px 0 0 0;border-top:1px solid rgba(184,137,70,0.2);border-bottom:1px solid rgba(184,137,70,0.2);padding:10px 0}nav a{color:var(--muted);text-decoration:none;padding:5px 20px;font-weight:bold;font-size:1.5rem;text-transform:uppercase;border-radius:10px;border:1px solid rgba(255,255,255,0.01)}nav a:hover{border:1px solid rgba(255,255,255,0.1);background-color:var(--glass)}.main-header{margin-top:20px;margin-bottom:20px}.main-header__content{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;margin:0 auto}.main-container{max-width:1200px;margin:0 auto}.grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px}.cards{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.card{background:linear-gradient(0deg, var(--bg) 0%, var(--panel) 100%);border-radius:var(--radius);padding:14px;border:5px double var(--metal-dark);box-shadow:0 2px 10px rgba(0,0,0,0.45);margin:10px;display:block;text-decoration:none;color:inherit}.card header h1{letter-spacing:1px;color:var(--muted);margin:0 0 20px 0}.card h2{font-family:var(--default-font)}.card h3{font-family:var(--default-font)}.card--clickable{cursor:pointer;transition:transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease}.card--clickable:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(0,0,0,0.4)}.card p em{font-style:italic;color:var(--accent)}.card strong{color:var(--accent)}.social_links{display:flex;flex-direction:row;justify-content:center}.social_links a{color:var(--accent)}.social_links svg{margin:0 20px}.title{text-align:center}.title h1{color:var(--metal-dark);font-family:var(--headline-font);font-size:clamp(1.5rem, 5vw, 3rem);margin-top:0;margin-bottom:40px;letter-spacing:4px;text-transform:uppercase;border-bottom:1px solid rgba(184,137,70,0.1);display:inline-block;padding-bottom:4px}.title p{margin:3px 0 0 0;font-size:15px;color:var(--muted);opacity:0.95}h1,h2,h3,h4,h5,h6{font-family:var(--headline-font);font-weight:700;line-height:1.2;margin:0 0 1rem 0}h1{font-size:3rem}h2{font-size:1.5rem}h3{font-size:1rem}@keyframes moving{0%{left:-100px}50%{left:100px}100%{left:-100px}}.button{background:linear-gradient(to bottom, #b8874c, #875d31);border:1px solid #704b24;color:#f1e4c6;text-transform:uppercase;font-weight:bold;padding:12px;border-radius:6px;cursor:pointer;letter-spacing:1px;transition:background 0.3s ease, transform 0.1s ease}.button:hover{background:linear-gradient(to bottom, #c89a5f, #9a6d3f);transform:translateY(-1px)}.steam-form{background:linear-gradient(0deg, var(--bg) 0%, var(--panel) 100%);border-radius:var(--radius);padding:14px;border:1px solid var(--metal-dark);box-shadow:0 2px 10px rgba(0,0,0,0.45);margin:10px;display:block;text-decoration:none;color:inherit;padding:30px;max-width:500px;margin:40px auto}.steam-form h2{font-size:22px;font-family:var(--form-font);color:var(--accent);letter-spacing:1px;margin:0 0 20px 0;border-bottom:1px solid #a67c52;display:inline-block;padding-bottom:6px}.steam-form form{display:flex;flex-direction:column;gap:16px}.steam-form label{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#d6c1a0}.steam-form input,.steam-form select{background:#3b281d;border:1px solid #a67c52;color:#f1e4c6;padding:10px;border-radius:4px;font-family:var(--form-font);transition:all 0.2s ease}.steam-form input:focus,.steam-form select:focus{outline:none;box-shadow:0 0 6px #c99a5b;border-color:#c99a5b}.steam-form button{background:linear-gradient(to bottom, #b8874c, #875d31);border:1px solid #704b24;color:#f1e4c6;text-transform:uppercase;font-weight:bold;padding:12px;border-radius:6px;cursor:pointer;letter-spacing:1px;transition:background 0.3s ease, transform 0.1s ease}.steam-form button:hover{background:linear-gradient(to bottom, #c89a5f, #9a6d3f);transform:translateY(-1px)}.form-message{display:none;margin-top:20px;padding:12px 16px;border-radius:4px;font-family:var(--form-font);font-size:15px;letter-spacing:0.5px;text-align:center;animation:fadeIn 0.5s ease;border:1px solid transparent;box-shadow:inset 0 0 5px rgba(0,0,0,0.3)}.form-message.success{background:linear-gradient(to bottom, #3e2b16, #2b1d10);border-color:#c89a5f;color:#f1e4c6;box-shadow:0 0 8px rgba(200,154,95,0.3)}.form-message.error{background:linear-gradient(to bottom, #4a1a12, #2c100b);border-color:#b3472a;color:#f7d6c4;box-shadow:0 0 8px rgba(179,71,42,0.3)}@keyframes fadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#stage{text-align:center;margin:10px 10px 50px 10px}#stage .stage__image img{border-radius:var(--radius);border:1px solid var(--metal-dark);width:100%}#stage .title{margin-top:20px}#stage .title h1{border-bottom:0px}@media (max-width: 767px){#beta-test{margin:0 10px}}:root{--print-color: #2b1f16}#decoration{text-align:center;margin:25px 0 10px 0}#beta-test .form-message{margin-bottom:10px}#news{background:#f8f2e6;box-shadow:0 2px 10px rgba(0,0,0,0.45);color:var(--print-color);padding:20px 20px;margin-bottom:10px;font-family:"EB Garamond", serif;border-top:2px solid var(--print-color);border-bottom:2px solid var(--print-color);background-image:radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px);background-size:4px 4px}#news header{margin-bottom:24px;font-family:"Courier New", monospace;font-size:13px;text-align:center;opacity:0.7;border-top:1px dashed var(--print-color);border-bottom:1px dashed var(--print-color);padding:8px 0;text-transform:uppercase}#news footer{margin-top:24px;margin-bottom:0;font-family:"Courier New", monospace;font-size:13px;text-align:center;opacity:0.7;border-top:1px dashed var(--print-color);padding-top:8px}#news h1{text-align:center;font-family:"Playfair Display", serif;font-size:50px;margin-top:0;margin-bottom:20px;letter-spacing:4px;text-transform:uppercase;border-bottom:1px solid var(--print-color);display:inline-block;padding-bottom:4px;display:block}#news .articles{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}#news article{padding:10px;flex:1 1 330px;border:1px solid var(--print-color)}#news article h3{font-family:"Playfair Display", serif;font-size:18px;margin-top:0;margin-bottom:8px}#news article p{font-size:15px;line-height:1.6}#news article .articel__media img,#news article .articel__media video{margin-bottom:-4px;width:100%;max-width:100%}#jobs{margin-top:50px}#jobs-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}#jobs .card{flex:1 1 430px;position:relative;text-align:center}#jobs .card::before{content:"";position:absolute;bottom:2px;right:2px;width:32px;height:32px;background:url("/assets/decorations/cog.png") no-repeat center/contain;opacity:0.4}#jobs h2{color:var(--muted)}#jobs .card__content{height:100px}#job{margin-top:50px}#job .card{position:relative}#job .card::before{content:"";position:absolute;bottom:2px;right:2px;width:62px;height:62px;background:url("/assets/decorations/cog.png") no-repeat center/contain;opacity:0.4}
