*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#bfe3f5;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 0}.left{display:flex;flex-direction:column;gap:6px}.title{font-weight:900;font-size:18px;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 #7a3a1a,0 0 8px rgba(0,0,0,.25)}.title span{color:#ffd76a}.turn{align-self:flex-start;padding:6px 14px;border-radius:999px;font-weight:800;font-size:14px;color:#fff;border:3px solid #fff;box-shadow:0 3px #0003;transition:background .3s}.turn.red{background:#d93a2f}.turn.black{background:#353b58}.turn.check{animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{to{box-shadow:0 0 0 6px #ff503c73}}.btns{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;pointer-events:auto}.btns button{display:flex;align-items:center;gap:6px;min-height:38px;padding:6px 12px;border:3px solid #fff;border-radius:14px;background:#fff6e2;color:#5a3a1e;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 3px #c9a46a;transition:transform .08s}.btns button:active{transform:translateY(2px);box-shadow:0 1px #c9a46a}.btns button b{font-size:15px}.btns button.off{opacity:.55}@media (max-width: 720px){.top{flex-direction:column}.left{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}.goal{order:3}.clocks{order:4;width:100%;flex-direction:row;min-width:0}.clocks .ck{flex:1;min-width:0}.ck-name{max-width:none;flex:1;min-width:0}.btns{justify-content:flex-start}.btns button span{display:none}.btns button{width:40px;justify-content:center;padding:0}.title{font-size:15px}}#hud{transition:opacity .3s}body.cinema #hud{opacity:0}.goal{align-self:flex-start;padding:5px 12px;border-radius:999px;background:#fff6e2f2;border:2px solid #f2a91c;color:#6a3a0a;font-weight:800;font-size:13px;box-shadow:0 2px #00000026}.start.campaign{background:linear-gradient(#ffcf4a,#e8920f);color:#5a2e00;box-shadow:0 5px #a35f06;font-size:19px;letter-spacing:1px}.start.free{font-size:18px}.divider{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:#b09070;font-size:12px;font-weight:700}.divider:before,.divider:after{content:"";flex:1;height:2px;background:#ecd7ae}.cmap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#1e324673;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .25s}.cmap.show{opacity:1;pointer-events:auto}.cmap-head{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.cmap-back{padding:8px 14px;border:3px solid #fff;border-radius:14px;background:#fff6e2;color:#5a3a1e;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 3px #c9a46a}.cmap-title{flex:1;text-align:center;font-size:22px;font-weight:900;color:#fff;-webkit-text-stroke:2px #a3271d;paint-order:stroke fill;text-shadow:0 3px 0 #6a140e}.cmap-stars{padding:6px 12px;border-radius:999px;background:#fff6e2;border:3px solid #fff;color:#d48a0a;font-weight:900}.cmap-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 16px 40px;position:relative}.chap{position:relative;display:flex;align-items:center;gap:12px;width:min(520px,100%);padding:12px 14px;border:4px solid #fff;border-radius:22px;background:#fff6e2;color:#5a3a1e;font:inherit;text-align:left;cursor:pointer;box-shadow:0 5px #c9a46a;transition:transform .1s}.chap:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-22px;height:18px;border-left:4px dashed rgba(255,255,255,.8)}.chap:hover:not(.locked){transform:translateY(-2px)}.chap.locked{cursor:default;filter:grayscale(.8);opacity:.7}.chap-num{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:#d93a2f;color:#fff;font-weight:900;font-size:20px;box-shadow:0 3px #8a1a14}.chap.side-b .chap-num{background:#353b58;box-shadow:0 3px #15182a}.chap.locked .chap-num{background:#b9a890;box-shadow:none}.chap-info{flex:1;min-width:0}.chap-title{font-weight:900;font-size:17px}.chap-meta{font-size:12px;color:#9a7a54;font-weight:600}.chap-goal{margin-top:3px;font-size:12px;font-weight:800;color:#c66a0a}.chap-stars{flex:none;color:#f2a91c;font-size:20px;letter-spacing:1px;text-shadow:0 1px 0 #a35f06}.story{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#140f0a73,#140f0a0d 40%,#140f0a8c);opacity:0;pointer-events:none;transition:opacity .3s;cursor:pointer}.story.show{opacity:1;pointer-events:auto}.story-skip{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;padding:6px 12px;border:2px solid rgba(255,255,255,.8);border-radius:999px;background:#0000004d;color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.chap-card{align-self:center;margin-top:30px;text-align:center;color:#fff;animation:chapIn .6s ease-out}@keyframes chapIn{0%{opacity:0;transform:translateY(-16px)}}.cc-num{display:inline-block;padding:3px 14px;border-radius:999px;background:#d93a2f;border:2px solid #fff;font-weight:900;font-size:13px;letter-spacing:2px}.cc-title{margin-top:6px;font-size:clamp(32px,8vw,54px);font-weight:900;-webkit-text-stroke:3px #6a140e;paint-order:stroke fill;text-shadow:0 4px 0 #3a0a06}.cc-meta{font-weight:800;font-size:15px;color:#ffe6a8;text-shadow:0 2px 0 rgba(0,0,0,.5)}.dialog{position:relative;display:flex;align-items:flex-start;gap:12px;width:min(760px,100%);align-self:center;padding:14px 16px 18px;border:4px solid #fff;border-radius:22px;background:#fff6e2;box-shadow:0 6px #c9a46a,0 16px 40px #00000059}.avatar{flex:none;display:grid;place-items:center;width:64px;height:64px;margin-top:-34px;border-radius:50%;border:4px solid #fff;color:#fff;font-family:KaiTi,STKaiti,SimSun,"Noto Serif SC",Microsoft YaHei,serif;font-weight:900;font-size:34px;box-shadow:0 4px #00000040}.avatar.side-r{background:radial-gradient(circle at 35% 30%,#f06a50,#c8261d)}.avatar.side-b{background:radial-gradient(circle at 35% 30%,#5c6590,#262b47)}.avatar.side-n{background:radial-gradient(circle at 35% 30%,#d9a868,#8a5a28)}.dbody{flex:1;min-width:0}.dname{font-weight:900;font-size:16px;color:#8a221c}.dname small{margin-left:4px;font-weight:700;font-size:12px;color:#a08060}.dtext{margin-top:4px;min-height:3em;font-size:16px;line-height:1.5;color:#3a2410;font-weight:600}.dnext{position:absolute;right:16px;bottom:6px;color:#d48a0a;font-size:14px;animation:bob .8s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(4px)}}.cmodal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#140f0a66;opacity:0;pointer-events:none;transition:opacity .25s}.cmodal.show{opacity:1;pointer-events:auto}.cmodal-card{width:min(400px,100%);padding:22px 20px 18px;border:4px solid #fff;border-radius:26px;background:#fff6e2;text-align:center;color:#5a3a1e;box-shadow:0 8px #c9a46a,0 20px 50px #0000004d;transform:scale(.9);transition:transform .3s cubic-bezier(.2,1.5,.4,1)}.cmodal.show .cmodal-card{transform:none}.obj-label{font-size:13px;font-weight:800;letter-spacing:3px;color:#b07a2a;text-transform:uppercase}.obj-goal{margin:6px 0 10px;font-size:24px;font-weight:900;color:#8a221c}.obj-side b.side-r{color:#c8261d}.obj-side b.side-b{color:#262b47}.obj-tip{margin:12px 0 6px;padding:10px 12px;border-radius:14px;background:#fff;border:2px dashed #ecd7ae;text-align:left;font-size:14px;line-height:1.45}.obj-note{margin:8px 0 12px;font-size:12px;color:#9a7a54}.res-title{font-size:40px;font-weight:900;color:#fff;-webkit-text-stroke:3px #a3271d;paint-order:stroke fill;text-shadow:0 4px 0 #6a140e}.res-title.lose{-webkit-text-stroke-color:#444a66;text-shadow:0 4px 0 #22263a}.res-stars{margin:6px 0;font-size:54px;letter-spacing:6px}.res-stars span{display:inline-block;color:#e3d3b4;animation:starPop .45s cubic-bezier(.2,1.8,.4,1) both}.res-stars span.on{color:#ffc02e;text-shadow:0 3px 0 #b9730c}@keyframes starPop{0%{transform:scale(0) rotate(-40deg)}}.res-reason{margin:6px 0 10px;font-weight:800;font-size:16px}.res-btns{display:flex;flex-direction:column;gap:8px}.res-btn{padding:10px;border:3px solid #ecd7ae;border-radius:14px;background:#fff;color:#5a3a1e;font:inherit;font-weight:800;font-size:15px;cursor:pointer}.acct{display:block;margin:-6px auto 14px;padding:6px 14px;border:2px solid #ecd7ae;border-radius:999px;background:#fff;color:#8a6a44;font:inherit;font-weight:800;font-size:13px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct.in{border-color:#f2a91c;color:#6a3a0a}.start.online-btn{margin-top:10px;background:linear-gradient(#4fb3e8,#2378b8);box-shadow:0 5px #154f7c;font-size:19px;letter-spacing:1px}.start small{display:block;margin-top:2px;font-size:11px;font-weight:700;letter-spacing:0;opacity:.85}.online-only{display:none!important}body.online .online-only{display:flex!important}body.online #btn-undo,body.online #btn-hint{display:none!important}.clocks{display:none;flex-direction:column;gap:4px;min-width:190px}.clocks.show{display:flex}.ck{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 4px 10px;border-radius:12px;background:#353b58eb;border:2px solid rgba(255,255,255,.85);color:#fff;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s}.ck.red{background:#c8261deb}.ck-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.ck.off .ck-name:after{content:" · mất kết nối";font-weight:600;opacity:.8}.ck-time{padding:2px 8px;border-radius:8px;background:#00000040;font-variant-numeric:tabular-nums;font-size:15px}.ck.active{transform:scale(1.04);box-shadow:0 0 0 3px #ffd84a}.ck.active .ck-time{background:#fff6e2;color:#5a2e00}.ck.low .ck-time{background:#ff4d3d;color:#fff;animation:pulse .5s ease-in-out infinite alternate}.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:min(90vw,460px);padding:10px 18px;border-radius:14px;background:#1e140ce0;color:#fff;font-weight:700;font-size:14px;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%)}.cmodal.online .cmodal-card{max-height:calc(100vh - 32px);overflow-y:auto}.om-head{margin-bottom:10px;font-size:22px;font-weight:900;color:#8a221c}.om-reason:empty{display:none}.om-reason{margin:-4px 0 10px;font-weight:700;color:#b07a2a}.om-tabs{margin-bottom:12px}.om-form{display:flex;flex-direction:column;gap:10px;text-align:left}.om-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800;color:#8a6a44;text-transform:uppercase;letter-spacing:.5px}.om-form input,.om-join input{padding:11px 12px;border:3px solid #ecd7ae;border-radius:12px;background:#fff;color:#3a2410;font:inherit;font-size:16px;font-weight:700;text-transform:none;letter-spacing:0}.om-form input:focus,.om-join input:focus{outline:none;border-color:#f2a91c}.cmodal-card:not(.registering) .reg-only{display:none}.om-hint{font-size:12px;color:#9a7a54}.om-err{min-height:1.2em;color:#c8261d;font-weight:800;font-size:14px}.om-or{display:flex;align-items:center;gap:10px;margin:14px 0 10px;color:#b09070;font-size:12px;font-weight:700}.om-or:before,.om-or:after{content:"";flex:1;height:2px;background:#ecd7ae}.om-google{display:flex;justify-content:center;min-height:44px;margin-bottom:8px}.cmodal.online .res-btn{width:100%;margin-top:8px}.om-me{display:flex;justify-content:space-between;width:100%;margin-bottom:12px;padding:8px 14px;border:2px solid #ecd7ae;border-radius:14px;background:#fff;color:#5a3a1e;font:inherit;font-weight:800;cursor:pointer}.om-me .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.om-resume{margin-bottom:12px}.om-tc{margin-bottom:14px}.om-tc button small{display:block;font-size:10px;font-weight:600;opacity:.75}.cmodal.online .start+.start{margin-top:10px}.om-join{display:flex;gap:8px;margin-top:14px}.om-join input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:3px;text-align:center}.om-join .res-btn{width:auto!important;margin-top:0!important;white-space:nowrap}.om-row{display:flex;gap:8px}.om-row .res-btn{flex:1}.om-spinner{width:54px;height:54px;margin:6px auto 14px;border-radius:50%;border:6px solid #ecd7ae;border-top-color:#c8261d;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.om-code{margin:4px 0 12px;padding:10px;border-radius:14px;background:#fff;border:3px dashed #f2a91c;font-size:40px;font-weight:900;letter-spacing:8px;color:#8a221c;-webkit-user-select:all;user-select:all}.om-profile{margin-bottom:8px}.om-avatar{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 8px;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle at 35% 30%,#f06a50,#c8261d);color:#fff;font-family:KaiTi,STKaiti,SimSun,Microsoft YaHei,serif;font-size:36px;box-shadow:0 4px #0003}.om-name{font-size:22px;font-weight:900;color:#3a2410;word-break:break-word}.om-sub{font-size:13px;color:#9a7a54;font-weight:700}.om-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.om-stats div{padding:8px 4px;border-radius:12px;background:#fff;border:2px solid #ecd7ae}.om-stats b{display:block;font-size:20px;color:#8a221c}.om-stats span{font-size:11px;font-weight:700;color:#9a7a54}.om-board{max-height:55vh;overflow-y:auto;margin-bottom:4px;text-align:left}.lb-row{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:8px 6px;border-bottom:2px solid #f3e4c4}.lb-row .r{grid-row:span 2;font-weight:900;font-size:18px;text-align:center;color:#b07a2a}.lb-row .n{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .e{grid-row:span 2;font-weight:900;font-size:18px;color:#8a221c}.lb-row .s{font-size:12px;color:#9a7a54}.om-elo{margin:4px 0 12px;font-size:22px;font-weight:900;color:#c8261d}.om-elo.up{color:#1f9a4a}.hint{position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;padding:10px 18px;border:3px solid #fff;border-radius:999px;background:linear-gradient(#ffd94a,#f2a91c);color:#5a2e00;font:inherit;font-weight:900;font-size:16px;box-shadow:0 4px #b9730c,0 6px 16px #0003;pointer-events:auto;cursor:pointer}.hint:active{transform:translateY(2px);box-shadow:0 2px #b9730c}.menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#1e324659;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s}.menu.show{opacity:1;pointer-events:auto}.card{width:min(420px,100%);max-height:100%;overflow-y:auto;padding:24px 22px 20px;border:4px solid #fff;border-radius:28px;background:#fff6e2;box-shadow:0 8px #c9a46a,0 20px 50px #0000004d;transform:translateY(20px) scale(.96);transition:transform .3s cubic-bezier(.2,1.4,.4,1)}.menu.show .card{transform:none}.logo{text-align:center;margin-bottom:18px}.logo-main{font-size:42px;font-weight:900;letter-spacing:3px;color:#fff;-webkit-text-stroke:3px #a3271d;paint-order:stroke fill;text-shadow:0 5px 0 #6a140e}.logo-sub{margin-top:4px;font-size:13px;font-weight:800;letter-spacing:4px;color:#b07a2a}.group{margin-bottom:14px}.label{margin-bottom:6px;font-size:13px;font-weight:800;color:#8a6a44;text-transform:uppercase;letter-spacing:1px}.seg{display:flex;gap:6px}.seg button{flex:1;min-height:46px;padding:6px 8px;border:3px solid #ecd7ae;border-radius:14px;background:#fff;color:#5a3a1e;font:inherit;font-weight:800;font-size:15px;cursor:pointer;transition:transform .08s,background .15s}.seg button small{font-weight:600;font-size:11px;opacity:.8}.seg button.on{border-color:#f2a91c;background:#ffe69a;box-shadow:0 3px #d4901a}.seg button.red.on{border-color:#c8261d;background:#d93a2f;color:#fff;box-shadow:0 3px #8a1a14}.seg button.black.on{border-color:#1f2440;background:#353b58;color:#fff;box-shadow:0 3px #15182a}.menu.pvp .ai-only{display:none}.start{width:100%;margin-top:6px;padding:14px;border:4px solid #fff;border-radius:18px;background:linear-gradient(#ef5a3c,#c8261d);color:#fff;font:inherit;font-size:22px;font-weight:900;letter-spacing:3px;box-shadow:0 5px #7d1a12;cursor:pointer}.start:active{transform:translateY(3px);box-shadow:0 2px #7d1a12}.resume{width:100%;margin-top:10px;padding:8px;border:none;background:none;color:#8a6a44;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(.6);opacity:0;text-align:center;pointer-events:none;transition:opacity .25s,transform .25s}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1);animation:pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(2.2)}}.b-title{font-size:clamp(48px,13vw,110px);font-weight:900;color:#fff;letter-spacing:4px;white-space:nowrap;-webkit-text-stroke:4px #8a1a14;paint-order:stroke fill;text-shadow:0 6px 0 #5a0f0b,0 0 30px rgba(255,120,60,.7)}.banner.win .b-title{color:#ffe27a;-webkit-text-stroke-color:#6a3a0a}.b-sub{margin-top:4px;font-size:clamp(18px,4.5vw,30px);font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45)}.legal{margin-top:10px;font-size:12px;color:#9a7a54;text-align:center}.legal a{color:#b07a2a}.om-apple{display:flex;align-items:center;justify-content:center;gap:8px;width:280px;max-width:100%;height:44px;margin:0 auto 8px;border:none;border-radius:999px;background:#000;color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer}.om-apple svg{width:16px;height:18px;margin-top:-3px}.om-apple:disabled{opacity:.6}