:root{
    --bg:#100b09;
    --panel:#211610;
    --panel2:#2d1c13;
    --gold:#e9b95d;
    --gold2:#ffd98b;
    --text:#fff5e8;
    --muted:#cdbda9;
    --red:#a94332;
    --border:#5a3b27;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:Inter,Segoe UI,Arial,sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.55;
}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,calc(100% - 36px));margin:auto}
.hero{
    min-height:760px;
    background:
      radial-gradient(circle at 78% 30%,rgba(220,120,50,.2),transparent 28%),
      linear-gradient(180deg,rgba(10,7,6,.15),rgba(10,7,6,.98)),
      linear-gradient(135deg,#392216,#120c09 60%);
    border-bottom:1px solid #38261c;
}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{font-weight:900;letter-spacing:.04em}
.brand span{color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:24px;color:#e4d6c4;font-size:.94rem}
.hero-content{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;padding:95px 0 120px}
.badge,.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.02;margin:16px 0 22px}
h1 strong{color:var(--gold)}
h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.1;margin:.25rem 0}
h3{font-size:1.25rem}
.lead{color:var(--muted);font-size:1.16rem;max-width:670px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 20px}
.btn{
    display:inline-flex;align-items:center;justify-content:center;
    border:0;border-radius:10px;padding:14px 22px;
    background:linear-gradient(180deg,#efc36b,#c88f31);
    color:#21150b;font-weight:900;cursor:pointer;
    box-shadow:0 9px 28px rgba(0,0,0,.24);
}
.btn:hover{filter:brightness(1.07)}
.btn-small{padding:9px 15px}
.btn-outline{background:transparent;border:1px solid #745238;color:var(--gold2);box-shadow:none}
.btn-danger{background:#692d29;color:#fff}
.mini{color:#9e8d7b;font-size:.86rem}
.game-preview{background:#160f0c;border:1px solid #63422a;border-radius:18px;padding:14px;box-shadow:0 40px 80px rgba(0,0,0,.42)}
.preview-title{text-align:center;padding:8px;color:var(--gold);font-weight:800}
.preview-screen{
    min-height:420px;border-radius:10px;overflow:hidden;
    background:linear-gradient(#201913bb,#100b09dd),radial-gradient(circle at center,#5d351c,#140d09);
    border:1px solid #402c20;padding:18px
}
.gift-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.gift-row div{text-align:center;background:#fff;color:#24160c;padding:8px 3px;border-radius:4px}
.gift-row b{display:block;font-size:1.55rem}
.gift-row span{font-size:.58rem;font-weight:800}
.tavern-art{text-align:center;font-size:7rem;padding-top:90px;color:#d4954f}
.tavern-art small{display:block;font-size:.95rem;color:#cdbda9}
.section{padding:100px 0}
.darker{background:#0b0807;border-top:1px solid #241914;border-bottom:1px solid #241914}
.section-head{display:flex;align-items:flex-start;gap:22px;margin-bottom:42px}
.section-head>span{
    flex:0 0 52px;height:52px;border:1px solid #69482e;color:var(--gold);
    display:grid;place-items:center;border-radius:50%;font-weight:900
}
.section-head p{color:var(--muted);margin:.6rem 0 0}
.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card,.event,.mode-card{
    background:linear-gradient(180deg,#251811,#18100c);
    border:1px solid var(--border);border-radius:14px;padding:26px;
}
.card .icon{font-size:2rem}.card p,.event small,.mode-card p{color:var(--muted)}
.events-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.event{text-align:center;padding:24px 16px}
.event i{font-style:normal;font-size:2.4rem;display:block;margin-bottom:12px}
.event b,.event small{display:block}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mode-card{display:flex;align-items:center;gap:28px}
.phone-demo,.pc-demo{
    flex:0 0 auto;background:#080605;border:2px solid #6f4b30;
    color:var(--gold);display:grid;place-items:center;text-align:center;font-weight:900
}
.phone-demo{width:115px;height:200px;border-radius:20px}
.pc-demo{width:210px;height:125px;border-radius:10px}
.phone-demo small,.pc-demo small{font-size:.65rem;color:#c9b59e}
.download-section{background:linear-gradient(90deg,#2a170e,#170e0a)}
.download-box{
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    padding:44px;border:1px solid #694227;border-radius:16px;background:#1a110d
}
.btn-download{min-width:260px;font-size:1.05rem}
.disabled{opacity:.45;pointer-events:none}
.license-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.license-copy p,.license-copy li{color:var(--muted)}
.license-copy ul{list-style:none;padding:0}
.license-form{
    background:#1c120e;border:1px solid var(--border);border-radius:16px;padding:28px;
    display:grid;gap:16px
}
label{font-size:.88rem;color:#decab4;font-weight:700;display:grid;gap:7px}
input,textarea,select{
    width:100%;border:1px solid #5e412c;background:#100b08;color:#fff5e8;
    border-radius:9px;padding:12px 13px;font:inherit;outline:none
}
input:focus,textarea:focus,select:focus{border-color:var(--gold)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-submit{width:100%}
.form-note{font-size:.8rem;color:#998875;text-align:center;margin:0}
.success{background:#173722;color:#9ef0b5;border:1px solid #2c6340;padding:12px;border-radius:8px}
.error,.field-error{color:#ffb1a6}.error{background:#421d1b;padding:12px;border-radius:8px}
.faq details{border-bottom:1px solid #36251a;padding:20px 0}
.faq summary{font-weight:800;cursor:pointer;color:#f0d6ae}
.faq p{color:var(--muted)}
footer{padding:30px 0;border-top:1px solid #2c1e16;color:#a89681}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
.admin-body{background:#0e0a08}
.admin-wrap{width:min(1500px,calc(100% - 34px));margin:40px auto}
.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}
.admin-header h1{font-size:2.2rem;margin:5px 0}
.admin-actions{display:flex;gap:10px;align-items:center}.admin-actions form{margin:0}
.admin-table-wrap{overflow:auto;border:1px solid #50351f;border-radius:12px}
.admin-table{width:100%;border-collapse:collapse;min-width:1120px;background:#17100c}
.admin-table th,.admin-table td{padding:13px;border-bottom:1px solid #302118;text-align:left;vertical-align:top}
.admin-table th{background:#271910;color:var(--gold)}
.admin-table td{color:#e7d8c6}
.message-cell{max-width:280px;white-space:normal}
.empty{text-align:center!important;color:#9f8e7a!important;padding:35px!important}
.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#352015,#0b0806 65%)}
.login-card{width:min(420px,calc(100% - 30px));background:#1c120d;border:1px solid #644127;border-radius:18px;padding:32px;display:grid;gap:16px}
.login-card h1{font-size:2rem;text-align:center;margin:0}.login-card p{text-align:center;color:#a9937d;margin:0}
.login-icon{text-align:center;font-size:4rem}.back-link{text-align:center;color:#ad9984;font-size:.9rem}
@media(max-width:900px){
    .nav-links a:not(.btn){display:none}
    .hero-content,.license-section{grid-template-columns:1fr}
    .game-preview{max-width:650px}
    .cards.three,.events-grid{grid-template-columns:1fr 1fr}
    .mode-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .hero-content{padding-top:50px}.hero{min-height:auto}
    .cards.three,.events-grid,.form-row{grid-template-columns:1fr}
    .download-box,.mode-card{flex-direction:column;align-items:flex-start}
    .gift-row{grid-template-columns:repeat(5,1fr)}
    .nav{height:68px}.brand{font-size:.85rem}
    .section{padding:70px 0}
    .footer-inner{flex-direction:column}
}
