@font-face {font-family:Pobeda;src:url('pobeda-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face {font-family:Pobeda;src:url('pobeda-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root {--bg:#f2eadf;--paper:#faf6ee;--ink:#261e1c;--sub:#796e68;--line:#d5c9bd;--wine:#84303a;--wine-dark:#68212c;--green:#2d6e59;--bad:#a4423d;--space:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:24px/1.22 Pobeda,Arial,sans-serif;letter-spacing:.017em}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover,.link-button:hover{color:var(--wine)}:focus-visible{outline:3px solid var(--wine);outline-offset:3px}[hidden]{display:none!important}
.topbar{height:90px;max-width:1420px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:15px;font-weight:700;font-size:34px;letter-spacing:.035em}.logo-mark{width:27px;height:27px;border:2px solid var(--wine);border-radius:50%;display:inline-block}.topnav{display:flex;align-items:center;gap:36px;font-size:23px}.shell{max-width:1280px;margin:auto;padding:56px 5% 100px}.section-label{font-size:20px;letter-spacing:.09em;display:flex;align-items:center;gap:18px;color:#795455;margin-bottom:32px;white-space:nowrap}.hairline{height:1px;background:var(--line);flex:1}h1,h2,p{margin:0}h1{font-size:clamp(64px,8vw,124px);line-height:.96;font-weight:400;margin:0 0 28px}h1 em{color:var(--wine);font-style:normal}h2{font-size:39px;font-weight:400;line-height:1.07}.intro{max-width:600px;font-size:29px}.page-head{display:flex;gap:35px;align-items:flex-start;justify-content:space-between;margin-bottom:40px}.status-box{min-width:200px;border-left:2px solid var(--wine);padding:12px 0 12px 22px;display:grid;gap:6px}.status-box strong{font-weight:700;font-size:30px}.status-box small{font-size:20px}.muted{color:var(--sub)}.status-box .muted{font-size:17px;letter-spacing:.08em}.notice{border-left:4px solid var(--wine);background:#fff7ec;padding:15px 22px;margin:0 0 24px;font-size:23px}.notice[data-type=error]{border-color:var(--bad)}.notice[data-type=success]{border-color:var(--green)}
.join-panel{display:flex;gap:32px;justify-content:space-between;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-bottom:56px}.join-panel p{font-size:23px;margin-top:8px}.input-wrap{min-width:min(100%,365px)}label{display:block;letter-spacing:.04em;font-size:21px}input{width:100%;display:block;padding:12px 15px;margin-top:8px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font-size:30px;min-height:55px}input:focus{border-color:var(--wine);outline:2px solid #84303a33}input::placeholder{color:#b2a69c}
.room-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:70px}.room-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);padding:22px;min-height:215px;gap:12px;transition:transform .2s,border-color .2s,box-shadow .2s}.room-card:hover{transform:translateY(-3px);border-color:var(--wine);box-shadow:0 10px 28px #4f282110}.room-card.my-room{border:2px solid var(--wine)}.room-top{display:flex;justify-content:space-between;align-items:center}.room-index,.room-count{color:var(--wine);font-size:21px}.room-card h3{font-size:33px;font-weight:400;line-height:1.02;flex:1;overflow-wrap:anywhere}.track{height:3px;background:var(--line);width:100%}.track span{height:100%;display:block;background:var(--wine);max-width:100%}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;border:1px solid var(--wine);min-height:46px;padding:7px 15px;font-size:24px;white-space:nowrap}.btn.primary{color:white;background:var(--wine)}.btn.primary:hover:not(:disabled){background:var(--wine-dark)}.btn.secondary{color:var(--wine);background:transparent}.btn.secondary:hover:not(:disabled){background:#84303a14}.btn.block{width:100%}.room-card .btn{margin-top:auto}.room-card .btn:disabled{border-color:var(--line);color:var(--sub);background:#efeae4}
.my-team{background:#eaded2;border-left:4px solid var(--wine);padding:17px 24px;margin-bottom:35px;font-size:28px}.members-block{border-top:1px solid var(--line);padding-top:30px;margin-bottom:60px}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-card{background:var(--paper);border:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-wrap:anywhere}.captain-pill{font-size:18px;color:var(--wine);border:1px solid var(--wine);padding:4px 8px}.member-card.me{border-color:var(--wine)}.rename-block{margin:26px 0}.inline-actions{display:flex;gap:12px;align-items:flex-end}.inline-actions input{max-width:400px}.link-button{border:0;background:none;color:var(--wine);padding:0;font-size:23px}.danger{color:var(--bad)}.note{display:flex;gap:16px;border-top:1px solid var(--line);padding-top:20px;font-size:23px;color:var(--sub)}.note-num{color:var(--wine);font-size:40px;line-height:1}.footer{max-width:1420px;margin:auto;display:flex;justify-content:space-between;padding:32px 5%;border-top:1px solid var(--line);color:var(--sub);font-size:19px;letter-spacing:.04em}
.login-card{max-width:600px;border:1px solid var(--line);padding:32px;background:var(--paper)}.login-card p{margin:10px 0 20px;font-size:25px}.login-card label{margin:16px 0}.login-card input{font-size:27px}.login-card .btn{margin-top:8px;min-width:180px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0 50px}.stat{border:1px solid var(--line);padding:24px;background:var(--paper);display:grid;gap:10px}.stat small{font-size:19px;color:var(--sub)}.stat strong{font-size:49px;font-weight:400}.admin-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.admin-room-list{display:grid;gap:8px}.admin-room-btn{padding:13px 18px;border:1px solid var(--line);background:var(--paper);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:27px}.admin-room-btn small{color:var(--sub);font-size:19px}.admin-room-btn.is-active{border-color:var(--wine);background:#ede0d9}.admin-team-panel{background:var(--paper);border:1px solid var(--line);padding:24px;min-height:350px}.admin-team-panel h2{margin-bottom:9px}.admin-team-panel p{margin-bottom:20px;font-size:24px}.admin-members{display:grid;gap:8px}.admin-member{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:10px 0}.admin-member-name{overflow-wrap:anywhere}.admin-member-name small{font-size:18px;color:var(--wine);display:block}.admin-member .btn{font-size:20px;min-height:35px}.admin-team-panel label{margin:22px 0 12px}.next-step{margin-top:60px;padding:25px;border:1px dashed var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.next-step p{color:var(--sub);font-size:23px;max-width:750px;margin-top:10px}
@media(max-width:900px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-columns{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-box{min-width:100%}}
@media(max-width:580px){body{font-size:22px}.topbar{height:76px;padding:0 5%}.logo{font-size:28px}.topnav{gap:13px;font-size:20px}.shell{padding:36px 5% 60px}h1{font-size:clamp(56px,12vw,84px)}h2{font-size:34px}.intro{font-size:25px}.section-label{font-size:16px;gap:9px;margin-bottom:25px}.join-panel{flex-direction:column;align-items:stretch}.input-wrap{min-width:0;width:100%}.room-grid{gap:8px}.room-card{padding:13px;min-height:200px}.room-card h3{font-size:28px}.room-index,.room-count{font-size:18px}.btn{font-size:21px;padding:8px}.member-grid{grid-template-columns:1fr}.inline-actions{flex-direction:column;align-items:stretch}.inline-actions input{max-width:none}.dashboard-stats{gap:6px}.stat{padding:12px}.stat strong{font-size:35px}.stat small{font-size:15px}.admin-team-panel{padding:15px}.admin-member{align-items:flex-start}.admin-member-name{font-size:24px}.admin-member .btn{font-size:18px}.next-step{flex-direction:column;align-items:flex-start}.footer{font-size:16px;gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:580px){
  .logo{font-size:23px;gap:8px;white-space:nowrap}
  .logo-mark{width:21px;height:21px;flex-shrink:0}
  .topnav{font-size:16px;gap:9px}
  .topnav a,.topnav button{white-space:nowrap}
  .room-card .btn{white-space:normal;font-size:19px;line-height:1.05;min-height:43px;overflow-wrap:anywhere}
  .room-card h3{font-size:26px}
  .admin-member .btn{white-space:normal;flex-shrink:0;max-width:52%}
}