*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;touch-action:none;background:#cfe3f1;height:100%;margin:0;font-family:"Baloo 2",system-ui,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.labels{pointer-events:none;z-index:1;position:fixed;inset:0}.label{color:#1f2328;white-space:nowrap;pointer-events:none;background:#ffffffd1;border-radius:6px;padding:2px 8px;font-family:"Baloo 2",system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.2;transition:opacity .2s}.label.zone{color:#fff;background:#1f2328c7;font-size:15px}.label.person{color:#fff;background:#2f5da8e6}#hud{pointer-events:none;z-index:2;position:fixed;inset:0}#title{color:#1f2328;position:absolute;top:12px;left:16px}#title .t1{font-size:22px;font-weight:700}#title .t2{opacity:.75;max-width:60vw;font-size:13px}#minimap{background:#ffffffd9;border-radius:10px;width:240px;height:168px;position:absolute;top:12px;right:16px;box-shadow:0 1px 6px #00000026}#minimap.hidden{display:none}#prompt{color:#fff;white-space:nowrap;background:#1f2328cc;border-radius:10px;padding:6px 16px;font-size:18px;font-weight:600;display:none;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}#hint{color:#1f2328;white-space:nowrap;background:#fffc;border-radius:8px;padding:4px 12px;font-size:14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=1100px){#hint{white-space:normal;text-align:center;width:max-content;max-width:92vw}}#touch{z-index:3;display:none;position:relative}body.touch #touch{display:block}body.touch #hint{display:none}#joy{touch-action:none;background:#ffffff59;border:2px solid #ffffffb3;border-radius:50%;width:130px;height:130px;position:fixed;bottom:24px;left:24px}#knob{background:#1f232899;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#touch button{color:#fff;touch-action:none;background:#1f2328a6;border:none;border-radius:50%;width:76px;height:76px;font-family:"Baloo 2",system-ui,sans-serif;font-size:17px;font-weight:700;position:fixed}#btn-jump{bottom:28px;right:24px}#btn-music{top:190px;right:16px;width:56px!important;height:56px!important;font-size:14px!important}#btn-act{display:none;bottom:64px;right:112px;background:#2f5da8d9!important}#btn-act.show{display:block}#loading{color:#1f2328;background:#cfe3f1;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex;position:fixed;inset:0}@media (width<=700px){#title .t1{font-size:18px}#title .t2{display:none}#minimap{width:150px;height:105px}#prompt{font-size:16px;bottom:170px}}.bubble{color:#1f2328;white-space:normal;text-align:center;pointer-events:none;background:#fff;border-radius:14px;max-width:220px;padding:6px 12px;font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.3;position:relative;box-shadow:0 2px 8px #0000002e}.bubble:after{content:"";border:7px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-7px;position:absolute;bottom:-7px;left:50%}#quest{background:#ffffffeb;border-left:5px solid #e8892b;border-radius:12px;min-width:230px;max-width:320px;padding:8px 14px 10px;display:none;position:absolute;top:72px;left:16px;box-shadow:0 2px 8px #00000026}#quest.show{display:block}#quest .q1{color:#1f2328;font-size:16px;font-weight:700}#quest-step{color:#1f2328;margin-top:2px;font-size:15px}#quest-timer{color:#2f5da8;margin-top:4px;font-size:14px;font-weight:600}#quest-timer.late{color:#c8322d}#prod{color:#1f2328;width:240px;font-size:13px;font-weight:600;display:none;position:absolute;top:190px;right:16px}#prod.show{display:block}#prod .bar{background:#ffffffd9;border-radius:6px;height:10px;margin-top:2px;overflow:hidden;box-shadow:0 1px 4px #00000026}#prod-fill{background:linear-gradient(90deg,#e8892b,#ffc266);width:0;height:100%;transition:width .6s}#toast{color:#ffc266;white-space:nowrap;opacity:0;background:#1f2328e0;border-radius:14px;padding:10px 22px;font-size:20px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;top:90px;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}.bubble.argue{border:2px solid #c8322d;font-size:16px;font-weight:800}.bubble .bip,#argue .bip{color:#ffc266;letter-spacing:.5px;background:#111;border-radius:4px;padding:0 7px;font-weight:800;display:inline-block;transform:rotate(-4deg)}.role-tag{color:#fff;white-space:nowrap;pointer-events:none;background:#c8322de0;border-radius:6px;padding:1px 8px;font-family:"Baloo 2",system-ui,sans-serif;font-size:12px;font-weight:700}#argue{pointer-events:auto;background:#fffffff2;border-top:5px solid #c8322d;border-radius:14px;width:min(600px,94vw);padding:10px 14px 12px;display:none;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000038}#argue.show{display:block}body.arguing #touch{visibility:hidden}#argue .a-head{color:#1f2328;justify-content:space-between;font-size:16px;font-weight:800;display:flex}#argue-round{color:#c8322d}#argue .a-bar{color:#5a5e66;align-items:center;gap:8px;margin:6px 0 4px;font-size:12px;font-weight:700;display:flex}#argue .track{background:linear-gradient(90deg,#8cc59a,#e6e6e3 50%,#f2a65a);border-radius:6px;flex:1;height:10px;position:relative}#argue-knob{background:#1f2328;border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:left .5s;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #0000004d}#argue-choices{flex-direction:column;gap:6px;margin-top:8px;display:none}#argue-choices.show{display:flex}#argue-choices button{color:#1f2328;text-align:left;cursor:pointer;background:#fff;border:2px solid #e2e2df;border-radius:10px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:600;display:flex}#argue-choices button:hover{border-color:#c8322d}#argue-choices b{color:#8d8f93;min-width:12px}#argue .chip{color:#fff;border-radius:999px;flex:none;padding:0 8px;font-size:12px;font-weight:800}#argue .chip.dat{background:#e8892b}#argue .chip.hien{background:#3f7f4e}#argue .chip.bip{color:#ffc266;background:#111}#btn-argue{display:none;bottom:150px;right:112px;background:#c8322dd9!important;font-size:15px!important}#btn-argue.show{display:block}body.touch #argue-choices b{display:none}.boong{pointer-events:none}.boong span{color:#ffc266;-webkit-text-stroke:2px #6b2e1f;letter-spacing:1px;font-family:"Baloo 2",system-ui,sans-serif;font-size:34px;font-weight:800;display:inline-block}.boong span.pop{animation:.7s ease-out boong-pop}@keyframes boong-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}25%{opacity:1;transform:scale(1.25)rotate(4deg)}to{opacity:0;transform:scale(1)rotate(0)}}.bubble.thought{color:#5a5e66;background:#f4f6fb;font-style:italic;font-weight:600}.bubble.thought:after{border-top-color:#f4f6fb}#cards{pointer-events:auto;text-align:center;background:#fffffff5;border-top:5px solid #3f7f4e;border-radius:14px;width:min(460px,94vw);padding:10px 14px 12px;display:none;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000038}#cards.show{display:block}#cards .c-head{color:#1f2328;justify-content:space-between;gap:8px;font-size:15px;font-weight:800;display:flex}#cards-score{color:#3f7f4e;white-space:nowrap}#cards .c-table{justify-content:center;align-items:center;gap:18px;margin:8px 0;display:flex}#cards .c-side{color:#5a5e66;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}#cards .c-vs{color:#c8322d;font-size:16px;font-weight:800}#cards .card{background:#fff;border:2px solid #d8dade;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:54px;height:76px;font-family:"Baloo 2",system-ui,sans-serif;line-height:1;display:flex}#cards .card b,#cards .card span{font-size:22px}#cards .card.red{color:#c8322d}#cards .card.black{color:#1f2328}#cards .card.back{background:repeating-linear-gradient(45deg,#2f5da8 0 6px,#24498a 6px 12px);border-color:#fff}#cards .card.slot{background:0 0;border-style:dashed}#cards-pick{justify-content:center;gap:12px;display:flex}#cards-pick.off{visibility:hidden;height:0;overflow:hidden}#cards-pick button{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;font-family:"Baloo 2",system-ui,sans-serif;display:flex}#cards-pick button:hover .card{transform:translateY(-4px)}#cards-pick i{color:#8d8f93;font-size:12px;font-style:normal;font-weight:700}#cards-msg{color:#1f2328;margin-top:6px;font-size:15px;font-weight:700}body.touch #cards-pick i{display:none}#badges{pointer-events:auto;background:#fffffff7;border-top:5px solid #c9a14a;border-radius:14px;width:min(560px,94vw);max-height:calc(100% - 120px);padding:10px 14px 12px;display:none;position:absolute;top:56px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 4px 16px #00000040}#badges.show{display:block}#badges .b-head{color:#1f2328;align-items:center;gap:10px;margin-bottom:6px;font-size:18px;font-weight:800;display:flex}#badges-sum{color:#8d8f93;flex:1;font-size:13px;font-weight:700}#badges-close{cursor:pointer;pointer-events:auto;background:#f0f0ee;border:none;border-radius:50%;width:30px;height:30px;font-size:14px}#badges .b-item{border-top:1px solid #ececea;align-items:flex-start;gap:10px;padding:8px 4px;display:flex}#badges .b-medal{color:#a3a6ab;background:#e6e6e3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}#badges .b-item.got .b-medal{color:#fff;background:#c9a14a}#badges .b-item.soon{opacity:.6}#badges .b-body{flex:1;min-width:0}#badges .b-name{color:#1f2328;font-size:15px;font-weight:800}#badges .b-soon{color:#fff;background:#8d8f93;border-radius:999px;margin-left:4px;padding:0 7px;font-size:11px;font-weight:700}#badges .b-how{color:#5a5e66;font-size:13px}#badges .b-bar{background:#ececea;border-radius:4px;height:7px;margin:4px 0 2px;overflow:hidden}#badges .b-bar div{background:linear-gradient(90deg,#e8892b,#ffc266);height:100%}#badges .b-item.got .b-bar div{background:#c9a14a}#badges .b-meta{color:#8d8f93;justify-content:space-between;gap:8px;font-size:12px;display:flex}#btn-badges{pointer-events:auto;cursor:pointer;color:#fff;white-space:nowrap;background:#c9a14a;border:none;border-radius:999px;padding:5px 14px;font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:700;box-shadow:0 2px 8px #0000002e}#welcome{z-index:8;background:#1f232873;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#welcome.show{display:flex}#welcome .w-card{text-align:center;color:#1f2328;background:#fff;border-top:6px solid #e8892b;border-radius:18px;width:min(440px,100%);padding:18px 20px 20px;box-shadow:0 8px 28px #0000004d}#welcome .w-title{font-size:26px;font-weight:800}#welcome .w-sub{color:#5a5e66;margin:4px 0 10px;font-size:15px}#welcome .w-keys{text-align:left;margin:0;padding:0;font-size:14px;list-style:none}#welcome .w-keys li{border-top:1px solid #ececea;padding:4px 0}#welcome .w-note{color:#8d8f93;margin-top:10px;font-size:12px}#welcome-go{color:#fff;cursor:pointer;background:#e8892b;border:none;border-radius:999px;margin-top:14px;padding:10px 28px;font-family:"Baloo 2",system-ui,sans-serif;font-size:18px;font-weight:800}.only-touch{display:none}body.touch .only-touch{display:block}body.touch .only-desktop{display:none}#dayend{pointer-events:auto;text-align:center;background:#fffffff7;border-top:6px solid #2f5da8;border-radius:16px;width:min(420px,92vw);padding:16px 18px 18px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000059}#dayend.show{display:block}#dayend .d-title{color:#1f2328;font-size:24px;font-weight:800}#dayend .d-sub{color:#5a5e66;margin-bottom:8px;font-size:14px}#dayend .d-row{color:#1f2328;text-align:left;border-top:1px solid #ececea;justify-content:space-between;gap:10px;padding:5px 2px;font-size:15px;display:flex}#dayend .d-row b{white-space:nowrap;color:#2f5da8}#dayend .d-new{color:#8a6a1f;background:#f7efd9;border-radius:10px;margin-top:8px;padding:6px 10px;font-size:15px;font-weight:800}#dayend .d-tip{color:#8d8f93;margin-top:8px;font-size:13px}#dayend-next{color:#fff;cursor:pointer;background:#e8892b;border:none;border-radius:999px;margin-top:12px;padding:8px 22px;font-family:"Baloo 2",system-ui,sans-serif;font-size:17px;font-weight:800}#play{pointer-events:auto;background:#fffffff7;border-top:5px solid #e8892b;border-radius:14px;width:min(560px,94vw);max-height:calc(100% - 120px);padding:10px 14px 12px;display:none;position:absolute;top:56px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 4px 16px #00000040}#play.show{display:block}#play .b-head{color:#1f2328;align-items:center;gap:10px;margin-bottom:4px;font-size:18px;font-weight:800;display:flex}#play .p-hint{color:#8d8f93;flex:1;font-size:13px;font-weight:600}#play-close{cursor:pointer;background:#f0f0ee;border:none;border-radius:50%;width:30px;height:30px;font-size:14px}#play .p-group{letter-spacing:.5px;text-transform:uppercase;margin:8px 0 2px;font-size:13px;font-weight:800}#play .p-group.pha{color:#e8892b}#play .p-group.cham{color:#3f7f4e}#play .p-item{cursor:pointer;border:2px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:8px;display:flex}#play .p-item:hover{background:#fff8f0;border-color:#f2c28f}#play .p-item.cham:hover{background:#f3faf5;border-color:#a9cfb3}#play .p-num{color:#fff;background:#e8892b;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}#play .p-item.cham .p-num{background:#3f7f4e}#play .p-body{flex:1;min-width:0}#play .p-title{color:#1f2328;font-size:16px;font-weight:800}#play .p-desc{color:#5a5e66;font-size:13px}#play .p-people{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}#play .p-people button{color:#c8322d;cursor:pointer;background:#fff;border:2px solid #c8322d;border-radius:999px;padding:1px 10px;font-family:"Baloo 2",system-ui,sans-serif;font-size:13px;font-weight:700}#play .p-people button:hover{color:#fff;background:#c8322d}#play .p-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}#play .chip{color:#8a6a1f;background:#f7efd9;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}#play .chip.got{color:#fff;background:#c9a14a}body.touch #play .p-num{display:none}body.menu-open #touch{visibility:hidden}#fade{opacity:0;pointer-events:none;background:#f4f4f2;transition:opacity .25s;position:absolute;inset:0}#fade.on{opacity:1}#btn-play{pointer-events:auto;cursor:pointer;color:#fff;white-space:nowrap;background:#e8892b;border:none;border-radius:999px;padding:5px 14px;font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:700;box-shadow:0 2px 8px #0000002e}#btn-pha{display:none;bottom:120px;right:24px;background:#e8892be6!important;font-size:14px!important}#btn-pha.show{display:block}#topbar{align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#clock{color:#1f2328;font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:4px 14px;font-size:16px;font-weight:700;box-shadow:0 2px 8px #00000026}#clock.nap{color:#ffc266;background:#1f2328e0}#btn-klc{pointer-events:auto;cursor:pointer;color:#fff;white-space:nowrap;background:#2f5da8;border:none;border-radius:999px;padding:5px 16px;font-family:"Baloo 2",system-ui,sans-serif;font-size:15px;font-weight:700;box-shadow:0 2px 8px #0000002e}#btn-klc:hover{filter:brightness(1.1)}#btn-klc.on{background:#e8892b}@media (width<=1180px) and (width>=701px){#topbar{top:64px;left:16px;transform:none}#quest{top:108px}}@media (width<=700px){#topbar{top:40px;left:16px;transform:none}#clock{padding:3px 10px;font-size:14px}#btn-klc,#btn-badges,#btn-play{padding:4px 12px;font-size:13px}#quest{min-width:0;max-width:60vw;top:80px}#prod{width:150px;top:125px}#toast{white-space:normal;text-align:center;width:86vw;font-size:15px}}