:root{--wine:#6b1020;--gold:#b08a3e;--bg:#efe9e0;--ink:#222;--box:#fff;
--serif:'Old Standard TT',Georgia,serif;--sans:Verdana,Geneva,Tahoma,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.55 var(--sans)}
a{color:var(--wine)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.page{max-width:960px;margin:0 auto;background:var(--box);border-left:1px solid #d5c9b5;border-right:1px solid #d5c9b5;min-height:100vh}
.head{background:linear-gradient(180deg,#7d1426,#4d0a16);color:#f5e7c8;padding:18px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));border-bottom:4px solid var(--gold);display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.head .mask{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:50%}
.head .n{font:400 26px/1.15 var(--serif)}
.head .n small{display:block;font:italic 400 14px var(--serif);color:#e3c98f}
.lang{margin-left:auto;font-size:12px}
.lang a{color:#f5e7c8}
.cols{display:grid;grid-template-columns:200px minmax(0,1fr)}
@media (max-width:700px){.cols{grid-template-columns:1fr}}
.side{background:#f7f1e6;border-right:1px solid #e1d5bf;padding:12px 0}
.side a{display:block;padding:6px 14px;color:var(--wine);text-decoration:none;border-bottom:1px dotted #d8c9ad;font-weight:bold;font-size:12px}
.side a.on{background:var(--wine);color:#fff}
.side .box{margin:14px 10px;border:1px solid #d8c9ad;background:#fff;padding:8px;font-size:11px}
.side .box b{color:var(--wine)}
.side .box a{display:inline;padding:0;border:0;font-weight:bold}
.main{padding:14px max(16px,env(safe-area-inset-right,0px)) 30px 18px;min-width:0}
h1{font:400 26px var(--serif);color:var(--wine);border-bottom:1px solid var(--gold);padding-bottom:4px;margin:4px 0 12px}
h2{font:400 19px var(--serif);color:var(--wine);margin:20px 0 6px}
table.afisha{border-collapse:collapse;width:100%}
table.afisha td,table.afisha th{border:1px solid #d8c9ad;padding:5px 7px;vertical-align:top;text-align:left}
table.afisha th{background:#f3e8d4;font-size:12px}
table.afisha td.d{white-space:nowrap;font-weight:bold;color:var(--wine)}
.scroll{overflow-x:auto}
.play{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;border-bottom:1px solid #e6dcc9;padding:10px 0}
.play .pos{background:var(--wine);color:#f5e7c8;font:400 15px/1.2 var(--serif);padding:10px;min-height:150px;display:flex;align-items:flex-end;border:3px double var(--gold)}
.play b{font:400 17px var(--serif);color:var(--wine)}
.troupe{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.troupe div{border:1px solid #e1d5bf;padding:8px;background:#fcfaf6}
.troupe .ph{height:120px;background:#d9cfbf linear-gradient(180deg,#e5dccd,#c9bba3);margin-bottom:6px;display:flex;align-items:center;justify-content:center;color:#9a8b72;font-size:11px}
.foto{max-width:100%;border:1px solid #ccc;padding:3px;background:#fff}
.counter{font:10px var(--sans);color:#998}
.foot{border-top:4px solid var(--gold);background:#4d0a16;color:#e3c98f;font-size:11px;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.foot a{color:#f5e7c8}