#ll-ui{position:fixed;inset:0;margin:0 auto;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;color:var(--ink);font-family:var(--font-ui);font-weight:var(--fw-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#ll-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ll-ui .ic{width:22px;height:22px;vertical-align:middle;pointer-events:none;flex:none}#ll-ui .ic.xs{width:15px;height:15px;margin-top:-2px}#ll-ui .ic.sm{width:18px;height:18px}#ll-ui .ic.big{width:34px;height:34px}#ll-ui .ic.hero{width:56px;height:56px}:where(#ll-ui) button{font:inherit;color:inherit;cursor:pointer}#ll-ui .btn{font-weight:var(--fw-label);letter-spacing:.01em}#ll-ui button:disabled{cursor:default}.top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 8px) 8px 4px;pointer-events:none;z-index:3}.top>*{pointer-events:auto}.hqbtn{position:relative;width:50px;height:50px;border-radius:50%;border:var(--line) solid var(--ink);background:var(--cream);box-shadow:var(--shadow);display:grid;place-items:center;padding:0}.hqbtn .ic{width:30px;height:30px;margin-top:-6px}.hqbtn b{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:var(--coral);color:#fff;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-s);border:2px solid var(--ink);border-radius:var(--radius-pill);padding:0 7px;line-height:16px}.xpring{position:absolute;right:-6px;top:4px;width:8px;height:38px;border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden;display:flex;align-items:flex-end}.xpring em{display:block;width:100%;background:var(--butter);transition:height .4s}.pills{flex:1;display:flex;gap:5px;justify-content:center;min-width:0}.pill{display:flex;align-items:center;gap:3px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:var(--radius-pill);padding:1px 9px 1px 2px;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m);box-shadow:0 2px 0 var(--ink);min-width:0}.pill .ic{width:24px;height:24px}.icon-btn{width:42px;height:42px;padding:4px;border:var(--line) solid var(--ink);border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;flex:none}.icon-btn .ic{width:26px!important;height:26px!important}.icon-btn:active,.dockbtn:active,.sidebtn:active,.btn:active:not(:disabled),.hqbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.side{position:absolute;right:8px;top:calc(env(safe-area-inset-top) + 72px);display:flex;flex-direction:column;gap:8px;z-index:3}.sidebtn{position:relative;width:46px;height:46px;border-radius:14px;border:var(--line) solid var(--ink);background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;padding:0}.sidebtn .ic{width:30px;height:30px}.dock{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;justify-content:space-around;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);background:var(--vanilla);background-image:radial-gradient(var(--strawberry) 1.2px,transparent 1.4px);background-size:16px 16px;border-top:3px solid var(--ink);border-radius:22px 22px 0 0;box-shadow:0 -4px 0 var(--strawberry);z-index:3}.dockbtn{position:relative;flex:1;max-width:92px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;border:var(--line) solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-s)}.dockbtn .ic{width:32px;height:32px}.dockbtn.play{background:var(--apricot);transform:translateY(-6px)}.dockbtn.play:active{transform:translateY(-4px)}.badge{position:absolute;top:-7px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--coral);color:#fff;border:2px solid var(--ink);font:700 11px/14px var(--font-ui);font-style:normal;text-align:center;display:none}.badge.on{display:block;animation:ll-pop .3s}@keyframes ll-pop{0%{transform:scale(.4)}70%{transform:scale(1.2)}to{transform:scale(1)}}#ll-labels{position:absolute;inset:0;pointer-events:none;z-index:1}.tag3d{position:absolute;left:0;top:0;background:#fff;border:2px solid var(--ink);border-radius:var(--radius-pill);padding:1px 8px;display:flex;align-items:center;gap:3px;pointer-events:none;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-s);white-space:nowrap;box-shadow:0 2px 0 var(--ink);will-change:transform}.tag3d.full{background:var(--coral);color:#fff;animation:ll-wiggle .8s ease-in-out infinite}.tag3d.idle{background:var(--matcha)}.tag3d.bubble{border-radius:12px;background:var(--cream);display:flex;gap:3px;align-items:center}.tag3d.bubble.full{background:var(--matcha);color:var(--ink)}@keyframes ll-wiggle{0%,to{rotate:-3deg}50%{rotate:3deg}}.ll-toast{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 66px);transform:translate(-50%,-10px);max-width:86%;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius-pill);padding:5px 14px;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m);box-shadow:var(--shadow);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:30;text-align:center}.ll-toast.show{opacity:1;transform:translate(-50%)}.ll-toast.good{background:var(--matcha)}.ll-toast.bad{background:var(--strawberry)}.ll-float{position:absolute;transform:translate(-50%);font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-l);color:var(--coral);-webkit-text-stroke:.6px var(--ink);animation:ll-float 1.1s ease-out forwards;pointer-events:none;z-index:20;display:flex;align-items:center;gap:2px}@keyframes ll-float{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -50px}}.place-bar{position:absolute;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 92px);display:none;align-items:center;justify-content:space-between;gap:8px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:var(--radius);padding:6px 8px 6px 12px;box-shadow:var(--shadow);font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m);z-index:4}.place-bar.on{display:flex}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:72%;display:flex;flex-direction:column;background:var(--vanilla) url(../doodles/pattern.png) 0 0 / 260px 260px;border-top:3px solid var(--ink);border-radius:22px 22px 0 0;box-shadow:0 -4px 0 var(--strawberry),0 -20px 40px #5a3a2e26;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.9,.3,1.1);z-index:10}.sheet.open{transform:none}.sh-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-2) var(--sp-4);border-bottom:2px dashed var(--strawberry)}.sh-head h2{flex:1;margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--fs-xl);font-weight:800}.sh-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-3) var(--sp-3) calc(env(safe-area-inset-bottom) + var(--sp-4));display:flex;flex-direction:column;gap:var(--sp-2);line-height:1.35;touch-action:pan-y}.sh-body h3{margin:var(--sp-2) 0 0;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m);letter-spacing:.02em;text-transform:uppercase;opacity:.8}.note{margin:0;font-family:var(--font-ui);font-weight:500;font-size:var(--fs-s);opacity:.8;line-height:1.4}.note.warn,.done-note{color:var(--coral-dark);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:var(--line) solid var(--ink);border-radius:var(--radius);background:#fff;padding:7px 10px;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m);line-height:1.1;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);text-align:center;transition:transform .08s,box-shadow .08s}.btn.sm{padding:4px 8px;font-size:var(--fs-s)}.btn.wide{width:100%}.btn.coral{background:var(--coral);color:#fff}.btn.matcha{background:var(--matcha)}.btn.lav{background:var(--lavender)}.btn.apricot{background:var(--apricot)}.btn.ghost{background:var(--cream)}.btn:disabled{opacity:.45;box-shadow:none;transform:translateY(2px)}.row,.row2,.toggles,.picker{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row2>.btn{flex:1}.row.big{gap:10px;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-l)}.row.big small{font-family:var(--font-ui);font-size:var(--fs-s)}.row.foot{justify-content:space-between;border-top:2px dashed var(--strawberry);padding-top:8px;font-size:var(--fs-s)}.grow{flex:1;min-width:0}.picker .btn{flex:1}select,input[type=email],input[type=text]{font:600 var(--fs-m) var(--font-ui);color:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--radius);padding:7px 9px;background:#fff;flex:1;min-width:0;width:100%;box-sizing:border-box}.toggles .btn{flex:1 1 40%}.list{display:flex;flex-direction:column;gap:6px}.li{display:flex;align-items:center;gap:8px;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);padding:6px 8px;box-shadow:0 2px 0 var(--ink)}.li.sm{padding:4px 8px;font-size:var(--fs-s)}.li b{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m);font-weight:800}.li small,.hcard small,.gcard small,.dcard small,.hqcard small,.chest small,.soggy small,.clubhead small{display:block;font-size:var(--fs-s);opacity:.85;line-height:1.3}.dim{opacity:.55}.bar{position:relative;height:16px;border:2px solid var(--ink);border-radius:99px;background:var(--cream);overflow:hidden;margin:3px 0}.bar i{display:block;height:100%;background:var(--butter);border-radius:99px;transition:width .4s}.bar.boss i{background:#b7d98b}.bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;font:700 10px var(--font-ui)}.hqcard,.chest,.soggy,.clubhead{display:flex;align-items:center;gap:10px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:var(--radius);padding:8px 10px;box-shadow:var(--shadow)}.hqcard b,.chest b,.soggy b,.clubhead b{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-l)}.chest.ready{background:var(--apricot);animation:ll-wiggle 1.2s ease-in-out infinite}.orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.ocard{background:var(--cream);border:var(--line) solid var(--ink);border-radius:var(--radius);padding:7px;display:flex;flex-direction:column;gap:5px;box-shadow:var(--shadow)}.ocard.can{background:#f1f8e9}.ocard .who{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;line-height:1.15;font-family:var(--font-heading);font-weight:var(--fw-heading)}.ocard .who small{flex-basis:100%;font-size:var(--fs-xs);font-weight:var(--fw-label);opacity:.75}.wants{display:flex;flex-wrap:wrap;gap:4px}.want{display:inline-flex;align-items:center;gap:1px;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:1px 5px 1px 1px;font:700 var(--fs-s) var(--font-ui)}.want .ic{width:24px;height:24px}.want.ok{background:var(--matcha)}.pay{display:flex;align-items:center;gap:3px;font-family:var(--font-heading);font-weight:var(--fw-heading)}.queue{display:flex;gap:6px}.slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);padding:6px 2px;font:700 var(--fs-s) var(--font-ui)}.slot .ic{width:34px;height:34px}.slot.empty{background:var(--cream);border-style:dashed;opacity:.7}.slot.done{background:var(--matcha);animation:ll-wiggle 1s ease-in-out infinite}.recipes{display:flex;flex-direction:column;gap:6px}.recipe{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;text-align:left;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);padding:6px 8px;box-shadow:0 2px 0 var(--ink)}.recipe .ic.big{grid-row:span 2}.recipe .rn{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m)}.recipe .rn small{display:block;font-family:var(--font-ui);font-size:var(--fs-xs);opacity:.8}.recipe .ins{grid-column:2;display:flex;gap:3px;flex-wrap:wrap}.recipe .own{grid-column:3;grid-row:1 / span 2;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m);opacity:.7}.recipe.can{background:#f1f8e9}.recipe.locked{opacity:.5;box-shadow:none}.heroes,.games,.decos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.hcard,.gcard,.dcard{background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;box-shadow:var(--shadow)}.hcard{background:color-mix(in srgb,var(--hc) 35%,white)}.hcard b,.gcard b,.dcard b{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m)}.dcard .dimg{width:84px;height:84px;object-fit:cover;border-radius:12px;border:2px solid var(--ink);background:var(--cream)}.dcard b{font-size:var(--fs-s);line-height:1.15;min-height:2.3em}.hcard .row2,.dcard .row2{width:100%}.tabs{display:flex;gap:4px;overflow-x:auto}.tab{flex:none;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--cream);padding:4px 10px;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-s)}.tab.on{background:var(--coral);color:#fff}.feed{display:flex;flex-direction:column;gap:4px;max-height:210px;overflow-y:auto;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);padding:6px 8px}.feed.small{max-height:160px;font-size:var(--fs-s)}.msg{font-size:var(--fs-s);line-height:1.3;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.msg.me b{color:var(--coral-dark)}.presets{display:flex;flex-wrap:wrap;gap:5px}.chip-btn,.chip{display:inline-flex;align-items:center;gap:3px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:#fff;padding:3px 9px;font:700 var(--fs-s) var(--font-ui);box-shadow:0 2px 0 var(--ink)}.chip-btn:active{transform:translateY(2px);box-shadow:none}.empty{text-align:center;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px}.card20{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.card20 .st{aspect-ratio:1;border:2px dashed var(--ink);border-radius:50%;display:grid;place-items:center;font:700 var(--fs-s) var(--font-ui);opacity:.5}.card20 .st.on{border-style:solid;background:#fff;opacity:1}.card20 .st .ic{width:80%;height:80%}.code{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:26px;letter-spacing:1px;background:var(--cream);border:2px dashed var(--ink);border-radius:12px;padding:6px;user-select:text;-webkit-user-select:text}.ll-modal{position:absolute;inset:0;background:#5a3a2e2e;display:grid;place-items:center;z-index:40;padding:18px;animation:ll-fade .2s}@keyframes ll-fade{0%{opacity:0}}.ll-modal .card{width:min(360px,100%);background:var(--vanilla);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink),0 0 0 8px var(--strawberry);padding:16px 14px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:ll-pop .3s;max-height:90%;overflow-y:auto}.ll-modal h3{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--fs-xl)}.ll-modal p{margin:4px 0;font-size:var(--fs-m);line-height:1.35}.ll-modal p.big{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:40px;color:var(--coral);-webkit-text-stroke:1px var(--ink);margin:0}.ll-modal .mbody{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center}.ll-modal .mbtns{display:flex;flex-wrap:wrap;gap:6px;width:100%}.ll-modal .mbtns .btn{flex:1 1 40%}.rewards{display:flex;gap:10px;justify-content:center;font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-l)}.rewards span{display:flex;align-items:center;gap:3px}.coach{position:absolute;inset:0;pointer-events:none;z-index:25;display:none}.coach.on{display:block}.coach .bubble{position:absolute;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 96px);display:flex;align-items:center;gap:8px;background:#fff;border:var(--line) solid var(--ink);border-radius:18px;padding:8px 10px;box-shadow:var(--shadow);pointer-events:auto;font-size:var(--fs-m);line-height:1.3;flex-wrap:wrap}.coach .bubble p{flex:1;margin:0;min-width:160px;font-weight:600;line-height:1.35}.coach .bubble>img.ic.big{width:64px;height:64px;margin:-26px 0 -6px -4px;filter:drop-shadow(0 2px 0 var(--ink))}.coach .skip{border:0;background:none;font:600 var(--fs-xs) var(--font-ui);text-decoration:underline;opacity:.7}.coach .arrow{position:absolute;width:0;height:0;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid var(--coral);filter:drop-shadow(0 2px 0 var(--ink));animation:ll-point .8s ease-in-out infinite alternate}@keyframes ll-point{0%{margin-top:-6px}to{margin-top:6px}}body.sheet-open .coach,body.modal-open .coach,[data-feat].locked{display:none!important}body.dock-empty .dock{display:none}.just-unlocked{animation:ll-unlock .6s cubic-bezier(.2,.9,.3,1.4) 3;box-shadow:0 0 0 4px var(--butter),0 3px 0 var(--ink)!important}@keyframes ll-unlock{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.mg-overlay{position:absolute;inset:0;z-index:35;background:var(--vanilla)}.mg-stage{position:absolute;inset:0}.mg-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-note);font-size:22px}.mg-loading .ic{animation:ll-bob 1.2s ease-in-out infinite}@keyframes ll-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.sh-body>*{flex-shrink:0}.chip-btn.back{align-self:flex-start}.icon-btn.sm{width:34px;height:34px;padding:3px}.icon-btn.sm .ic{width:22px!important;height:22px!important}.sidebtn.battle{background:var(--strawberry)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;min-height:40px}.tile:nth-child(6n+1){background:var(--cream)}.tile:nth-child(6n+2){background:#ffeff4}.tile:nth-child(6n+3){background:#f4eefb}.tile:nth-child(6n+4){background:#f1f8e9}.tile:nth-child(6n+5){background:#fff4e0}.tile b{font-family:var(--font-heading);font-weight:var(--fw-heading);font-size:var(--fs-m)}.tile small{font-size:var(--fs-s);opacity:.85;line-height:1.25;display:flex;gap:3px;align-items:center;justify-content:center;flex-wrap:wrap}.tile:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.tile .badge{top:-6px;right:-4px}.banner{display:flex;align-items:center;gap:6px;background:var(--cream);border:2px dashed var(--ink);border-radius:var(--radius);padding:5px 9px;font:700 var(--fs-s) var(--font-ui)}.banner.war{background:var(--strawberry);border-style:solid;animation:ll-wiggle 2.4s ease-in-out infinite}.edit-bar{position:absolute;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 8px);display:none;flex-direction:column;gap:6px;background:var(--vanilla);border:3px solid var(--ink);border-radius:20px;padding:8px;box-shadow:0 4px 0 var(--ink),0 0 0 5px var(--strawberry);z-index:6}.edit-bar.on{display:flex}body.editing .dock,body.editing .side,body.editing #ll-labels,body.editing .coach,body.editing .ll-offer{display:none}.ed-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 4px}.ed-chip{flex:none;width:66px;display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);padding:4px 2px;box-shadow:0 2px 0 var(--ink)}.ed-chip b{font:800 var(--fs-s) var(--font-heading)}.ed-chip small{font:700 var(--fs-xs) var(--font-ui);display:flex;align-items:center}.ed-chip.on{background:var(--apricot);transform:translateY(-3px);box-shadow:0 5px 0 var(--ink)}.ed-chip.dim{opacity:.5}.ed-foot{display:flex;align-items:center;gap:8px;font:600 var(--fs-s) var(--font-ui);line-height:1.3}.ed-foot span{flex:1}.ed-sel{display:flex;align-items:center;gap:6px}.ed-sel b{font:800 var(--fs-m) var(--font-heading)}.ed-sel small{display:block;font-size:var(--fs-s)}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{display:flex;flex-direction:column;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:2px 0 3px;font:700 var(--fs-xs) var(--font-ui)}.day small{font-size:9px;opacity:.7}.day .ic{width:22px;height:22px}.day b{font:800 var(--fs-s) var(--font-heading)}.day.big{background:var(--apricot)}.day.got{background:var(--matcha);opacity:.75}.day.today{background:var(--coral);color:#fff;animation:ll-wiggle 1s ease-in-out infinite}.ll-modal .cal{width:100%}.track-head{display:flex;flex-direction:row;justify-content:space-between;font:700 var(--fs-s) var(--font-ui)}.track{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity}.tier{flex:none;width:60px;display:flex;flex-direction:column;align-items:center;gap:4px;scroll-snap-align:start}.tier .tn{font:800 var(--fs-s) var(--font-heading);background:#fff;border:2px solid var(--ink);border-radius:99px;padding:0 7px}.tier.on .tn{background:var(--butter)}.cell{position:relative;width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:var(--line) solid var(--ink);border-radius:12px;background:#fff;box-shadow:0 2px 0 var(--ink);padding:0}.cell b{font:800 var(--fs-s) var(--font-heading)}.cell.prem{background:#f4eefb}.cell.ready{background:var(--matcha);animation:ll-wiggle 1.2s ease-in-out infinite}.cell.got{background:var(--cream);opacity:.6}.cell.locked{opacity:.7}.cell .lk{position:absolute;top:-6px;right:-6px;width:16px!important;height:16px!important}.cell:disabled{opacity:1;transform:none;box-shadow:0 2px 0 var(--ink)}.cell.locked:disabled,.cell:not(.ready):not(.got):disabled{opacity:.55}.troops{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tcard{background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;box-shadow:var(--shadow)}.tcard b{font:800 var(--fs-m) var(--font-heading)}.tcard small{font-size:var(--fs-xs);line-height:1.3;display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:center}.tcard .row2{width:100%}.cmap{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;padding:10px 6px;background:#eef5e4;background-image:radial-gradient(#C3D9A8 1.4px,transparent 1.6px);background-size:18px 18px;border:var(--line) solid var(--ink);border-radius:var(--radius)}.stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 2px 4px;background:#fff;border:var(--line) solid var(--ink);border-radius:50% 50% 16px 16px;box-shadow:var(--shadow);min-height:74px}.stage b{font:800 var(--fs-m) var(--font-heading)}.stage.clear{background:#f1f8e9}.stage.boss{background:#dceff6;border-width:3px}.stage.locked{opacity:.45}.st3{display:flex;gap:2px}.st3 i{width:11px;height:11px;clip-path:polygon(50% 0,63% 35%,100% 38%,72% 61%,81% 100%,50% 78%,19% 100%,28% 61%,0 38%,37% 35%);background:#e5dccf}.st3 i.on{background:var(--butter)}.opp{display:flex;gap:10px;align-items:center;background:var(--cream);border:var(--line) solid var(--ink);border-radius:var(--radius);padding:8px;box-shadow:var(--shadow)}.opp b{font:800 var(--fs-l) var(--font-heading)}.opp small{display:flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:var(--fs-s)}.minimap{width:96px;height:96px;flex:none}.leagues{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.lcard{flex:none;width:82px;display:flex;flex-direction:column;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:5px 3px;text-align:center}.lcard b{font:800 var(--fs-s) var(--font-heading)}.lcard small{font-size:var(--fs-xs);display:flex;align-items:center;gap:1px}.lcard.on{background:var(--butter);transform:translateY(-3px);box-shadow:0 3px 0 var(--ink)}.island{position:relative;flex:none;aspect-ratio:1 / 1;width:min(100%,440px);height:auto;align-self:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f4eedc 0 60%,#ead9b8 61% 63%,#cfe6f5 64%);border:3px solid var(--ink);box-shadow:0 0 0 6px var(--strawberry),var(--shadow);overflow:hidden}.island:before{content:"";position:absolute;inset:12%;border-radius:46% 54% 50% 50%;background-image:radial-gradient(rgba(213,230,195,.9) 2px,transparent 2.4px);background-size:22px 22px}.sea-note{position:absolute;bottom:5%;left:50%;transform:translate(-50%) rotate(-3deg);font:700 var(--fs-m) var(--font-note);color:#5b88a8}.spot{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);background:#fff;display:grid;place-items:center;padding:0;box-shadow:0 2px 0 var(--ink)}.spot .ic{width:26px;height:26px}.spot i{position:absolute;bottom:-6px;right:-6px;min-width:16px;height:16px;border-radius:8px;background:var(--butter);border:2px solid var(--ink);font:800 10px/12px var(--font-heading);font-style:normal}.spot.gang{background:#eaf4de}.spot.chef{background:var(--lavender)}.spot.mine{background:var(--coral);box-shadow:0 0 0 4px #fff,0 2px 0 4px var(--ink)}.spot.on{transform:translate(-50%,-60%) scale(1.15);z-index:2}.outpost{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:12px;border:2px dashed var(--ink);background:var(--cream);display:grid;place-items:center;padding:0}.outpost.built{border-style:solid;background:var(--apricot);box-shadow:0 2px 0 var(--ink)}.ll-offer{position:absolute;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 96px);display:flex;align-items:center;gap:8px;background:#fff;border:var(--line) solid var(--ink);border-radius:18px;padding:8px;box-shadow:var(--shadow);z-index:8;animation:ll-pop .3s}.ll-offer b{font:800 var(--fs-m) var(--font-heading)}.ll-offer small{display:block;font-size:var(--fs-s);line-height:1.3}.ll-offer small.free{color:var(--olive);font-weight:700;display:flex;gap:3px;align-items:center}.ll-offer .col{display:flex;flex-direction:column;align-items:center;gap:6px}body.sheet-open .ll-offer{display:none}.bt-overlay{position:absolute;inset:0;z-index:35;background:var(--vanilla);touch-action:none}.bt-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.bt-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 8px) 8px 4px;pointer-events:none}.bt-top>*{pointer-events:auto}.bt-title{flex:1;min-width:0;max-width:360px;margin-right:auto;background:var(--cream);border:var(--line) solid var(--ink);border-radius:14px;padding:3px 9px;box-shadow:0 2px 0 var(--ink)}.bt-title b{display:block;font:800 var(--fs-m) var(--font-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-title small{display:block;font-size:var(--fs-xs);opacity:.8}.bt-stats{display:flex;align-items:center;gap:5px;background:#fff;border:var(--line) solid var(--ink);border-radius:99px;padding:2px 8px;box-shadow:0 2px 0 var(--ink);font:800 var(--fs-m) var(--font-heading)}.bt-timer{min-width:34px;color:var(--coral-dark)}.bt-stars{display:flex}#ll-ui .bt-star{width:18px;height:18px;filter:grayscale(1) opacity(.45);transition:filter .3s,transform .3s}#ll-ui .bt-star.on{filter:none;transform:scale(1.15)}.bt-hint{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 64px);transform:translate(-50%);max-width:86%;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:4px 12px;font:700 var(--fs-s) var(--font-ui);text-align:center;box-shadow:0 2px 0 var(--ink);display:flex;align-items:center;gap:4px;pointer-events:none}.bt-hint.bad{background:var(--strawberry)}.bt-overlay .bt-hint:not(.show){opacity:.95}.bt-bar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;overflow-x:auto;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);background:var(--vanilla);background-image:radial-gradient(var(--strawberry) 1.2px,transparent 1.4px);background-size:16px 16px;border-top:3px solid var(--ink);border-radius:22px 22px 0 0;box-shadow:0 -4px 0 var(--strawberry)}.bt-bar.replay{justify-content:center}.bt-unit{position:relative;flex:none;width:64px;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 2px 3px;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.bt-unit .ic{width:32px!important;height:32px!important}.bt-unit b{font:800 var(--fs-s) var(--font-heading)}.bt-unit small{font:700 9px var(--font-ui);opacity:.8}.bt-unit.on{background:var(--apricot);transform:translateY(-5px);box-shadow:0 7px 0 var(--ink)}.bt-unit.out{opacity:.4}.bt-card{position:absolute;inset:0;display:none;place-items:center;background:#5a3a2e59;padding:18px;z-index:3}.bt-card.on{display:grid;animation:ll-fade .2s}.bt-card .card{width:min(360px,100%);background:var(--vanilla);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink),0 0 0 8px var(--strawberry);padding:16px 14px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;animation:ll-pop .3s}.bt-card h3{margin:0;font:800 var(--fs-xl) var(--font-display)}.bt-card p.big{font:800 40px var(--font-display);color:var(--coral);-webkit-text-stroke:1px var(--ink);margin:0}.bt-card .mbtns{display:flex;gap:6px;width:100%}.bt-card .mbtns .btn{flex:1}.bt-bigstars{display:flex;gap:4px;margin-top:-40px}.bt-bigstars span{filter:grayscale(1) opacity(.4)}.bt-bigstars span.on{filter:none;animation:ll-pop .45s both}.bt-bigstars span:nth-child(2){margin-top:-14px}#ll-ui .bt-bob{animation:ll-bob 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:700px){.sheet,.dock,.coach .bubble,.place-bar,.edit-bar,.ll-offer{left:50%!important;right:auto!important;width:620px;transform:translate(-50%)}.sheet.open{transform:translate(-50%)}.sheet:not(.open){transform:translate(-50%,105%)}.coach .bubble{width:600px}.dock{border-left:3px solid var(--ink);border-right:3px solid var(--ink)}}#ll-ui .ic.dimstar{filter:grayscale(1) opacity(.4)}
