:root{--panel:#1c1a16;--panel2:#29241c;--gold:#d9b45a;--gold2:#f3d98a;--goldDark:#8a6a2a;--line:#4a3e28;--text:#f2ead8;--muted:#b3a788;--good:#6fe08a;--bad:#ff6a6a;--radius:10px;--hudH:52px;--font:"Kanit", "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;--title:"Cinzel", "Kanit", serif;--glass:linear-gradient(180deg, #29241ce0, #181510d6)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#a07a30 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#e2bd62,#8a6424) padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f3d98a,#a07a30) padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}body{background:#0b100d}.ico{object-fit:contain;vertical-align:-.28em;pointer-events:none;-webkit-user-select:none;user-select:none;width:1.25em;height:1.25em}.frame{background:linear-gradient(180deg, #fff0c80d, #00000026), linear-gradient(180deg, var(--panel2), var(--panel));border:1px solid var(--goldDark);border-radius:var(--radius);position:relative;box-shadow:inset 0 0 0 1px #ffdc8c14,inset 0 1px #ffe6aa26,0 6px 18px #00000073}.frame:before,.frame:after{content:"";pointer-events:none;border:2px solid var(--gold);width:14px;height:14px;position:absolute}.frame:before{border-bottom:none;border-right:none;border-radius:6px 0 0;top:-2px;left:-2px}.frame:after{border-top:none;border-left:none;border-radius:0 0 6px;bottom:-2px;right:-2px}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:linear-gradient(#3d3426,#2a241a);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffe6aa1f}button:hover:not(:disabled){border-color:var(--gold);background:linear-gradient(#4a3f2c,#332b1f)}button:active:not(:disabled){transform:scale(.95)}button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}button.primary{color:#2a1a00;background:linear-gradient(#ffe08a 0%,#e9b545 45%,#b9842a 100%);border-color:#ffe9a8;font-weight:600;box-shadow:inset 0 1px #fff9,0 2px 10px #e9b5454d}button.primary:hover:not(:disabled){background:linear-gradient(#fff0b0 0%,#f2c55a 45%,#c8923a 100%)}button.big{padding:10px 24px;font-size:1.08rem}button.danger{background:linear-gradient(#4a2424,#2e1717);border-color:#7a2e2e}button.danger:hover:not(:disabled){border-color:#d05050}.iconBtn{min-width:38px;height:36px;padding:5px 8px}.iconBtn .ico{vertical-align:middle;width:22px;height:22px}.iconBtn.small{min-width:28px;height:28px;padding:2px}.iconBtn.small .ico{width:16px;height:16px}.iconBtn.on{box-shadow:0 0 0 2px var(--gold2), inset 0 1px 0 #ffe6aa1f}#app{position:fixed;inset:0}#stage{background:#0b0c18;position:absolute;inset:0}#stage canvas{transition:opacity .45s}#stage.fadeOut canvas{opacity:0}#stage canvas{touch-action:none;cursor:pointer;display:block;width:100%!important;height:100%!important}#stage .nogl{text-align:center;color:var(--muted);padding:40px 20px}#floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floater{white-space:nowrap;will-change:transform;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px #0009;font-weight:700;position:absolute;top:0;left:0}.floater .ico{width:1.1em;height:1.1em}#pauseOverlay{pointer-events:none;text-shadow:0 2px 8px #000;z-index:5;background:#0006;justify-content:center;align-items:center;gap:12px;font-size:2rem;font-weight:700;display:none;position:absolute;inset:0}#pauseOverlay.show{display:flex}#toast{z-index:15;text-shadow:0 2px 10px #000,0 0 2px #000;color:#fff4d0;pointer-events:none;opacity:0;text-align:center;white-space:nowrap;font-size:1.55rem;font-weight:700;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}#toast.show{opacity:1}#toast .ico{width:1.3em;height:1.3em}#hud{z-index:20;min-height:var(--hudH);background:linear-gradient(#14110ceb,#14110c8c 75%,#14110c00);align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--title);letter-spacing:1px;white-space:nowrap;align-items:center;gap:6px;font-size:1.15rem;display:flex}.brand .ico{filter:drop-shadow(0 0 6px #b070ff);width:24px;height:24px}.t1{color:var(--gold2);text-shadow:0 2px #5a4010,0 0 12px #f3d98a59}.t2{background:linear-gradient(90deg,#ffe14a,#a24dff,#2f8fff,#ff5a2a,#3fe0a8,#c08a42);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}.stats{align-items:center;gap:6px;display:flex}.stat{border:1px solid var(--line);background:linear-gradient(#0c0a07d9,#221c14d9);border-radius:20px;align-items:center;gap:5px;height:32px;padding:2px 10px 2px 6px;display:flex;box-shadow:inset 0 2px 4px #00000080}.stat .ico{width:22px;height:22px}.stat b{font-size:1.02rem;font-weight:600}.stat small{color:var(--muted)}.stat.gold b{color:#ffd65a}.stat.life b{color:#ff8a8a}.stat.essence b{color:#d6a8ff}.stat.essence.pulse{border-color:#b070ff;animation:1.2s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 14px #b070ff,inset 0 2px 4px #00000080}}.saveBadge{opacity:0;transition:opacity .4s;display:flex}.saveBadge .ico{width:20px;height:20px}.saveBadge.show{opacity:1}#waveChip{background:var(--glass);border:1px solid var(--goldDark);cursor:default;border-radius:20px;outline:none;align-items:center;gap:8px;height:36px;margin:0 auto;padding:0 12px 0 6px;display:flex;position:relative}#waveChip .timer{white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:flex}#waveChip .timer.soon{color:#ffb05a}#waveChip .next{white-space:nowrap;border-left:1px solid var(--line);align-items:center;gap:4px;padding-left:8px;font-size:.88rem;display:flex}#waveChip .next .ico{width:24px;height:24px}#waveChip .next .nextIco{opacity:.7;width:14px;height:14px}#waveChip .next.boss .ico:last-child{filter:drop-shadow(0 0 5px #ff4a4a)}#waveChip .next .muted{color:var(--muted);margin-right:2px;font-size:.76rem}#waveChip .pop{background:var(--glass);border:1px solid var(--goldDark);border-radius:10px;width:280px;padding:10px;font-size:.82rem;line-height:1.5;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000080}#waveChip:hover .pop,#waveChip:focus .pop{display:block}.pop .row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pop .row .ico{width:40px;height:40px}.pop .muted{color:var(--muted)}.controls{gap:4px;display:flex}#dock{z-index:20;background:var(--glass);border:1px solid var(--goldDark);border-radius:14px;align-items:stretch;gap:8px;max-width:calc(100% - 16px);padding:6px 10px 8px;display:flex;position:absolute;bottom:8px;left:50%;overflow:auto hidden;transform:translate(-50%);box-shadow:0 6px 20px #00000080,inset 0 1px #ffe6aa1f}.dockGroup{flex-direction:column;gap:3px;display:flex}.dockSep{background:linear-gradient(180deg, transparent, var(--goldDark), transparent);width:1px}#elemGrid,#buildGrid{gap:5px;display:flex}.elemOrb{border-radius:10px;flex-direction:column;gap:1px;width:50px;height:58px;padding:3px 4px 2px}.elemOrb .ico{width:34px;height:34px}.elemOrb.lv0 .ico{filter:grayscale(.9)brightness(.55)}.elemOrb .pips{gap:3px;display:flex}.elemOrb .pips i{background:#0008;border:1px solid #7a6a4a;border-radius:50%;width:7px;height:7px}.elemOrb .pips i.on{background:var(--c);box-shadow:0 0 5px var(--c);border-color:#fff8}.elemOrb.can{border-color:#b070ff;animation:1.4s infinite pulse}.elemOrb.pending{border-color:var(--c);box-shadow:0 0 10px var(--c)}.elemOrb.pending .ico{filter:none;animation:2.4s linear infinite pendSpin}.elemOrb .pips i.pend{background:var(--c);animation:.7s infinite alternate pendBlink}@keyframes pendSpin{to{transform:rotate(360deg)}}@keyframes pendBlink{0%{opacity:.25}to{opacity:1}}.elemOrb:disabled{opacity:1;filter:none;cursor:default}.buildBtn{border-width:1px;border-radius:10px;flex-direction:column;gap:0;width:56px;height:58px;padding:3px 4px 2px;position:relative}.buildBtn .ico{width:34px;height:34px}.buildBtn .c{color:#ffd65a;align-items:center;gap:2px;font-size:.72rem;display:flex}.buildBtn .c .ico{width:12px;height:12px}.buildBtn .k{color:var(--muted);font-size:.6rem;position:absolute;top:1px;left:4px}.buildBtn.active{box-shadow:0 0 0 2px var(--gold2), 0 0 14px var(--gold)}.buildBtn.locked>.ico{filter:grayscale()brightness(.45)}.buildBtn .lockIco{width:20px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#infoCard{z-index:19;width:300px;max-height:calc(100% - var(--hudH) - 110px);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 12px;font-size:.85rem;position:absolute;bottom:92px;right:10px;overflow:hidden auto}#infoCard[hidden]{display:none}#infoClose{z-index:2;position:absolute;top:6px;right:6px}#infoPanel .title{color:var(--gold2);align-items:center;gap:8px;margin:0 26px 4px 0;font-size:1rem;font-weight:600;line-height:1.25;display:flex}#infoPanel .title .portrait{flex-shrink:0;width:44px;height:44px}#infoPanel .title .lv{white-space:nowrap;margin-left:auto;display:flex}#infoPanel .title .lv .ico{width:14px;height:14px}#infoPanel table{border-collapse:collapse;width:100%;margin:4px 0 6px}#infoPanel td{padding:1px 0}#infoPanel td:last-child{text-align:right;font-weight:500}#infoPanel .up{color:var(--good);font-size:.76rem}#infoPanel .effects{color:var(--muted);margin-bottom:6px;font-size:.78rem;line-height:1.6}#infoPanel .effects .ico{width:16px;height:16px}#infoPanel .sect{color:var(--gold2);margin:8px 0 4px;font-size:.76rem}#infoPanel .btnRow{grid-template-columns:1fr 1fr;gap:6px;display:grid}#infoPanel .btnRow button{padding:6px 4px;font-size:.8rem}#infoPanel .btnRow .ico{width:16px;height:16px}#infoPanel .full{grid-column:1/-1}#infoPanel .hint{color:var(--muted);font-size:.8rem;line-height:1.55}#infoPanel .building{color:#ffd27a;align-items:center;gap:6px;margin:2px 0 6px;font-size:.8rem;display:flex}#infoPanel .building .bar{background:#0008;border-radius:4px;flex:1;height:6px;overflow:hidden}#infoPanel .building .bar i{background:linear-gradient(90deg,#ffb84a,#ffe08a);height:100%;display:block}.addGrid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.addBtn{text-align:left;justify-content:flex-start;gap:6px;padding:4px 6px;font-size:.74rem;line-height:1.2}.addBtn .ico{width:22px;height:22px}.addBtn .nm{display:block}.addBtn .c{color:#ffd65a}.addBtn.need{opacity:.5}.small{color:var(--muted);margin:6px 0 0;font-size:.76rem;line-height:1.5}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#050805c7;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.overlay.show{display:flex}#menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0508051a,#05080599)}.card{text-align:center;width:100%;max-width:480px;max-height:calc(100dvh - 32px);padding:22px 26px;overflow:hidden auto}#menu .card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#29241ced,#1c1a16ed)}.card.wide{max-width:840px}.logo{font-family:var(--title);letter-spacing:2px;font-size:2.8rem;line-height:1.1}.card h2{color:var(--gold2);margin-top:0;font-weight:600}.card h3{color:var(--gold2);margin:16px 0 8px;font-size:.95rem;font-weight:500}.sub{color:var(--muted);margin:6px 0 12px}.elemRow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.elemRow .chip{color:#1a1206;box-shadow:0 0 10px var(--c);background:var(--c);border-radius:20px;align-items:center;gap:4px;padding:3px 12px 3px 4px;font-size:.88rem;font-weight:600;display:inline-flex}.elemRow .chip .ico{width:24px;height:24px}.choiceRow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.choice{text-align:left;flex-direction:column;flex:1;align-items:stretch;gap:2px;min-width:150px;max-width:190px;padding:8px 10px}.choice b{font-weight:600;display:block}.choice span{color:var(--muted);font-size:.72rem;line-height:1.35;display:block}.choice canvas{border-radius:4px;width:100%;height:auto;margin-top:6px;display:block}.choice.selected{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2), 0 0 14px #f3d98a4d}.tag{background:#2a5a3a;border-radius:6px;align-items:center;gap:4px;width:fit-content;margin-top:3px;padding:1px 6px;color:#bff5c8!important;font-size:.66rem!important;display:inline-flex!important}.tag .ico{width:14px;height:14px}.tag.lane{background:#5a3a2a;color:#ffd8b8!important}.menuActions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.resumeBox{text-align:left;background:linear-gradient(#5a3c8c59,#281c3c59);border:1px solid #8a6ad0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;max-width:580px;margin:14px auto 0;padding:10px 14px;display:flex}.resumeBox[hidden]{display:none}.resumeInfo{flex-direction:column;gap:2px;display:flex}.resumeInfo span{color:var(--muted);font-size:.8rem}.resumeBtns{flex-shrink:0;gap:6px;display:flex}.resumeBtns button{white-space:nowrap}.helpCols{align-items:flex-start;gap:16px;display:flex}.helpList{text-align:left;flex:1;margin:0;padding-left:0;font-size:.9rem;line-height:1.65;list-style:none}.helpList li{align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.helpList li>.ico{flex-shrink:0;width:24px;height:24px;margin-top:2px}.cycleBox{flex-shrink:0;width:260px}.cycleBox canvas{width:100%;height:auto}.creatureTable{text-align:left;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.creatureTable div{background:#0004;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:.78rem;line-height:1.35;display:flex}.creatureTable .ico{flex-shrink:0;width:48px;height:48px}.creatureTable b{font-size:.88rem}.compendium{text-align:left;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;display:grid}.compendium .combo{background:#0004;border-radius:8px;align-items:flex-start;gap:8px;padding:6px 8px;font-size:.78rem;line-height:1.45;display:flex}.compendium .portrait{flex-shrink:0;width:52px;height:52px}.compendium .els .ico{vertical-align:-3px;width:16px;height:16px}.compendium .look{color:var(--gold2);opacity:.8}.compendium .beats{opacity:.85}.compendium .fx{opacity:.9;margin-top:4px;display:block}.compendium .fx .ico{vertical-align:-2px;width:13px;height:13px}.lvTable{border-collapse:collapse;width:100%;margin:5px 0 3px;font-size:.72rem}.lvTable th{color:var(--gold2);text-align:left;border-bottom:1px solid #fff2;padding:2px 4px;font-weight:600}.lvTable td{border-bottom:1px solid #ffffff10;padding:2px 4px}.lvTable small{opacity:.6}#infoPanel .cur,#infoCard .cur{color:var(--gold2);font-weight:700}.buildBtn.support{border-style:dashed}.compendium .beats .ico{vertical-align:-2px;width:13px;height:13px}.compendium .weak,#infoPanel .weak{color:#ff9a8a}.compendium .weak .ico,#infoPanel .weak .ico{vertical-align:-2px;width:13px;height:13px}#infoPanel .effects.desc{color:var(--text,#eee);opacity:.92;line-height:1.45}@media (width<=900px){.brand{display:none}#hud{flex-wrap:wrap;row-gap:4px}#waveChip{order:3;margin:0}.controls{margin-left:auto}.helpCols{flex-direction:column;align-items:center}}@media (width<=600px){:root{--hudH:86px}#hud{gap:4px;padding:4px 6px}.stats{gap:4px}.stat{height:28px;padding:1px 7px 1px 4px}.stat .ico{width:18px;height:18px}.stat b{font-size:.9rem}#saveBadge{display:none}.controls{order:4;justify-content:space-between;width:100%}.controls .iconBtn{flex:1;min-width:0;height:32px;padding:2px}#btnCamera,#btnQuality{display:none}#waveChip{order:2;height:30px;padding:0 8px 0 4px;font-size:.8rem}#dock{flex-direction:column;gap:4px;max-width:none;padding:4px 6px 6px;bottom:6px;left:6px;right:6px;overflow:hidden;transform:none}#dock .dockSep{display:none}#dock .dockGroup{scrollbar-width:none;overflow:auto hidden}#dock .dockGroup::-webkit-scrollbar{display:none}#elemGrid{justify-content:space-between}.elemOrb{width:44px;height:52px}.buildBtn{width:48px;height:52px}.elemOrb .ico,.buildBtn>.ico{width:28px;height:28px}#infoCard{width:auto;max-height:32dvh;padding:8px 10px;font-size:.8rem;bottom:84px;left:6px;right:6px}#infoPanel .title .portrait{width:34px;height:34px}#infoPanel table{grid-template-columns:1fr 1fr;column-gap:12px;display:grid}#infoPanel tbody{display:contents}#infoPanel tr{justify-content:space-between;gap:6px;display:flex}.card{padding:16px}.logo{font-size:2rem}.resumeBox{flex-direction:column;align-items:stretch}.resumeBtns button.big{flex:1}#toast{font-size:1.1rem}}body.menuOpen #hud,body.menuOpen #dock,body.menuOpen #infoCard,body.menuOpen #pauseOverlay{visibility:hidden}.srOnly{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.titleScreen{z-index:40;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0;overflow:hidden}.titleScreen.show{display:flex}.tsVignette{pointer-events:none;background:radial-gradient(70% 60% at 50% 42%,#08080e26 0%,#08080e8c 60%,#06060ae0 100%),linear-gradient(#06060c8c 0%,#0000 22% 70%,#06060cbf 100%);position:absolute;inset:0}.tsCenter{flex-direction:column;align-items:center;gap:clamp(14px,3vh,30px);width:100%;max-width:980px;max-height:100%;display:flex;position:relative}.tsLogo{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 14px 30px #000000a6)drop-shadow(0 0 40px #ffc85a2e);width:min(760px,94vw);height:auto;max-height:40vh;animation:6s ease-in-out infinite tsFloat}@keyframes tsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.titleScreen.isNew .tsLogo{width:min(420px,70vw);max-height:20vh;animation:none}.gameBtn{letter-spacing:.5px;color:#f6ead0;text-shadow:0 2px #0000008c;background:linear-gradient(#4a3e2cf5 0%,#2a231af5 100%);border:2px solid #8a6a2a;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:min(340px,82vw);padding:14px 22px;font-family:Kanit,sans-serif;font-size:1.3rem;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s,filter .12s;display:flex;position:relative;box-shadow:0 5px #1a140c,0 10px 22px #00000080,inset 0 1px #ffe6aa2e}.gameBtn .ico{filter:drop-shadow(0 2px 2px #00000080);width:30px;height:30px}.gameBtn:hover:not(:disabled){border-color:var(--gold2);background:linear-gradient(#5c4d34f7,#342b1ef7);transform:translateY(-2px);box-shadow:0 7px #1a140c,0 14px 28px #0000008c,0 0 18px #f3d98a40,inset 0 1px #ffe6aa38}.gameBtn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #1a140c,0 6px 14px #00000080}.gameBtn.gold{color:#3a2206;text-shadow:0 1px #fff5d299;background:linear-gradient(#ffe68a 0%,#f5bf45 50%,#d98f22 100%);border-color:#fff0b0;box-shadow:0 5px #7a4a10,0 10px 24px #00000080,0 0 24px #ffbe4659,inset 0 2px #ffffff8c}.gameBtn.gold:hover:not(:disabled){background:linear-gradient(#fff1b0 0%,#ffcc58 50%,#e59c2c 100%);border-color:#fff6cc;box-shadow:0 7px #7a4a10,0 14px 28px #0000008c,0 0 30px #ffc85080,inset 0 2px #fff9}.gameBtn.gold:active:not(:disabled){box-shadow:0 2px #7a4a10,0 6px 14px #00000080}.gameBtn.small{width:auto;min-width:150px;padding:11px 20px;font-size:1.1rem}.gameBtn.small .ico{width:24px;height:24px}.gameBtn[hidden]{display:none}.menuMain{flex-direction:column;align-items:center;gap:14px;display:flex}.menuMain[hidden],.menuNew[hidden]{display:none}.langSwitch{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:2;border:1px solid var(--goldDark);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14110cc7;border-radius:999px;padding:3px;display:flex;position:absolute;box-shadow:0 6px 16px #00000073}.langSwitch button{min-width:0;box-shadow:none;color:#bba98a;font-family:var(--title);letter-spacing:1px;background:0 0;border:0;border-radius:999px;padding:6px 13px;font-size:.85rem;font-weight:700}.langSwitch button:hover:not(:disabled){color:#fff;background:#ffe6aa14}.langSwitch button.on{color:#3a2206;background:linear-gradient(#ffe68a,#d99a2c)}.tsCredit{bottom:max(12px, env(safe-area-inset-bottom));z-index:2;letter-spacing:1px;white-space:nowrap;color:#f6ead099;text-shadow:0 1px 3px #000;font-size:.8rem;text-decoration:none;position:absolute;left:50%;transform:translate(-50%)}.tsCredit a{color:inherit;text-decoration:none}.tsCredit a:hover{color:var(--gold2)}.tsCredit #tsUsers:before{content:"·";margin:0 8px}.menuNew{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1e1a14d1,#14110de6);border:1px solid #8a6a2ab3;border-radius:18px;flex-direction:column;align-items:center;gap:14px;width:100%;padding:18px;display:flex;box-shadow:0 18px 40px #0000008c,inset 0 1px #ffe6aa14}.mapGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.mapCard{background:#120f0b;border:2px solid #8a6a2a99;border-radius:12px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:0 6px 14px #00000073}.mapCard canvas{aspect-ratio:5/3;filter:saturate(.85)brightness(.85);width:100%;height:auto;transition:filter .15s;display:block}.mapCard b{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000;background:linear-gradient(#0000,#000000d9);padding:18px 8px 7px;font-size:.92rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mapCard:hover:not(:disabled){border-color:var(--gold);background:#120f0b;transform:translateY(-3px)}.mapCard:hover canvas{filter:none}.mapCard.selected{border-color:#ffd75a;box-shadow:0 0 0 2px #ffd75a73,0 0 22px #ffc85059,0 6px 14px #00000073}.mapCard.selected canvas{filter:none}.mapCard.selected:after{content:"✓";color:#3a2206;background:#ffd75a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #00000080}.segmented{background:#00000073;border:1px solid #8a6a2a99;border-radius:12px;gap:4px;padding:4px;display:flex}.seg{min-width:110px;box-shadow:none;color:#cdbb98;background:0 0;border:0;border-radius:9px;padding:9px 16px;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600}.seg:hover:not(:disabled){color:#fff;background:#ffe6aa14}.seg.on{color:#3a2206;background:linear-gradient(#ffe68a,#d99a2c);box-shadow:0 2px 8px #0006}.newActions{justify-content:center;gap:12px;display:flex}.brand img{filter:drop-shadow(0 2px 4px #0009);width:56px;height:56px;margin:-2px 0 -16px;display:block}@media (width<=700px){.tsLogo{width:96vw}.titleScreen.isNew .tsLogo{width:min(300px,72vw)}.gameBtn{padding:13px 18px;font-size:1.15rem}.menuNew{gap:12px;padding:12px}.mapGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mapCard b{padding:14px 6px 6px;font-size:.82rem}.segmented{width:100%}.seg{flex:1;min-width:0;padding:9px 6px}.newActions{width:100%}.newActions .gameBtn{flex:1;min-width:0}.brand img{width:44px;height:44px;margin:-2px 0 -12px}}@media (height<=560px){.tsCenter{gap:10px}.tsLogo{max-height:34vh}.titleScreen.isNew .tsLogo{display:none}.gameBtn{padding:9px 18px;font-size:1.05rem}.gameBtn .ico{width:24px;height:24px}.menuMain{gap:8px}.menuNew{gap:8px;padding:10px}.mapGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.tsCredit{bottom:max(6px, env(safe-area-inset-bottom));font-size:.7rem}.titleScreen.isNew .tsCredit{display:none}}.tsSettings{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:2;border:1px solid var(--goldDark);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14110cc7;border-radius:50%;width:48px;height:48px;padding:0;position:absolute;box-shadow:0 6px 16px #00000073}.tsSettings .ico{width:28px;height:28px;transition:transform .4s}.tsSettings:hover:not(:disabled){border-color:var(--gold2);background:#282218e6}.tsSettings:hover .ico{transform:rotate(60deg)}#settings{z-index:60}.settingsCard{text-align:left;flex-direction:column;gap:4px;max-width:460px;display:flex;position:relative}.settingsCard h2{text-align:center;color:var(--gold2);justify-content:center;align-items:center;gap:8px;margin:0 0 8px;display:flex}.settingsCard h2 .ico{width:30px;height:30px}.settingsClose{position:absolute;top:10px;right:10px}.setRow{border-bottom:1px solid #8a6a2a4d;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;display:flex}.setLbl{white-space:nowrap;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.setLbl .ico{width:26px;height:26px}.setCtl{align-items:center;gap:10px;display:flex}.setCtl .segmented .seg{min-width:0;padding:7px 14px;font-size:.92rem}.setHelp{margin:14px auto 0}.switch{background:#3a332a;border:1px solid #6a5a3a;border-radius:999px;flex-shrink:0;width:52px;height:28px;padding:0;position:relative;box-shadow:inset 0 2px 4px #00000080}.switch:after{content:"";background:#bba98a;border-radius:50%;width:20px;height:20px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000080}.switch.on{background:linear-gradient(#ffd75a,#d99a2c);border-color:#fff0b0}.switch.on:after{background:#fffaf0;transform:translate(24px)}.switch:active:not(:disabled){transform:none}.setCtl input[type=range]{accent-color:#f5bf45;cursor:pointer;width:120px}.setCtl input[type=range]:disabled{opacity:.35;cursor:default}@media (width<=480px){.setRow{flex-wrap:wrap}.setCtl input[type=range]{width:100px}}.mapCard .mapEl{background:#0000008c;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 2px 6px #00000080}.mapCard .mapEl .ico{width:24px;height:24px}@media (width<=700px){.mapGrid{max-height:46vh;padding:2px;overflow-y:auto}}.tsAccount{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));z-index:2;border:1px solid var(--goldDark);height:46px;color:var(--text);font:inherit;cursor:pointer;background:#14100ac7;border-radius:23px;align-items:center;gap:8px;max-width:60vw;padding:4px 14px 4px 5px;font-weight:600;display:flex;position:absolute}.tsAccount:hover{border-color:var(--gold2)}.tsAccount .av,.profHead .av{object-fit:cover;width:36px;height:36px;color:var(--gold2);background:#3a2a18;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.tsAccount .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tsAccount.guest{padding-left:12px}.tsAccount .ico{width:24px;height:24px}#profile{z-index:70}.profileCard{text-align:left;width:min(640px,100%);max-height:calc(100vh - 32px);position:relative;overflow-y:auto}.profileCard h2{margin:0 0 10px}.profileCard h3{color:var(--gold2);margin:16px 0 6px;font-size:1rem}.profileCard p{line-height:1.6}.profHead{align-items:center;gap:12px;display:flex}.profHead .av{border:2px solid var(--gold2);width:64px;height:64px;font-size:1.6rem}.profHead .nm{font-size:1.3rem;font-weight:700}.profHead .nameEdit{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.profHead input,.devLogin input{border:1px solid var(--goldDark);color:var(--text);font:inherit;background:#0006;border-radius:8px;width:180px;padding:6px 10px}.profStats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.profStats div{text-align:center;background:#0004;border-radius:10px;padding:8px}.profStats b{color:var(--gold2);font-size:1.2rem;display:block}.profStats small{color:var(--muted)}.profTable{border-collapse:collapse;width:100%;font-size:.82rem}.profTable th{text-align:left;color:var(--gold2);border-bottom:1px solid #fff2;padding:4px 6px;font-weight:600}.profTable td{border-bottom:1px solid #ffffff10;padding:4px 6px}.profTable .win{color:#8dff9a}.profTable .lose{color:#ff9a8a}.profActions{justify-content:flex-end;margin-top:14px;display:flex}.gsiWrap{justify-content:center;min-height:44px;margin:14px 0 4px;display:flex}.gsiWrap iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.devLogin{justify-content:center;gap:6px;margin-top:8px;display:flex}.endScore{margin:6px 0 12px;line-height:1.6}.endScore .big{color:var(--gold2);font-size:1.5rem;font-weight:700}.endScore button{margin-top:6px}.mapCard .mapRank{pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;font-size:.64rem;display:flex;position:absolute;top:5px;left:38px;right:36px}.mapCard .mapRank span{text-overflow:ellipsis;white-space:nowrap;background:#0a0804b8;border-radius:6px;width:fit-content;max-width:100%;padding:1px 6px;overflow:hidden}.mapCard .mapRank .ico{vertical-align:-1px;width:11px;height:11px}@media (width<=600px){.profStats{grid-template-columns:repeat(2,1fr)}.tsAccount{height:40px}.tsAccount .av{width:30px;height:30px}}