.arcade{z-index:200;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font);color:var(--paper);background:radial-gradient(#0a192d8c,#061220d1);place-items:center;padding:1rem;display:none;position:fixed;inset:0}.arcade.on{animation:.22s ease-out arcade-in;display:grid}.arcade .btn,.arcade .arcade-tab,.arcade .arcade-slot{pointer-events:auto}@keyframes arcade-in{0%{opacity:0}to{opacity:1}}.arcade-panel{text-align:center;width:min(440px,100%);color:var(--ink);background:var(--paper);border:5px solid var(--ink);box-shadow:0 10px 0 var(--ink), 0 18px 40px #00000059;border-radius:22px;padding:1.35rem 1.45rem 1.5rem;animation:.28s ease-out arcade-pop}@keyframes arcade-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.arcade-panel header h2{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin:0;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:400}.arcade-panel header p{color:var(--ink);opacity:.75;margin:.35rem 0 .85rem;font-size:.9rem;font-weight:800}.arcade-tabs{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:.75rem;display:flex}.arcade-tab{pointer-events:auto;cursor:pointer;font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:12px;padding:6px 9px;font-size:14px;transition:transform .12s,box-shadow .12s,background .15s}.arcade-tab:hover{box-shadow:0 4px 0 var(--ink);transform:translateY(-1px)}.arcade-tab.on{background:var(--ui);box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.arcade-table{font-family:var(--font);color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:.2rem;margin:0 0 .75rem;padding:.65rem .7rem;font-size:.88rem;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #ffcc3359}.arcade-table.empty{text-align:center;white-space:pre-line;padding:.85rem .9rem;font-weight:700;line-height:1.45}.arcade-row{border-radius:8px;grid-template-columns:2.6rem 1fr 1fr 1fr;align-items:center;gap:.35rem;padding:.35rem .4rem;display:grid}.arcade-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.arcade-row>span:first-child{text-align:center;opacity:.65}.arcade-row.podium-1>span:first-child,.arcade-row.podium-2>span:first-child,.arcade-row.podium-3>span:first-child{opacity:1;font-size:1.15rem;line-height:1}.arcade-row.podium-1{background:#ffcc3359}.arcade-row.podium-2{background:#b4bec859}.arcade-row.podium-3{background:#cd8c5047}.arcade-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.arcade-row.head{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;opacity:.7;border-bottom:2px solid var(--ink);border-radius:0;margin-bottom:.15rem;padding-bottom:.45rem;font-size:.82rem}.arcade-row:not(.head):nth-child(2n){background:#ffcc332e}.arcade-hint,.arcade-slot-hint{opacity:.7;margin:0 0 .85rem;font-size:.78rem;font-weight:700}.arcade-name-row{justify-content:center;align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.arcade-name{justify-content:center;gap:.35rem;display:flex}.arcade-slot{pointer-events:auto;cursor:pointer;width:2.4rem;height:2.8rem;font-family:var(--display);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);opacity:.55;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;padding:0;font-size:2rem;line-height:1}.arcade-slot.on{opacity:1;color:var(--p1);box-shadow:0 1px 0 var(--ink);background:#e8f6fb;transform:translateY(2px)}.arcade-cycle-row{justify-content:center;gap:.5rem;margin:.35rem 0 .5rem;display:flex}.arcade-roles{grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:1rem;display:grid}.arcade-role.on{transform:translateY(2px);background:var(--ui)!important;box-shadow:0 2px 0 var(--ink)!important}.arcade-actions{flex-direction:column;gap:.45rem;display:flex}.arcade-total{font-size:.95rem!important}.arcade-close{width:100%}:root{--ui:#fc3;--danger:#e8453c;--goal:#3ccf6e;--water:#1fa2c9;--box:#c8955a;--p1:#1fa2c9;--p2:#ff7a3d;--ink:#1d1d1d;--paper:#fff8e8;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Arial Black", sans-serif;--display:"Lilita One", "Arial Black", system-ui, sans-serif}.btn{pointer-events:auto;cursor:pointer;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--ui);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px 26px;font-size:22px;font-weight:400;transition:transform .12s,box-shadow .12s,background .15s,opacity .15s;display:inline-flex}.btn:hover,.btn.focus{box-shadow:0 8px 0 var(--ink), 0 0 0 5px #ffffffbf;transform:translateY(-2px)scale(1.05)rotate(-1.5deg)}.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)scale(.98)}.btn:disabled{cursor:default;opacity:.4;box-shadow:0 6px 0 var(--ink);transform:none}.btn.big{box-shadow:0 9px 0 var(--ink);border-width:5px;border-radius:22px;padding:14px 52px;font-size:36px}.btn.big:hover,.btn.big.focus{box-shadow:0 11px 0 var(--ink), 0 0 0 6px #ffffffbf}.btn.light{background:var(--paper)}.btn.go{background:var(--goal)}.btn.bad{background:var(--danger);color:var(--paper)}.btn.icon{width:56px;height:56px;padding:0;font-size:26px}kbd{min-width:1.6em;font-family:var(--font);text-align:center;color:var(--ink);border:2px solid var(--ink);background:#fff;border-bottom-width:4px;border-radius:7px;padding:2px 7px;font-size:.9em;font-weight:900;display:inline-block}.vol{pointer-events:auto;gap:10px;width:min(360px,100%);display:grid}.vol-row{text-align:left;grid-template-columns:88px 1fr;align-items:center;gap:10px;font-size:15px;font-weight:800;display:grid}.vol-row input[type=range]{width:100%;accent-color:var(--ui);cursor:pointer}.spk{z-index:8;pointer-events:auto;position:absolute}.spk.hidden{display:none}.spk-pop{min-width:240px;color:var(--ink);background:var(--paper);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:16px;padding:12px 14px;display:none;position:absolute;right:0}.spk-pop>b{font-family:var(--display);margin-bottom:8px;font-size:20px;font-weight:400;display:block}.spk.open .spk-pop{display:grid}#menu{pointer-events:none;font-family:var(--font);color:var(--paper);-webkit-user-select:none;user-select:none;display:none;position:fixed;inset:0}#menu.on{display:block}.m-screen{box-sizing:border-box;flex-direction:column;align-items:center;padding:24px 16px;display:none;position:absolute;inset:0}.m-screen.on{animation:.28s ease-out m-in;display:flex}.m-dim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(#0a192d73,#0a1423c7)}@keyframes m-in{0%{opacity:0;transform:translateY(14px)}}.m-head{align-self:stretch;align-items:center;gap:16px;width:100%;max-width:1100px;margin:0 auto;display:flex}.m-head h2,.m-panel h2{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--paper);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);margin:0;font-size:clamp(30px,4.5vw,52px);font-weight:400}.m-hint{color:var(--paper);text-shadow:0 2px #00000080;margin:0;font-size:14px;font-weight:800}.m-badge{font-family:var(--display);color:var(--paper);background:var(--p1);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:2px 12px;font-size:22px;display:inline-block}[data-slot=p2] .m-badge,.m-pad.p2 .m-badge{background:var(--p2)}.m-home-screen{background:linear-gradient(90deg,#06264280 0%,#06264238 34%,#0000 55%),linear-gradient(#0000 78%,#061e3259 100%);justify-content:center;align-items:flex-start;padding:32px clamp(24px,6vw,96px)}.m-home-col{justify-items:center;gap:22px;width:min(560px,46vw);display:grid}.m-fullscreen{position:absolute;top:20px;right:88px}#menu>.spk{top:20px;right:20px}#menu>.spk .spk-pop{top:calc(100% + 10px)}.m-credit{letter-spacing:.06em;opacity:.85;text-shadow:0 2px #00000073;font-size:13px;font-weight:800;position:absolute;bottom:18px;right:24px}.m-logo-wrap{place-items:center;display:grid;position:relative}.m-rays{pointer-events:none;background:repeating-conic-gradient(#fff6d633 0deg 9deg,#0000 9deg 18deg);border-radius:50%;width:760px;height:760px;animation:70s linear infinite m-spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 18%,#0000 62%);mask:radial-gradient(circle,#000 18%,#0000 62%)}@keyframes m-spin{to{transform:rotate(360deg)}}.m-logo{font-family:var(--display);justify-items:center;line-height:.92;animation:3.2s ease-in-out infinite m-float;display:grid;position:relative}.m-logo .l1{color:var(--paper);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);font-size:clamp(44px,6.4vw,96px);transform:rotate(-3deg)}.m-logo .l2{color:var(--ink);background:linear-gradient(90deg, transparent 46%, #fff0c88c 46% 54%, transparent 54%), linear-gradient(180deg, #ffffff2e, #0000001f), var(--box);border:6px solid var(--ink);box-shadow:0 10px 0 var(--ink), inset 0 -10px 0 #0000001a;border-radius:16px;margin-top:10px;padding:.06em .3em 0;font-size:clamp(52px,7.8vw,118px);position:relative;transform:rotate(2.5deg)}.m-logo .l2:after{content:"FRÁGIL";letter-spacing:.08em;color:var(--danger);background:var(--paper);border:3px solid var(--danger);border-radius:6px;padding:.1em .35em;font-size:.22em;position:absolute;top:-.55em;right:-.85em;transform:rotate(14deg);box-shadow:0 3px #00000040}@keyframes m-float{50%{transform:translateY(-8px)rotate(-.6deg)}}.m-tag{color:var(--paper);background:#0d22348c;border-radius:999px;margin:0;padding:6px 16px;font-size:clamp(14px,1.4vw,18px);font-weight:900}.m-home{justify-items:stretch;gap:16px;width:min(340px,100%);margin-top:8px;display:grid}.m-home .ico{font-size:.7em}.m-home-col>.m-hint{opacity:.9}@media (max-aspect-ratio:5/4){.m-home-screen{background:linear-gradient(#0000 65%,#061e3280 100%);justify-content:flex-start;align-items:center}.m-home-col{grid-template-rows:auto auto 1fr auto auto;width:100%;height:100%}.m-home{align-self:end}.m-credit{display:none}}.m-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#081626b8;place-items:center;padding:16px;display:none;position:absolute;inset:0}.m-overlay.on{animation:.2s ease-out m-in;display:grid}.m-panel{box-sizing:border-box;width:min(780px,100%);max-height:calc(100vh - 32px);color:var(--ink);background:var(--paper);border:5px solid var(--ink);box-shadow:0 12px 0 var(--ink);border-radius:28px;justify-items:center;gap:16px;padding:22px 28px 26px;display:grid;overflow-y:auto}.m-panel-head{justify-items:center;gap:4px;display:grid}.m-panel-head p{opacity:.65;margin:0;font-size:15px;font-weight:800}.m-pads{grid-template-columns:1fr 1fr;gap:18px;width:100%;display:grid}.m-pad{border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#fff;border-radius:20px;gap:12px;padding:14px 18px 16px;display:grid}.m-pad>header{border-bottom:3px dashed #1d1d1d2e;align-items:center;gap:10px;padding-bottom:10px;display:flex}.m-pad>header b{font-family:var(--display);font-size:22px;font-weight:400}.m-keyrow{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.m-keys-t{grid-template-columns:repeat(3,40px);grid-auto-rows:40px;justify-content:start;gap:6px;display:grid}.m-pad kbd{min-width:0;height:40px;font-family:var(--display);box-sizing:border-box;border-width:3px 3px 6px;border-radius:10px;place-items:center;padding:0;font-size:20px;font-weight:400;display:grid}.m-pad kbd.wide{width:140px;font-size:17px}.m-pad.p1 kbd{background:#e3f4fb}.m-pad.p2 kbd{background:#ffe9dc}.m-action{font-family:var(--display);color:var(--paper);background:var(--ink);border-radius:999px;padding:4px 12px;font-size:18px}.m-section{border-top:3px dashed #1d1d1d2e;justify-items:center;gap:10px;width:100%;padding-top:14px;display:grid}.m-section h3{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin:0;font-size:20px;font-weight:400}.m-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.m-chip{border:3px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px 6px 8px;font-size:15px;font-weight:900;display:inline-flex}.m-tips{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.m-tip{text-align:left;border:3px solid var(--ink);background:#fff;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px;display:grid}.m-tip b{font-family:var(--display);font-size:18px;font-weight:400}.m-tip span:last-child{opacity:.8;font-size:12.5px;font-weight:700;line-height:1.3}.m-tip-icon{background:var(--ui);border:3px solid var(--ink);border-radius:50%;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.m-controls>.btn{min-width:240px}@media (max-height:760px){.m-panel-head p{display:none}.m-panel{gap:12px}}.m-maps,.m-boxes{box-sizing:border-box;border-radius:26px;gap:18px;width:100%;max-width:1000px;padding:10px;transition:background .2s;display:grid}.m-maps-wrap{align-items:center;gap:12px;width:100%;max-width:1100px;margin-top:2vh;display:flex}.m-maps{scroll-snap-type:x proximity;scrollbar-width:none;flex-direction:row;flex:1;width:auto;min-width:0;padding:18px 10px 24px;display:flex;overflow:auto hidden}.m-maps::-webkit-scrollbar{display:none}.m-maps .m-map{scroll-snap-align:center;flex:0 0 240px}.m-arrow{border-radius:50%;flex:none;width:56px;height:56px;padding:0;font-size:24px}.m-boxes{grid-template-columns:repeat(3,1fr)}.m-maps.focus,.m-boxes.focus{background:#ffffff1a;box-shadow:inset 0 0 0 3px #ffffff59}.m-sub{font-family:var(--display);color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin:1.5vh 0 0;font-size:26px;font-weight:400}.m-map,.m-box{pointer-events:auto;cursor:pointer;font-family:var(--font);text-align:center;color:var(--ink);background:var(--paper);border:5px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:22px;align-content:start;justify-items:center;gap:6px;padding:14px 16px 16px;transition:transform .15s,background .15s,box-shadow .15s;display:grid}.m-map:hover,.m-box:hover{transform:translateY(-3px)rotate(-1deg)}.m-map.on,.m-box.on{background:var(--ui);box-shadow:0 12px 0 var(--ink), 0 0 0 6px var(--paper);transform:translateY(-4px)scale(1.04)rotate(-1.5deg)}.m-map b,.m-box b{font-family:var(--display);font-size:30px;font-weight:400;line-height:1}.m-map-icon{background:var(--water);border:4px solid var(--ink);width:68px;height:68px;box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:38px;display:grid}.m-map-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--paper);background:var(--ink);border-radius:999px;padding:1px 10px;font-size:12px;font-weight:900}.m-stars{letter-spacing:.1em;color:var(--danger);font-size:22px}.m-map-blurb,.m-box span:last-child{font-size:14px;font-weight:700;line-height:1.35}.m-box{gap:4px;padding:12px 12px 14px}.m-box b{font-size:22px}.m-box-icon{font-size:34px}.m-box[data-box=gato].on{background:#ffb067}.m-box[data-box=bomba].on{background:var(--danger);color:var(--paper)}.m-foot{justify-items:center;gap:14px;margin-top:auto;padding-top:12px;display:grid}.m-slot{box-sizing:border-box;width:min(300px,44vw);color:var(--ink);background:var(--paper);border:5px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:22px;justify-items:center;gap:8px;padding:14px 12px 12px;transition:background .2s;display:grid;position:absolute;transform:translate(-50%)}.m-slot>.m-badge{position:absolute;top:-20px}.m-slot.ready{background:#d9f7e3}.m-picker{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;display:grid}.m-picker .btn.icon{width:46px;height:46px;font-size:20px}.m-char{justify-items:center;display:grid}.m-char-name{font-family:var(--display);text-align:center;font-size:24px;font-weight:400;line-height:1.05}.m-dots{gap:5px;margin-top:5px;display:flex}.m-dots i{background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;transition:transform .15s,background .15s}.m-dots i.on{background:var(--ui);transform:scale(1.3)}.m-alt{letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--p2);border-radius:999px;margin-top:2px;padding:0 8px;font-size:11px;font-weight:900;display:none}.m-slot.alt .m-alt{display:block}.m-char-blurb{text-align:center;min-height:2.7em;margin:0;font-size:13px;font-weight:700;line-height:1.35}.ready-btn{width:100%}.m-slot.ready .ready-btn{background:var(--goal);animation:.6s ease-in-out infinite alternate m-bounce}@keyframes m-bounce{to{transform:scale(1.05)}}.m-keys{margin:0;font-size:12px;font-weight:800}.m-count{font-family:var(--display);color:var(--ui);-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:0 10px 0 var(--ink);font-size:clamp(90px,16vw,180px);position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.m-count.pop{animation:.6s cubic-bezier(.2,1.6,.4,1) m-pop}@keyframes m-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.m-chars-hint{margin-top:auto}@media (max-height:820px){.m-map-blurb{font-size:13px}.m-box span:last-child{font-size:12px;line-height:1.25}.m-box{gap:2px;padding:8px 10px 10px}.m-box-icon{font-size:26px}.m-maps{padding-top:10px;padding-bottom:14px}.m-foot .btn.big{padding:8px 40px;font-size:30px}.m-slot{gap:6px;padding:12px 10px 10px}.m-char-blurb{min-height:0}}@media (max-width:720px){.m-boxes,.m-pads,.m-tips{grid-template-columns:1fr}.m-home-col{width:100%}.m-box span:last-child,.m-char-blurb{display:none}.m-slot{width:46vw}}#ui{pointer-events:none;font-family:var(--font);color:var(--paper);-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud{transition:opacity .3s;position:absolute;inset:0}.hud.hidden{opacity:0}#ui>.spk{top:auto;bottom:18px;right:18px}#ui>.spk .spk-pop{bottom:calc(100% + 10px)}.meters{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141e8c;border-radius:14px;gap:8px;padding:12px 14px;display:grid;position:absolute;top:16px;left:16px}.meter{letter-spacing:.02em;grid-template-columns:92px 160px 48px;align-items:center;gap:8px;font-size:14px;font-weight:800;display:grid}.meter .bar{background:#ffffff2e;border-radius:6px;height:12px;overflow:hidden}.meter .bar i{background:var(--goal);border-radius:6px;width:100%;height:100%;transition:width .12s linear,background .2s;display:block}.meter b{text-align:right;font-variant-numeric:tabular-nums}.meter[data-k=wetness] .bar i{background:var(--water)}.meter[data-k=sync] .bar i{background:var(--ui)}.meter.low .bar i{background:var(--danger)}.meter[data-k=bomb] span{letter-spacing:.04em;font-weight:900}.meter[data-k=bomb] .bar{border-radius:7px;height:14px}.meter[data-k=bomb].desync .bar{box-shadow:0 0 0 2px var(--danger);animation:.18s linear infinite bomb-shake}@keyframes bomb-shake{25%{transform:translate(-1px)}75%{transform:translate(1px)}}.hud.bomb .box-name,.hud.cat .box-name{top:16px}.meter[data-k=cat][data-level=low] .bar i,.meter[data-k=cat] .bar i,.meter[data-k=bomb] .bar i{transition:width .1s linear,background .3s}.meter[data-k=bomb][data-level=mid] .bar i{background:var(--ui)}.meter[data-k=bomb][data-level=low] .bar i{background:var(--danger);animation:.55s ease-in-out infinite bomb-pulse}.meter[data-k=bomb][data-level=low] b{color:var(--danger)}.meter[data-k=bomb].draining .bar{box-shadow:0 0 0 2px var(--water)}@keyframes bomb-pulse{50%{filter:brightness(1.5)}}.meter.flash{animation:.4s flash}@keyframes flash{50%{color:var(--danger);transform:scale(1.06)}}.timer{font-variant-numeric:tabular-nums;background:#14141e8c;border-radius:12px;padding:6px 16px;font-size:26px;font-weight:900;position:absolute;top:16px;left:50%;transform:translate(-50%)}.box-name{letter-spacing:.12em;background:#14141e8c;border-radius:999px;padding:4px 14px;font-size:14px;font-weight:900;position:absolute;top:62px;left:50%;transform:translate(-50%)}.lives-row{letter-spacing:.02em;grid-template-columns:92px auto;align-items:center;gap:8px;font-size:14px;font-weight:800;display:grid}.lives{gap:4px;font-size:18px;line-height:1;display:flex}.lives i{font-style:normal;transition:opacity .3s,filter .3s,transform .3s}.lives i.lost{opacity:.3;filter:grayscale();transform:scale(.8)}.lives i.just-lost{animation:.6s ease-out life-lost}@keyframes life-lost{0%{opacity:1;filter:none;transform:scale(1.6)}}.lives.last i:not(.lost){animation:.8s ease-in-out infinite alternate life-last}@keyframes life-last{to{transform:scale(1.18)}}.box-name[data-box=gato]{color:#1d1d1d;background:#e07a3d}.box-name[data-box=bomba]{background:#3a2416}.box-name.urgent{background:var(--danger);color:var(--paper)}.level{background:#14141e8c;border-radius:14px;justify-items:center;gap:6px;padding:12px;display:grid;position:absolute;top:16px;right:16px}.level .dial{background:radial-gradient(circle,#3ccf6e59 0 22%,#ffcc334d 22% 52%,#e8453c59 52% 100%);border:3px solid #ffffffb3;border-radius:50%;width:104px;height:104px;position:relative}.level .dot{width:18px;height:18px;box-shadow:0 0 0 3px var(--ink);background:#fff;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.level .state{letter-spacing:.08em;font-size:13px;font-weight:900}.level[data-state=tilting] .state{color:var(--ui)}.level[data-state=critical] .state,.level[data-state=danger] .state{color:var(--danger)}.warning{opacity:0;justify-items:center;gap:8px;transition:opacity .15s;display:grid;position:absolute;top:22%;left:50%;transform:translate(-50%)}.warning.on{opacity:1;animation:.25s infinite shake}.warning strong{color:var(--danger);-webkit-text-stroke:2px var(--paper);text-shadow:0 4px 0 var(--ink);font-size:44px;font-weight:900}.warning .drop{background:#0006;border-radius:5px;width:220px;height:10px;overflow:hidden}.warning .drop i{background:var(--danger);height:100%;display:block}@keyframes shake{25%{transform:translate(-52%)rotate(-1deg)}75%{transform:translate(-48%)rotate(1deg)}}.weather{letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141e8c;border-radius:999px;padding:7px 14px;font-size:16px;font-weight:900;transition:background .3s,transform .2s;position:absolute;top:132px;left:16px}.weather:empty{display:none}.weather[data-type=rain]{background:#1f6ea0bf}.weather[data-type=wind]{background:#46785abf}.weather[data-type=waves]{background:#147896cc}.weather[data-phase=warn]{animation:.5s ease-in-out infinite alternate weather-warn}.weather[data-phase=active]{background:var(--danger)}.weather[data-phase=safe]{background:var(--goal);color:var(--ink)}@keyframes weather-warn{to{transform:scale(1.07)}}.toasts{justify-items:center;gap:8px;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.toast{color:var(--ink);background:var(--ui);border-radius:999px;padding:8px 18px;font-size:20px;font-weight:900;animation:2s forwards toast;box-shadow:0 4px #00000059}.toast.bad{background:var(--danger);color:var(--paper)}.toast.good{background:var(--goal)}.toast.wet{background:var(--water);color:var(--paper)}@keyframes toast{0%{opacity:0;transform:translateY(12px)scale(.9)}10%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.fade{opacity:0;background:#000;position:absolute;inset:0}.screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a14238c;place-items:center;display:none;position:absolute;inset:0}.screen.on{display:grid}.card{text-align:center;max-width:min(720px,100vw - 32px);color:var(--ink);background:var(--paper);border:5px solid var(--ink);border-radius:22px;justify-items:center;gap:14px;padding:28px 32px;display:grid;box-shadow:0 10px #00000059}.card h2{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:clamp(30px,4.5vw,48px);font-weight:400;line-height:1}.card p{margin:0;font-size:17px;line-height:1.4}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:6px;display:flex}.card .keys{opacity:.75;font-size:14px;font-weight:700}.stats{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.stats .score:not([hidden]){grid-column:1/-1}.lb-note{opacity:.85;margin:0;font-size:14px;font-weight:800}.stats div{border:3px solid var(--ink);background:#fff;border-radius:12px;padding:10px;font-weight:800}.stats b{font-size:28px;font-weight:900;display:block}.rating{background:var(--goal);border-radius:999px;padding:6px 16px;font-size:22px;font-weight:900}.rating.ok{background:var(--ui)}.rating.damaged{background:var(--danger);color:var(--paper)}.fail h2{color:var(--danger)}.fail .lives-left{margin:0;font-size:18px;font-weight:900}@media (max-width:640px){.meter{grid-template-columns:70px 90px 40px;font-size:12px}.level .dial{width:72px;height:72px}.stats{grid-template-columns:1fr}}