:root{--ol: #2b2140;--cream: #fffaf0;--ice: #e9f5ff;--blue: #4aa8ff;--orange: #ff7a2f;--gold: #ffd23f;--red: #ff5d6c;--green: #3ddc84;--font: "Crimson Pro", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#58b9ff;font-family:var(--font);color:var(--ol);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#view{position:absolute;top:0;right:0;bottom:0;left:0;display:block}[hidden]{display:none!important}button{font-family:inherit;color:inherit;cursor:pointer}canvas.ic{display:block;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:6px 18px;border:3px solid var(--ol);border-radius:16px;background:linear-gradient(#ffb547,#ff7a2f);color:#fff;font-size:18px;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 0 rgba(34,48,79,.55);box-shadow:0 4px 0 var(--ol);transition:transform .06s;text-decoration:none}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ol)}.btn:disabled{filter:grayscale(.7);opacity:.65;cursor:default}.btn.ghost{background:linear-gradient(#fff,#dcecff);color:var(--ol);text-shadow:none}.btn.danger{background:linear-gradient(#ff8a8a,#e9455a)}.btn.small{min-height:36px;font-size:15px;padding:4px 12px;border-radius:12px}.btn.big{min-height:56px;font-size:22px;padding:8px 28px}.btn.poor{background:linear-gradient(#cfd6e2,#9aa6ba)}.round{width:46px;height:46px;border-radius:50%;border:3px solid var(--ol);background:linear-gradient(#6bc0ff,#2f86e8);box-shadow:0 3px 0 var(--ol);display:grid;place-items:center;padding:0}.round.small{width:38px;height:38px;font-size:18px;font-weight:800;background:linear-gradient(#fff,#dcecff)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 12px 2px 6px;min-height:34px;border-radius:99px;background:#ffffffeb;border:3px solid var(--ol);font-weight:800;font-size:18px;box-shadow:0 3px #22304f66}.stars{display:inline-flex;align-items:center;gap:2px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l));pointer-events:none}.screen>*{pointer-events:auto}.topbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar .res{display:flex;gap:6px;margin-left:auto}.acct-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 12px;border-radius:99px;border:3px solid var(--ol);background:#ffffffeb;font-weight:800;font-size:14px;box-shadow:0 3px #22304f66;max-width:100%}.acct-chip .ok{color:#fff;background:var(--green);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px;border:2px solid var(--ol)}.acct-chip .prov{display:inline-flex;gap:3px}.acct-chip svg{width:18px;height:18px;border-radius:4px}.acct-chip .guest{padding:0 8px;border-radius:8px;background:#e6eef9}.lvl-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 4px;min-height:40px;border:3px solid var(--ol);border-radius:99px;background:linear-gradient(#8b7bff,#5a49e8);color:#fff;font-weight:800;font-size:18px;box-shadow:0 3px 0 var(--ol)}.xpbar{width:52px;height:9px;border-radius:6px;background:#0000004d;overflow:hidden;display:block}.xpbar span{display:block;height:100%;background:var(--gold)}.menu-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0}.logo{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.82;font-weight:800;text-transform:uppercase;letter-spacing:.01em;transform:rotate(-3deg)}.logo .l1,.logo .l2{color:#fff;-webkit-text-stroke:3px var(--ol);paint-order:stroke fill;text-shadow:0 5px 0 var(--ol),0 9px 0 rgba(34,48,79,.25)}.logo .l1{font-size:clamp(40px,9vmin,84px)}.logo .l2{font-size:clamp(48px,11vmin,104px);color:#ffd23f;background:none;margin-top:4px}.logo .l1:after{content:""}.tagline{margin:2px 0 6px;padding:2px 14px;border-radius:99px;background:#2b21408c;font-weight:800;font-size:clamp(14px,2.4vmin,19px);color:#fff;text-align:center}.map-card{display:flex;align-items:center;gap:6px}.map-card .arrow{width:40px;height:52px;border-radius:14px;border:3px solid var(--ol);background:#fff;font-size:30px;font-weight:800;line-height:1;box-shadow:0 3px 0 var(--ol)}.map-body{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:18px;border:3px solid var(--ol);background:#fffffff2;box-shadow:0 4px 0 var(--ol);text-align:left;max-width:min(360px,70vw)}#map-thumb{border-radius:12px;border:2px solid var(--ol);flex:none}.map-info{display:flex;flex-direction:column;min-width:0}.map-info b{font-size:19px;line-height:1.1}.map-info>span:not(.stars){font-size:13px;font-weight:600;opacity:.8;line-height:1.15}.btn-play{margin-top:4px;min-width:220px;min-height:72px;border-radius:24px;border:4px solid var(--ol);background:linear-gradient(#ffe066,#ffb02a 55%,#ff8a1f);box-shadow:0 7px 0 var(--ol),0 12px 24px #22304f4d;font-size:38px;font-weight:800;color:#fff;-webkit-text-stroke:2px var(--ol);paint-order:stroke fill;text-shadow:0 3px 0 var(--ol);animation:bob 1.6s ease-in-out infinite}.btn-play:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ol);animation:none}@keyframes bob{50%{transform:translateY(-4px) scale(1.02)}}.gate-note{margin:0;padding:4px 12px;border-radius:12px;background:#22304fbf;color:#fff;font-weight:700;font-size:14px}.tiles{display:grid;grid-template-columns:repeat(8,minmax(0,76px));justify-content:center;gap:8px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:70px;padding:6px 2px 4px;border-radius:18px;border:3px solid var(--ol);background:linear-gradient(#fff,#d7eaff);box-shadow:0 4px 0 var(--ol)}.tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ol)}.tile-l{font-size:12.5px;font-weight:800;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile .dot,.tile .dot[hidden]{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--red);border:2.5px solid var(--ol)}.tile .dot[hidden]{display:none}@media(max-width:640px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{min-height:64px}}@media(max-height:500px)and (orientation:landscape){.logo .l1{font-size:34px}.logo .l2{font-size:42px}.tagline{display:none}.menu-mid{gap:6px}.btn-play{min-height:56px;font-size:30px}.tile{min-height:56px}.tile canvas{width:30px!important;height:30px!important}#map-thumb{width:96px!important;height:54px!important}}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button{pointer-events:auto}.hud-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;align-items:center;gap:10px}.hud-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.hud-mid>b{font-size:15px;font-weight:800;color:#fff;text-shadow:0 2px 0 var(--ol),0 0 3px var(--ol);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hbar{position:relative;width:min(56vw,300px);height:24px;border-radius:12px;border:3px solid var(--ol);background:#ffffffd9;overflow:hidden}.hbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(#ffe066,#ffb02a);transition:width .25s}.hbar.done i{background:linear-gradient(#ff9aa5,#ff5d6c);width:100%!important}.hbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--ol)}.h-right{display:flex;align-items:center;gap:2px;padding:2px 10px 2px 6px;min-height:40px;border-radius:99px;border:3px solid var(--ol);background:#ffffffeb;font-weight:800;font-size:20px;box-shadow:0 3px #2b214066}.h-right canvas.off{opacity:.25;filter:grayscale(1)}.h-goals{position:absolute;top:calc(62px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;gap:6px}.hg{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:99px;background:#2b21408c;color:#fff;font-weight:800;font-size:13px}.hg.ok{background:#1f9e5acc}.hg.bad{background:#e9455acc}.h-banner{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);padding:8px 22px;border-radius:20px;border:4px solid var(--ol);background:linear-gradient(#fff6c2,#ffd23f);font-size:clamp(22px,5vmin,36px);font-weight:800;box-shadow:0 6px 0 var(--ol);animation:bannerIn .35s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}.h-banner.siege,.h-banner.lose{background:linear-gradient(#ffb0b0,#ff5d6c);color:#fff;text-shadow:0 2px 0 var(--ol)}.h-banner.win{background:linear-gradient(#b8ffd2,#3ddc84)}@keyframes bannerIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.hud-bottom{position:absolute;left:0;right:0;bottom:calc(12px + var(--safe-b));display:flex;justify-content:space-between;align-items:flex-end;padding:0 calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));pointer-events:none}.power{position:relative;width:78px;height:78px;border-radius:24px;border:3px solid var(--ol);background:linear-gradient(#fff,#d7eaff);box-shadow:0 4px 0 var(--ol);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;touch-action:none}.power b{position:absolute;top:-8px;right:-8px;min-width:26px;height:26px;border-radius:13px;background:var(--red);color:#fff;border:2.5px solid var(--ol);font-size:14px;display:grid;place-items:center}.power small{font-size:12px;font-weight:800;margin-top:1px}.power:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ol)}.power.empty{filter:grayscale(1);opacity:.55}.power.active{background:linear-gradient(#c7f2ff,#58b9ff);box-shadow:0 4px 0 var(--ol),0 0 0 4px #7ee2ff99}.power.pulse{animation:pulse .6s ease-in-out infinite;background:linear-gradient(#fff6c2,#ffd23f)}@keyframes pulse{50%{transform:scale(1.1);box-shadow:0 4px 0 var(--ol),0 0 0 8px #ffd23f80}}.next-box{display:flex;flex-direction:column;align-items:center;padding:4px 10px 6px;border-radius:18px;border:3px solid var(--ol);background:#ffffffe0;min-width:84px}.next-box small{font-size:11px;font-weight:800;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.next-box b{font-size:12px;font-weight:800;white-space:nowrap}@media(max-height:500px)and (orientation:landscape){.power{width:62px;height:62px}.h-goals{top:calc(8px + var(--safe-t));left:auto;right:calc(120px + var(--safe-r));transform:none}.next-box{display:none}}.tut{position:absolute;left:50%;bottom:calc(102px + var(--safe-b));z-index:4;transform:translate(-50%);width:min(560px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.tut-card{opacity:0;background:#fffaf0f7;transform:translateY(-8px) scale(.96);transition:.2s;padding:10px 16px;border-radius:18px;border:3px solid var(--ol);background:var(--cream);box-shadow:0 4px 0 var(--ol);text-align:center}.tut.show .tut-card{opacity:1;transform:none}.tut-card p{margin:0;font-size:clamp(16px,2.6vmin,21px);font-weight:800;line-height:1.2}.tut-card small{display:block;margin-top:4px;font-weight:700;opacity:.7}.tut .btn{pointer-events:auto;min-height:38px;font-size:15px}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#1420408c;display:grid;place-items:center;padding:calc(10px + var(--safe-t)) 10px calc(10px + var(--safe-b));z-index:5}.sheet-panel{width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:26px;border:4px solid var(--ol);background:var(--cream);box-shadow:0 8px 0 var(--ol);overflow:hidden;animation:popin .18s ease-out}@keyframes popin{0%{transform:scale(.92);opacity:0}}.sheet[data-kind=pause] .sheet-panel,.sheet[data-kind=results] .sheet-panel{width:min(460px,100%)}.sheet-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(#9b8cff,#5a49e8);border-bottom:4px solid var(--ol)}.sheet-head h2{flex:1;margin:0;font-size:24px;color:#fff;-webkit-text-stroke:1.5px var(--ol);paint-order:stroke fill;text-shadow:0 2px 0 var(--ol);line-height:1.1}.sheet-body{padding:12px 14px 16px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.sheet-body h3{margin:14px 0 6px;font-size:18px}.sub{margin:0 0 10px;font-weight:600;opacity:.8;font-size:15px;line-height:1.25}.sub.center{text-align:center;margin-top:10px}.gate{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:12px;border-radius:16px;background:#fff1c9;border:3px solid var(--ol)}.gate b{font-size:17px}.gate p{margin:2px 0 0;font-size:14px;font-weight:600}.tabs{display:flex;gap:6px;margin-bottom:8px}.tab{flex:1;min-height:42px;border-radius:14px;border:3px solid var(--ol);background:#e6eef9;font-weight:800;font-size:16px}.tab.on{background:linear-gradient(#ffe066,#ffb02a);box-shadow:0 3px 0 var(--ol)}.wallet{display:flex;align-items:center;gap:4px;margin-bottom:10px;font-size:18px}.wallet b{margin-right:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.card{border-radius:18px;border:3px solid var(--ol);background:#fff;box-shadow:0 3px 0 var(--ol);padding:10px}.card.up{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 10px;align-items:center}.card.up .btn{grid-column:1 / -1}.ci{min-width:0}.ci b{font-size:17px;line-height:1.1;display:block}.ci p{margin:2px 0;font-size:14px;font-weight:600;line-height:1.2}.nx{color:#1f9e5a;font-weight:800}.lvpips{display:flex;gap:2px;margin-top:3px}.lvpips i{flex:1;max-width:16px;height:8px;border-radius:3px;background:#dfe6f0;border:1.5px solid var(--ol)}.lvpips i.on{background:var(--green)}.card.skin{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.card.skin.sel{background:#fff7d1}.card.skin small{font-weight:700;opacity:.7;font-size:12.5px}.grid:has(.skin){grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.map-list{display:flex;flex-direction:column;gap:10px}.map-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:18px;border:3px solid var(--ol);background:#fff;box-shadow:0 3px 0 var(--ol)}.map-row canvas{border-radius:12px;border:2px solid var(--ol)}.map-row.sel{background:#fff7d1}.map-row.locked canvas{filter:grayscale(.8) brightness(.8)}.map-row .mr-info b{font-size:18px}.map-row p{margin:0;font-size:13.5px;font-weight:600;opacity:.8;line-height:1.2}.map-row small{font-size:12px;font-weight:700;opacity:.7;margin-left:4px}.map-row .btn{font-size:15px;min-height:42px;padding:4px 12px;max-width:170px;line-height:1.1}@media(max-width:560px){.map-row{grid-template-columns:auto 1fr}.map-row .btn{grid-column:1 / -1;max-width:none}.map-row canvas{width:110px!important;height:62px!important}}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px;border-radius:12px;border:2.5px solid var(--ol);background:#fff;min-width:0}.day small{font-size:11px;font-weight:800;opacity:.7}.day b{font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.day.big{background:#fff1c9}.day.got{background:#d9f7e6;opacity:.75}.day.today{background:linear-gradient(#ffe066,#ffb02a);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ol);z-index:1;animation:bob 1.4s infinite}.day .got-ic{position:absolute;top:-6px;right:-6px}.cal-foot{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}.cyc{opacity:.6;font-weight:700}.missions{display:flex;flex-direction:column;gap:10px}.card.mission{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.bar{height:14px;border-radius:8px;background:#e2e9f3;border:2px solid var(--ol);overflow:hidden;margin:4px 0 2px}.bar i{display:block;height:100%;background:linear-gradient(#7dffb0,#3ddc84)}.reward{display:flex;align-items:center;gap:2px;font-size:14px;flex-wrap:wrap;justify-content:flex-end;max-width:120px}.grid.ach{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card.badge{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.7;background:#f1f4f9}.card.badge.got{opacity:1;background:#fff;border-color:var(--ol);box-shadow:0 3px 0 var(--ol),inset 0 0 0 4px var(--tier)}.card.badge p{margin:0;font-size:13px;font-weight:600;line-height:1.2}.card.badge small{font-weight:700;font-size:12px;opacity:.75}.lb-link{margin:4px 0 12px}.lb{display:flex;flex-direction:column;gap:6px}.lb-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:5px 10px 5px 5px;border-radius:14px;border:2.5px solid var(--ol);background:#fff}.lb-row canvas{border-radius:8px;border:2px solid var(--ol)}.lb-row.locked{opacity:.55}.lb-m{font-weight:800;font-size:18px;min-width:70px;text-align:right}.top-runs{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:4px}.top-runs li{display:grid;grid-template-columns:30px 90px 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-radius:12px;background:#fff;border:2px solid rgba(34,48,79,.3);font-weight:700}.top-runs li.first{background:#fff1c9;border-color:var(--ol)}.top-runs span{font-weight:800}.top-runs em{font-style:normal;opacity:.8}.top-runs small{opacity:.6}.prof-top{display:flex;gap:14px;align-items:center}.prof-top .ci>small{font-weight:700;opacity:.6;display:block}.pname{font-size:24px!important}.prof-top em{font-style:normal;font-weight:700;color:#7a5cff}.lvline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lvline .bar{flex:1;min-width:80px}.note{display:block;margin:4px 0;font-weight:600;opacity:.7}.btn.provider{background:#fff;color:var(--ol);text-shadow:none;margin-top:6px}.btn.provider svg{width:22px;height:22px;border-radius:5px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:40px;padding:4px 12px;border-radius:99px;border:2.5px solid var(--ol);background:#fff;font-weight:800;font-size:14px}.chip.on{background:linear-gradient(#ffe066,#ffb02a);box-shadow:0 2px 0 var(--ol)}.chip:disabled{opacity:.5}.chip.pal{padding:2px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.stats div{padding:6px 10px;border-radius:12px;background:#fff;border:2px solid rgba(34,48,79,.3)}.stats small{display:block;font-weight:700;opacity:.65;font-size:12px}.stats b{font-size:18px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:4px 0;border-bottom:2px dashed rgba(34,48,79,.15);font-weight:800;font-size:17px}.set-row input[type=range]{width:min(240px,50vw);accent-color:#2f86e8;height:30px}.toggle{min-width:74px;min-height:40px;border-radius:99px;border:3px solid var(--ol);background:#e2e9f3;font-weight:800}.toggle.on{background:linear-gradient(#7dffb0,#3ddc84)}.seg{display:flex;border:3px solid var(--ol);border-radius:14px;overflow:hidden}.seg button{border:0;min-height:40px;padding:4px 12px;background:#fff;font-weight:800}.seg button.on{background:linear-gradient(#ffe066,#ffb02a)}.sheet-body>.btn{width:100%;margin-top:12px}.pause-btns{display:flex;flex-direction:column;gap:10px}.pause-vol{display:flex;justify-content:center;margin-top:12px}.res-big{display:flex;flex-direction:column;align-items:center;gap:2px}.res-big>small{font-weight:800;opacity:.7}.res-m{font-size:clamp(40px,9vmin,56px);line-height:1;color:#fff;-webkit-text-stroke:2.5px var(--ol);paint-order:stroke fill;text-shadow:0 4px 0 var(--ol)}.newbest{padding:2px 12px;border-radius:99px;background:var(--red);color:#fff;font-weight:800;border:2.5px solid var(--ol);animation:bob 1s infinite}.res-stars{margin:6px 0}.res-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.res-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;background:#fff;border:2px solid rgba(34,48,79,.25);font-weight:700;font-size:14px}.res-row b{margin-left:auto;font-size:17px}.res-events{display:flex;flex-direction:column;gap:5px;margin-top:10px}.ev{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#e9f5ff;font-weight:700;font-size:14.5px;line-height:1.2;border:2px solid rgba(34,48,79,.2)}.ev.gold{background:#fff1c9;border-color:var(--ol)}.res-btns{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin:14px -14px -16px;padding:10px 14px calc(12px + var(--safe-b));position:sticky;bottom:-16px;background:linear-gradient(rgba(255,250,240,0),var(--cream) 30%)}.res-events{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.ev{font-size:13.5px;padding:5px 8px}#toasts{position:absolute;top:calc(12px + var(--safe-t));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:20;pointer-events:none;width:min(520px,calc(100vw - 24px))}.toast{padding:8px 16px;border-radius:16px;border:3px solid var(--ol);background:#fff;font-weight:800;box-shadow:0 4px 0 var(--ol);animation:popin .2s;text-align:center;font-size:15px}.toast.gold{background:linear-gradient(#fff6c2,#ffd23f)}.toast.warn{background:#ffe0e0}.toast.info{background:#e9f5ff}.toast.out{opacity:0;transform:translateY(-10px);transition:.35s}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(#58b9ff,#cdf0ff);transition:opacity .4s}#loading.done{opacity:0;pointer-events:none}.logo.small .l1{font-size:44px}.logo.small .l2{font-size:56px}#ld-castle{width:120px;height:120px;animation:bob 1.4s ease-in-out infinite}.ld-ball{width:70px;height:70px;border-radius:50%;border:4px solid var(--ol);background:radial-gradient(circle at 35% 30%,#fff 40%,#c6dcf7);animation:roll 1s linear infinite;position:relative}.ld-ball:after{content:"";position:absolute;left:18px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--ol);box-shadow:22px 0 0 var(--ol)}@keyframes roll{to{transform:rotate(360deg)}}.ld-bar{width:min(280px,70vw);height:16px;border-radius:10px;border:3px solid var(--ol);background:#fff;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffe066,#ff8a1f);transition:width .3s}#ld-text{margin:0;font-weight:800;color:var(--ol)}@media(prefers-reduced-motion:reduce){.btn-play,.day.today,.newbest,.power.pulse,.h-banner,.node.current,.pop-star{animation:none!important}}#cynnx-game-chip{display:none!important}.logo .l2{color:#ffcf3f}.play-row{display:flex;align-items:center;gap:10px}.btn-endless{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:84px;min-height:72px;border-radius:20px;border:4px solid var(--ol);background:linear-gradient(#c7b8ff,#7a62ff);color:#fff;font-weight:800;font-size:14px;box-shadow:0 5px 0 var(--ol);text-shadow:0 2px 0 var(--ol);margin-top:4px}.btn-endless.locked{filter:grayscale(.85);opacity:.75}.btn-endless:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ol)}.map-info>span:not(.stars){font-size:14px;font-weight:700;opacity:.8}.map-info .stars b{font-size:14px;margin-left:2px}.kingdom{padding:8px;border-radius:18px;border:3px solid var(--ol);background:#fff;box-shadow:0 3px 0 var(--ol)}.kingdom.sel{background:#fff7d1}.kingdom.locked{background:#eef0f5}.kingdom.locked .k-head canvas{filter:grayscale(.8) brightness(.85)}.k-head{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.k-head canvas{border-radius:12px;border:2px solid var(--ol)}.k-head .mr-info b{font-size:18px}.k-head p{margin:0;font-size:13.5px;font-weight:600;opacity:.8;line-height:1.2}.k-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:3px}.k-meta small{font-weight:800;font-size:13px;margin-right:8px}.k-lock{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border-radius:12px;background:#fff1c9;font-weight:800;font-size:14px}.path{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:8px;position:relative}.path:before{content:"";position:absolute;left:4%;right:4%;top:22px;height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#c9a66b 0 8px,transparent 8px 14px);z-index:0}.node{position:relative;z-index:1;height:50px;border-radius:16px;border:3px solid var(--ol);background:linear-gradient(#fff,#dcecff);box-shadow:0 3px 0 var(--ol);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 4px;font-weight:800;font-size:18px}.node.won{background:linear-gradient(#d5ffe4,#7ee8a8)}.node.current{background:linear-gradient(#ffe066,#ffb02a);animation:bob 1.4s infinite}.node.locked{background:#e2e6ee;box-shadow:0 2px #2b214066}.node.boss{border-radius:50%;aspect-ratio:1;height:auto;min-height:50px}.node.boss.won{background:linear-gradient(#ffd9f0,#ff8ac5)}.nstars{position:absolute;bottom:-7px;display:flex;gap:1px}.nstars i{width:9px;height:9px;transform:rotate(45deg);background:#cfd6e2;border:1.5px solid var(--ol);border-radius:2px}.nstars i.on{background:var(--gold)}.map-list{gap:12px}@media(max-width:520px){.path{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}.path:before{display:none}.k-head canvas{width:96px!important;height:58px!important}}.lv-top{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.lv-top canvas{border-radius:14px;border:3px solid var(--ol);max-width:100%}.lv-side .k-meta b{font-size:16px}@media(max-width:520px){.lv-top{grid-template-columns:1fr;justify-items:center}}.star-goals{display:flex;flex-direction:column;gap:6px;margin:12px 0}.sg{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:#fff;border:2.5px solid rgba(43,33,64,.3);font-weight:800;font-size:16px}.sg.got{background:#fff1c9;border-color:var(--ol)}.pieces{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:4px}.pc{display:flex;flex-direction:column;align-items:center;width:74px;padding:6px 2px;border-radius:14px;background:#fff;border:2px solid rgba(43,33,64,.25)}.pc small{font-size:11.5px;font-weight:800;text-align:center;line-height:1.1}.endless-list{display:flex;flex-direction:column;gap:8px}.e-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:6px 12px 6px 6px;border-radius:16px;border:3px solid var(--ol);background:#fff;box-shadow:0 3px 0 var(--ol);text-align:left;font-size:17px}.e-row canvas{border-radius:10px;border:2px solid var(--ol)}.e-row.locked{opacity:.55}.pop-star{animation:starPop .45s cubic-bezier(.2,1.8,.4,1) both}@keyframes starPop{0%{transform:scale(0) rotate(-40deg)}}.res-stars{gap:6px}.set-row .sl{display:flex;align-items:center;gap:8px}.grid:has(.skin){grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.next-box.none{visibility:hidden}@font-face{font-family:MedievalSharp;font-style:normal;font-display:swap;font-weight:400;src:url(./medievalsharp-latin-400-normal-CCE21Gtm.woff2) format("woff2"),url(./medievalsharp-latin-400-normal-CsZbECEG.woff) format("woff")}@font-face{font-family:MedievalSharp;font-style:normal;font-display:swap;font-weight:400;src:url(./medievalsharp-latin-ext-400-normal-ClYavAzl.woff2) format("woff2"),url(./medievalsharp-latin-ext-400-normal-CD3aWkrd.woff) format("woff")}@font-face{font-family:Crimson Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./crimson-pro-latin-400-normal-B4SlG4wx.woff2) format("woff2"),url(./crimson-pro-latin-400-normal-BzhyrSeK.woff) format("woff")}@font-face{font-family:Crimson Pro;font-style:normal;font-display:swap;font-weight:400;src:url(./crimson-pro-latin-ext-400-normal-B3ID4PT2.woff2) format("woff2"),url(./crimson-pro-latin-ext-400-normal-BWiDT69a.woff) format("woff")}@font-face{font-family:Crimson Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./crimson-pro-latin-700-normal-BfTu9YAt.woff2) format("woff2"),url(./crimson-pro-latin-700-normal-CnzwvVon.woff) format("woff")}@font-face{font-family:Crimson Pro;font-style:normal;font-display:swap;font-weight:700;src:url(./crimson-pro-latin-ext-700-normal-DB6BXmm8.woff2) format("woff2"),url(./crimson-pro-latin-ext-700-normal-B0XMIwQy.woff) format("woff")}:root{--fd: "MedievalSharp", system-ui, sans-serif;--fb: "Crimson Pro", system-ui, sans-serif}:root{--ol: #2a1a10;--parch: #f3e4c0;--parch2: #e0c890;--crim: #a3202e;--gold: #d9a520;--navy: #23305e;--cream: #f3e4c0;--font: var(--fb)}html,body,button{font-family:var(--fb);font-weight:700}#menu .menu-mid{align-self:flex-start;margin-left:max(2vw,8px);padding:22px 34px 26px;max-width:min(520px,94vw);background:radial-gradient(ellipse at 50% 50%,var(--parch) 55%,var(--parch2));border:3px solid #7a5428;border-radius:6px;box-shadow:0 14px 30px #0006,inset 0 0 0 6px var(--parch),inset 0 0 0 8px var(--crim)}@media(min-aspect-ratio:5/4){#menu{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr}#menu .topbar{grid-column:1 / -1}#menu .menu-mid{grid-column:1;align-self:center}#menu .tiles{grid-column:2;grid-row:2;align-self:center;grid-template-columns:repeat(2,84px)!important}}.logo{transform:none;flex-direction:column;align-items:center;line-height:.9;text-transform:none}.logo .l1,.logo .l2{font-family:var(--fd);-webkit-text-stroke:0;color:var(--navy);text-shadow:2px 2px 0 var(--gold);font-size:clamp(40px,7.5vmin,76px)}.logo .l2{color:var(--crim);margin-top:0}.logo .amp{font-family:var(--fd);font-size:clamp(28px,5vmin,46px);color:var(--parch);background:var(--crim);width:1.4em;height:1.55em;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);margin:2px 0;text-shadow:0 2px 0 var(--ol)}.logo.small .l1,.logo.small .l2{font-size:34px}.tagline{background:none;color:#5a3c1c;font-style:italic;font-weight:600;font-size:clamp(15px,2.4vmin,19px)}.map-body{background:#fff8e6;border:2px solid #7a5428;border-radius:4px;box-shadow:0 3px #7a5428}.map-card .arrow{border-radius:4px;border:2px solid #7a5428;background:var(--parch2);box-shadow:0 3px #7a5428;color:var(--crim)}.btn-play{font-family:var(--fd);border-radius:4px;border:3px solid var(--ol);color:var(--parch);-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--ol);animation:none;letter-spacing:.06em;background:linear-gradient(#c2303e,var(--crim) 60%,#7a1520);box-shadow:0 5px 0 var(--ol),inset 0 0 0 3px var(--gold)}.btn-endless{border-radius:4px!important}.tiles{gap:10px!important}.tile{width:84px;min-height:92px;padding:10px 2px 18px;border:0;box-shadow:none;color:var(--parch);background:linear-gradient(var(--navy),#18204a);clip-path:polygon(0 0,100% 0,100% 66%,50% 100%,0 66%);filter:drop-shadow(0 4px 0 var(--ol))}.tile:nth-child(2n){background:linear-gradient(#c2303e,var(--crim))}.tile:before{content:"";position:absolute;inset:3px 3px auto 3px;height:3px;background:var(--gold)}.tile-l{font-family:var(--fb);font-size:12.5px}.tile .dot{top:2px!important;right:6px!important}.pill,.acct-chip,.round.small{border-radius:4px;border:2px solid #7a5428;background:var(--parch)}.lvl-chip{border-radius:4px;background:linear-gradient(var(--navy),#18204a);border:2px solid var(--gold)}.btn{border-radius:4px;background:linear-gradient(#c2303e,var(--crim))}.btn.ghost{background:var(--parch)}.sheet-panel{border-radius:6px;background:var(--parch);border:3px solid #7a5428;box-shadow:0 12px 30px #00000080,inset 0 0 0 5px var(--parch),inset 0 0 0 7px var(--crim)}.sheet-head{background:var(--navy);border-bottom:3px solid var(--gold)}.sheet-head h2{font-family:var(--fd);-webkit-text-stroke:0;color:var(--parch);text-shadow:2px 2px 0 var(--ol)}.card,.tab{border-radius:4px!important;border-width:2px!important}.tab.on{background:var(--gold)}#loading{background:radial-gradient(var(--parch),var(--parch2))!important}html,body{background:#e9d6a4}#hud .round{border-radius:4px;border:2px solid var(--ol);background:linear-gradient(#2e3d74,var(--navy));box-shadow:0 3px 0 var(--ol),inset 0 0 0 2px var(--gold)}.hud-mid>b{font-family:var(--fd);font-weight:400;color:var(--crim);text-shadow:0 0 3px var(--parch),0 0 6px var(--parch),1px 1px 0 var(--parch);letter-spacing:.03em}.hbar{height:26px;border-radius:3px;border:2px solid var(--ol);background:linear-gradient(var(--parch),#e3cc95);overflow:visible;box-shadow:0 3px #2a1a1073}.hbar:before,.hbar:after{content:"";position:absolute;top:-5px;bottom:-5px;width:10px;border:2px solid var(--ol);border-radius:6px;background:linear-gradient(90deg,#c9a66b,var(--parch) 45%,#b48a50);z-index:2}.hbar:before{left:-9px}.hbar:after{right:-9px}.hbar i{background:repeating-linear-gradient(-45deg,#e8bf4a 0,#e8bf4a 6px,#c99a28 6px,#c99a28 9px);border-right:2px solid var(--ol)}.hbar.done i{background:repeating-linear-gradient(-45deg,#d06470 0,#d06470 6px,#b84552 6px,#b84552 9px)}.hbar span{color:var(--ol);font-family:var(--fd);font-weight:400;text-shadow:0 0 3px var(--parch),0 0 3px var(--parch)}.h-right{border-radius:3px;border:2px solid var(--ol);background:var(--parch);box-shadow:0 3px #2a1a1073,inset 0 0 0 3px var(--parch),inset 0 0 0 4px var(--crim);font-family:var(--fd);font-weight:400}.hg{border-radius:2px;background:var(--parch);color:var(--ol);border:1.5px solid var(--ol);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);padding:1px 12px}.hg.ok{background:#cfd9a8}.hg.bad{background:#e8b4a0}.h-banner{font-family:var(--fd);font-weight:400;border-radius:0;border:3px solid var(--ol);color:var(--ol);background:linear-gradient(var(--parch),#e3cc95);clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);padding:10px 44px;box-shadow:none;text-shadow:1px 1px 0 var(--gold)}.h-banner.siege,.h-banner.lose{background:linear-gradient(#c2303e,var(--crim));color:var(--parch);text-shadow:2px 2px 0 var(--ol)}.h-banner.win{background:linear-gradient(#f0cc5a,var(--gold));color:var(--ol)}.power{border-radius:0;border:0;background:linear-gradient(var(--parch),#e0c890);box-shadow:none;filter:drop-shadow(0 4px 0 var(--ol)) drop-shadow(0 0 1px var(--ol));clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);padding-bottom:14px}.power small{font-family:var(--fd);font-weight:400;color:var(--crim)}.power b{position:absolute;top:4px;right:6px;border-radius:2px;background:var(--crim);color:var(--parch);border:1.5px solid var(--ol)}.power.active{background:linear-gradient(#9fb2e0,#5d74b8)}.power.pulse{background:linear-gradient(#f6dc8a,var(--gold))}.next-box{border-radius:3px;border:2px solid var(--ol);background:var(--parch);box-shadow:inset 0 0 0 3px var(--parch),inset 0 0 0 4px var(--gold),0 3px #2a1a1073}.next-box small{font-family:var(--fd);font-weight:400;color:var(--crim);opacity:1}.tut-card{border-radius:3px;border:2px solid var(--ol);background:linear-gradient(var(--parch),#ecd9a8);box-shadow:0 4px #2a1a1080,inset 0 0 0 4px var(--parch),inset 0 0 0 5px var(--crim)}.tut-card p:first-letter{font-family:var(--fd);color:var(--crim);font-size:1.5em}.res-m{font-family:var(--fd);color:var(--crim);-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--gold)}.newbest{border-radius:2px;background:var(--crim);color:var(--parch);border:2px solid var(--ol)}.res-row,.ev,.stats div{border-radius:2px;background:#fbf2d8;border:1.5px solid rgba(42,26,16,.4)}.ev.gold{background:#f3dc98;border-color:var(--ol)}.res-btns{background:linear-gradient(rgba(243,228,192,0),var(--parch) 30%)}.sheet{background:#2a1a108c}.toast{border-radius:3px;border:2px solid var(--ol);background:var(--parch);box-shadow:0 3px #2a1a1080}.toast.gold{background:linear-gradient(#f6dc8a,var(--gold))}.toast.warn{background:#e8b4a0}.toast.info{background:#e6e0cc}