body{background:var(--sand-2)}
.strong{font-weight:600;margin:.2rem 0 .3rem}
.pt{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.2rem;background:var(--navy);color:#fff}
.pt-r{display:flex;align-items:center;gap:.7rem;min-width:0}
.pt-r img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff;flex:none}
.pt-r b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:500}
.pt-r small{color:rgba(255,255,255,.6);font-size:.78rem}
.ptabs{display:flex;gap:.3rem;margin:0 auto}
.ptabs button{display:flex;align-items:center;gap:.45rem;border:0;background:transparent;color:rgba(255,255,255,.7);padding:.6rem 1rem;border-radius:999px;font-weight:600}
.ptabs button.on{background:rgba(255,255,255,.12);color:#fff}
.pill{background:var(--coral);color:#fff;border-radius:999px;font-size:.72rem;padding:.05rem .45rem;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.55}}
.pt-act{display:flex;gap:.5rem;align-items:center}
.pt-act .icon-btn{background:rgba(255,255,255,.12);color:#fff}
.openbtn{display:flex;align-items:center;gap:.5rem;border:0;border-radius:999px;padding:.6rem 1rem;background:rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:.88rem}
.openbtn span{width:10px;height:10px;border-radius:50%;background:#8A9BA3}
.openbtn.on{background:var(--ok)}.openbtn.on span{background:#B9F0D3}
.pm{padding:1.2rem}
.board{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:1rem;align-items:start}
.col h2{display:flex;align-items:center;gap:.5rem;font:600 .95rem var(--sans);margin:0 0 .7rem;color:var(--navy)}
.col h2 i{color:var(--gold-d)}
.col h2 span{margin-left:auto;background:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.8rem}
.empty{color:var(--muted);font-size:.88rem;background:rgba(255,255,255,.5);border-radius:14px;padding:1.2rem;text-align:center;border:1px dashed var(--sand-3)}
.oc{background:#fff;border-radius:16px;padding:1rem;margin-bottom:.8rem;box-shadow:var(--sh);display:grid;gap:.55rem}
.oc.new{box-shadow:0 0 0 3px var(--coral),var(--sh);animation:glow 1.2s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 0 6px rgba(217,113,78,.35),var(--sh)}}
.oc.ready{box-shadow:0 0 0 2px var(--ok),var(--sh)}
.oc.gone{opacity:.7;padding:.75rem 1rem}
.oc-h{display:flex;justify-content:space-between;align-items:baseline}
.oc-h b{font:600 1.15rem var(--serif)}
.oc-c{margin:0;font-size:.9rem;color:var(--muted)}
.items{list-style:none;padding:0;margin:0;display:grid;gap:.35rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.6rem 0}
.items li{display:flex;gap:.6rem;font-size:.93rem}
.items b{color:var(--gold-d);min-width:24px}
.items em{display:block;font-style:normal;color:var(--coral);font-size:.82rem;font-weight:600}
.oc-f{display:flex;justify-content:space-between;align-items:center;margin:0;font-weight:600}
.seg{display:flex;flex-wrap:wrap;gap:.35rem}
.oc-a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;margin-top:.3rem}
.oc .btn{white-space:normal;text-align:center}
.oc-h .muted{white-space:nowrap}
.oc-f{flex-wrap:wrap;gap:.4rem}
.timer{display:flex;align-items:center;gap:.5rem;font-weight:600;background:var(--sand);border-radius:12px;padding:.6rem .8rem}
.timer i{color:var(--gold-d)}
.timer.late{background:#F7E1DE;color:var(--bad)}.timer.late i{color:var(--bad)}
.cl{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.88rem;color:var(--sea);font-weight:600}
.cl.here{color:var(--ok)}
.hint{margin-top:1rem;text-align:center;color:var(--muted)}
.menu-h{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
.menu-h h1{font-size:2rem}
.menu-h input{flex:1;max-width:360px;border:1px solid var(--line);border-radius:999px;padding:.7rem 1rem;font:500 16px var(--sans)}
.msec{font-size:1.3rem;margin:1.2rem 0 .6rem}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem}
.mi{display:flex;align-items:center;gap:.8rem;background:#fff;border-radius:14px;padding:.6rem}
.mi img,.mi .noimg{width:54px;height:54px;border-radius:10px;object-fit:cover;flex:none;background:var(--sand);display:grid;place-items:center;color:var(--muted)}
.mi div{flex:1;min-width:0}.mi b{display:block;font-weight:600;font-size:.9rem;line-height:1.25}.mi small{color:var(--muted)}
.mi.so{opacity:.6}.mi.so b{text-decoration:line-through}
.switch{border:0;width:50px;height:30px;border-radius:999px;background:var(--sand-3);position:relative;flex:none}
.switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.switch.on{background:var(--ok)}.switch.on span{left:23px}
.pm>h1{font-size:2rem;margin-bottom:1rem}
.kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.kp .card{padding:1.1rem}
.kp small{display:block;color:var(--muted);font-size:.8rem}
.kp b{display:block;font:600 1.8rem var(--serif);margin:.3rem 0}
.kp span{font-size:.82rem;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.two h2{font-size:1.25rem;margin-bottom:.8rem}
table{width:100%;border-collapse:collapse}
td{padding:.55rem 0;border-bottom:1px solid var(--line)}
td:last-child{text-align:right;font-weight:600}
tr.t td{font-weight:700;border:0;font-size:1.05rem}
.top{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}
.top li span{display:inline-block;width:calc(100% - 40px)}
.top b{float:right}
.modal-bg{position:fixed;inset:0;background:rgba(39,39,39,.5);display:grid;place-items:center;z-index:50;padding:16px}
.modal{width:min(440px,100%);display:grid;gap:.8rem}
.reasons{display:flex;flex-wrap:wrap;gap:.4rem}
.plog{min-height:100svh;display:grid;justify-items:center;align-content:center;gap:.6rem;padding:2rem 1rem;text-align:center}
.plog h1{font-size:2rem}
.rlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem;width:min(980px,100%);margin-top:1rem}
.rlist button{border:0;background:#fff;border-radius:16px;padding:1rem;display:grid;justify-items:center;gap:.35rem;box-shadow:var(--sh)}
.rlist img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.rlist small{color:var(--muted)}
@media (max-width:1100px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}.kp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.pt{flex-wrap:wrap;gap:.6rem}.ptabs{order:3;width:100%;justify-content:space-between}.ptabs button{padding:.5rem .6rem;font-size:.85rem}.pt-act{margin-left:auto}.openbtn{font-size:0;padding:.6rem}.openbtn span{width:12px;height:12px}.board,.two{grid-template-columns:minmax(0,1fr)}}

.promo-now{display:flex;align-items:center;gap:.5rem;font:800 1.4rem var(--sans);margin:.2rem 0}
.promo-now i{color:var(--gold-d)}
.promo-prev{display:flex;align-items:center;gap:.5rem;background:var(--cream);border-radius:12px;padding:.7rem .9rem;margin:1rem 0}
.two .card{display:grid;gap:.5rem;align-content:start}

.pad{padding:1.3rem}