:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#091c21;color:#e8f3e9;font-family:Segoe UI,Arial,sans-serif}header{max-width:1600px;margin:auto;border-bottom:1px solid #294047;padding:22px 32px;display:flex;align-items:center;gap:24px}a{color:inherit;text-decoration:none}.logo{display:flex;gap:12px;align-items:center;font-weight:900;font-size:22px}.logo b{color:#f6da62}#connection{margin-left:auto;color:#90b9b3;font-size:12px}main{max-width:1600px;margin:auto;padding:30px 32px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8aafa8}h1{font-size:42px;line-height:1.12;letter-spacing:-1.5px;margin:10px 0}h1 em{font-style:normal;color:#f5d66c}.round{text-align:right;display:flex;flex-direction:column;gap:5px}.round strong{font-size:42px;font-variant-numeric:tabular-nums}.round span{color:#f5d66c;font-size:12px}.round small{color:#7fa59e}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.river-wrap{position:relative;border:1px solid #365c59;border-radius:18px;overflow:hidden;background:#15717a;height:570px}.river-top,.river-bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;padding:15px 20px;font-size:11px;z-index:1;background:#0b3039df;letter-spacing:1px}.river-bottom{bottom:0;background:#0b3039a0;justify-content:space-around}canvas{width:100%;height:100%;display:block}aside{display:flex;flex-direction:column;gap:14px}.panel{border:1px solid #29444a;background:#10282e;padding:18px;border-radius:14px}.panel h2{font-size:15px;margin:0 0 15px}.panel h2 small{float:right;color:#789990;font-size:10px}input{width:100%;margin:10px 0;padding:10px!important;background:#091e25!important;border:1px solid #345658!important;color:white!important}button{cursor:pointer;background:#24464a;color:#e6eee5;border:1px solid #476966;border-radius:7px;padding:8px 12px}#follow{width:100%;font-size:12px}ol{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;gap:10px;margin:11px 0;font-size:12px}li b{color:#f7d569;min-width:18px}li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}li small{color:#86b8b0}#feed p{font-size:11px;color:#a7c5bf;border-bottom:1px solid #264247;padding-bottom:8px;margin:8px 0}.feed-panel{flex:1}#empty{font-size:13px;color:#a9c1bb}footer{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;padding:20px 0;border-bottom:1px solid #294047}footer div{display:flex;flex-direction:column;gap:8px;font-size:12px}footer b{color:#f3d77a}footer span,.legend{color:#7eaaa3;font-size:11px}.legend{text-align:center}#winner{position:absolute;inset:30% 10%;background:#092a30f2;border:2px solid #f6d36a;border-radius:20px;text-align:center;padding:28px;z-index:3}#winner[hidden]{display:none}#winner span{color:#f6d36a}#winner h2{font-size:34px;margin:18px 0}#matches button{display:block;width:100%;margin-bottom:4px;text-align:left;font-size:12px}.overlay header .admin{display:none}@media(min-width:1700px){.river-wrap{height:660px}}@media(max-width:900px){main{padding:20px 14px}header{padding:16px 14px}.logo{font-size:16px}h1{font-size:30px}.layout{grid-template-columns:1fr}.river-wrap{height:620px}aside{display:grid;grid-template-columns:1fr 1fr}.feed-panel{display:none}footer{grid-template-columns:1fr 1fr}#connection{max-width:120px}.admin{font-size:11px}}@media(max-width:480px){.river-wrap{height:540px}aside{grid-template-columns:1fr}.round strong{font-size:30px}}