:root{--ink:#233049;--muted:#7a8598;--line:#e5e9f0;--blue:#4169e1;--soft:#edf2ff;--bg:#f5f7fb;--type:#65a648;--type-bg:#f0f7eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a9baff;outline-offset:3px}input:focus,textarea:focus{outline:2px solid #9cafed;border-color:transparent}h1,h2,h3,p{margin:0}.topbar{height:82px;max-width:1200px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:18px;letter-spacing:.3px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:600;color:var(--muted);margin-top:5px}.ball{width:32px;height:32px;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(to bottom,#647de5 0 46%,var(--ink) 46% 54%,white 54%);position:relative}.ball:after{content:"";position:absolute;top:9px;left:9px;width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:white}.admin-link{color:var(--muted);font-size:12px}.page{max-width:1200px;margin:auto;padding:44px 36px 110px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:2px;margin-bottom:15px}.eyebrow span{letter-spacing:1px;margin-left:8px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}h1{font-size:30px;letter-spacing:-.8px;margin-bottom:12px}.muted{color:var(--muted);line-height:1.7}.round-info{font-size:12px;padding:15px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;white-space:nowrap}.round-info small{display:block;color:var(--muted);font-size:10px;margin:9px 0 0 13px}.live-dot{display:inline-block;width:6px;height:6px;background:#60ad8a;border-radius:50%;margin-right:7px}.panel{background:white;border:1px solid var(--line);border-radius:16px}.identity{display:flex;align-items:center;gap:18px;padding:22px 28px;margin-bottom:28px}.step-number{color:var(--blue);background:var(--soft);font-weight:800;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}h2{font-size:17px}.identity-label p{font-size:12px;margin-top:5px}.nickname{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12px;font-weight:600}input,textarea{border:1px solid var(--line);background:#fafbfd;border-radius:8px;padding:11px 12px;color:var(--ink);min-width:0}input::placeholder,textarea::placeholder{color:#a0a9b8}.nickname input{width:240px}.survey-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:start}.sidebar{position:sticky;top:24px}.sidebar-title{display:flex;justify-content:space-between;font-size:12px;margin:4px 10px 13px}.sidebar-title strong{font-size:11px;color:var(--blue)}.progress-track{height:4px;background:#e5e9f2;border-radius:4px;margin:0 10px 20px;overflow:hidden}.progress-track div{background:var(--blue);height:100%;transition:width .2s}#types{display:grid;gap:6px}.type-tab{border:1px solid transparent;background:none;text-align:left;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#66718a;font-weight:600}.type-tab.active{background:#fff;border-color:var(--line);box-shadow:0 2px 4px #24334e04;color:var(--ink)}.type-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:14px;background:var(--tbg);color:var(--tc)}.type-tab .tab-count{margin-left:auto;font-size:10px;font-weight:500;color:#99a3b4}.type-tab .done{color:#529c78}.sidebar-hint{font-size:11px;color:#99a3b4;line-height:1.9;margin:23px 12px}.survey{padding:28px;min-height:570px}.survey-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.survey-title{display:flex;align-items:center;gap:12px}.survey-title .type-icon{width:42px;height:42px;font-size:20px}.survey-title h2{font-size:20px}.survey-title p{font-size:11px;margin-top:6px;color:var(--muted)}.section-count{font-size:11px;color:var(--muted);background:#f5f7fb;padding:7px 11px;border-radius:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 14px}.section-heading h3{font-size:13px}.section-heading h3 span{font-size:10px;color:var(--muted);font-weight:500;margin-left:7px}.text-button{border:0;background:none;font-size:11px;color:var(--blue);padding:6px}.pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pair-card{position:relative;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px 10px;text-align:left;min-height:94px;transition:border-color .15s,background .15s}.pair-card[aria-pressed=true]{border-color:var(--type);background:var(--type-bg)}.pair-card img{width:52px;height:52px;object-fit:contain;flex-shrink:0}.pair-card .pair-name{font-size:11px;line-height:1.6;padding-right:12px;overflow-wrap:anywhere}.check-box{position:absolute;right:7px;top:7px;border:1px solid #d7dce6;background:white;border-radius:4px;width:14px;height:14px;font-size:10px;color:white;display:grid;place-items:center}.pair-card[aria-pressed=true] .check-box{background:var(--type);border-color:var(--type)}.instruction{font-size:11px;color:var(--muted);margin-top:12px}.detail-heading{margin-top:29px}.detail-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.row-header,.detail-row{display:grid;grid-template-columns:minmax(130px,1.2fr) 145px 47px 47px minmax(90px,1fr);gap:10px;align-items:center;padding:12px}.row-header{background:#f7f9fc;font-size:10px;color:var(--muted);padding-top:10px;padding-bottom:10px}.detail-row{border-top:1px solid var(--line)}.detail-name{font-size:11px;line-height:1.6;display:flex;align-items:center;gap:7px;overflow-wrap:anywhere}.detail-name img{width:30px;height:30px;object-fit:contain}.detail-name input{width:100%;font-size:11px}.move-options{display:flex;gap:3px}.move-options button{border:1px solid var(--line);border-radius:5px;background:#fff;color:#8a94a7;height:29px;min-width:30px;font-size:10px;padding:0 6px}.move-options button[aria-pressed=true]{color:var(--blue);border-color:#acbdf4;background:var(--soft);font-weight:700}.toggle{width:32px;height:19px;border:0;border-radius:20px;background:#dce2eb;position:relative;display:block}.toggle:after{content:"";width:13px;height:13px;position:absolute;left:3px;top:3px;background:white;border-radius:50%;transition:left .15s}.toggle[aria-checked=true]{background:var(--blue)}.toggle[aria-checked=true]:after{left:16px}.note-input{width:100%;font-size:11px;padding:8px}.empty{padding:23px 12px;text-align:center;font-size:11px;color:#99a3b4;background:#fafbfd;border:1px dashed var(--line);border-radius:10px}.custom-controls{display:flex;align-items:center;gap:7px}.remove-row{color:#ac7b7b;font-size:14px;border:0;background:none;padding:3px}.add-custom{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px dashed #cdd6e6;background:#fafbfd;border-radius:9px;padding:12px;margin-top:13px;font-size:12px;color:#6f7f99}.survey-bottom{border-top:1px solid var(--line);margin-top:27px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.confirm-type{display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer}.confirm-type input{width:16px;height:16px;accent-color:var(--blue)}.nav-buttons{display:flex;gap:7px}.secondary{background:white;border:1px solid var(--line);border-radius:8px;padding:10px 15px;color:#69758b;font-size:12px}.primary{background:var(--blue);color:white;border:0;border-radius:9px;padding:12px 22px;font-size:12px;font-weight:600;display:inline-flex;gap:25px;align-items:center;justify-content:center;box-shadow:0 3px 6px #4169e120}.source{font-size:10px;color:#99a3b4;display:flex;justify-content:center;gap:8px;margin-top:24px}.source span{margin-left:12px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(12px);z-index:3}.bottom-inner{max-width:1200px;margin:auto;padding:16px 36px;display:flex;justify-content:space-between;align-items:center}.draft-status{font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:10;background:#233049;color:white;box-shadow:0 4px 18px #0002;border-radius:10px;padding:13px 20px;max-width:90vw;font-size:12px}.toast[hidden]{display:none}dialog{border:0;border-radius:18px;padding:30px;max-width:500px;width:calc(100% - 32px);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#1b294866}dialog h2{font-size:22px;margin-bottom:12px}dialog p{line-height:1.8;color:var(--muted);font-size:13px;margin:12px 0}dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.summary-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.summary-list div{background:#f5f7fb;padding:11px;border-radius:8px;text-align:center;font-size:12px}.summary-list small{display:block;color:var(--muted);margin-top:5px}.receipt-link{width:100%;font-size:11px}.error{color:#c24d5e}.admin-container{max-width:1060px;margin:35px auto;padding:0 24px}.admin-container h1{font-size:28px}.admin-card{padding:24px;margin-top:22px}.admin-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.admin-scroll{overflow:auto}.danger{border-color:#eccbd1;color:#b85768}.admin-meta{margin:18px 0;font-size:12px;color:var(--muted)}
@media(min-width:1100px){.row-header,.detail-row{grid-template-columns:minmax(150px,1.2fr) 145px 47px 47px minmax(110px,1fr)}}
@media(max-width:950px){.page{padding:30px 24px 110px}.topbar{padding:0 24px}.survey-layout{grid-template-columns:150px minmax(0,1fr);gap:18px}.survey{padding:22px}.pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row-header{display:none}.detail-row{grid-template-columns:minmax(0,1fr) 145px 47px 47px;gap:12px}.detail-row .note-wrap{grid-column:1/-1}.nickname input{width:190px}.intro h1{font-size:26px}.detail-row .toggle-wrap:before{content:attr(data-label);display:block;font-size:9px;color:var(--muted);margin-bottom:5px}}
@media(max-width:700px){.topbar{height:70px;padding:0 20px}.page{padding:28px 16px 105px}.intro{display:block;margin-bottom:23px}h1,.intro h1{font-size:24px;line-height:1.4}.intro .muted{font-size:12px}.round-info{display:flex;align-items:center;margin-top:18px;padding:10px 12px;justify-content:flex-start;width:fit-content}.round-info small{display:inline;margin:0 0 0 15px}.identity{padding:18px;flex-wrap:wrap;gap:12px;margin-bottom:20px}.nickname{width:100%;margin-top:4px;justify-content:space-between}.nickname input{flex:1;width:auto;max-width:80%}.survey-layout{display:block}.sidebar{position:static;margin-bottom:17px}.sidebar-title{margin:0 2px 10px}.progress-track{margin:0 2px 14px}.sidebar-hint{display:none}#types{display:flex;overflow-x:auto;gap:7px;padding:2px 2px 8px;scrollbar-width:thin}.type-tab{flex-shrink:0;padding:7px 9px;gap:5px;font-size:12px;background:#fff;border-color:var(--line)}.type-icon{width:24px;height:24px;font-size:12px}.type-tab.active{border-color:var(--blue);background:var(--soft)}.type-tab .tab-count{margin-left:3px}.survey{padding:20px 16px;min-height:0}.survey-head{padding-bottom:18px}.survey-title h2{font-size:18px}.pair-card{padding:12px 8px;gap:7px;min-height:88px}.pair-card img{width:42px;height:42px}.pair-card .pair-name{font-size:10px;padding-right:5px}.detail-row{grid-template-columns:minmax(0,1fr) 40px 40px;gap:10px}.detail-name{grid-column:1/-1;font-size:12px}.move-options{grid-column:1;flex-wrap:wrap}.move-options button{height:32px;min-width:31px}.detail-row .toggle-wrap:before{font-size:10px}.survey-bottom{flex-direction:column;align-items:stretch;gap:17px}.nav-buttons{justify-content:flex-end}.bottom-inner{padding:14px 16px;gap:12px}.draft-status{font-size:10px;max-width:150px;line-height:1.7}.primary{padding:12px 16px;gap:13px}.source{flex-wrap:wrap;line-height:1.6;gap:4px}.brand{font-size:16px}.admin-link{font-size:10px}.summary-list{grid-template-columns:repeat(4,1fr)}.admin-container{padding:0 16px}.admin-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.type-image{width:26px;height:26px;object-fit:contain}.survey-title .type-image{width:36px;height:36px}.final-identity{margin:28px 0 0 216px;display:grid;grid-template-columns:1fr;gap:20px;padding:26px 28px}.player-id-label{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600}.player-id-label input{width:280px;max-width:85%}.role-field{border:0;padding:0;margin:0;min-width:0}.role-field legend{font-size:13px;font-weight:600;margin-bottom:12px}.role-options{display:flex;gap:10px;flex-wrap:wrap}.role-options label{cursor:pointer}.role-options input{position:absolute;opacity:0;width:1px;height:1px;padding:0}.role-options span{display:block;border:1px solid var(--line);border-radius:8px;padding:11px 18px;color:#778399;font-size:12px;background:#fafbfd}.role-options input:checked+span{border-color:var(--blue);background:var(--soft);color:var(--blue);font-weight:600}.role-options input:focus-visible+span{outline:3px solid #a9baff;outline-offset:2px}
@media(max-width:950px){.final-identity{margin-left:168px}}@media(max-width:700px){.final-identity{margin-left:0;padding:20px 16px}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-options span{text-align:center}.type-image{width:23px;height:23px}.summary-list{grid-template-columns:repeat(3,1fr)}}
.final-identity{grid-template-columns:minmax(0,1fr)}.player-id-label{min-width:0}.player-id-label input{flex:1;width:0;max-width:400px}.final-identity .identity-label{min-width:0}