:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ecf2f7;background:#202832;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #7ee0bb;outline-offset:3px}#map{position:fixed;inset:0;background:#202832}.brand{position:fixed;top:28px;left:30px;z-index:500;display:flex;gap:12px;align-items:center;pointer-events:none;background:#202832dc;padding:12px;border-radius:14px}.brand-icon{font-size:34px;color:#7ee0bb}.brand strong{display:block;font-size:18px}.brand span:not(.brand-icon){display:block;font-size:14px;color:#adbbc9;margin-top:4px}.panel{position:fixed;right:24px;top:24px;bottom:70px;width:350px;z-index:600;background:#131c26f5;border:1px solid #394652;border-radius:20px;padding:22px;box-shadow:0 16px 60px #0004;display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:12px;letter-spacing:1.3px;color:#9eafbf}h1{font-size:23px;letter-spacing:-.5px;margin:8px 0 22px;font-weight:600}.icon-button{border:0;color:#b8c7d5;background:#273441;border-radius:8px;width:32px;height:32px;flex-shrink:0}#panel-body{display:flex;flex-direction:column;min-height:0;overflow:auto}.progress-label{display:flex;justify-content:space-between;font-size:13px;color:#adbdca}progress{appearance:none;width:100%;height:5px;margin:10px 0 22px;border:0;border-radius:8px}progress::-webkit-progress-bar{background:#303d4a;border-radius:8px}progress::-webkit-progress-value{background:#7ee0bb;border-radius:8px}progress::-moz-progress-bar{background:#7ee0bb}.turn{background:#243b39;border:1px solid #3f5e53;border-radius:12px;padding:15px;margin-bottom:22px}.turn strong,.turn>span{display:block}.turn strong{font-size:18px;margin:8px 0 5px}.turn>span:last-child{font-size:13px;color:#a8c4b9}label{font-size:14px;margin-bottom:9px}input{width:100%;background:#202c38;border:1px solid #42515e;border-radius:10px;padding:12px;color:#fff;margin-bottom:12px}input::placeholder{color:#92a2b1}.people{overflow:auto;flex:1;min-height:100px;max-height:340px}.person{display:flex;align-items:center;width:100%;text-align:left;background:transparent;color:#e6edf3;border:1px solid transparent;border-radius:10px;padding:10px 7px;gap:10px}.person:hover{background:#263440}.person.active{background:#2a403e;border-color:#75c6ab}.rank{font-size:12px;color:#91a2b2;width:22px;flex-shrink:0;text-align:center}.person-info{flex:1;min-width:0}.person-name{display:block;font-size:14px}.person-meta{display:block;font-size:12px;color:#95a7b8;margin-top:4px}.tag{font-size:12px;color:#7ee0bb;white-space:nowrap}.selection{border-top:1px solid #34414e;margin-top:16px;padding-top:14px}#hint{font-size:14px;line-height:1.5;margin:0 0 12px;color:#cfdae4}#confirm{width:100%;border:0;border-radius:10px;padding:13px 8px;background:#7ee0bb;color:#142d24;font-weight:600;font-size:14px}#confirm:disabled{background:#2b3946;color:#8e9eac;cursor:not-allowed}.footnote{font-size:12px;line-height:1.5;color:#8f9eac;margin:14px 0 0}#notice{font-size:14px;line-height:1.5;color:#7ee0bb;margin:10px 0 0}#notice:empty{display:none}.map-tools{position:fixed;left:30px;bottom:28px;z-index:500;display:flex;border:1px solid #435263;border-radius:12px;overflow:hidden}.map-tools button{width:46px;height:46px;border:0;border-right:1px solid #435263;background:#17212d;color:white;font-size:25px}.map-tools button:last-child{border:0}.legend{position:fixed;bottom:32px;right:26px;z-index:500;display:flex;gap:20px;font-size:13px;background:#202832ed;padding:10px;border-radius:10px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:9px;height:9px;border-radius:3px}.free{background:#7ee0bb}.chosen{background:#f5cc75}.taken{background:#8291a4}.seat-label{background:transparent;border:0;box-shadow:none;color:#defcf0;font-size:15px;font-weight:600;text-shadow:0 1px 4px #000;white-space:pre-line;text-align:center}.seat-label:before{display:none}.leaflet-interactive{cursor:pointer}.leaflet-control-attribution{font-size:10px!important;background:#202832!important;color:#9caebd!important}.leaflet-control-attribution a{color:#acbdce!important}#connection{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:900;background:#70432a;color:white;padding:12px 20px;border-radius:10px;font-size:14px}.panel.collapsed{bottom:auto}.panel.collapsed #panel-body{display:none}.panel.collapsed h1{margin-bottom:0}@media(max-width:700px){.brand{top:10px;left:10px;padding:8px}.brand strong{font-size:16px}.brand span:not(.brand-icon){font-size:12px}.panel{top:auto;right:10px;left:10px;bottom:12px;width:auto;max-height:48dvh;padding:16px;border-radius:16px}.panel h1{font-size:19px;margin:5px 0 12px}.people{max-height:140px;flex:none}.turn{padding:10px;margin-bottom:12px}.turn strong{font-size:16px}.progress-label,progress,.footnote{display:none}.map-tools{top:86px;left:14px;bottom:auto;flex-direction:column}.map-tools button{width:38px;height:38px;border-right:0}.legend{top:20px;right:10px;bottom:auto;flex-direction:column;gap:5px;font-size:12px}.legend span{gap:5px}.brand{max-width:64%}.selection{margin-top:10px;padding-top:10px}}

.seat-content{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.1}
.seat-avatar{display:block;width:40px;height:40px;object-fit:cover;border-radius:50%;border:2px solid #d6e5ef;background:#273441;box-shadow:0 2px 8px #0005}
#skip{width:100%;margin-top:8px;padding:11px;border:1px solid #536573;border-radius:10px;background:transparent;color:#d6e5ef;font-size:14px}
#skip:hover{background:#2b3946}#skip:disabled{opacity:.5;cursor:not-allowed}
#skip-help{font-size:12px;line-height:1.5;color:#a4b4c3;margin:8px 0 0}