:root{--accent: #6fae5a;--night: 0;--ink: #2b2740;--muted: #6b6884;--rim: rgba(255, 255, 255, .72);--glass: rgb(255 255 255 / calc(.46 + .28 * var(--night)));--well: rgb(255 255 255 / .42);--hover: rgba(255, 255, 255, .55);--track: rgba(70, 60, 140, .14);--blur: blur(34px) saturate(1.9) brightness(1.08);--sheen: radial-gradient(120% 70% at 0% 0%, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0) 55%), linear-gradient(135deg, rgba(255, 255, 255, .26), rgba(255, 255, 255, .05) 45%, rgba(214, 204, 255, .16) 78%, rgba(186, 236, 232, .26));--edge: inset 1px 1px 0 rgba(255, 255, 255, .95), inset -1px -1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1px rgba(255, 255, 255, .22);--lift: 0 1px 2px rgba(70, 60, 140, .08), 0 6px 16px rgba(70, 60, 140, .12);--shadow: 0 18px 50px rgba(40, 30, 90, .22);--gel: linear-gradient(180deg, color-mix(in srgb, var(--accent) 58%, #fff) 0%, var(--accent) 58%, color-mix(in srgb, var(--accent) 86%, #000) 100%);--gel-edge: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 -3px 8px rgba(30, 20, 90, .22), inset 0 0 0 1px rgba(255, 255, 255, .2);--glow: 0 8px 20px color-mix(in srgb, var(--accent) 36%, transparent), 0 2px 4px color-mix(in srgb, var(--accent) 28%, transparent);--on-ink: color-mix(in srgb, var(--accent) 78%, #000)}body.dark{--ink: #eceaff;--muted: #a5a2c4;--rim: rgba(190, 180, 255, .22);--glass: rgb(26 24 60 / .58);--well: rgb(255 255 255 / .07);--hover: rgba(255, 255, 255, .12);--track: rgba(255, 255, 255, .14);--sheen: radial-gradient(120% 70% at 0% 0%, rgba(160, 150, 255, .22), rgba(160, 150, 255, 0) 55%), linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .01) 45%, rgba(120, 110, 220, .12));--edge: inset 1px 1px 0 rgba(200, 192, 255, .35), inset -1px -1px 0 rgba(200, 192, 255, .08), inset 0 0 0 1px rgba(200, 192, 255, .08);--lift: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .3);--shadow: 0 18px 50px rgba(0, 0, 0, .5);--on-ink: #fff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfe6f3;font:14px/1.4 system-ui,-apple-system,SF Pro Text,sans-serif;color:var(--ink)}#world{display:block;width:100vw;height:100vh}button,select,input{font:inherit;color:inherit}#dash,#agent,#team,#picked,#help,#toast,#loading,.menu,.say{background-color:var(--glass);background-image:var(--sheen);border:1px solid var(--rim);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge);color:var(--ink);transition:background-color 1s,color 1s}body.panels-off #agent,body.panels-off #team,body.panels-off #teamPuck{display:none}body.team-off #team{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.8) translateY(-10px)}#teamPuck{position:fixed;top:12px;left:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:6;padding:0;background-color:var(--glass);background-image:var(--sheen);border:1px solid var(--rim);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge);color:var(--ink);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color 1s}#teamPuck svg{width:20px;height:20px}#teamPuck:hover{transform:scale(1.06);box-shadow:var(--shadow),var(--edge),var(--glow)}#teamPuck.on{background:transparent;background-image:none;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--ink)}#teamPuck.on:hover{background:var(--hover);box-shadow:none}#teamPuck.on svg{width:22px;height:22px;stroke-width:2.2}.muted{font-size:12px;color:var(--muted);margin-top:4px}#dash{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;max-width:calc(100vw - 24px);height:58px;padding:6px;border-radius:29px;z-index:5;transition:width .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1),padding .5s,background-color 1s,color 1s}#dash.anim,#dash.min{overflow:hidden}#dash>.grp{transition:opacity .3s .15s,transform .45s cubic-bezier(.2,.8,.2,1) .1s}#dash.min{width:40px;height:40px;padding:0;gap:0;cursor:pointer}#dash.min>.grp{opacity:0;transform:scale(.5);pointer-events:none;transition-delay:0s;transition-duration:.2s}.puck{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transform:rotate(-90deg) scale(.6);transition:opacity .25s,transform .5s cubic-bezier(.2,.8,.2,1);color:var(--on-ink)}.puck svg{width:20px;height:20px}#dash.min .puck{opacity:1;transform:none;transition-delay:.2s}#dash.min:hover{box-shadow:var(--shadow),var(--edge),var(--glow)}#dash .grp{display:flex;gap:2px;padding:3px;border-radius:18px;background:var(--well);box-shadow:inset 0 1px #ffffff80;position:relative}.dbtn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:15px;background:transparent;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.dbtn .ic,.mitem .ic{display:grid;place-items:center}.dbtn svg{width:22px;height:22px}.mitem svg{width:18px;height:18px}.dbtn.bad{color:#d9534f}.dbtn:hover{background:var(--hover);box-shadow:var(--lift)}.dbtn:active{transform:scale(.95)}.dbtn.on{background:var(--gel);color:#fff;border-color:#fff6;box-shadow:var(--gel-edge),var(--glow);text-shadow:0 1px 1px rgba(30,20,90,.25)}.menuWrap{position:relative}.menu{position:fixed;z-index:8;display:flex;flex-direction:column;gap:2px;padding:5px;min-width:160px;border-radius:20px}.menu[hidden]{display:none}.mitem{display:flex;gap:8px;align-items:center;padding:7px 12px;border:0;border-radius:999px;background:transparent;cursor:pointer;text-align:left}.mitem:hover{background:var(--hover)}.mitem.on{background:var(--gel);color:#fff;box-shadow:var(--gel-edge)}@media(max-width:900px){#dash{flex-wrap:wrap;justify-content:center}.dbtn{width:36px;height:36px}}#agent{position:fixed;top:12px;right:12px;width:240px;padding:10px 14px 11px;border-radius:22px;z-index:5}#agent .ah{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}#agent .ah b{font-size:13px}#agent .pctNum{font-size:15px;font-weight:700}#agent .bar{height:8px;border-radius:4px;background:var(--track);overflow:hidden;box-shadow:inset 0 1px 2px #281e5a1f}#agent .bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--gel);box-shadow:var(--gel-edge);transition:width 1s ease}#agent.warm .bar i{background:#e0a030}#agent.hot .bar i{background:#d9534f}#agent .muted{margin-top:5px;font-size:11px}#agent .kdot{display:flex;align-items:center;gap:5px;margin:0 8px 0 auto;font-size:11px;color:var(--muted)}#agent .kdot i{width:7px;height:7px;border-radius:50%;background:var(--track);box-shadow:inset 0 0 0 1px #463c8c2e;transition:background .4s,box-shadow .4s}#agent .kdot.on{color:var(--ink)}#agent .kdot.on i{background:var(--accent);box-shadow:0 0 6px var(--accent)}@media(max-width:600px){#agent{top:84px;width:200px}}#team{position:fixed;top:56px;left:12px;width:280px;max-height:calc(100vh - 72px);transform-origin:top left;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1),visibility .3s,background-color 1s,color 1s;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:26px;z-index:4}#team .th{display:flex;justify-content:space-between;align-items:center}#team .th b{font-size:16px}.tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--well)}.tabs button{padding:4px 12px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-size:12px}.tabs button.on{background:var(--gel);color:#fff;box-shadow:var(--gel-edge)}.stage{position:relative;height:150px;border-radius:20px;background:var(--well);box-shadow:inset 0 1px #ffffff80,inset 0 -12px 24px #ffffff14;overflow:hidden;flex:none}#pv{width:100%;height:100%;display:block}#pvName{position:absolute;left:10px;bottom:8px;right:10px;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.5)}body.dark #pvName{text-shadow:0 1px 2px rgba(0,0,0,.6)}#editor{display:flex;flex-wrap:wrap;gap:8px;flex:none}#editor .fld.wide{flex-basis:100%}.fld{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:11px;color:var(--muted)}.inp{width:100%;padding:6px 10px;border-radius:999px;border:1px solid var(--rim);background:#ffffff9e;color:#2b2740;box-shadow:inset 0 1px 2px #281e5a14;outline:none}body.dark .inp{background:#ffffff1a;color:var(--ink)}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}select.inp:disabled{opacity:.6}#tstatus{min-height:16px;margin:0;flex:none}#tlist{display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:90px;scrollbar-width:thin;scrollbar-color:var(--track) transparent;padding-right:2px}.row{display:flex;align-items:center;gap:10px;padding:5px 8px;border:1px solid transparent;border-radius:18px;background:transparent;cursor:pointer;text-align:left}.row:hover{background:var(--hover)}.row.on{background:var(--well);border-color:var(--rim);box-shadow:var(--lift),0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.row .av{width:44px;height:44px;flex:none;border-radius:14px;background:var(--well);display:grid;place-items:center;font-weight:700;overflow:hidden;box-shadow:inset 0 1px #ffffff80}.row .av img{width:100%;height:100%;object-fit:contain}.row .vpill{margin-left:auto;flex:none;padding:0 8px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:700;border:1px solid var(--rim);background:var(--well);cursor:pointer}.row .vpill.man{color:#3d7fd6}.row .vpill.woman{color:#d6457a}body.dark .row .vpill.man{color:#8fc0ff}body.dark .row .vpill.woman{color:#ff9cc0}.vbox{display:flex;gap:6px;align-items:center}.vbox select{flex:1;min-width:0}.vplay{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--rim);background:var(--well);cursor:pointer;font-size:11px}.vplay:hover,.row .vpill:hover{background:var(--hover)}.row .tx{display:flex;flex-direction:column;min-width:0}.row .tx b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .tx small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tools{flex:none;border-top:1px solid var(--rim);padding-top:6px}#tools summary{cursor:pointer;font-size:12px;color:var(--muted)}#acts,#acts2{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}#acts button,#acts2 button,#picked button,#toast button{padding:4px 11px;font-size:12px;border-radius:999px;border:1px solid var(--rim);background:#ffffff80;box-shadow:var(--lift),inset 0 1px #fffc;cursor:pointer}body.dark #acts button,body.dark #acts2 button,body.dark #picked button,body.dark #toast button{background:#ffffff1a;box-shadow:var(--lift)}#acts button:hover,#acts2 button:hover,#picked button:hover,#toast button:hover{background:var(--hover)}#acts button.on{background:var(--gel);color:#fff;border-color:#fff6;box-shadow:var(--gel-edge)}#log{margin-top:6px;font-size:12px;max-height:110px;overflow:auto}#log div{margin-top:2px}@media(max-width:600px){#team{width:calc(100vw - 24px);max-height:60vh}#agent{top:84px}}#tip{position:fixed;pointer-events:none;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--rim);color:var(--ink);padding:3px 10px;border-radius:999px;font-size:12px;transform:translate(12px,12px);box-shadow:var(--lift)}#picked{position:fixed;bottom:12px;left:12px;padding:12px 14px;border-radius:22px;max-width:270px}#picked b{display:block;font-size:15px}#picked button{margin-top:8px}#toast{position:fixed;top:84px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;font-size:13px;max-width:90vw;z-index:6}#toast button{margin-left:8px}#help{position:fixed;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;padding:5px 14px;border-radius:999px;white-space:nowrap;color:var(--muted)}#loading{position:fixed;bottom:48px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:999px;font-size:12px;color:var(--muted)}@media(max-width:600px){#help{display:none}#picked{right:12px;max-width:none}}#speech{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}.say{position:absolute;left:0;top:0;max-width:260px;margin-top:-12px;padding:6px 13px 8px;border-radius:18px;font-size:13px;line-height:1.35;opacity:0;transition:opacity .3s,background-color 1s,color 1s;will-change:transform}.say.on{opacity:1}.say b{display:block;font-size:11px;color:var(--muted)}.say p{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.say:after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;margin-left:-6px;transform:rotate(45deg);background:var(--glass);border:1px solid var(--rim);border-top:0;border-left:0;clip-path:polygon(100% 0,100% 100%,0 100%)}#tlist .sec{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:8px 8px 2px}#tlist .sec:first-child{padding-top:0}#tlist .empty{padding:2px 8px 6px}#board{position:fixed;left:50%;bottom:14px;width:min(1180px,calc(100vw - 28px));height:min(46vh,430px);z-index:6;display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-radius:24px;background-color:var(--glass);background-image:var(--sheen);border:1px solid var(--rim);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow),var(--edge);color:var(--ink);transform:translate(-50%,24px) scale(.97);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.3,1.1),opacity .22s,background-color 1s,color 1s}#board.open{transform:translate(-50%) scale(1);opacity:1}#board header{display:flex;align-items:center;justify-content:space-between;gap:12px}#board header b{font-size:15px}#board header small{display:block;color:var(--muted);font-size:12px}#board .bx{width:30px;height:30px;border-radius:50%;border:1px solid var(--rim);background:var(--well);font-size:18px;line-height:1;cursor:pointer}#board .bx:hover{background:var(--hover)}#board .bempty{margin:0;color:var(--muted);font-size:13px}#board .bcols{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}#board .bcol{min-width:0;display:flex;flex-direction:column;border-radius:16px;background:var(--well);border:1px solid var(--rim);padding:8px}#board h4{margin:0 2px 8px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#board h4 span{font-variant-numeric:tabular-nums}#board .blist{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin}#board .bcard{position:relative;overflow:hidden;border-radius:12px;padding:8px 10px;background:var(--glass);border:1px solid var(--rim);box-shadow:var(--lift);font-size:12px}#board .bcard b{display:block;font-size:12.5px;line-height:1.3}#board .bcard small{display:block;color:var(--muted);font-size:11px;margin-top:2px;overflow-wrap:anywhere}#board .bnote{margin:5px 0 0;font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#board .bcard.running{border-color:#6cf;box-shadow:var(--lift),0 0 12px #66ccff73}#board .bcard.ready{border-color:#ff7399;box-shadow:var(--lift),0 0 12px #ff739966}#board .bcard.blocked{border-color:#ffb3c7}#board .bcard.blocked .bnote{color:#e0607e}#board .bcard.done b{opacity:.85}#board .bwork{display:block;height:3px;margin-top:7px;border-radius:3px;background:linear-gradient(90deg,transparent,#66ccff,transparent);background-size:50% 100%;background-repeat:no-repeat;animation:bwork 1.4s linear infinite}@keyframes bwork{0%{background-position:-50% 0}to{background-position:150% 0}}@media(max-width:760px){#board{height:60vh}#board .bcols{grid-template-columns:repeat(5,72vw);overflow-x:auto}}@media(prefers-reduced-motion:reduce){#board{transition:opacity .2s}#board .bwork{animation:none;background-position:50% 0}}
