/* Kahvehane — gizlilik sayfası. Oyunun paleti: koyu ahşap / krem / altın. */
:root{
--wood-deep:#1c1108;
--wood:#2b1a0e;
--panel:#3a2415;
--gold:#e8c268;
--cream:#f0d9a8;
--muted:#9a8c6a;
--line:rgba(232,194,104,.22);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
margin:0;
padding:0 16px 64px;
background:var(--wood-deep);
background-image:
radial-gradient(ellipse at 50% -10%, rgba(232,194,104,.10), transparent 60%),
repeating-linear-gradient(90deg, rgba(0,0,0,.16) 0 2px, transparent 2px 7px);
color:var(--cream);
font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
font-size:17px;
line-height:1.65;
}
.wrap{max-width:760px;margin:0 auto}
header{padding:34px 0 18px;text-align:center;border-bottom:1px solid var(--line)}
.brand{
font-size:13px;letter-spacing:.42em;text-transform:uppercase;
color:var(--gold);margin:0 0 10px
}
h1{font-size:27px;line-height:1.25;margin:0;color:#fff;font-weight:600}
.updated{margin:12px 0 0;color:var(--muted);font-size:14px}
nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0 0}
nav a{
display:inline-block;padding:7px 15px;border-radius:999px;
border:1px solid var(--line);color:var(--cream);
text-decoration:none;font-size:14px;line-height:1.2;background:rgba(255,255,255,.02)
}
nav a:hover{border-color:var(--gold);color:var(--gold)}
nav a[aria-current="page"]{background:var(--gold);border-color:var(--gold);color:#2b1a0e;font-weight:600}
main{margin:26px 0 0}
.intro{
background:var(--panel);border:1px solid var(--line);border-radius:12px;
padding:18px 20px;margin:0 0 26px
}
.intro p{margin:0}
section{
background:rgba(58,36,21,.55);border:1px solid var(--line);border-radius:12px;
padding:16px 20px;margin:0 0 14px
}
h2{
font-size:14px;letter-spacing:.09em;color:var(--gold);
margin:0 0 10px;font-weight:600;text-transform:uppercase
}
p{margin:0 0 11px}
p:last-child{margin-bottom:0}
ul{margin:0 0 11px;padding-left:20px}
li{margin:0 0 5px}
li::marker{color:var(--gold)}
a{color:var(--gold);overflow-wrap:anywhere}
footer{margin:30px 0 0;text-align:center;color:var(--muted);font-size:13px}
@media (max-width:520px){
body{font-size:16px;padding:0 13px 48px}
h1{font-size:22px}
header{padding:26px 0 14px}
section,.intro{padding:14px 15px}
}