:root{--bg:#1d1208;--panel:#f3dfb5;--paper:#fff4d6;--ink:#2b180a;--muted:#765531;--beer:#d88b1a;--beer2:#f0bd43;--dark:#2b1708;--red:#8d2d18;--ok:#326c2e;--line:rgba(43,24,10,.18);--shadow:0 16px 45px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#6f3d12 0,#2c1809 45%,#120b05 100%);color:var(--ink)}button,input,textarea{font:inherit}.app-shell{min-height:100dvh;display:flex;align-items:stretch;justify-content:center;padding:16px}.phone{width:min(100%,560px);background:linear-gradient(180deg,#fff7df,#e8c891);border:1px solid rgba(255,255,255,.25);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;position:relative}.topbar{position:sticky;top:0;z-index:10;background:rgba(51,29,10,.92);color:#fff3ce;backdrop-filter:blur(12px);padding:12px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;line-height:1.15}.brand b{font-size:18px}.brand span{font-size:12px;color:#e5c389}.icon-btn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff3ce;border-radius:14px;padding:9px 11px;cursor:pointer}.content{padding:18px 16px 28px}.hero{padding:26px 18px 20px;background:linear-gradient(145deg,rgba(255,247,218,.92),rgba(225,178,93,.85)),repeating-linear-gradient(45deg,rgba(111,61,18,.06),rgba(111,61,18,.06) 4px,transparent 4px,transparent 9px);border-radius:24px;border:1px solid var(--line);box-shadow:0 10px 20px rgba(80,45,13,.12)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;margin:0 0 10px;color:#3b210c}h1{font-size:34px;line-height:1.05}h2{font-size:26px}h3{font-size:20px}.lead{font-size:17px;line-height:1.55}.muted{color:var(--muted)}.small{font-size:13px}.card{background:rgba(255,248,224,.82);border:1px solid var(--line);border-radius:20px;padding:15px;margin:13px 0;box-shadow:0 8px 20px rgba(72,40,13,.08)}.grid{display:grid;gap:10px}.two{grid-template-columns:1fr 1fr}@media(max-width:420px){.two{grid-template-columns:1fr}}.btn{width:100%;border:0;border-radius:16px;padding:14px 16px;cursor:pointer;background:#6f3d12;color:#fff5d6;font-weight:800;box-shadow:0 8px 16px rgba(45,24,8,.22);transition:.15s transform,.15s filter}.btn:active{transform:translateY(1px)}.btn.secondary{background:#ead19a;color:#3d230d;border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;color:#4a2a0e;border:1px solid rgba(74,42,14,.25);box-shadow:none}.btn.danger{background:#862d18}.btn.ok{background:#34722e}.btn[disabled]{opacity:.55;cursor:not-allowed}input[type=text],input[type=password]{width:100%;border:1px solid rgba(64,35,10,.25);border-radius:15px;padding:14px 14px;background:#fffaf0;color:var(--ink);outline:none}label.check{display:flex;gap:10px;align-items:flex-start;line-height:1.35}.progress-wrap{padding:12px 14px;background:rgba(255,255,255,.35);border-radius:18px;border:1px solid var(--line);margin:14px 0}.beer-glass{height:42px;border:3px solid rgba(83,48,15,.55);border-top-width:6px;border-radius:7px 7px 14px 14px;position:relative;overflow:hidden;background:rgba(255,255,255,.45)}.beer-fill{position:absolute;left:0;bottom:0;height:0;width:100%;background:linear-gradient(180deg,var(--beer2),var(--beer));transition:height .7s ease}.beer-foam{position:absolute;left:0;right:0;top:0;height:10px;background:rgba(255,255,255,.75)}.station-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(111,61,18,.12);padding:7px 10px;font-weight:700;color:#4d2b0f}.video-box{background:#160d06;border-radius:18px;overflow:hidden;margin:12px 0;border:1px solid rgba(255,255,255,.25)}video{display:block;width:100%;max-height:55dvh;background:#000}.media-note{color:#f6d39a;background:rgba(0,0,0,.34);padding:8px 10px;font-size:13px}.accordion{border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:10px 0;background:rgba(255,250,238,.72)}.acc-head{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:rgba(111,61,18,.1);border:0;padding:13px 14px;font-weight:850;color:#3d230d;cursor:pointer}.acc-body{display:none;padding:14px;line-height:1.55;white-space:pre-wrap}.accordion.open .acc-body{display:block}.code-row{display:flex;gap:8px}.code-row input{text-transform:uppercase;letter-spacing:.08em}.success{border-color:rgba(50,108,46,.3);background:rgba(220,245,210,.75)}.error{border-color:rgba(141,45,24,.32);background:rgba(255,230,220,.75)}.modal-back{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;padding:12px}.modal{width:min(100%,560px);max-height:85dvh;overflow:auto;background:#fff3cf;border-radius:24px;padding:18px;box-shadow:var(--shadow)}.toast{position:fixed;z-index:120;left:50%;bottom:18px;transform:translateX(-50%) translateY(120px);background:#2a1708;color:#fff4d2;border-radius:16px;padding:12px 14px;width:min(calc(100% - 32px),520px);box-shadow:var(--shadow);transition:.25s}.toast.show{transform:translateX(-50%) translateY(0)}.menu-list{display:grid;gap:8px}.map-list{display:grid;gap:8px}.map-item{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.42);border:1px solid var(--line);border-radius:15px;padding:10px}.num{width:32px;height:32px;border-radius:50%;background:#6f3d12;color:#fff4d2;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.num.done{background:var(--ok)}.footer-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(232,200,145,0),rgba(232,200,145,.95) 30%);padding-top:22px}.timer{font-variant-numeric:tabular-nums}.cert{background:#fff8dc;border:8px double #6f3d12;border-radius:22px;padding:24px;text-align:center}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:8px;text-align:left}.shake{animation:shake .35s}@keyframes shake{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.wow{animation:wow .7s ease}@keyframes wow{0%{transform:scale(.98);filter:saturate(1)}45%{transform:scale(1.025);filter:saturate(1.6)}100%{transform:scale(1);filter:saturate(1)}}@media print{body{background:#fff}.app-shell{padding:0}.phone{box-shadow:none;border:0}.topbar,.footer-actions,.no-print{display:none!important}}