:root{--paper:#fff8e7;--ink:#3b2a1a;--red:#c8432b;--son:#b5302a;--son-sang:#d9483b;--son-dam:#7a1b15;--vang:#e2ad45;--giay:#f4e7c8;--giay-vien:#d3b98a;--jade:#3e9b7a;--night:#1b2440;--van-giay:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .16 .34 0 0 0 -.1'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .16' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .24 .9 0 0 0 -.52'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23a%29'/%3E%3Crect width='100%25' height='100%25' filter='url%28%23b%29'/%3E%3C/svg%3E");--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--kb:0px;--stick:116px;--ctl-h:168px;font-family:"Baloo 2",system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#10172e;margin:0;overflow:hidden}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}#game{position:fixed;inset:0}#game,#game canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;background:var(--red);color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;padding:8px 14px;font-weight:700}button.ghost{color:var(--ink);border:2px solid var(--ink);background:0 0}button:disabled{opacity:.4;cursor:default}input,select{font:inherit;color:var(--ink);background:#fff;border:2px solid #d9c49a;border-radius:10px;padding:6px 10px;font-size:16px}#lobby{--bg:url(/bg/lang-dem.webp);z-index:10;padding:calc(var(--sat) + 12px) calc(var(--sar) + 16px) calc(var(--sab) + 12px) calc(var(--sal) + 16px);overscroll-behavior:contain;background-color:#10172e;background-image:radial-gradient(130% 85% at 50% 48%, transparent 38%, #080d1fd9 100%), linear-gradient(180deg, #0a1027c7 0%, #0a102770 24%, transparent 46%, transparent 68%, #0a1027b3 100%), var(--bg);background-position:50%;background-size:cover;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}#lobby[data-time=ngay]{--bg:url(/bg/lang-ngay.webp);background-image:radial-gradient(130% 85% at 50% 48%, transparent 40%, #24180acc 100%), linear-gradient(180deg, #2a1c0ccc 0%, #2a1c0c66 24%, transparent 46%, transparent 70%, #2a1c0c99 100%), var(--bg)}@media (orientation:portrait){#lobby{--bg:url(/bg/lang-dem-doc.webp)}#lobby[data-time=ngay]{--bg:url(/bg/lang-ngay-doc.webp)}}.lobby-sky{pointer-events:none;position:fixed;inset:0;overflow:hidden}.lobby-sky .defs{position:absolute}.moonlight{left:50%;top:calc(var(--sat) - 18vmin);aspect-ratio:1;background:radial-gradient(circle,#fff1c24d 0%,#fff1c21c 32%,#0000 62%);width:min(130vw,980px);position:absolute;transform:translate(-50%)}#lobby[data-time=ngay] .moonlight{background:radial-gradient(circle,#fff6d840 0%,#0000 58%)}.lantern{transform-origin:50% 0;width:clamp(28px,6.5vmin,50px);animation:4.6s ease-in-out infinite alternate den-dua;position:absolute;top:0}.lantern:before{content:"";width:2px;height:var(--day,40px);background:#24180e;margin:0 auto;display:block}.lantern svg{filter:drop-shadow(0 0 10px #ff8a3dcc)drop-shadow(0 0 26px #ff5a2a80);width:100%;display:block}.lantern.l1{left:max(3.5%, calc(var(--sal) + 6px));--day:calc(var(--sat) + 14px)}.lantern.l2{right:max(3.5%, calc(var(--sar) + 6px));--day:calc(var(--sat) + 52px);animation-duration:5.4s;animation-delay:-2.2s}#lobby[data-time=ngay] .lantern svg{filter:drop-shadow(0 4px 6px #0006)}@keyframes den-dua{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.fireflies i{left:var(--x);top:var(--y);opacity:0;width:5px;height:5px;animation:dom-dom var(--t) ease-in-out var(--d) infinite;background:#fff7a8;border-radius:50%;position:absolute;box-shadow:0 0 8px 3px #ffe55c99}#lobby[data-time=ngay] .fireflies{display:none}@keyframes dom-dom{0%{opacity:0;transform:translate(0)}20%{opacity:.95}50%{opacity:.25;transform:translate(18px,-26px)}72%{opacity:.85}to{opacity:0;transform:translate(-12px,-50px)}}.lobby-wrap{justify-items:center;gap:clamp(8px,2vh,18px);width:min(440px,100%);display:grid;position:relative}.lobby-brand{text-align:center;justify-items:center;display:grid}.lobby-brand .logo{--logo-h:clamp(72px, 22vh, 230px);width:100%;margin:0;line-height:0}.lobby-brand .logo img{height:auto;width:min(100%, 380px, calc(var(--logo-h) * 986 / 626));filter:drop-shadow(0 6px 14px #000a);margin:0 auto;display:block}.lobby-brand .byline{letter-spacing:.08em;color:#f7e6bf;text-shadow:0 1px 2px #000c,0 0 10px #000a;align-items:center;gap:10px;margin:0;font-size:.85rem;font-weight:500;display:flex}.lobby-brand .byline:before,.lobby-brand .byline:after{content:"";opacity:.55;background:currentColor;width:22px;height:1px}.lobby-brand .sub{color:#fcefd2;text-shadow:0 1px 3px #000e,0 0 12px #000b;margin:2px 0 0;font-size:1rem;line-height:1.3}.lobby-card{width:100%;color:var(--ink);background:var(--van-giay), radial-gradient(120% 70% at 50% 0%, #fdf5e0 0%, transparent 70%), linear-gradient(172deg, #f8ecd0 0%, #efdeb8 100%);border-radius:10px 14px 12px 16px/14px 10px 16px 12px;gap:12px;padding:18px 18px 12px;display:grid;position:relative;box-shadow:0 0 0 1px #9c7a4788,0 0 0 5px #f2e3bfcc,0 0 0 6px #8d6a3a77,0 24px 50px #000b}.lobby-card:before{content:"";pointer-events:none;border:1.5px solid #a5814d55;border-radius:7px 10px 8px 12px/10px 7px 12px 8px;position:absolute;inset:6px}.lobby-card .seal{z-index:1;background:var(--son);color:#fbe9d0;letter-spacing:.04em;text-align:center;width:46px;height:46px;box-shadow:inset 0 0 0 2px var(--son), inset 0 0 0 3.5px #fbe9d0cc, 0 3px 8px #0006;border-radius:7px;place-items:center;font-size:12.5px;font-weight:700;line-height:1.02;display:grid;position:absolute;top:-14px;right:-10px;transform:rotate(9deg)}.lobby-card .field{gap:3px;font-size:.95rem;font-weight:700;display:grid}#lobby #name,#lobby #code{border:2px solid var(--giay-vien);background:#fffcf3;border-radius:12px;height:46px;padding:0 14px;font-weight:600;box-shadow:inset 0 2px 3px #b8955a33}#lobby #name::placeholder,#lobby #code::placeholder{color:#a48c66;font-weight:500}#lobby #name:focus,#lobby #code:focus{border-color:var(--son);outline:3px solid #b5302a2e}.dress{grid-template-columns:108px minmax(0,1fr);grid-template-areas:"pv seg""pv sw""pv nm";align-items:center;gap:8px 14px;display:grid}.dress-preview{background:radial-gradient(42% 9% at 50% 93%,#5a3d2266,#0000 100%),radial-gradient(circle at 50% 42%,#fff8e2 0%,#f3e1b8 55%,#e3c793 100%);border-radius:54px 54px 14px 14px;grid-area:pv;place-items:end center;height:132px;margin:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #c4a167,inset 0 0 0 5px #f6ead0,inset 0 0 0 6px #c4a16788,inset 0 -12px 18px #a37f4a40}.dress-preview img{object-fit:contain;object-position:50% 100%;width:100%;height:120px;margin-bottom:6px}.dress-fallback{margin-bottom:14px;line-height:0}.dress-fallback svg{width:92px;height:92px;display:block}.seg{background:#e6d1a4;border-radius:999px;grid-area:seg;grid-auto-columns:1fr;grid-auto-flow:column;justify-self:start;gap:3px;padding:3px;display:inline-grid;box-shadow:inset 0 1px 3px #8a6a3d55}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{text-align:center;color:#6b5233;border-radius:999px;min-width:64px;padding:5px 16px;font-weight:700;display:block}.seg input:checked+span{background:var(--son);color:#fff6e6;box-shadow:0 2px 0 var(--son-dam)}.seg input:focus-visible+span{outline:2px solid var(--son);outline-offset:2px}.outfits{grid-area:sw;grid-template-columns:repeat(4,minmax(0,46px));gap:6px;display:grid}.outfits .swatch{aspect-ratio:1;border:2px solid var(--giay-vien);background:#fffaf0;border-radius:12px;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 2px #d9c49a}.outfits .swatch img{object-fit:cover;object-position:50% 4%;width:100%;height:100%}.outfits .swatch i{border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #fff}.outfits .swatch.on{border-color:var(--son);background:#ffe9e3;box-shadow:0 0 0 2px #b5302a55}.dress-name{color:#5a3f22;grid-area:nm;margin:0;font-size:.95rem;font-weight:700;line-height:1.25}.lobby-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"create create""or or""code join";gap:8px;display:grid}.lobby-actions:has(#play-bots){grid-template-areas:"create bots""or or""code join"}.lobby-actions:before{content:"hoặc vào làng của bạn bè";text-align:center;color:#8a6d45;background:linear-gradient(#c9ad78,#c9ad78) 0/16% 1px no-repeat,linear-gradient(#c9ad78,#c9ad78) 100%/16% 1px no-repeat;grid-area:or;font-size:.82rem;font-weight:500;line-height:1.2}#lobby #create{grid-area:create}#lobby #play-bots{grid-area:bots}#lobby #code{text-align:center;text-transform:uppercase;letter-spacing:.14em;grid-area:code;width:auto;min-width:0}#lobby #code::placeholder{letter-spacing:normal;text-transform:none}#lobby #join{grid-area:join}#lobby .lobby-actions button{border-radius:14px;min-height:48px;padding:6px 12px;font-size:1.05rem;line-height:1.15}#lobby #create,#lobby #join{background:linear-gradient(180deg, var(--son-sang), var(--son));color:#fff6e6;text-shadow:0 1px #0005;box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -2px 0 #0000002a, 0 3px 0 var(--son-dam), 0 6px 14px #5a120d55}#lobby #play-bots{color:var(--son);border:2px solid var(--son);background:#fffaf0;box-shadow:0 3px #c9ad78,0 6px 12px #5a3d2222}#lobby .lobby-actions button:not(:disabled):active{box-shadow:inset 0 1px 0 #fff3, 0 1px 0 var(--son-dam);transform:translateY(2px)}#lobby .lobby-actions button:focus-visible{outline:3px solid var(--vang);outline-offset:2px}#lobby.busy .lobby-actions button{cursor:progress}.error{color:var(--son);margin:0}#lobby .error{text-align:center;min-height:1.3em;font-size:.92rem;font-weight:600;line-height:1.3}@media (max-height:700px){.lobby-brand .logo{--logo-h:clamp(64px, 19vh, 150px)}.lobby-card{gap:10px;padding:16px 16px 10px}}@media (max-height:600px){#lobby{padding-top:calc(var(--sat) + 8px);padding-bottom:calc(var(--sab) + 8px)}.lobby-wrap{gap:10px}.lobby-brand .logo{--logo-h:clamp(60px, 15vh, 110px)}.lobby-brand .sub,.lobby-actions:before{display:none}.lobby-actions{grid-template-areas:"create create""code join"}.lobby-actions:has(#play-bots){grid-template-areas:"create bots""code join"}.dress-preview{height:116px}.dress-preview img{height:106px}#lobby .error:empty{display:none}}@media (orientation:landscape) and (max-height:560px){#lobby{padding-top:calc(var(--sat) + 8px);padding-bottom:calc(var(--sab) + 8px)}.lobby-wrap{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:16px;width:min(880px,100%)}.lobby-brand .logo{--logo-h:clamp(70px, 40vh, 190px)}.lobby-brand .logo img{width:min(100%, 300px, calc(var(--logo-h) * 986 / 626))}.lobby-brand .sub{font-size:.9rem}.lobby-card{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"dress name""dress actions""dress error";align-items:start;gap:10px 16px;padding:14px 14px 10px}.lobby-card .field{grid-area:name}.lobby-card .dress{grid-area:dress}.lobby-card .lobby-actions{grid-area:actions}.lobby-card .error{grid-area:error}.dress{grid-template-columns:1fr;grid-template-areas:"pv""seg""sw""nm";justify-items:center;gap:6px}.dress-preview{border-radius:48px 48px 12px 12px;width:100%;height:100px}.dress-preview img{height:92px;margin-bottom:4px}.dress-fallback svg{width:72px;height:72px}.seg{justify-self:center}.seg span{min-width:56px;padding:4px 12px}.outfits{grid-template-columns:repeat(4,32px);gap:5px}.outfits .swatch{border-radius:9px}.outfits .swatch i{width:16px;height:16px}.dress-name{text-align:center;font-size:.85rem}.lobby-actions:before{display:none}.lobby-actions{grid-template-areas:"create create""code join"}.lobby-actions:has(#play-bots){grid-template-areas:"create bots""code join"}#lobby .lobby-actions button{min-height:46px;font-size:.98rem}}@media (prefers-reduced-motion:reduce){.lantern,.fireflies i,#act-btn{animation:none!important}.fireflies i{opacity:.6}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud>*{pointer-events:auto}#phase{top:calc(var(--sat) + 12px);background:var(--van-giay), var(--paper);border-radius:999px;padding:6px 18px;font-weight:700;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}#role-card{top:calc(var(--sat) + 12px);left:calc(var(--sal) + 12px);background:var(--van-giay), var(--paper);border-radius:16px;width:260px;padding:12px;position:absolute;box-shadow:0 4px 12px #0003}#role-card h3{color:var(--red);margin:0 0 4px}#role-card h3 .ico-img{vertical-align:-.5em;width:1.7em;height:1.7em}#phase .phase-ico:empty{display:none}#actions{bottom:calc(var(--sab) + 12px);flex-wrap:wrap;justify-content:center;gap:6px;max-width:70vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}#actions .box{background:var(--van-giay), var(--paper);border-radius:16px;gap:6px;padding:10px;display:grid;box-shadow:0 4px 12px #0003}#actions .targets{flex-wrap:wrap;gap:6px;max-width:64vw;max-height:220px;display:flex;overflow-y:auto}#actions{max-width:min(760px,92vw)}.pcard{width:76px;color:var(--ink);background:#fff;border:2px solid #e2cfa4;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;font-size:13px;font-weight:600;transition:transform .1s,border-color .1s;display:flex;position:relative}.pcard:hover{border-color:var(--red);transform:translateY(-2px)}.pcard.on{border-color:var(--red);background:#ffe9e3;box-shadow:0 0 0 2px #c8432b55}.pcard .ico{width:46px;height:46px;display:block;position:relative}.pcard .ico>.p-bot{vertical-align:0;filter:drop-shadow(0 1px 1px #0004);width:24px;height:24px;position:absolute;bottom:-4px;right:-8px}.pcard .ico svg{width:100%;height:100%;display:block}.pcard .nm{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.pcard .badge{background:var(--red);color:#fff;text-align:center;border-radius:11px;min-width:22px;height:22px;padding:0 5px;font-size:13px;line-height:22px;position:absolute;top:-6px;right:-6px}@media (max-width:640px){.pcard{width:62px;font-size:12px}.pcard .ico{width:38px;height:38px}}#toast{top:calc(var(--sat) + 60px);background:var(--night);color:#fff;opacity:0;pointer-events:none;border-radius:12px;padding:6px 14px;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#curse{top:calc(var(--sat) + 60px);right:calc(var(--sar) + 12px);color:#fff;background:#3b2a5a;border-radius:12px;max-width:320px;padding:8px 12px;font-weight:700;position:absolute;box-shadow:0 4px 12px #0003}#mute{top:calc(var(--sat) + 12px);right:calc(var(--sar) + 12px);background:var(--paper);color:var(--ink);place-items:center;padding:6px 10px;display:grid;position:absolute}#mute .ico-svg{vertical-align:0;width:22px;height:22px}#actions .players{flex-wrap:wrap;gap:2px 12px;max-width:64vw;font-weight:600;display:flex}#actions .players .pl{white-space:nowrap}.toggle{align-items:center;gap:6px;font-size:15px;display:flex}.pcard.off{color:#85735b;cursor:not-allowed;background:#ece3d0;border-style:dashed;border-color:#d3c5a6}.pcard.off:hover{border-color:#d3c5a6;transform:none}.pcard.off .ico{filter:grayscale();opacity:.5}.pcard.off.dead .ico{opacity:.32}.pcard.off.dead .nm{text-decoration:line-through;text-decoration-thickness:1px}.pcard .why{text-align:center;color:#85735b;max-width:70px;font-size:11px;font-weight:700;line-height:1.15}.pcard.off.ma{border-color:#c8432b88}.pcard.off.ma .why{color:var(--red)}.pcard.off.lanh .why{color:var(--jade)}.pcard.on.off{box-shadow:none}#popups{z-index:20;pointer-events:none;flex-direction:column;gap:8px;width:min(400px,100vw - 32px);display:flex;position:fixed;top:108px;left:50%;transform:translate(-50%)}.popup{background:var(--paper);color:var(--ink);border:3px solid var(--red);pointer-events:auto;border-radius:18px;align-items:center;gap:12px;padding:12px 44px 14px 12px;transition:opacity .2s,transform .2s;animation:.25s ease-out popup-in;display:flex;position:relative;box-shadow:0 10px 30px #0005,inset 0 0 0 3px #fff8e7,inset 0 0 0 4px #c8432b33}.popup.leaving{opacity:0;transform:translateY(-8px)}.popup-ico{background:#fbe7c6;border:2px solid #e2cfa4;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:26px;line-height:1;display:grid}.popup-ico .ico-img{vertical-align:0;width:40px;height:40px}.popup.good .popup-ico{background:#d8efe4;border-color:#3e9b7a66}.popup.bad .popup-ico{background:#ffd9cf;border-color:#c8432b66}.popup-body{gap:2px;min-width:0;display:grid}.popup-title{color:var(--red);font-size:17px;line-height:1.2}.popup-text{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.35}.popup.bad .popup-text{font-weight:700}.popup-close{border-radius:50%;place-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.popup-close:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.popup-close .ico-svg,.vd-close .ico-svg{vertical-align:0;width:18px;height:18px}.popup-timer{background:var(--red);opacity:.35;transform-origin:0;height:3px;animation:popup-life var(--life,5s) linear forwards;border-radius:2px;position:absolute;bottom:6px;left:16px;right:16px}.popup.paused .popup-timer{animation-play-state:paused}@keyframes popup-in{0%{opacity:0;transform:translateY(-12px)scale(.97)}}@keyframes popup-life{to{transform:scaleX(0)}}@media (max-width:640px){#popups{top:88px}.popup{gap:10px;padding:10px 40px 12px 10px}.popup-ico{width:38px;height:38px;font-size:21px}.popup-ico .ico-img{width:33px;height:33px}.popup-title{font-size:15px}.popup-text{font-size:14px}}@media (prefers-reduced-motion:reduce){.popup{transition:none;animation:none}.popup.leaving{transform:none}}.bot-controls{box-shadow:inset 0 0 0 1px var(--giay-vien);background:#f3e6c8;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 8px;display:flex}.bot-controls b,.bot-controls strong,.bot-controls output{font-weight:700}.bot-controls button{min-height:36px;color:var(--son);border:2px solid var(--son);box-shadow:0 2px 0 var(--giay-vien);background:#fffaf0;border-radius:10px;padding:4px 12px}.bot-controls button:not(:disabled):active{box-shadow:none;transform:translateY(1px)}.bot-controls select,.bot-controls input:not([type=checkbox]):not([type=radio]){min-height:36px;padding:2px 8px}#stick,#act-btn,#chat-toggle,#chat-peek{display:none}html.touch #hud button{touch-action:manipulation}html.touch #phase{top:calc(var(--sat) + 8px);max-width:calc(100% - 128px - var(--sal) - var(--sar));text-align:center;padding:4px 14px;font-size:14px;line-height:1.3}html.touch #mute{top:calc(var(--sat) + 6px);right:calc(var(--sar) + 8px);border-radius:50%;width:44px;height:44px;padding:0}html.touch #hud:has(#role-card:not([hidden])) #phase{left:auto;right:calc(var(--sar) + 60px);max-width:calc(100% - min(220px, 42%) - 84px - var(--sal) - var(--sar));transform:none}html.touch #role-card{top:calc(var(--sat) + 8px);left:calc(var(--sal) + 8px);z-index:1;width:auto;max-width:min(300px, calc(100% - 16px - var(--sal) - var(--sar)));cursor:pointer;padding:6px 12px;font-size:14px;line-height:1.35}html.touch #role-card:not(.open){max-width:min(220px,42%)}html.touch #role-card:not(.open)>:not(h3){display:none}html.touch #role-card h3{white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:15px;display:flex;overflow:hidden}html.touch #role-card h3>.ico-text{text-overflow:ellipsis;overflow:hidden}html.touch #role-card h3:after{content:"";background:var(--ico-mo-rong-url) center / contain no-repeat;opacity:.85;flex:none;width:14px;height:14px}html.touch #role-card.open h3{white-space:normal;margin-bottom:4px}html.touch #role-card.open h3:after{transform:rotate(180deg)}html.touch #curse{top:calc(var(--sat) + 56px);right:calc(var(--sar) + 8px);max-width:48%;padding:6px 10px;font-size:13px}html.touch #toast{top:calc(var(--sat) + 100px);text-align:center;max-width:calc(100% - 32px)}html.touch .toggle input{width:22px;height:22px}html.touch #actions{left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);max-width:none;bottom:calc(var(--sab) + var(--ctl-h));max-height:calc(100% - var(--sat) - var(--sab) - var(--ctl-h) - 104px);overscroll-behavior:contain;flex-flow:column;align-items:stretch;overflow-y:auto;transform:none}html.touch #actions .box{flex-shrink:0;padding:8px 10px}html.touch #actions .box>b:first-child{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:15px;line-height:1.3;display:flex}html.touch #actions .box>b:first-child:after{content:"";background:var(--ico-mo-rong-url) center / contain no-repeat;flex:none;width:18px;height:18px}html.touch #actions.min .box>b:first-child:after{transform:rotate(180deg)}html.touch #actions.min .box>:not(:first-child){display:none}html.touch #actions .targets{max-width:none;max-height:min(30vh,240px)}html.touch #actions .box>button{min-height:44px}html.touch #hud:has(#chat.open) #actions{bottom:calc(max(calc(var(--kb) + 8px), calc(var(--sab) + var(--ctl-h))) + var(--chat-h,0px) + 6px);max-height:calc(100% - var(--sat) - 104px - max(calc(var(--kb) + 8px), calc(var(--sab) + var(--ctl-h))) - var(--chat-h,0px))}html.touch #hud:has(#chat.open) #actions .box>:not(:first-child){display:none}html.touch #stick:not([hidden]){left:calc(var(--sal) + 4px);bottom:calc(var(--sab) + 4px);width:calc(var(--stick) + 44px);height:calc(var(--stick) + 44px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block;position:absolute}.stick-base{width:var(--stick);height:var(--stick);background:radial-gradient(circle,#fff8e726 0%,#fff8e71a 58%,#fff8e74d 100%);border:3px solid #fff8e7b3;border-radius:50%;position:absolute;bottom:22px;left:22px;box-shadow:0 4px 14px #0004,inset 0 0 18px #0003}.stick-base:before{content:"";background:linear-gradient(#fff8e7aa,#fff8e7aa) 50% 0/3px 10px no-repeat,linear-gradient(#fff8e7aa,#fff8e7aa) 50% 100%/3px 10px no-repeat,linear-gradient(#fff8e7aa,#fff8e7aa) 0/10px 3px no-repeat,linear-gradient(#fff8e7aa,#fff8e7aa) 100%/10px 3px no-repeat;border-radius:50%;position:absolute;inset:8px}.stick-knob{background:radial-gradient(circle at 35% 30%, #ffd9bf 0%, var(--son-sang) 40%, var(--son) 72%, var(--son-dam) 100%);border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;transition:transform .14s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #0006,inset 0 -3px #0003,inset 0 0 0 2px #f6c35a99}#stick.on .stick-knob{transition:none}#stick.on .stick-base{background:radial-gradient(circle,#fff8e740 0%,#fff8e726 58%,#fff8e766 100%);border-color:#fff8e7}html.touch #act-btn:not([hidden]){right:calc(var(--sar) + 16px);bottom:calc(var(--sab) + 18px);color:#fff6e6;text-shadow:0 1px #0006;background:radial-gradient(circle at 35% 30%, var(--son-sang) 0%, var(--son) 62%, var(--son-dam) 100%);width:76px;height:76px;box-shadow:0 4px 0 #5a120d, 0 8px 18px #0006, inset 0 0 0 3px var(--vang);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;align-content:center;place-items:center;gap:1px;padding:0;font-size:13px;line-height:1.05;animation:1.8s ease-in-out infinite nut-moi;display:grid;position:absolute}#act-btn svg{width:28px;height:28px}#act-btn.press{box-shadow:0 1px 0 #5a120d, 0 4px 10px #0006, inset 0 0 0 3px var(--vang);transform:translateY(3px)}@keyframes nut-moi{50%{box-shadow:0 4px 0 #5a120d, 0 0 0 9px #f6c35a40, inset 0 0 0 3px var(--vang)}}html.touch.kb-open #stick,html.touch.kb-open #act-btn{display:none}@media (orientation:landscape){html.touch #actions{left:calc(var(--sal) + var(--stick) + 52px);right:calc(var(--sar) + 104px);bottom:calc(var(--sab) + 8px);max-height:calc(100% - var(--sat) - var(--sab) - 56px)}html.touch #actions .targets{max-height:none}html.touch #hud:has(#stick[hidden]) #actions{left:calc(var(--sal) + 8px)}html.touch #hud:has(#chat.open) #actions{display:none}}html:not(.touch) #actions:has(>.vsheet){left:calc(var(--sal) + 12px);right:calc(var(--sar) + var(--chat-w,min(340px, 45vw)) + 24px);max-width:none;transform:none}@media (max-width:760px){html:not(.touch) #actions:has(>.vsheet){right:calc(var(--sar) + 12px)}}#actions .box.vsheet{width:min(680px,100%);max-height:min(60vh,560px);color:var(--ink);background:var(--van-giay), radial-gradient(120% 60% at 50% 0%, #fdf5e0 0%, transparent 70%), linear-gradient(172deg, #f8ecd0 0%, #efdeb8 100%);border-radius:10px 14px 12px 16px/14px 10px 16px 12px;flex-direction:column;gap:8px;padding:12px 14px 10px;display:flex;position:relative;box-shadow:0 0 0 1px #9c7a4788,0 0 0 4px #f2e3bfcc,0 0 0 5px #8d6a3a77,0 18px 40px #000a}.vsheet>*{flex-shrink:0}.vsheet>.vs-grid{flex:0 auto;min-height:0}.vsheet>.vs-title{min-height:30px;color:var(--son-dam);cursor:pointer;padding-right:56px;font-size:19px;line-height:1.25;display:block}.vsheet.min>:not(.vs-title):not(.vs-clock){display:none}.vs-sub{color:#6b5233;margin:-6px 56px 0 0;font-size:13.5px;line-height:1.3}.vs-clock{place-items:center;width:46px;height:46px;display:grid;position:absolute;top:8px;right:10px}.vs-clock svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.vs-clock .trk{fill:#fffaf0;stroke:#e3cf9f;stroke-width:4.5px}.vs-clock .arc{fill:none;stroke:var(--vang);stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .25s linear,stroke .3s}.vs-clock .sec{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;position:relative}.vs-clock.urgent .arc{stroke:var(--son-sang)}.vs-clock.urgent .sec{color:var(--son);animation:1s ease-in-out infinite vs-nhip}@keyframes vs-nhip{50%{transform:scale(1.18)}}.vs-me{box-shadow:inset 0 0 0 1px var(--giay-vien);background:#fffaf0b3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;font-size:14px;line-height:1.3;display:flex}.vs-me>span{flex:200px}.vs-me b{color:var(--son)}.vs-me.on{background:#ffece4;box-shadow:inset 0 0 0 1.5px #b5302a66}.vs-me.warn{color:#fff;box-shadow:none;background:#3b2a5a;font-weight:700}.vs-me.ghost{color:#4a4f8a;background:#e8e7f4;box-shadow:inset 0 0 0 1px #b9b8d9}.vs-me button{min-height:34px;color:var(--son);border:2px solid var(--son);box-shadow:0 2px 0 var(--giay-vien);background:#fffaf0;border-radius:10px;margin-left:auto;padding:4px 14px}.vs-me button:active{box-shadow:none;transform:translateY(1px)}.vs-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9ad78 transparent;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px 8px;margin:0 -6px;padding:9px 6px 6px;display:grid;overflow-y:auto}.vcard{min-width:0;min-height:44px;color:var(--ink);border:2px solid var(--giay-vien);background:#fffaf0;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px 6px;font-size:13.5px;font-weight:600;line-height:1.2;transition:transform .12s,border-color .12s,box-shadow .12s,background-color .12s;display:flex;position:relative;box-shadow:0 2px #d9c49a}@media (hover:hover){.vcard:not([aria-disabled]):hover{border-color:var(--son-sang);transform:translateY(-2px)}}.vcard:not([aria-disabled]):active{transform:translateY(1px);box-shadow:0 1px #d9c49a}.vcard:focus-visible{outline:3px solid var(--vang);outline-offset:2px}.vcard[aria-disabled]{cursor:default}.vc-por{width:58px;height:58px;box-shadow:0 0 0 2px #fffaf0, 0 0 0 4px var(--giay-vien);border-radius:50%;margin-bottom:4px;position:relative}.vc-por svg,.vc-voters svg,.vs-chip svg,.vd-por svg,.vd-voters svg{width:100%;height:100%;display:block}.vc-bot{z-index:2;width:26px;height:26px;position:absolute;bottom:-5px;right:-9px}.vc-bot .ico-img,.vc-bot .ico-svg{filter:drop-shadow(0 1px 1px #0004);width:100%;height:100%;display:block}.vs-chip .vs-chip-t .ico-svg{width:1em;height:1em;display:inline-block}.vs-chip .vs-chip-t .ico-img{display:inline-block}.vc-nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.vc-tag{color:#8a6d45;font-size:11.5px;font-weight:700;line-height:1.1}.vc-voters{justify-content:center;min-height:20px;margin-top:3px;display:flex}.vc-voters i{background:#fff3d6;border-radius:50%;width:20px;height:20px;display:block;overflow:hidden;box-shadow:0 0 0 1.5px #fffaf0}.vc-voters i+i{margin-left:-6px}.vc-voters i.more{color:#6b5233;background:#ecdcb6;border-radius:10px;width:auto;min-width:22px;padding:0 4px;font-size:11px;font-style:normal;font-weight:700;line-height:20px}.vc-n{background:var(--son);color:#fff6e6;text-align:center;border-radius:14px;min-width:28px;height:28px;padding:0 6px;font-size:15px;font-weight:700;line-height:28px;position:absolute;top:-9px;right:-6px;box-shadow:0 0 0 2px #fffaf0,0 2px 5px #0005}.vc-mine{background:var(--vang);width:26px;height:26px;color:var(--son-dam);text-align:center;border-radius:50%;font-size:15px;font-weight:700;line-height:26px;position:absolute;top:-9px;left:-6px;box-shadow:0 0 0 2px #fffaf0,0 2px 5px #0004}.vc-mine .ico-svg{vertical-align:-3px;width:17px;height:17px;color:var(--son-dam)}.vcard.mine{border-color:var(--son);box-shadow:0 0 0 3px #b5302a3d, 0 2px 0 var(--son-dam);background:#ffe8de}.vcard.mine .vc-por{box-shadow:0 0 0 2px #fffaf0, 0 0 0 4px var(--son)}.vcard.lead .vc-por,.vcard.tie .vc-por{box-shadow:0 0 0 2px #fffaf0, 0 0 0 4px var(--vang), 0 0 14px 3px #e2ad4588}.vcard.mine.lead .vc-por,.vcard.mine.tie .vc-por{box-shadow:0 0 0 2px #fffaf0, 0 0 0 4px var(--son), 0 0 14px 3px #e2ad4588}.vcard.lead .vc-tag{color:var(--son)}.vcard.tie .vc-tag{color:#9a6a00}.vcard.self{background:#f6ecd6;border-style:dashed}.vcard.sending{animation:.5s ease-out vs-gui}@keyframes vs-gui{0%{box-shadow:0 0 #b5302a77}to{box-shadow:0 0 0 12px #b5302a00}}.vs-dead{color:#85735b;-webkit-line-clamp:2;border-top:1px dashed #c9ad78;-webkit-box-orient:vertical;margin:0;padding-top:6px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}#actions .box.vsheet.night{color:#f3ead8;background:radial-gradient(120% 70% at 50% 0,#3d3463 0%,#0000 70%),linear-gradient(172deg,#2a2347 0%,#1b1730 100%);box-shadow:0 0 0 1px #6b5a9a88,0 0 0 4px #2e2747cc,0 0 0 5px #8e7cc377,0 18px 40px #000c}.vsheet.night>.vs-title{color:#ffd9a0}.vsheet.night .vs-sub{color:#c9bfe6}.vsheet.night .vs-clock .trk{fill:#2e2747;stroke:#4a4170}.vsheet.night .vs-clock .sec{color:#fff3dc}.vsheet.night .vs-clock.urgent .sec{color:#ff9a85}.vsheet.night .vs-me{background:#ffffff12;box-shadow:inset 0 0 0 1px #8e7cc355}.vsheet.night .vs-me b{color:#ffcf8a}.vsheet.night .vs-me.on{background:#b5302a38;box-shadow:inset 0 0 0 1.5px #d9483b99}.vsheet.night .vs-me.lock{background:#e2ad4526;font-weight:700;box-shadow:inset 0 0 0 1.5px #e2ad4599}.vsheet.night .vs-me button{color:#ffd9a0;box-shadow:none;background:0 0;border-color:#ffd9a0}.vsheet.night .vs-dead{color:#a99fc8;border-top-color:#4a4170}.vsheet.night .vcard{background:#f6ebcf;border-color:#8e7cc3;box-shadow:0 2px #120f22,0 0 16px #ffd36a22}.vsheet.night .vcard.mine{border-color:var(--son-sang);background:#ffe1d4;box-shadow:0 0 0 3px #d9483b66,0 2px #120f22}.vsheet.night .vcard .vc-por:before{content:"";z-index:1;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#8a5a2b,#5b3a1e);height:20px;position:absolute;top:-13px;left:-9px;right:-9px}.vsheet.night .vcard{padding-top:14px}.vs-pack{flex-wrap:wrap;gap:6px;display:flex}.vs-chip{color:#e9e2f5;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:2px 10px 2px 2px;font-size:13px;line-height:1.2;display:inline-flex;box-shadow:inset 0 0 0 1px #8e7cc366}.vs-chip-t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vs-grid.skill .vc-voters{display:none}.vs-chip.on{box-shadow:inset 0 0 0 1.5px #ffcf8a}.vs-chip i{background:#e9e2f5;border-radius:50%;flex:none;width:26px;height:26px;overflow:hidden}html.touch #actions .box.vsheet{flex-shrink:1;gap:6px;width:auto;min-height:0;max-height:none;padding:10px 10px 8px}html.touch #actions .box.vsheet>b.vs-title{min-height:34px;color:var(--son-dam);align-items:center;padding-right:50px;font-size:16px}html.touch #actions .box.vsheet.night>b.vs-title{color:#ffd9a0}html.touch #actions.min .box.vsheet>.vs-clock{display:grid}html.touch .vs-clock{width:40px;height:40px;top:6px;right:8px}html.touch .vs-clock .sec{font-size:15px}html.touch .vs-sub{margin:-4px 0 0;font-size:13px}html.touch .vs-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 6px}html.touch .vc-por{width:52px;height:52px}html.touch .vs-me{font-size:13.5px}html.touch .vs-me button{min-height:44px}#verdict{z-index:21;left:50%;top:max(calc(var(--sat) + 76px), 13vh);pointer-events:none;width:min(420px,100vw - 32px);position:fixed;transform:translate(-50%)}.vd-card{pointer-events:auto;cursor:pointer;text-align:center;color:var(--ink);background:var(--van-giay), radial-gradient(120% 70% at 50% 0%, #fdf5e0 0%, transparent 70%), linear-gradient(172deg, #f8ecd0 0%, #efdeb8 100%);border-radius:12px 16px 14px 18px/16px 12px 18px 14px;justify-items:center;gap:4px;padding:24px 22px 18px;transition:opacity .22s,transform .22s;animation:.42s cubic-bezier(.2,1.3,.4,1) vd-in;display:grid;position:relative;box-shadow:0 0 0 1px #9c7a4788,0 0 0 5px #f2e3bfcc,0 0 0 6px #8d6a3a77,0 24px 60px #000c}.vd-card:before{content:"";pointer-events:none;border:1.5px solid #a5814d55;border-radius:8px 12px 10px 14px/12px 8px 14px 10px;position:absolute;inset:7px}#verdict.leaving .vd-card{opacity:0;transform:translateY(-10px)scale(.98)}.vd-seal{background:var(--son);color:#fbe9d0;width:52px;height:52px;box-shadow:inset 0 0 0 2px var(--son), inset 0 0 0 3.5px #fbe9d0cc, 0 3px 8px #0006;border-radius:8px;place-items:center;font-size:13px;font-weight:700;line-height:1.02;display:grid;position:absolute;top:-16px;left:-10px;transform:rotate(-10deg)}.vd-por{justify-content:center;align-items:center;gap:10px;min-height:64px;display:flex}.vd-por>span{width:66px;height:66px;box-shadow:0 0 0 3px #fffaf0, 0 0 0 5px var(--giay-vien);border-radius:50%}.vd-por>span.big{width:104px;height:104px;box-shadow:0 0 0 4px #fffaf0, 0 0 0 7px var(--son), 0 10px 24px #5a120d55}.vd-por>.eq{color:var(--son);font-size:26px}.vd-por>.empty{box-shadow:none;place-items:center;font-size:46px;display:grid}.vd-por>.empty .ico-img{vertical-align:0;width:66px;height:66px}.vd-title .ico-img{vertical-align:-.35em;width:1.4em;height:1.4em}.vd-kicker{letter-spacing:.12em;text-transform:uppercase;color:#9a7a4c;margin:8px 0 0;font-size:12.5px;font-weight:700}.vd-title{margin:0;font-size:23px;line-height:1.22}.vd-name{color:var(--son);overflow-wrap:anywhere}.vd-sub{color:#5a3f22;margin:0;font-size:16px}.vd-sub b{color:var(--son);padding:0 2px;font-size:26px;line-height:1}.vd-voters{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;display:flex}.vd-voters>span{width:28px;height:28px;box-shadow:0 0 0 1.5px #fffaf0, 0 0 0 2.5px var(--giay-vien);border-radius:50%;overflow:hidden}.vd-extra{color:#8a3a6a;margin:4px 0 0;font-size:14.5px;font-weight:700}.vd-close{color:#8a6d45;background:0 0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.vd-close:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.vd-timer{background:var(--son);opacity:.35;transform-origin:0;height:3px;animation:popup-life var(--life,6s) linear forwards;border-radius:2px;position:absolute;bottom:7px;left:20px;right:20px}.vd-card.paused .vd-timer{animation-play-state:paused}@keyframes vd-in{0%{opacity:0;transform:translateY(-14px)scale(.92)}}@media (max-width:640px){.vd-card{padding:20px 16px 16px}.vd-por>span.big{width:88px;height:88px}.vd-title{font-size:20px}}html.touch #popups{top:min(calc(var(--top-band,calc(var(--sat) + 52px)) + 8px), 45vh)}html.touch #verdict{top:min(calc(var(--top-band,calc(var(--sat) + 52px)) + 14px), 40vh)}html.touch .popup-close{width:36px;height:36px;top:5px;right:5px}@media (prefers-reduced-motion:reduce){.vd-card,.vcard.sending,.vs-clock .sec{animation:none!important}.vcard,.vd-card{transition:none}}.vs-steps{grid-template-columns:1fr 1fr;gap:6px;display:grid}.vs-step{text-align:left;color:#d9d0f0;min-width:0;min-height:44px;box-shadow:none;background:#ffffff10;border:1.5px solid #6b5a9a;border-radius:12px;align-items:center;gap:8px;padding:5px 10px 5px 6px;font-weight:600;display:flex}.vs-step i{color:#fff3dc;background:#4a4170;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:15px;font-style:normal;font-weight:700;display:grid}.vs-step>span{min-width:0;line-height:1.2;display:grid}.vs-step b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.vs-step small{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.vs-step.on{color:#fff3dc;background:#ffd9a01f;border-color:#ffd9a0;box-shadow:0 0 0 2px #ffd9a033}.vs-step i .ico-svg{vertical-align:0;color:#1d4a3b;width:17px;height:17px}.vs-step.on i{background:var(--son)}.vs-step.done i{background:var(--jade)}@media (hover:hover){.vs-step:not(.on):hover{border-color:#b3a3e0}}.vs-step:focus-visible{outline:3px solid var(--vang);outline-offset:2px}.vs-skill{background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex;box-shadow:inset 0 0 0 1px #8e7cc355}.vs-skill>i{background:#e9e2f5;border-radius:50%;flex:none;width:46px;height:46px;overflow:hidden;box-shadow:0 0 0 2px #8e7cc3}.vs-skill>i svg{width:100%;height:100%;display:block}.vs-skill b{color:#ffd9a0;font-size:14.5px}.vs-skill p{color:#e9e2f5;margin:1px 0 0;font-size:13.5px;line-height:1.3}.vs-me button.primary{background:linear-gradient(180deg, var(--son-sang), var(--son));color:#fff6e6;border-color:var(--son-dam);box-shadow:inset 0 1px 0 #ffffff4d, 0 2px 0 var(--son-dam)}.vsheet.night .vs-me button.primary{background:linear-gradient(180deg, var(--son-sang), var(--son));color:#fff6e6;border-color:#ffd9a0}.vsheet.night .vs-me.done{background:#3e9b7a2e;box-shadow:inset 0 0 0 1.5px #3e9b7a}.vsheet.night .vs-me.done b{color:#9fe3c6}.vcard.off{box-shadow:none;color:#85735b;background:#e9dfca;border-style:dashed;border-color:#b9a77f}.vcard.off .vc-por{filter:grayscale();opacity:.55}.vc-why{color:#85735b;font-size:11.5px;font-weight:700;line-height:1.1}.vsheet.night .vcard.off{background:#cfc6b0;border-color:#6b5a9a}.vsheet.night .vcard.off .vc-por:before{opacity:.6}html.touch .vs-step b{font-size:13px}@media (max-width:420px){.vs-step-n{display:none}}@media (max-width:340px){.vs-step small{display:none}}@media (orientation:landscape) and (max-height:500px){html.touch .vsheet .vs-sub{display:none}html.touch .vs-step{min-height:40px;padding-top:3px;padding-bottom:3px}}[data-tag=chac_ma]{--tc:#5b2a86;--tc-ink:#fff}[data-tag=nghi_ma]{--tc:#c8352b;--tc-ink:#fff}[data-tag=chua_ro]{--tc:#776b5a;--tc-ink:#fff}[data-tag=tin]{--tc:#2b8560;--tc-ink:#fff}[data-tag=but]{--tc:#e3a41c;--tc-ink:#3b2a1a}[data-tag=ho_ly]{--tc:#2f6db5;--tc-ink:#fff}.nb-dot{background:var(--tc,#999);vertical-align:middle;border-radius:50%;flex:none;width:10px;height:10px;font-style:normal;display:inline-block;box-shadow:0 0 0 2px #fffaf0,0 1px 2px #0006}.vc-por>.nb-dot,.pcard .ico>.nb-dot{z-index:3;width:16px;height:16px;position:absolute;bottom:-2px;left:-3px;box-shadow:0 0 0 2.5px #fffaf0,0 1px 3px #0006}.pcard .ico>.nb-dot{width:14px;height:14px}#notebook-btn{top:calc(var(--sat) + 12px);right:calc(var(--sar) + 112px);background:var(--paper);width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;padding:0;display:grid;position:absolute}#notebook-btn .ico-svg{vertical-align:0;width:22px;height:22px}#notebook-btn.on{background:var(--son);color:#fff6e6;box-shadow:inset 0 0 0 2px var(--vang)}#notebook-btn:focus-visible{outline:3px solid var(--vang);outline-offset:2px}.nb-badge{background:var(--vang);color:#5a3200;text-align:center;width:19px;height:19px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;font-size:13px;font-weight:700;line-height:19px;position:absolute;top:-6px;right:-6px}#notebook-btn.ask{animation:1.6s ease-in-out 4 nb-nhac}@keyframes nb-nhac{50%{box-shadow:0 0 0 6px #e2ad4566}}#notebook{z-index:6;left:calc(var(--sal) + 12px);width:min(372px,100vw - 24px);max-height:min(74vh,660px);color:var(--ink);background:var(--van-giay), linear-gradient(172deg, #fbf2da 0%, #f0dfb9 100%);border-radius:10px 14px 12px 16px/14px 10px 16px 12px;flex-direction:column;animation:.18s ease-out nb-in;display:flex;position:absolute;top:64px;box-shadow:0 0 0 1px #9c7a4788,0 0 0 4px #f2e3bfcc,0 0 0 5px #8d6a3a77,0 18px 40px #0009}@keyframes nb-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.nb-head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1.5px dashed #c9ad7c;flex:none;align-items:center;gap:4px;padding:8px 6px 7px 12px;display:flex;position:relative}#notebook.dragging .nb-head{cursor:grabbing}#notebook.dragging{animation:none;box-shadow:0 0 0 1px #9c7a4788,0 0 0 4px #f2e3bfcc,0 0 0 5px #8d6a3a77,0 24px 50px #000a}.nb-head-t{flex:1;min-width:0}.nb-title{color:var(--son-dam);margin:0;font-size:17px;line-height:1.15}.nb-title .ico-svg{vertical-align:-.2em;width:1.15em;height:1.15em}.nb-hint{color:#84673f;margin-top:1px;font-size:11.5px;font-weight:600;display:block}.nb-grip{display:none}.nb-tool{width:32px;height:32px;color:var(--ink);background:0 0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.nb-tool:hover{background:#0000000f}.nb-tool .ico-svg{width:19px;height:19px}.nb-tool:focus-visible,.nb-tag:focus-visible,.nb-clear:focus-visible,.nb-ask-row button:focus-visible{outline:3px solid var(--vang);outline-offset:1px}html:not(.touch) #notebook.min .nb-body{display:none}html:not(.touch) #notebook.min .nb-head{border-bottom:0}.nb-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9ad7c transparent;background:linear-gradient(90deg,#0000 10px,#c8432b40 10px 11.5px,#0000 11.5px);gap:12px;min-height:0;padding:10px 12px 12px 20px;display:grid;overflow-y:auto}.nb-sec-h{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.nb-label{color:var(--son-dam);font-size:14.5px;font-weight:700}.nb-status{color:#84673f;text-align:right;font-size:11.5px;font-weight:600}.nb-free{resize:vertical;width:100%;min-height:104px;max-height:38vh;font:inherit;color:var(--ink);background:#fffdf6 repeating-linear-gradient(#0000 0 25px,#c9ad7c66 25px 26px) 0 2px local;border:2px solid #d9c49a;border-radius:10px;padding:2px 10px;font-size:15px;line-height:26px;display:block}.nb-free:focus,.nb-line:focus{border-color:var(--son);outline:none;box-shadow:0 0 0 3px #b5302a26}.nb-free:disabled,.nb-line:disabled{opacity:.55}.nb-free::placeholder,.nb-line::placeholder{color:#a08766;opacity:1}.nb-legend{color:#84673f;margin:0 0 6px;font-size:12px;line-height:1.35}.nb-people{gap:6px;margin:0;padding:0;list-style:none;display:grid}.nb-empty{color:#84673f;margin:0;font-size:13px;font-style:italic}.nb-row{box-shadow:inset 0 0 0 1px #e2cfa4, inset 4px 0 0 var(--tc,transparent);background:#fffaf0d9;border-radius:12px;grid-template-columns:36px minmax(0,max-content) minmax(0,1fr);grid-template-areas:"ava who line""tags tags tags";align-items:center;gap:6px 8px;padding:7px 8px 8px 10px;display:grid}.nb-ava{width:36px;height:36px;box-shadow:0 0 0 2px #fffaf0, 0 0 0 3px var(--giay-vien);background:#fff3d6;border-radius:50%;grid-area:ava;overflow:hidden}.nb-ava>*,.nb-ava svg{width:100%;height:100%;display:block}.nb-who{grid-area:who;align-items:center;min-width:0;max-width:8.5em;display:flex}.nb-name-l{flex-wrap:wrap;align-items:center;gap:0 4px;min-width:0;font-weight:700;line-height:1.2;display:flex}.nb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nb-name-l .ico-bot{margin:0}.nb-dead{color:#85735b;flex:none;font-size:11.5px;font-weight:700}.nb-dead .ico-img{vertical-align:-.35em;width:1.3em;height:1.3em;margin-inline-end:1px}.nb-row.dead .nb-ava{filter:grayscale();opacity:.6}.nb-row.dead .nb-name{color:#85735b;text-decoration:line-through;text-decoration-thickness:1px}.nb-line{background:#fffdf8;border:1.5px solid #e2cfa4;border-radius:8px;grid-area:line;width:100%;min-width:0;min-height:30px;padding:2px 8px;font-size:14px}.nb-tags{flex-wrap:wrap;grid-area:tags;gap:4px;display:flex}.nb-tag{min-height:26px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:1px 9px 2px 6px;font-size:12.5px;font-weight:700;line-height:1.2;transition:background-color .12s,color .12s,transform .12s;display:inline-flex;box-shadow:inset 0 0 0 1.5px #e2cfa4}.nb-tag:not(:disabled):hover{box-shadow:inset 0 0 0 1.5px var(--tc)}.nb-tag:not(:disabled):active{transform:scale(.95)}.nb-sw{background:var(--tc);border-radius:50%;width:10px;height:10px}.nb-tag[aria-pressed=true]{background:var(--tc);color:var(--tc-ink);box-shadow:0 1px #0004}.nb-tag[aria-pressed=true] .nb-sw{background:var(--tc-ink);box-shadow:0 0 0 2px var(--tc)}.nb-foot{justify-content:flex-end;display:flex}.nb-clear{color:#8a5a3a;background:0 0;border-radius:10px;padding:4px 12px;font-size:13px;box-shadow:inset 0 0 0 1.5px #d3b98a}.nb-clear.armed{background:var(--son);color:#fff;box-shadow:none}#nb-ask{z-index:7;top:calc(var(--sat) + 58px);right:calc(var(--sar) + 12px);width:min(330px,100vw - 24px);position:absolute}.nb-ask{color:var(--ink);background:var(--van-giay), var(--paper);box-shadow:0 0 0 2px var(--vang), 0 12px 28px #0007;border-radius:14px;gap:6px;padding:10px 14px 12px;animation:.2s ease-out nb-in;display:grid;position:relative}.nb-ask.in{box-shadow:inset 0 0 0 2px var(--vang);animation:none}.nb-ask>b{color:var(--son-dam);padding-right:26px}.nb-ask>b .ico-svg{vertical-align:-.2em;width:1.15em;height:1.15em}.nb-ask p{margin:0;font-size:13.5px;line-height:1.38}.nb-ask-row{flex-wrap:wrap;gap:6px;display:flex}.nb-ask-row button{border-radius:10px;min-height:36px;padding:4px 12px;font-size:14px}.nb-ask-row .son{background:var(--son);color:#fff6e6}.nb-ask-row button:not(.son):not(.ghost){color:var(--son);box-shadow:inset 0 0 0 2px var(--son);background:#fffaf0}.nb-ask-row .ghost{color:var(--ink);border:2px solid #8d6a3a}.nb-ask-x{width:30px;height:30px;position:absolute;top:5px;right:5px}@media (prefers-reduced-motion:reduce){#notebook,.nb-ask,#notebook-btn.ask{animation:none}.nb-tag{transition:none}}html.touch #notebook-btn{top:auto;right:calc(var(--sar) + 102px);bottom:calc(var(--sab) + 26px);background:var(--van-giay), var(--paper);width:46px;height:46px;box-shadow:0 4px 12px #0005, inset 0 0 0 2px var(--giay-vien);border-radius:50%;padding:0}html.touch #notebook-btn .ico-svg{width:25px;height:25px}html.touch #notebook-btn.on{background:var(--son);box-shadow:0 4px 12px #0005, inset 0 0 0 2px var(--vang)}html.touch.kb-open #notebook-btn{display:none}html.touch #notebook{right:var(--sar);bottom:var(--kb);z-index:8;width:auto;max-height:min(72vh, calc(100% - var(--sat) - 64px - var(--kb)));border-radius:22px 22px 0 0;animation:.24s cubic-bezier(.2,.9,.3,1) nb-up;box-shadow:0 0 0 1px #9c7a4788,0 -2px 0 3px #f2e3bf,0 -12px 34px #0008;left:var(--sal)!important;top:auto!important}@keyframes nb-up{0%{transform:translateY(100%)}}html.touch .nb-head{cursor:default;padding:16px 8px 8px 16px}html.touch .nb-grip{background:#c9ad7c;border-radius:3px;width:46px;height:5px;margin-left:-23px;display:block;position:absolute;top:6px;left:50%}html.touch .nb-collapse{display:none}html.touch .nb-tool{width:42px;height:42px}html.touch .nb-body{padding-bottom:calc(var(--sab) + 14px)}html.touch.kb-open .nb-body{padding-bottom:12px}html.touch .nb-free,html.touch .nb-line{font-size:16px}html.touch .nb-free{min-height:82px}html.touch.kb-open #notebook{max-height:calc(100% - var(--sat) - 64px - var(--kb))}html.touch .nb-line{min-height:38px}html.touch .nb-tag{min-height:34px;padding:3px 11px 3px 8px;font-size:13.5px}html.touch .nb-clear,html.touch .nb-ask-row button{min-height:44px}html.touch #nb-ask{top:min(calc(var(--top-band,calc(var(--sat) + 52px)) + 8px), 45vh);left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);width:auto}@media (orientation:landscape){html.touch #notebook-btn{right:calc(var(--sar) + 32px);bottom:calc(var(--sab) + 172px)}html.touch #notebook{width:min(520px,70vw);right:calc(var(--sar) + 8px);max-height:calc(100% - var(--sat) - 16px - var(--kb));border-radius:22px 22px 0 0;left:auto!important}}@media (prefers-reduced-motion:reduce){html.touch #notebook{animation:none}}#chat{--acc:var(--son);--acc-line:#dcc392;--acc-glow:#b5302a33;--muted:#7d6448;right:calc(var(--sar) + 12px);bottom:calc(var(--sab) + 12px);width:min(340px,45vw);color:var(--ink);background:var(--van-giay), linear-gradient(172deg, #fdf6e3f5 0%, #f4e6c6f5 100%);border-radius:12px 16px 14px 18px/16px 12px 18px 14px;flex-direction:column;font-size:14px;display:flex;position:absolute;box-shadow:0 0 0 1px #9c7a4788,0 0 0 4px #f2e3bfcc,0 0 0 5px #8d6a3a66,0 12px 28px #0007}#chat[data-ch=ma]{--acc:#8a2a62;--acc-line:#c592b0;--acc-glow:#8a2a6240}#chat[data-ch=ghosts]{--acc:#3a73ab;--acc-line:#a3c3e4;--acc-glow:#3a73ab40}html:not(.touch) #chat[data-size=max]{width:min(480px,42vw)}html:not(.touch) #chat[data-size=min] .chat-body,html:not(.touch) #chat[data-size=min] #chat-form{display:none}html:not(.touch) #chat[data-size=min] .chat-head{cursor:pointer;border-bottom:0;padding-bottom:5px}#chat .sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#chat button{touch-action:manipulation}#chat button:focus-visible{outline:3px solid var(--vang);outline-offset:1px}.chat-head{border-bottom:1.5px dashed #c9ad7c;align-items:flex-end;gap:4px;padding:6px 6px 0 8px;display:flex}.chat-tabs{scrollbar-width:none;flex:1;gap:3px;min-width:0;display:flex;overflow-x:auto}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab{min-height:32px;color:var(--muted);background:0 0;border-radius:11px 11px 0 0;flex:none;align-items:center;padding:3px 10px 4px 7px;font-size:13.5px;line-height:1.1;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:inset 0 -3px #0000}.chat-tab .ico-img{vertical-align:middle;width:1.45em;height:1.45em}.chat-tab .ico-svg{width:1.15em;height:1.15em}.chat-tab:not(.on):hover{color:var(--ink);background:#0000000a}.chat-tab[data-ch=world].on{color:var(--son-dam);box-shadow:inset 0 -3px 0 var(--son);background:#f8dfca}.chat-tab[data-ch=ma]{color:#7d2a5c}.chat-tab[data-ch=ma].on{color:#ffe2ef;background:#561b43;box-shadow:inset 0 -3px #d0548f}.chat-tab[data-ch=ghosts]{color:#3c6a96}.chat-tab[data-ch=ghosts].on{color:#1d4266;background:#d9e9f8;box-shadow:inset 0 -3px #4f8fcd}.ct-n{background:var(--son);color:#fff;text-align:center;border-radius:10px;min-width:19px;height:19px;margin-left:5px;padding:0 5px;font-size:11.5px;font-weight:700;line-height:19px;box-shadow:0 0 0 1.5px #fff8e7}.ct-n.at{background:var(--vang);color:#5a3200}.chat-tab[data-ch=ma] .ct-n:not(.at){background:#c0397a}.chat-tab[data-ch=ghosts] .ct-n:not(.at){background:#3a73ab}.chat-tools{flex:none;gap:1px;padding-bottom:3px;display:flex}.chat-tool{width:30px;height:30px;color:var(--ink);background:0 0;border-radius:9px;place-items:center;padding:0;display:grid}.chat-tool .ico-svg{width:19px;height:19px}.chat-tool:hover{background:#0000000f}.chat-tool.on{color:#1f5f49;background:#3e9b7a26;box-shadow:inset 0 0 0 1.5px #3e9b7a88}.chat-close{display:none}.chat-body{position:relative}#chat-log{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9ad7c transparent;flex-direction:column;gap:6px;height:236px;padding:10px 8px 6px;display:flex;overflow-y:auto}html:not(.touch) #chat[data-size=max] #chat-log{height:min(56vh,540px)}#chat-log>:first-child{margin-top:auto}#chat-log:focus-visible{outline:2px solid var(--vang);outline-offset:-3px;border-radius:8px}#chat-log:not(:has(>.cm,>.cm-sys)):after{content:"Chưa ai lên tiếng. Chào cả làng một câu, gõ @ để nhắc tên ai đó nhé!";color:var(--muted);text-align:center;margin:auto;padding:8px 12px;font-size:13px;font-style:italic}#chat-log[data-filter=world]>.cm:not([data-ch=world]),#chat-log[data-filter=ma]>.cm:not([data-ch=ma]),#chat-log[data-filter=ghosts]>.cm:not([data-ch=ghosts]){display:none}#chat-log[data-filter=ma]:not(:has(>.cm[data-ch=ma])):after{content:"Bầy Ma chưa ai thì thầm gì.";color:var(--muted);margin:auto;font-size:13px;font-style:italic}#chat-log[data-filter=ghosts]:not(:has(>.cm[data-ch=ghosts])):after{content:"Hồn ma chưa ai lên tiếng.";color:var(--muted);margin:auto;font-size:13px;font-style:italic}.cm{align-items:flex-start;gap:6px;max-width:100%;display:flex}.cm.mine{flex-direction:row-reverse}.cm-ava{width:30px;height:30px;box-shadow:0 0 0 2px #fffaf0, 0 0 0 3px var(--giay-vien);background:#fff3d6;border-radius:50%;flex:none;margin-top:2px;overflow:hidden}.cm-ava>*,.cm-ava svg,.sg-ava svg,.pk-ava svg{width:100%;height:100%;display:block}.cm[data-ch=ma] .cm-ava{box-shadow:0 0 0 2px #fffaf0,0 0 0 3px #a8467f}.cm[data-ch=ghosts] .cm-ava{filter:saturate(.6);box-shadow:0 0 0 2px #fffaf0,0 0 0 3px #7fa9d4}.cm-col{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:calc(100% - 36px);display:flex}.cm.mine .cm-col{align-items:flex-end;max-width:86%}.cm-meta{max-width:100%;color:var(--muted);align-items:center;gap:4px;padding:0 3px;font-size:12px;line-height:1.25;display:flex}.cm-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--son-dam);font-weight:700;overflow:hidden}.cm.mine .cm-name{color:var(--muted)}.cm-meta .ico-bot{width:1.35em;height:1.35em;margin:0}.cm-meta .nb-dot{width:9px;height:9px}.cm-time{font-variant-numeric:tabular-nums;flex:none;font-size:11px}.cm-chip{border-radius:9px;flex:none;align-items:center;padding:0 7px 0 2px;font-size:10.5px;font-weight:700;line-height:17px;display:inline-flex}.cm-chip .ico-img{vertical-align:middle;width:1.5em;height:1.5em;margin-inline-end:1px}.cm[data-ch=ma] .cm-chip{color:#ffd6e8;background:#561b43}.cm[data-ch=ghosts] .cm-chip{color:#1d4266;background:#d9e9f8}.cm-b{overflow-wrap:anywhere;white-space:pre-wrap;background:#fffdf7;border:1px solid #e2cfa4;border-radius:5px 15px 15px;max-width:100%;padding:5px 10px 6px;font-size:14.5px;line-height:1.38;animation:.22s ease-out cm-in;position:relative;box-shadow:0 1.5px #dcc595}.cm-b+.cm-b{border-top-left-radius:5px}.cm.mine .cm-b{transform-origin:100% 0;background:#fbe0c6;border-color:#e1ad80;border-radius:15px 5px 15px 15px;box-shadow:0 1.5px #d79a68}.cm[data-ch=ma] .cm-b{color:#ffeaf3;background:#4f1a3f;border-color:#7f3266;box-shadow:0 1.5px #2b0b21}.cm[data-ch=ma].mine .cm-b{background:#6a2352;border-color:#9a4579}.cm[data-ch=ghosts] .cm-b{color:#203f5e;background:#e7f1fb;border-color:#a9c8e8;font-style:italic;box-shadow:0 1.5px #b5d0ec}.cm[data-ch=ghosts].mine .cm-b{background:#d2e5f8}.cm-b.at-me{background:#fff1c9;border-color:#e2ad45;box-shadow:0 0 0 2px #e2ad45aa,0 2px 10px #e2ad4566}.cm[data-ch=ma] .cm-b.at-me{background:#5d1f49;box-shadow:0 0 0 2px #f1c35b,0 2px 10px #f1c35b55}.cm[data-ch=ghosts] .cm-b.at-me{background:#fdf6dc}.cm-at{color:var(--son);background:#b5302a14;border-radius:6px;padding:0 3px;font-style:normal;font-weight:700}.cm-at.me{color:#6b3d00;background:#f8d77e}.cm[data-ch=ma] .cm-at{color:#ffd27a;background:#ffffff14}.cm[data-ch=ma] .cm-at.me{color:#4a1838;background:#f8d77e}#chat-log .cm-b.sticker{box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;padding:0 2px 2px;display:flex}#chat-log .cm-b.sticker.at-me{background:#fff1c9;border-radius:14px}.cm-b .cm-st{filter:drop-shadow(0 2px 3px #0003);width:64px;height:64px;animation:.35s cubic-bezier(.3,1.6,.6,1) cm-pop}.cm-st-t{color:var(--son-dam);background:#fff8e7e6;border-radius:10px;padding:0 8px;font-size:12px;font-style:normal;font-weight:700;box-shadow:0 0 0 1px #e2cfa4}.cm[data-ch=ma] .cm-st-t{color:#ffe2ef;box-shadow:none;background:#561b43e6}.cm[data-ch=ghosts] .cm-st-t{color:#1d4266;background:#e7f1fbe6;box-shadow:0 0 0 1px #a9c8e8}.cm-sys{justify-content:center;display:flex}.cm-sys-in{text-align:center;overflow-wrap:anywhere;color:#1f5c47;background:#dff1e8;border-radius:14px;max-width:94%;padding:4px 12px 5px;font-size:13px;font-weight:700;line-height:1.35;animation:.22s ease-out cm-in;box-shadow:inset 0 0 0 1px #3e9b7a55}.cm-sys-in>.ico-img{vertical-align:-.45em;width:1.55em;height:1.55em}.cm-sys.death .cm-sys-in{color:#74170f;background:#f9dcd3;box-shadow:inset 0 0 0 1px #c8432b66}.cm-sys.private .cm-sys-in{color:#5e3f0d;outline-offset:-4px;background:#fff2cf;border:0;outline:1.5px dashed #b98a3f;box-shadow:inset 0 0 0 1.5px #d9a85b}.cm-sys-in .cm-lock{vertical-align:-.1em;opacity:.75;width:.95em;height:.95em;margin-inline-start:.35em}.cm-sys.win .cm-sys-in{color:#5a1410;background:linear-gradient(#ffe7a6,#f6c35a);font-size:14.5px;box-shadow:0 0 0 1px #b07c1d,0 2px 8px #e2ad4588}.cm-roles{text-align:left;gap:1px;font-weight:600;display:grid}.cm-roles>b{text-align:center;margin-bottom:2px}.cm-roles .ico-img{vertical-align:-.35em;width:1.35em;height:1.35em}.cm-div{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin:4px 0 2px;font-size:12px;font-weight:700;display:flex}.cm-div:before,.cm-div:after{content:"";background:repeating-linear-gradient(90deg,#c9ad7c 0 6px,#0000 6px 10px);flex:1;height:1.5px}.cm-div .ico-img{vertical-align:-.4em;width:1.4em;height:1.4em}@keyframes cm-in{0%{opacity:.35;transform:translateY(6px)scale(.98)}}@keyframes cm-pop{0%{opacity:0;transform:scale(.4)}}.chat-jump{z-index:2;background:var(--son);color:#fff6e6;border-radius:999px;align-items:center;padding:3px 12px 4px 9px;font-size:12.5px;animation:.2s ease-out cm-in;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #fff8e7,0 4px 10px #0005}.chat-jump .ico-svg{width:15px;height:15px}#chat-form{border-top:1.5px dashed #c9ad7c;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 6px 7px;display:flex;position:relative}.chat-hint{min-width:0;color:var(--muted);border-radius:9px;flex:0 0 100%;align-items:center;padding:2px 8px 3px 4px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.chat-hint .ico-img{flex:none;width:1.5em;height:1.5em}.chat-hint .ico-svg{flex:none;width:1.15em;height:1.15em}.chat-hint.ma{color:#ffe2ef;background:#561b43}.chat-hint.ghosts{color:#1d4266;background:#d9e9f8}.chat-hint.warn{color:#6b3d00;background:#fff1c9;box-shadow:inset 0 0 0 1px #e2ad45}.chat-hint.muted{color:#4a2d6b;background:#ece2f6;box-shadow:inset 0 0 0 1px #9a7bb8}.chat-hint.off{color:#74170f;background:#f9dcd3}.chat-stick-btn,.chat-send{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.chat-stick-btn{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--giay-vien);background:#fff3d6}.chat-stick-btn.on{background:#f8d77e;box-shadow:inset 0 0 0 2px #c48a1c}.chat-stick-btn .ico-svg,.chat-send .ico-svg{width:22px;height:22px}.chat-send{background:var(--acc);color:#fff6e6;transition:background-color .15s,opacity .15s;box-shadow:0 2px #0003}.chat-send:not(:disabled):active{box-shadow:none;transform:translateY(1px)}.chat-field{flex:1;min-width:0;position:relative}#chat-input{border:2px solid var(--acc-line);width:100%;min-height:36px;color:var(--ink);background:#fffefa;border-radius:12px;padding:5px 50px 5px 10px;transition:border-color .15s,box-shadow .15s}#chat[data-ch=ma] #chat-input{background:#fbf1f7}#chat[data-ch=ghosts] #chat-input{background:#f3f8fe}#chat-input::placeholder{color:#94795a;opacity:1}#chat-input:placeholder-shown{padding-right:10px}#chat-input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow);outline:none}#chat-input:disabled{cursor:not-allowed}#chat.muted #chat-input{background:#efe7f6;border-style:dashed;border-color:#9a7bb8;font-style:italic}#chat.muted #chat-input::placeholder{color:#5d3f80}.chat-count{pointer-events:none;color:#9a8466;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.chat-count.warn{color:#a36400}.chat-count.full{color:var(--son)}.chat-count.flash{color:var(--son-dam);background:#fff1c9;border-radius:8px;padding:1px 7px;box-shadow:0 0 0 1px #e2ad45}#chat-form.shake .chat-field{animation:.3s cf-shake}@keyframes cf-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.chat-suggest,.chat-stickers{z-index:3;background:var(--van-giay), #fffaf0;border-radius:12px;position:absolute;bottom:calc(100% + 2px);box-shadow:0 0 0 1px #9c7a4799,0 10px 24px #0006}.chat-suggest{max-height:232px;padding:4px;left:46px;right:46px;overflow-y:auto}.sg{cursor:pointer;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:3px 8px;font-weight:700;display:flex}.sg.on,.sg:hover{background:#f8dfca}.sg-ava{width:26px;height:26px;box-shadow:0 0 0 1.5px var(--giay-vien);border-radius:50%;flex:none;overflow:hidden}.sg-nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sg .ico-bot{margin:0}.sg.dead{color:#85735b}.sg.dead .sg-ava{filter:grayscale();opacity:.6}.sg-dead{margin-left:auto;font-size:11.5px;font-weight:600}.chat-stickers{grid-template-columns:repeat(4,1fr);gap:2px;width:min(320px,100% - 8px);padding:6px;display:grid;left:4px}.chat-st{min-width:0;color:var(--muted);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 3px;transition:transform .12s,background-color .12s;display:flex}.chat-st .ico-img{width:40px;height:40px}.chat-st-t{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:10.5px;font-weight:700;line-height:1.15}.chat-st:hover,.chat-st:focus-visible{color:var(--son-dam);background:#f8dfca;transform:scale(1.04)}.chat-st:active{transform:scale(.94)}@media (max-width:640px){#chat{width:min(280px,62vw)}#chat-log{height:150px}}@media (prefers-reduced-motion:reduce){.cm-b,.cm-sys-in,.cm-st,.chat-jump,#chat-form.shake .chat-field{animation:none}.chat-st,.chat-tab{transition:none}}html.touch #chat{display:none}html.touch #chat.open{z-index:2;left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);width:auto;bottom:max(calc(var(--kb) + 8px), calc(var(--sab) + var(--ctl-h)));background:var(--van-giay), linear-gradient(172deg, #fdf6e3 0%, #f4e6c6 100%);animation:.2s ease-out cm-sheet;display:flex;box-shadow:0 0 0 1px #9c7a4788,0 0 0 3px #f2e3bf,0 0 0 4px #8d6a3a66,0 10px 24px #0007}@keyframes cm-sheet{0%{opacity:0;transform:translateY(10px)}}html.touch #chat .chat-size,html.touch #chat .chat-min{display:none}html.touch #chat .chat-close{display:grid}html.touch .chat-tab{min-height:40px;padding:4px 12px 5px 8px;font-size:14.5px}html.touch .chat-tool{width:40px;height:40px}html.touch .chat-tool .ico-svg{width:21px;height:21px}html.touch #chat-log{height:auto;min-height:64px;max-height:max(72px, min(34vh, 260px, calc(100vh - var(--kb) - var(--sat) - 196px)));font-size:15px}html.touch .cm-b{font-size:15px}html.touch #chat-input{min-height:42px}html.touch .chat-stick-btn,html.touch .chat-send{width:42px;height:42px}html.touch .chat-stickers{width:auto;left:0;right:0}html.touch .chat-st .ico-img{width:44px;height:44px}html.touch .chat-st-t{font-size:11.5px}html.touch .chat-suggest{left:0;right:0}html.touch .sg{min-height:42px}@media (prefers-reduced-motion:reduce){html.touch #chat.open{animation:none}}html.touch #chat-toggle{right:calc(var(--sar) + 28px);bottom:calc(var(--sab) + 108px);background:var(--van-giay), var(--paper);width:52px;height:52px;color:var(--ink);box-shadow:0 4px 12px #0005, inset 0 0 0 2px var(--giay-vien);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}html.touch #chat-toggle.on{background:var(--son);color:#fff6e6;box-shadow:0 4px 12px #0005, inset 0 0 0 2px var(--vang)}#chat-toggle svg{width:27px;height:27px}#chat-toggle .badge{background:var(--son);color:#fff;text-align:center;min-width:22px;height:22px;box-shadow:0 0 0 2px var(--paper);border-radius:11px;padding:0 5px;font-size:13px;font-weight:700;line-height:22px;position:absolute;top:-4px;right:-4px}#chat-toggle .badge.at{background:var(--vang);color:#5a3200}html.touch #chat-peek{-webkit-line-clamp:2;right:calc(var(--sar) + 90px);bottom:calc(var(--sab) + 112px);max-width:min(62vw,320px);color:var(--ink);opacity:0;pointer-events:none;background:#fff8e7f5;border-radius:16px 16px 4px;-webkit-box-orient:vertical;padding:6px 12px 7px 8px;font-size:14px;line-height:1.35;transition:opacity .25s,transform .25s;display:-webkit-box;position:absolute;overflow:hidden;transform:translateY(6px);box-shadow:0 0 0 1px #c9ad7c,0 4px 12px #0004}html.touch #chat-peek.show{opacity:1;transform:none}#chat-peek .pk-ava{vertical-align:-6px;width:22px;height:22px;box-shadow:0 0 0 1.5px var(--giay-vien);border-radius:50%;margin-right:5px;display:inline-block;overflow:hidden}#chat-peek b{color:var(--son-dam)}#chat-peek .ico-img{vertical-align:-.4em;width:1.4em;height:1.4em}html.touch #chat-peek.ch-ma{color:#ffeaf3;background:#4f1a3ff2;box-shadow:0 0 0 1px #9a4579,0 4px 12px #0005}html.touch #chat-peek.ch-ma b{color:#ffd27a}html.touch #chat-peek.ch-ghosts{color:#203f5e;background:#e7f1fbf5;font-style:italic;box-shadow:0 0 0 1px #a9c8e8,0 4px 12px #0004}html.touch #chat-peek.at-me{box-shadow:0 0 0 2.5px var(--vang), 0 4px 14px #e2ad4588}html.touch #chat-peek.sys{color:#1f5c47;font-weight:700}html.touch #chat-peek.sys.death{color:#74170f}html.touch #chat-peek.sys.private{color:#5e3f0d}@media (orientation:landscape){html.touch #chat.open{left:auto;right:calc(var(--sar) + 104px);width:min(400px,54vw);bottom:max(calc(var(--kb) + 8px), calc(var(--sab) + 8px))}html.touch #chat-log{max-height:max(56px, min(48vh, 240px, calc(100vh - var(--kb) - var(--sat) - 150px)))}}#curse-fx{z-index:4;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}#curse-fx>*{pointer-events:none;position:absolute}#curse-fx .cf-edge,#curse-fx .cf-flash,#curse-fx .cf-dim{inset:0}@keyframes cf-tho{0%,to{opacity:.7}50%{opacity:1}}@keyframes cf-ao{0%,to{transform:translateY(0)rotate(-5deg)scale(1)}50%{transform:translateY(-8px)rotate(3deg)scale(1.04)}}#curse-fx[data-curse=doi_la] .cf-edge{animation:3.2s ease-in-out infinite cf-tho;box-shadow:inset 0 0 46px 10px #c4b0ecaa,inset 0 0 150px 34px #6c4f9e55}#curse-fx[data-curse=doi_la] .cf-flash{opacity:0;background:radial-gradient(#0000 30%,#8e7cc355 62%,#3a2a5acc 100%);transition:opacity .5s ease-out}html.cf-hoa-mat #curse-fx[data-curse=doi_la] .cf-flash{opacity:1;transition-duration:.35s}#game canvas{transition:filter .6s ease-out}html.cf-hoa-mat #game canvas{filter:blur(1.6px)saturate(.7)brightness(.92);transition-duration:.35s}#curse-fx .cf-mirage{left:calc(var(--sal,0px) + 10px);opacity:.3;filter:saturate(.55)blur(.5px)drop-shadow(0 0 14px #c4b0ec);width:140px;height:140px;animation:6s ease-in-out infinite cf-ao;bottom:24%}#curse-fx .cf-mirage .ico-img{vertical-align:0;width:100%;height:100%}html.touch #curse-fx .cf-mirage{bottom:calc(var(--sab,0px) + var(--ctl-h,168px) + 70px);opacity:.22;width:104px;height:104px}#curse-fx .cf-dim{display:none}#curse-fx[data-curse=doi_la][data-scene=house] .cf-dim{background:radial-gradient(46% 50% at 50% 58%,#0000 30%,#0b0812b3 62%,#07050cf0 92%);display:block}#curse-fx[data-curse=keo_chan] .cf-edge{animation:2.6s ease-in-out infinite cf-tho;box-shadow:inset 0 0 40px 12px #3fa7a0aa,inset 0 0 130px 30px #1d5f6a66}#curse-fx.giay[data-curse=keo_chan] .cf-edge{animation:.45s ease-out cf-giat}@keyframes cf-giat{0%{opacity:1;transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{opacity:1;transform:none}}#curse-fx .cf-ripples,#curse-fx .cf-bubbles,#curse-fx .cf-notes{inset:0}#curse-fx .cf-ripples i{left:var(--x);top:var(--y);width:var(--s);height:calc(var(--s) * .5);margin:calc(var(--s) * -.25) 0 0 calc(var(--s) * -.5);opacity:0;animation:cf-gon var(--t) ease-out var(--d) infinite;border:2px solid #c6f3ec;border-radius:50%;position:absolute;box-shadow:0 0 0 2px #3fa7a044,inset 0 0 8px #c6f3ec88}@keyframes cf-gon{0%{opacity:0;transform:scale(.2)}15%{opacity:.8}to{opacity:0;transform:scale(1.6)}}#curse-fx .cf-bubbles i{left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:cf-bot var(--t) linear var(--d) infinite;background:radial-gradient(circle at 34% 30%,#fff 0 16%,#c6f3ec33 42%,#0000 72%);border:2px solid #dffbf6cc;border-radius:50%;position:absolute;bottom:-24px}@keyframes cf-bot{0%{opacity:0;transform:translate(0)}12%{opacity:.9}50%{transform:translate(9px,-16vh)}85%{opacity:.75}to{opacity:0;transform:translate(-5px,-30vh)scale(1.25)}}#curse-fx[data-curse=hat_ru] .cf-edge{animation:4.2s ease-in-out infinite cf-tho;box-shadow:inset 0 0 60px 16px #cfe8dcaa,inset 0 0 170px 40px #7fae9a55}#curse-fx .cf-notes i{left:var(--x);top:var(--y);width:var(--s);opacity:0;filter:drop-shadow(0 0 6px #e8fff5);animation:cf-not var(--t) ease-in-out var(--d) infinite;position:absolute}#curse-fx .cf-notes svg{width:100%;height:auto;display:block}@keyframes cf-not{0%{opacity:0;transform:translateY(24px)rotate(-12deg)}20%{opacity:.72}50%{transform:translate(20px,-26px)rotate(9deg)}80%{opacity:.55}to{opacity:0;transform:translate(-8px,-84px)rotate(-6deg)}}#curse-fx .cf-bao{background-color:#7a5530;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .5' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .12 0 0 0 0 .05 0 0 0 .9 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,#00000038 0 2px,#0000 2px 5px),repeating-linear-gradient(90deg,#00000030 0 2px,#ffe2a812 2px 3px,#0000 3px 6px),radial-gradient(#9a7444,#6b4a26);animation:4.8s ease-in-out infinite cf-bao;inset:-3%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='2.6'/%3E%3C/filter%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Cpath d='M50 13C76 11 93 28 92 50 91 74 76 89 51 89 25 90 9 75 9 51 9 27 25 14 50 13Z' fill='black' filter='url(%23b)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='2.6'/%3E%3C/filter%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Cpath d='M50 13C76 11 93 28 92 50 91 74 76 89 51 89 25 90 9 75 9 51 9 27 25 14 50 13Z' fill='black' filter='url(%23b)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@keyframes cf-bao{0%,to{transform:scale(1)}50%{transform:scale(1.03)rotate(.4deg)}}#curse-fx .cf-bao-toi{background:radial-gradient(52% 50% at 50% 51%,#0000 70%,#1d120855 84%,#120a04cc 100%);inset:0}#curse-fx .cf-day{left:-2%;right:-2%;top:calc(var(--sat,0px) + 1%);opacity:.95;height:34px}#curse-fx .cf-day svg{width:100%;height:100%;display:block}#curse-fx .cf-nut{left:30%;top:calc(var(--sat,0px) - 6px);transform-origin:50% 20%;width:74px;height:64px;margin-left:-37px;animation:3.4s ease-in-out infinite cf-lac-nut}#curse-fx .cf-nut svg{width:100%;height:100%}@keyframes cf-lac-nut{0%,to{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}html.touch #curse-fx .cf-nut{left:50%;top:calc(var(--sat,0px) + 40px);width:56px;height:48px;margin-left:-28px}#curse-fx[data-curse=lon_ruot] .cf-edge{animation:2.2s ease-in-out infinite cf-tho;box-shadow:inset 0 0 44px 10px #c9d0d8aa,inset 0 0 140px 30px #5e667055}#curse-fx .cf-xoay{opacity:.26;width:36vmin;height:36vmin;animation:8s linear infinite cf-quay}#curse-fx .cf-xoay svg{width:100%;height:100%;display:block}#curse-fx .cf-xoay.a{top:16%;left:-11vmin}#curse-fx .cf-xoay.b{animation-duration:10s;animation-direction:reverse;bottom:12%;right:-11vmin}@keyframes cf-quay{to{transform:rotate(360deg)}}#curse-fx .cf-dao{white-space:nowrap;opacity:0;color:var(--ink,#3b2a1a);background:var(--van-giay), var(--paper,#fff8e7);border:3px solid #5e6670;border-radius:18px 22px 16px 20px;padding:4px 18px 6px;font:700 clamp(19px,4.8vw,32px)/1.15 "Baloo 2",system-ui,sans-serif;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0006,inset 0 0 0 2px #fff8e7,0 0 0 6px #d6dce466}#curse-fx .cf-dao:empty{display:none}#curse-fx .cf-dao.show{animation:2s ease-out forwards cf-dao}@keyframes cf-dao{0%{opacity:0;transform:translate(-50%,-50%)rotate(-10deg)scale(.6)}14%{opacity:1;transform:translate(-50%,-50%)rotate(5deg)scale(1.1)}28%{transform:translate(-50%,-50%)rotate(-4deg)scale(1)}42%{transform:translate(-50%,-50%)rotate(3deg)scale(1.02)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)rotate(8deg)scale(.94)}}#hud>#curse.cb{--cb-nen:#3b2a5a;--cb-vien:#c4b0ec;box-shadow:none;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(300px,100vw - 24px);padding:0;font-weight:700;display:flex}#hud>#curse.cb[data-curse=hat_ru]{--cb-nen:#2f5f52;--cb-vien:#cfe8dc}#hud>#curse.cb[data-curse=bat_coc]{--cb-nen:#5a3d1e;--cb-vien:#c9a46a}#hud>#curse.cb[data-curse=keo_chan]{--cb-nen:#1d5f6a;--cb-vien:#8fe0d4}#hud>#curse.cb[data-curse=lon_ruot]{--cb-nen:#4a5059;--cb-vien:#d6dce4}#curse.cb .cb-head{background:var(--cb-nen);color:#fff8e7;box-shadow:0 4px 12px #0005, inset 0 0 0 2px var(--cb-vien);border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 3px;font-size:14px;line-height:1;display:inline-flex}#curse.cb .cb-ico{width:38px;height:38px;box-shadow:inset 0 0 0 2px var(--cb-vien);background:radial-gradient(circle at 40% 35%,#fff8e7,#f1e2c2);border-radius:50%;flex:none;place-items:center;animation:2.4s ease-in-out infinite cb-lac;display:grid}#curse.cb .cb-ico .ico-img{vertical-align:0;width:34px;height:34px}@keyframes cb-lac{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)scale(1.05)}}#curse.cb .cb-name{white-space:nowrap}#curse.cb .cb-time{text-align:center;font-variant-numeric:tabular-nums;background:#0004;border-radius:999px;min-width:3.1em;padding:4px 7px;font-size:13px}#curse.cb .cb-more{max-width:100%;color:var(--ink,#3b2a1a);background:var(--van-giay), var(--paper,#fff8e7);box-shadow:0 6px 18px #0005, inset 0 0 0 2px var(--cb-vien);text-align:left;border-radius:14px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.35;display:none}#curse.cb.open .cb-more{gap:3px;display:grid}#curse.cb .cb-more b{color:var(--son,#b5302a)}#curse.cb .cb-more small{color:#6b5233;font-size:13px}#curse.cb:focus-visible{outline:none}#curse.cb:focus-visible .cb-head{outline:3px solid var(--vang,#e2ad45);outline-offset:2px}:is(html.touch #hud>#curse.cb,html.touch #hud:has(#cutin-toggle)>#curse.cb){top:calc(var(--sat) + 58px);left:calc(var(--sal) + 8px);align-items:flex-start;max-width:min(280px,100vw - 16px);padding:0;font-size:13px;right:auto}html.touch #curse.cb:not(.open) .cb-name{display:none}html.touch #curse.cb .cb-head{padding-right:8px}#chat-form.khau-mieng{position:relative}#chat-form.khau-mieng #chat-input{cursor:not-allowed;color:#7f8f88;background:#eef6f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='10'%3E%3Cpath d='M2 5h8' stroke='%23b5302a' stroke-opacity='.6' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 2l4 6M18 2l-4 6' stroke='%233b2a1a' stroke-opacity='.55' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") left 8px bottom 2px/22px 10px repeat-x;border-color:#a8d5c2}#chat-form.khau-mieng #chat-input::placeholder{color:#4f7a69;opacity:1;font-size:14px;font-style:italic}#chat-form .khau-chi{z-index:1;pointer-events:none;color:#2f5f52;background:#e6f4ec;border-radius:12px 12px 4px;align-items:center;gap:4px;max-width:calc(100% - 4px);padding:2px 10px 2px 4px;font-size:13px;font-style:italic;font-weight:700;line-height:1.2;display:flex;position:absolute;bottom:calc(100% + 3px);right:2px;box-shadow:0 2px 6px #0003,inset 0 0 0 1.5px #a8d5c2}#chat-form .khau-chi>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#chat-form .khau-chi svg{flex:none;width:34px;height:17px}#chat-form .khau-chi .ico-img{vertical-align:0;flex:none;width:24px;height:24px}#chat-form.cf-lac{animation:.4s ease-out cf-lac-o}@keyframes cf-lac-o{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}html.touch #chat-toggle.khau:after{content:"";background:#fff8e7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 22'%3E%3Cpath d='M4 11q18 7 36 0' fill='none' stroke='%237a1b15' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M9 6l5 10M14 6 9 16M19 7l5 10M24 7l-5 10M29 6l5 10M34 6l-5 10' stroke='%233b2a1a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 50%/26px 13px no-repeat;border-radius:8px;width:30px;height:16px;position:absolute;bottom:-4px;left:-6px;box-shadow:0 1px 4px #0005,inset 0 0 0 1.5px #a8d5c2}#stick .stick-curse{pointer-events:none;position:absolute}#stick[data-curse=keo] .stick-knob{filter:saturate(.6)brightness(.9);transform:none!important}#stick[data-curse=keo] .stick-base{background:radial-gradient(circle,#3fa7a033 0%,#3fa7a01f 58%,#3fa7a066 100%);border-color:#8fe0d4cc}#stick .sc-nuoc{border:2px dashed #c6f3ecaa;border-radius:50%;animation:9s linear infinite cf-quay;inset:10%}#stick .sc-khoa{color:#fff8e7;filter:drop-shadow(0 1px 1px #0008);place-items:center;display:grid;inset:0}#stick .sc-khoa .ico-svg{vertical-align:0;width:24px;height:24px}#stick.cf-giay .stick-base{animation:.42s ease-out cf-giat}#stick .sc-dao{inset:0}#stick .sc-dao svg{width:100%;height:100%;display:block}#stick[data-curse=lon] .stick-base{border-color:#d6dce4}#stick[data-curse=lon] .stick-base:before{opacity:0}.vs-bao-wrap{flex-direction:column;flex:0 auto;min-height:0;display:flex;position:relative}.vs-bao-wrap>.vs-grid{min-height:0}.vs-bao-wrap .vcard{cursor:not-allowed;filter:sepia(.45)brightness(.9)}.vs-bao{pointer-events:none;z-index:3;transform-origin:50% 0;background-color:#8a643699;background-image:repeating-linear-gradient(0deg,#3a240f40 0 2px,#0000 2px 5px),repeating-linear-gradient(90deg,#3a240f38 0 2px,#ffe2a814 2px 3px,#0000 3px 6px),radial-gradient(at 50% 40%,#0000 30%,#3a240f66 100%);border-radius:16px 20px 14px 18px;animation:3.8s ease-in-out infinite vs-bao-giay;position:absolute;inset:2px -4px 0;box-shadow:inset 0 0 0 2px #5a3d1e88,inset 0 8px 18px #3a240f66}@keyframes vs-bao-giay{0%,to{transform:rotate(0)}30%{transform:rotate(-.5deg)}34%{transform:rotate(.6deg)}38%{transform:rotate(-.3deg)}}.vs-bao-nut{width:62px;height:54px;margin-left:-31px;position:absolute;top:-18px;left:50%}.vs-bao-nut svg{width:100%;height:100%}.vs-bao-ico{opacity:.85;filter:drop-shadow(0 2px 3px #0006);position:absolute;bottom:6px;right:8px}.vs-bao-ico .ico-img{vertical-align:0;width:44px;height:44px}.vsheet.trong-bao .vs-me.warn{background:#5a3d1e;box-shadow:inset 0 0 0 2px #c9a46a}@media (prefers-reduced-motion:reduce){#curse-fx *,#curse.cb .cb-ico,#stick .sc-nuoc,.vs-bao{animation:none!important}#curse-fx .cf-notes i,#curse-fx .cf-ripples i{opacity:.45}#curse-fx .cf-bubbles i{opacity:.4;transform:translateY(-12vh)}#curse-fx .cf-dao.show{opacity:1;transition:opacity .3s}html.cf-hoa-mat #game canvas{filter:none}}#cutin{--ci-dur:1.6s;--dir:1;--ci-a:#6b3f0c;--ci-b:#d39a2c;--ci-edge:#ffe08a;--ci-glow:#ffd76a;--ci-ray:#ffe28c33;--ci-rib:linear-gradient(90deg, #7a1b15, #b5302a);--band-h:clamp(210px, 46vh, 400px);--ci-h:min(60vh, 440px);--fig-x:7%;z-index:30;contain:strict;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;color:#fff;font-family:"Baloo 2",system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}#cutin>*{pointer-events:none;position:absolute}#cutin.from-right{--dir:-1}#cutin.tone-good{--ci-a:#0c4234;--ci-b:#2f8b6a;--ci-edge:#c4f2dc;--ci-glow:#8fe8c4;--ci-ray:#a0f0cd33;--ci-rib:linear-gradient(90deg, #0c4234, #2f8b6a)}#cutin.tone-bad{--ci-a:#4a0e0a;--ci-b:#c13a28;--ci-edge:#ffcf8a;--ci-glow:#ff8a5c;--ci-ray:#ffaa7833}#cutin.tone-ma{--ci-a:#170c28;--ci-b:#55367f;--ci-edge:#b9f3d8;--ci-glow:#a98cff;--ci-ray:#b9f3d829;--ci-rib:linear-gradient(90deg, #170c28, #55367f)}#cutin.tone-death{--ci-a:#0b1120;--ci-b:#34425f;--ci-edge:#d6dff0;--ci-glow:#a9bcff;--ci-ray:#d6dff024;--ci-rib:linear-gradient(90deg, #0b1120, #34425f)}.ci-dim{animation:ci-fade var(--ci-dur) linear both;background:radial-gradient(120% 90%,#10091cbd,#05030cf0);inset:0}@keyframes ci-fade{0%{opacity:0}12%,86%{opacity:1}to{opacity:0}}.ci-streaks,.ci-lines{background:linear-gradient(90deg,#0000,#ffffff80 55%,#0000) 0 14%/240px 3px repeat-x,linear-gradient(90deg,#0000,#ffffff4d 50%,#0000) 70px 30%/120px 2px repeat-x,linear-gradient(90deg,#0000 20%,#ffffff8c 65%,#0000) 150px 47%/240px 4px repeat-x,linear-gradient(90deg,#0000,#ffffff47 50%,#0000) 30px 63%/120px 2px repeat-x,linear-gradient(90deg,#0000,#ffffff73 50%,#0000) 190px 79%/240px 3px repeat-x,linear-gradient(90deg,#0000 30%,#ffffff4d 70%,#0000) 100px 92%/240px 2px repeat-x}.ci-streaks{opacity:0;animation:ci-fade var(--ci-dur) linear both;inset:-20% -260px;transform:rotate(-7deg)}.ci-lines{will-change:transform;animation:.42s linear infinite ci-run;position:absolute;inset:0 -240px}@keyframes ci-run{0%{transform:translate(0)}to{transform:translateX(calc(var(--dir) * 240px))}}.ci-band{height:var(--band-h);margin-top:calc(var(--band-h) / -2);top:50%;left:-25%;right:-25%;transform:rotate(-7deg)}.ci-band-in{background:linear-gradient(90deg, var(--ci-a) 0%, var(--ci-b) 48%, var(--ci-a) 100%);box-shadow:0 -5px 0 var(--ci-edge), 0 5px 0 var(--ci-edge), 0 -9px 0 #00000059, 0 9px 0 #00000059;animation:ci-band var(--ci-dur) cubic-bezier(.2, .9, .2, 1) both;will-change:transform;position:absolute;inset:0;overflow:hidden}@keyframes ci-band{0%,4%{transform:scaleY(0)}15%{transform:scaleY(1.07)}20%,84%{transform:scaleY(1)}96%,to{transform:scaleY(0)}}.ci-slash{height:6px;box-shadow:0 0 18px 4px var(--ci-glow);transform-origin:calc(50% - var(--dir) * 50%) 50%;animation:ci-slash var(--ci-dur) cubic-bezier(.3, .9, .3, 1) both;background:#fff;margin-top:-3px;top:50%;left:-10%;right:-10%}@keyframes ci-slash{0%{opacity:1;transform:rotate(-7deg)scaleX(0)}9%{opacity:1;transform:rotate(-7deg)scaleX(1)}17%,to{opacity:0;transform:rotate(-7deg)scaleX(1)}}.ci-rays{width:150vmax;height:150vmax;top:calc(50% - 75vmax);left:calc(var(--fig-x) + var(--ci-h) * .3 - 75vmax);background:repeating-conic-gradient(from 0deg, var(--ci-ray) 0deg 5deg, transparent 5deg 15deg);animation:ci-rays var(--ci-dur) linear both;will-change:transform, opacity;-webkit-mask:radial-gradient(circle,#000 0 10%,#0000 48%);mask:radial-gradient(circle,#000 0 10%,#0000 48%)}#cutin.from-right .ci-rays{left:auto;right:calc(var(--fig-x) + var(--ci-h) * .3 - 75vmax)}@keyframes ci-rays{0%,8%{opacity:0;transform:rotate(0)scale(.6)}22%{opacity:1;transform:rotate(6deg)scale(1)}84%{opacity:1;transform:rotate(28deg)scale(1.04)}to{opacity:0;transform:rotate(34deg)scale(1.08)}}.ci-fig{height:var(--ci-h);left:var(--fig-x);bottom:calc(50% - var(--band-h) / 2 - 1vh);animation:ci-fig var(--ci-dur) cubic-bezier(.18, .9, .25, 1) both;will-change:transform, opacity}#cutin.from-right .ci-fig{left:auto;right:var(--fig-x)}@keyframes ci-fig{0%,5%{transform:translateX(calc(var(--dir) * -80vw)) scale(.9);opacity:0}8%{opacity:1}19%{transform:translateX(calc(var(--dir) * 2.5vw)) scale(1.07)}25%{transform:translate(0)scale(1)}84%{transform:translateX(calc(var(--dir) * 1.5vw)) scale(1.04);opacity:1}to{transform:translateX(calc(var(--dir) * 75vw)) scale(1.04);opacity:0}}.ci-imgs{align-items:flex-end;height:100%;display:flex;position:relative}#cutin.shake .ci-imgs{animation:ci-shake .11s linear calc(var(--ci-dur) * .26) 7 both}@keyframes ci-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-.6deg)}75%{transform:translate(5px)rotate(.6deg)}}.ci-imgs img{width:auto;max-width:none;height:100%;display:block}.ci-img{z-index:2;filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 20px var(--ci-glow));position:relative}.ci-extra{z-index:1;filter:brightness(.62) saturate(.85) drop-shadow(0 0 10px var(--ci-glow));margin:0 -14%;height:78%!important}.ci-glow{aspect-ratio:1;background:radial-gradient(circle, var(--ci-glow) 0%, transparent 62%);opacity:.5;border-radius:50%;width:130%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.ci-ghost{z-index:1;opacity:0;animation:ci-ghost var(--ci-dur) ease-out both;will-change:transform, opacity;position:absolute;bottom:40%;left:46%;height:52%!important}@keyframes ci-ghost{0%,26%{opacity:0;transform:translateY(30%)scale(.8)}50%{opacity:.85;transform:translateY(0)scale(1)}84%{opacity:.8;transform:translateY(-22%)scale(1.04)}to{opacity:0;transform:translateY(-34%)scale(1.06)}}.ci-quote{z-index:3;color:#2a1408;text-align:center;transform-origin:0 100%;width:max-content;max-width:min(15em,46vw);animation:ci-quote var(--ci-dur) cubic-bezier(.3, 1.5, .5, 1) both;background:#fffaf0;border:3px solid #2a1408;border-radius:1.1em;padding:.35em .8em .4em;font-size:clamp(16px,2.1vw,24px);font-weight:700;line-height:1.2;position:absolute;top:2%;left:58%;box-shadow:0 4px #2a1408,0 10px 24px #0006}.ci-quote:after{content:"";background:#fffaf0;border-top:0;border-bottom:3px solid #2a1408;border-left:3px solid #2a1408;border-right:0;width:18px;height:16px;position:absolute;bottom:-13px;left:.9em;transform:skewY(-30deg)rotate(-12deg)}#cutin.from-right .ci-quote{transform-origin:100% 100%;left:auto;right:58%}#cutin.from-right .ci-quote:after{left:auto;right:.9em;transform:scaleX(-1)skewY(-30deg)rotate(-12deg)}@keyframes ci-quote{0%,26%{opacity:0;transform:scale(.3)rotate(-8deg)}34%{opacity:1;transform:scale(1.06)rotate(2deg)}38%,84%{opacity:1;transform:scale(1)rotate(0)}94%,to{opacity:0;transform:scale(.9)}}.ci-text{text-align:right;justify-items:end;gap:6px;width:min(54vw,660px);display:grid;top:50%;right:5%;transform:translateY(-50%)rotate(-7deg)}#cutin.from-right .ci-text{text-align:left;justify-items:start;left:5%;right:auto}.ci-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ci-edge);text-shadow:0 2px #0000008c;animation:ci-sub var(--ci-dur) ease-out both;font-size:clamp(13px,1.5vw,18px);font-weight:700}.ci-head{max-width:100%;animation:ci-title var(--ci-dur) cubic-bezier(.2, 1.2, .4, 1) both;transform-origin:70% 60%;align-items:center;gap:.12em;display:flex}#cutin.from-right .ci-head{transform-origin:30% 60%;flex-direction:row-reverse}.ci-title{isolation:isolate;color:#ffd76a;overflow-wrap:anywhere;min-width:0;font-size:clamp(34px,6.2vw,86px);font-weight:700;line-height:1.02;display:block;position:relative}.ci-title:before{content:attr(data-text);z-index:-1;color:#2a0b07;-webkit-text-stroke:.17em #2a0b07;text-shadow:0 .08em 0 #2a0b07, 0 0 .5em var(--ci-glow);position:absolute;inset:0}.ci-ico{width:1.05em;height:1.05em;animation:ci-ico var(--ci-dur) cubic-bezier(.3, 1.6, .5, 1) both;flex:none;place-items:center;font-size:clamp(46px,7.4vw,100px);display:grid}.ci-ico .ico-img,.ci-ico .ico-svg{vertical-align:0;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 3px #2a0b07);width:100%;height:100%}.ci-sub{background:var(--ci-rib);color:#fff4dc;overflow-wrap:anywhere;max-width:100%;box-shadow:0 0 0 2px var(--ci-edge), 0 6px 14px #00000073;animation:ci-sub var(--ci-dur) ease-out both;border-radius:6px;padding:.18em .8em .24em;font-size:clamp(16px,2.2vw,27px);font-weight:700;line-height:1.25}@keyframes ci-title{0%,17%{opacity:0;transform:scale(2)}24%{opacity:1;transform:scale(.94)}29%,84%{opacity:1;transform:scale(1)}97%,to{opacity:0;transform:translateX(calc(var(--dir) * 18vw)) scale(1)}}@keyframes ci-ico{0%,20%{transform:scale(0)rotate(-40deg)}28%{transform:scale(1.18)rotate(8deg)}33%,to{transform:scale(1)rotate(0)}}@keyframes ci-sub{0%,25%{opacity:0;transform:translateX(calc(var(--dir) * 40px))}34%,86%{opacity:1;transform:translate(0)}96%,to{opacity:0;transform:translateX(calc(var(--dir) * 40px))}}.ci-flash{opacity:0;animation:ci-flash var(--ci-dur) linear both;background:#fff;inset:0}@keyframes ci-flash{0%,17%{opacity:0}20%{opacity:.42}30%,to{opacity:0}}.ci-hint{left:50%;bottom:calc(var(--sab,0px) + 14px);color:#ffffffb8;text-shadow:0 1px 2px #000;animation:ci-fade var(--ci-dur) linear both;font-size:13px;font-weight:600;transform:translate(-50%)}#cutin.ci-out{animation:.18s ease-in forwards ci-out!important}@keyframes ci-out{to{opacity:0}}@media (max-aspect-ratio:4/5){#cutin{--band-h:min(60vh, 520px);--ci-h:min(41vh, 360px);--fig-x:3%}.ci-fig{bottom:calc(50% - var(--band-h) / 2 + clamp(120px, 17vh, 170px))}.ci-rays{top:calc(50% - 75vmax - var(--band-h) * .18)}.ci-text,#cutin.from-right .ci-text{top:auto;bottom:calc(50% - var(--band-h) / 2 + 3vh);text-align:right;justify-items:end;width:calc(100vw - 32px);left:16px;right:16px;transform:rotate(-7deg)}#cutin.from-right .ci-text{text-align:left;justify-items:start}.ci-title{font-size:clamp(30px,10vw,52px)}.ci-ico{font-size:clamp(44px,13vw,64px)}.ci-sub{font-size:clamp(15px,4.2vw,19px)}.ci-quote{max-width:46vw;font-size:clamp(15px,4.2vw,18px);top:-2%;left:52%}#cutin.from-right .ci-quote{right:52%}}@media (orientation:landscape) and (max-height:560px){#cutin{--band-h:70vh;--ci-h:86vh;--fig-x:6%}.ci-fig{bottom:4vh}.ci-title{font-size:clamp(28px,6vw,52px)}.ci-ico{font-size:clamp(40px,9vw,64px)}.ci-sub{font-size:clamp(14px,2.6vw,19px)}.ci-kicker{font-size:12px}}@media (prefers-reduced-motion:reduce){#cutin{animation:ci-fade var(--ci-dur) linear both}#cutin *,#cutin :before,#cutin :after{animation:none!important}.ci-streaks,.ci-lines,.ci-rays,.ci-flash,.ci-slash{display:none}.ci-dim{opacity:1}.ci-ghost{opacity:.7}}#cutin-toggle{top:calc(var(--sat,0px) + 12px);right:calc(var(--sar,0px) + 64px);background:var(--paper,#fff8e7);width:40px;height:40px;color:var(--son,#b5302a);border-radius:12px;place-items:center;padding:0;font-size:22px;display:grid;position:absolute}#cutin-toggle.off{color:#8a7a62}#cutin-toggle.off:after{content:"";width:26px;height:3px;box-shadow:0 0 0 1.5px var(--paper,#fff8e7);background:#8a7a62;border-radius:2px;position:absolute;transform:rotate(-45deg)}#cutin-toggle.off .ico-svg{opacity:.55}#cutin-toggle:focus-visible{outline:3px solid var(--ink,#3b2a1a);outline-offset:2px}html.touch #cutin-toggle{top:calc(var(--sat,0px) + 56px);right:calc(var(--sar,0px) + 10px);border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #00000040}html.touch #hud:has(#cutin-toggle) #curse{right:calc(var(--sar,0px) + 58px)}#story{background:var(--night);color:#ffe9b8;border-radius:999px;justify-self:center;margin:4px 0 2px;padding:4px 16px;font-size:.95rem;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 2px #e8c77a66,0 4px 12px #1b244033}#story:hover,#story:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 2px #e8c77a,0 6px 16px #1b244055}@media (max-height:700px){#story{margin:2px 0 0;padding:2px 12px;font-size:.85rem}}#story-book{--sb-accent:var(--night);z-index:60;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:radial-gradient(1px 1px at 12% 18%,#fff9 50%,#0000 51%),radial-gradient(1px 1px at 78% 12%,#fff8 50%,#0000 51%),radial-gradient(1.5px 1.5px at 64% 32%,#fff7 50%,#0000 51%),radial-gradient(1px 1px at 30% 72%,#fff6 50%,#0000 51%),radial-gradient(1px 1px at 90% 80%,#fff7 50%,#0000 51%),radial-gradient(at 50% 20%,#2e3a6b 0%,#18203f 55%,#0b0f22 100%);place-items:center;animation:.3s sb-fade-in;display:grid;position:fixed;inset:0}.sb-book{width:100%;max-width:560px;height:100%;max-height:920px;color:var(--ink);background:radial-gradient(circle at 20% 30%, #f3e6c455 0 2px, transparent 3px) 0 0 / 23px 29px, radial-gradient(circle at 70% 60%, #e9d8ad44 0 1px, transparent 2px) 0 0 / 17px 19px, linear-gradient(180deg, #fffaf0, var(--paper) 40%, #f8ecd0);border-radius:18px;outline:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #000a,inset 0 0 0 2px #fff,inset 0 0 0 5px #e8d6a8,inset 0 0 50px #d9c49a66}.sb-book[data-tone=ma]{--sb-accent:#6b4fa3}.sb-book[data-tone=village]{--sb-accent:var(--jade)}.sb-book[data-tone=ghost]{--sb-accent:#6a6fb5}.sb-top{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 6px 16px;display:flex}.sb-brand{color:var(--red);white-space:nowrap;font-weight:700}.sb-count{opacity:.65;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600}.sb-tools{align-items:center;gap:6px;display:flex}.sb-icon{width:36px;height:36px;color:var(--ink);background:#fff;border:2px solid #e2cfa4;border-radius:50%;place-items:center;padding:0;font-size:1rem;line-height:1;display:grid}.sb-icon:hover{border-color:var(--red)}.sb-icon .ico-svg{vertical-align:0;width:20px;height:20px}.sb-prev .ico-svg,.sb-next .ico-svg{vertical-align:0;width:22px;height:22px}.sb-skip{background:var(--night);padding:6px 12px;font-size:.9rem}.sb-spread{flex-direction:column;min-height:0;padding:0 14px;display:flex}.sb-art{aspect-ratio:3/2;background:#1b2440;border-radius:14px;flex:none;margin:0;position:relative;overflow:hidden;box-shadow:0 6px 18px #3b2a1a40,0 0 0 3px #fff}.sb-art img{object-fit:cover;width:100%;height:100%;display:block}.sb-text{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 4px 18px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.sb-kicker{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--sb-accent);border-radius:999px;align-self:flex-start;margin:0 0 2px;padding:1px 10px;font-size:.78rem;font-weight:700;display:inline-block}#sb-title{color:var(--red);margin:2px 0 6px;font-size:clamp(1.35rem,2.6vw + .6rem,2.1rem);line-height:1.15}.sb-story{margin:0 0 10px;font-size:1.02rem;line-height:1.55}.sb-rule{border:2px solid #ecdcb4;border-left:5px solid var(--red);background:#fffdf6;border-radius:12px;margin:0 0 8px;padding:8px 12px;font-size:.95rem;line-height:1.45}.sb-rule b{background:var(--red);color:#fff;letter-spacing:.03em;vertical-align:1px;border-radius:6px;margin-right:6px;padding:0 8px;font-size:.8rem;display:inline-block}.sb-note{opacity:.8;margin:0;font-size:.86rem;line-height:1.4}.sb-note .ico-svg{color:var(--sb-accent)}.sb-cta:empty{display:none}.sb-cta{text-align:center;margin-top:12px}.sb-go{border-radius:999px;padding:10px 26px;font-size:1.1rem;box-shadow:0 6px 16px #c8432b55}.sb-nav{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 12px;display:flex}.sb-prev,.sb-next{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;font-size:1rem;display:grid;box-shadow:0 4px 10px #c8432b44}.sb-dots{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;display:flex}.sb-dot{width:12px;height:12px;box-shadow:none;background:#e0cc9f;border:0;border-radius:6px;padding:0;transition:width .2s,background .2s}.sb-dot.on{background:var(--red);width:26px}.sb-dot:hover{background:#c9a96a}.sb-dot.on:hover{background:var(--red)}.sb-tap{background:var(--night);color:#ffe9b8;border-radius:999px;padding:8px 18px;animation:1.4s ease-in-out infinite sb-pulse;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}@media (min-aspect-ratio:5/4){.sb-book{max-width:1180px;max-height:720px}.sb-spread{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);padding:0;display:grid;position:relative}.sb-spread:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#b8a07022 35%,#8a6d3a33 50%,#b8a07022 65%,#0000);width:26px;position:absolute;top:0;bottom:0;left:55.6%;transform:translate(-50%)}.sb-art{aspect-ratio:auto;background:0 0;place-self:center;width:auto;max-width:calc(100% - 28px);height:auto;max-height:calc(100% - 8px);margin:0 14px 0 18px}.sb-art img{aspect-ratio:3/2;width:auto;max-width:100%;height:auto;max-height:100%}.sb-text{flex-direction:column;justify-content:safe center;padding:6px 22px 18px 26px;display:flex}}@media (min-aspect-ratio:5/4) and (min-height:600px){.sb-story{font-size:1.08rem}}@media (max-height:500px){.sb-top{padding:6px 10px 4px 14px}.sb-icon{width:30px;height:30px;font-size:.9rem}.sb-skip{padding:4px 10px;font-size:.85rem}.sb-nav{padding:4px 10px 8px}.sb-prev,.sb-next{width:36px;height:36px}.sb-dot{width:10px;height:10px}.sb-dot.on{width:20px}#sb-title{margin-bottom:4px;font-size:1.3rem}.sb-story{margin-bottom:8px;font-size:.95rem;line-height:1.45}.sb-rule{padding:6px 10px;font-size:.88rem}.sb-note{font-size:.8rem}.sb-tap{bottom:52px}}@media (max-width:400px){.sb-top{padding-left:12px}.sb-brand{font-size:.95rem}.sb-count{display:none}.sb-spread{padding:0 10px}.sb-dot{width:10px;height:10px}.sb-dot.on{width:20px}.sb-dots{gap:3px}}.sb-spread.turn-next .sb-text{animation:.42s cubic-bezier(.2,.7,.2,1) sb-slide-next}.sb-spread.turn-prev .sb-text{animation:.42s cubic-bezier(.2,.7,.2,1) sb-slide-prev}.sb-spread.turn-next .sb-art img,.sb-spread.turn-prev .sb-art img{animation:.5s sb-art-in}@media (min-aspect-ratio:5/4){.sb-spread{perspective:1600px}.sb-spread.turn-next .sb-text{transform-origin:0;animation:.55s cubic-bezier(.2,.7,.2,1) sb-flip-next}.sb-spread.turn-prev .sb-art{transform-origin:100%;animation:.55s cubic-bezier(.2,.7,.2,1) sb-flip-prev}.sb-spread.turn-prev .sb-text{animation:.4s sb-fade-in}}@keyframes sb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sb-art-in{0%{opacity:.25;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes sb-slide-next{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes sb-slide-prev{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes sb-flip-next{0%{opacity:.2;transform:rotateY(-70deg);box-shadow:-30px 0 40px -20px #3b2a1a55}to{opacity:1;box-shadow:none;transform:none}}@keyframes sb-flip-prev{0%{opacity:.2;transform:rotateY(70deg)}to{opacity:1;transform:none}}@keyframes sb-pulse{50%{transform:translate(-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){#story-book,.sb-spread.turn-next .sb-text,.sb-spread.turn-prev .sb-text,.sb-spread.turn-next .sb-art,.sb-spread.turn-prev .sb-art,.sb-spread.turn-next .sb-art img,.sb-spread.turn-prev .sb-art img{animation:.2s sb-fade-in;transform:none}.sb-tap{animation:none}}#net-banner{z-index:40;top:calc(var(--sat) + 54px);background:var(--van-giay), var(--giay);max-width:calc(100vw - 32px);color:var(--ink);border:2px solid var(--giay-vien);text-align:center;pointer-events:none;border-radius:14px;padding:7px 16px;font-size:15px;font-weight:700;line-height:1.3;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0005}#net-banner.wait:before{content:"";vertical-align:1px;background:var(--vang);border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1s ease-in-out infinite net-nhap-nhay;display:inline-block}#net-banner.bad{border-color:var(--son);color:var(--son-dam)}@keyframes net-nhap-nhay{50%{opacity:.25;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){#net-banner.wait:before{animation:none}}#endgame{bottom:calc(var(--sab) + 12px);text-align:center;border:2px solid var(--giay-vien);background:var(--van-giay), var(--paper);border-radius:16px;justify-items:center;gap:8px;width:max-content;max-width:min(520px,100vw - 24px);padding:12px 16px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}#endgame>b{font-size:17px}.endgame-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.endgame-wait{color:#85735b;font-weight:700}#endgame button{border-radius:14px;min-height:44px;padding:6px 16px;font-size:1.02rem}#endgame button.son{background:linear-gradient(180deg, var(--son-sang), var(--son));color:#fff6e6;text-shadow:0 1px #0005;box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -2px 0 #0000002a, 0 3px 0 var(--son-dam), 0 6px 14px #5a120d55}#endgame button.son:not(:disabled):active{box-shadow:inset 0 1px 0 #fff3, 0 1px 0 var(--son-dam);transform:translateY(2px)}#endgame button:focus-visible{outline:3px solid var(--vang);outline-offset:2px}html.touch #endgame{bottom:calc(var(--sab) + var(--ctl-h))}@media (orientation:landscape){html.touch #endgame{bottom:calc(var(--sab) + 8px)}}:root{--ico-red:var(--red,#c8432b);--ico-jade:var(--jade,#3e9b7a);--ico-gold:var(--vang,#e2ad45);--ico-paper:var(--paper,#fff8e7);--ico-ink:var(--ink,#3b2a1a);--ico-gold-l:#f8d77e;--ico-red-l:#f08a6c;--ico-jade-l:#8fd6b5;--ico-cream:#fff1cf;--ico-glass:#d6ecf3;--ico-wood:#c98e55}.ico-svg,.ico-img{pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;display:inline-block;overflow:visible}.ico-svg{vertical-align:-.15em;width:1em;height:1em}.ico-img{vertical-align:-.4em;object-fit:contain;-webkit-user-drag:none;width:1.5em;height:1.5em}.ico-img.ico-mono{filter:grayscale()opacity(.55)}.ico-lead{margin-inline-end:.3em}.ico-tail{margin-inline-start:.3em}.ico-mid{margin-inline:.2em}.ico-bot{vertical-align:-.3em;width:1.3em;height:1.3em;margin-inline-end:.15em}.ico-text{min-width:0}:root{--ico-mo-rong-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 9.5 12 16l6.5-6.5' stroke='%233b2a1a' stroke-width='5'/%3E%3Cpath d='M5.5 9.5 12 16l6.5-6.5' stroke='%23f8d77e' stroke-width='2.6'/%3E%3C/svg%3E")}