:root{--navy:#001b41;--gold:#bba040;--cream:#fff8ec;--ink:#0d1b33;--ok:#2ecc71;--warn:#f5b700;--bad:#e74c3c;font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--navy);height:100%;color:var(--ink);margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}kbd{background:var(--navy);color:#fff;text-align:center;border-radius:6px;min-width:1.6em;margin:0 .15em;padding:0 .4em;font:600 .85em Fredoka,sans-serif;display:inline-block;box-shadow:0 2px #000a}.ui{pointer-events:none;position:absolute;inset:0}.ui .screen,.ui .panel,.ui .btn{pointer-events:auto}.topbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.topbar .brand{background:var(--navy);color:#fff;border:2px solid var(--gold);border-radius:14px;flex-direction:column;padding:6px 14px;line-height:1;display:flex}.topbar .logo{letter-spacing:2px;font-size:22px;font-weight:700}.topbar .brand small{color:var(--gold);margin-top:2px;font-size:11px}.pill{background:#fffffff0;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:600;box-shadow:0 3px #0003}.pill.warn{background:var(--warn)}.pill.bad{background:var(--bad);color:#fff}.pill.ok{background:var(--ok);color:#fff}.pill.stars{color:#e1a100;letter-spacing:1px;font-family:Arial,sans-serif;font-size:15px;line-height:1.2}.clock{background:var(--navy);color:#fff;border-radius:12px;min-width:120px;padding:4px 12px;box-shadow:0 3px #0005}.clock b{font-size:22px}.bar{background:#fff3;border-radius:4px;height:6px;margin-top:2px;overflow:hidden}.bar i{background:var(--gold);height:100%;display:block}.tickets{flex-direction:column;gap:8px;width:250px;display:flex;position:absolute;top:74px;left:10px}.ticket{border-top:6px solid var(--navy);background:#fff;border-radius:12px;padding:8px 10px;animation:.25s pop;box-shadow:0 4px #0003}.ticket.paying{border-top-color:var(--gold)}.ticket.toCounter{opacity:.7}.thead{color:#667;font-size:12px}.ttitle{font-size:16px;font-weight:700}.chips{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.chip{background:#f2f2f2;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:12px;display:inline-flex}.chip:before{content:"";background:var(--c);border:1px solid #0002;border-radius:50%;width:12px;height:12px}.pay{color:var(--navy);font-size:13px;font-weight:600}.patience{background:#eee;border-radius:4px;height:6px;margin-top:4px;overflow:hidden}.patience i{height:100%;transition:width .2s;display:block}.float{position:absolute;inset:0;overflow:hidden}.prompt{white-space:nowrap;background:#fffffff2;border:3px solid;border-radius:12px;max-width:360px;padding:6px 10px;font-size:14px;position:absolute;top:0;left:0;box-shadow:0 4px #0003}.prompt .pname{color:var(--navy);font-weight:700}.prompt .pinfo{color:#667;font-size:12px}.prompt .act{margin-top:3px}.prompt .act em{color:#889;font-size:11px;font-style:normal}.prompt .act.blocked{color:var(--bad);font-weight:600}.prompt .act.blocked kbd{background:#bbb}.prog{background:#eee;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.prog i{height:100%;display:block}.bubble{background:#fff;border-radius:14px;padding:2px 8px;font-size:20px;position:absolute;top:0;left:0;box-shadow:0 3px #0003}.bubble b{color:var(--navy);margin-right:2px;font-size:12px}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.toast{border-left:6px solid var(--navy);background:#fff;border-radius:12px;padding:8px 16px;font-weight:600;transition:opacity .4s,transform .4s;box-shadow:0 4px #0003}.toast.ok{border-left-color:var(--ok)}.toast.warn{border-left-color:var(--warn)}.toast.bad{border-left-color:var(--bad)}.toast.pop{animation:.25s pop}.toast.out{opacity:0;transform:translateY(10px)}.banner{background:var(--navy);color:#fff;border:3px solid var(--gold);text-align:center;opacity:0;border-radius:16px;max-width:80vw;padding:12px 24px;position:absolute;top:80px;left:50%;transform:translate(-50%,-20px)}.banner b{font-size:22px;display:block}.banner span{color:#dde;font-size:14px}.banner.show{animation:5.5s forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-20px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.05)}to{transform:scale(1)}}.panels{position:absolute;inset:0}.panel{background:#fff;border:4px solid;border-radius:16px;flex-direction:column;width:360px;max-height:60vh;padding:12px;animation:.2s pop;display:flex;position:absolute;bottom:90px;box-shadow:0 6px #0004}.panel.p0{left:20px}.panel.p1{right:20px}.panel.p2{left:400px}.panel.p3{right:400px}.ptitle{color:var(--navy);font-size:18px;font-weight:700}.phint{color:#667;margin-bottom:6px;font-size:12px}.prows{flex:1;overflow-y:auto}.prow{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.prow small{color:#889;font-size:11px;display:block}.prow.sel{background:var(--navy);color:#fff}.prow.sel small{color:#ccd}.prow.dis{color:#999;cursor:default}.pfoot{color:#667;margin-top:6px;font-size:12px}.tutorial{border:4px solid var(--gold);background:#fff;border-radius:18px;width:400px;padding:14px 18px;position:absolute;bottom:16px;right:16px;box-shadow:0 6px #0004}.tutorial h2{color:var(--navy);margin:2px 0 6px;font-size:22px}.tutorial p{margin:0;font-size:15px;line-height:1.4}.tstep{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.tcont{color:var(--navy);margin-top:10px;font-weight:600;animation:1.2s infinite pulse}.tskip{color:#99a;margin-top:8px;font-size:11px}@keyframes pulse{50%{opacity:.5}}.hidden{display:none!important}.screen{background:#001b41aa;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.menu{background:linear-gradient(#001b41cc,#001b4166 60%,#001b41cc)}.card{background:var(--cream);border:4px solid var(--gold);border-radius:24px;max-width:min(760px,94vw);max-height:92vh;padding:28px 36px;animation:.3s pop;overflow-y:auto;box-shadow:0 10px #0005}.card h1{color:var(--navy);margin:0 0 4px}.card h3{color:var(--gold);margin:0 0 10px}.card .muted{color:#667}.card .center{text-align:center}.card .warn{color:var(--bad);font-weight:600}.tips{padding-left:18px;line-height:1.6}.btns{flex-direction:column;gap:8px;margin-top:18px;display:flex}.btn{border:3px solid var(--navy);color:var(--navy);cursor:pointer;background:#fff;border-radius:14px;padding:12px 18px;font:600 18px Fredoka,sans-serif;transition:transform .1s}.btn.primary{background:var(--navy);color:#fff}.btn.focus{outline:4px solid var(--gold);transform:scale(1.03)}.title{text-align:center}.logo-big{color:var(--navy);letter-spacing:8px;font-size:84px;font-weight:700;line-height:1}.logo-big:before{content:"●●●";letter-spacing:6px;color:var(--gold);font-size:22px;display:block}.subtitle{color:var(--gold);font-size:18px;font-weight:600}.stars{color:#e1a100;text-align:center;font-size:42px}table.sum{border-collapse:collapse;width:100%;font-size:16px}table.sum td{border-bottom:1px dashed #ccc;padding:4px 6px}table.sum td:last-child{text-align:right;font-weight:700}.slots{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.slot{text-align:center;color:#889;border:3px dashed #bbb;border-radius:14px;flex-direction:column;gap:4px;padding:12px 8px;font-size:13px;display:flex}.slot b{font-size:16px}.slot.joined{border:3px solid var(--pc);color:var(--ink);background:#fff}.slot.joined b{color:var(--pc)}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px 24px;font-size:14px;display:grid}.guide-grid section{background:#fff;border-radius:14px;padding:10px 14px}.guide-grid ol{margin:0;padding-left:18px}.guide-grid p{margin:4px 0}table.keys{border-collapse:collapse;width:100%;font-size:12px}table.keys td,table.keys th{text-align:left;border-bottom:1px solid #eee;padding:3px}.tballs{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;display:flex}.ball{background:var(--c);border:3px solid var(--navy);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex;box-shadow:inset -4px -4px #0002}.ball.sm{border-width:2px;width:28px;height:28px;font-size:15px}.big{align-items:center;font-size:28px;display:inline-flex}.size{background:var(--navy);color:#fff;border-radius:6px;margin-left:-6px;padding:0 5px;font-size:14px}.bubble{align-items:center;gap:2px;padding:3px 8px;display:flex}.bubble .big{font-size:22px}.prompt{padding:5px 10px;font-size:15px}.prompt .act.blocked{color:#c0392b;font-size:13px;font-weight:500}.topbar .brand{flex-direction:row;align-items:center;gap:8px;padding:4px 12px}.topbar .brand img{height:26px;display:block}.topbar .brand small{margin:0}.pill.goal{border:3px solid var(--navy);background:#fff;font-size:17px}.pill.goal.ok{background:var(--ok);color:#fff;border-color:#1e9e55}.pill.info{background:var(--navy);color:#fff}.blink{animation:.8s infinite pulse}.sidebox{border:4px solid var(--navy);background:#fff;border-radius:16px;width:290px;padding:10px 14px;position:absolute;top:74px;right:12px;box-shadow:0 5px #0003}.sidebox h4{color:var(--navy);margin:0 0 6px;font-size:18px}.sidebox .task{border-bottom:1px dashed #ddd;padding:4px 0;font-size:15px}.sidebox .task.done{color:#8a9;text-decoration:line-through}.achv{border:3px solid var(--gold);z-index:5;background:linear-gradient(135deg,#fff6d5,#ffe08a);border-radius:16px;align-items:center;gap:10px;padding:10px 16px;transition:opacity .5s,transform .5s;animation:.35s pop;display:flex;position:absolute;top:90px;right:16px;box-shadow:0 6px #0003}.achv span{font-size:34px}.achv small{color:#8a6d00;font-size:12px;font-weight:600;display:block}.achv b{color:var(--navy);font-size:17px}.achv.out{opacity:0;transform:translate(40px)}.tdots{flex-wrap:wrap;gap:4px;margin:4px 0 2px;display:flex}.tdots i{background:#e3e3e3;border-radius:50%;width:10px;height:10px}.tdots i.d{background:var(--ok)}.tdots i.c{background:#ff3d7f;transform:scale(1.3)}.screen.small .card{max-width:520px}.screen.wide .card{max-width:min(1000px,96vw)}.screen.warnc .card{border-color:var(--bad)}.btn.disabled{opacity:.45;cursor:not-allowed}.logo-img{width:min(380px,70vw);margin:0 auto 6px;display:block}.menu-stats{justify-content:center;gap:12px;margin-top:8px;display:flex}.menu-stats span{background:#fff;border-radius:999px;padding:4px 12px;font-weight:600}.brief-head{align-items:center;gap:14px;display:flex}.brief-icon{font-size:64px}.brief-head small{color:var(--gold);font-weight:700}.boss{align-items:center;gap:10px;margin:12px 0 4px;display:flex}.boss span{border:3px solid var(--navy);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:42px;display:flex}.boss b{color:var(--navy);font-size:18px;display:block}.boss small{color:#667}.say{background:#fff;border-radius:14px;padding:12px 16px;font-size:17px;line-height:1.45;position:relative}.learn{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.learn span{background:var(--navy);color:#fff;border-radius:999px;padding:6px 12px;font-weight:600}.goalbox{border:2px solid var(--gold);background:#fff3c4;border-radius:12px;padding:10px 14px;font-size:16px}.faultbox{background:#ffecec;border-radius:12px;margin-top:10px;padding:10px 14px}.faultbox b{color:var(--bad);margin-bottom:4px;display:block}.faultbox small{color:#a55}.okbox{color:#1e7b3a;background:#e3f9e5;border-radius:12px;margin-top:10px;padding:10px 14px;font-weight:600}.faults{background:#fff;border-radius:12px;padding:10px 14px 10px 28px}.stars.big3{letter-spacing:6px;font-size:56px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.ach{text-align:center;opacity:.6;background:#eee;border-radius:14px;padding:10px}.ach.got{opacity:1;border:3px solid var(--gold);background:#fff}.ach span{font-size:34px;display:block}.ach b{color:var(--navy);display:block}.ach small{color:#667;font-size:12px}.upg{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:10px 0;display:grid}.upg div{background:#fff;border-radius:12px;padding:8px 10px}.upg span{font-size:26px}.upg b{color:var(--navy);display:block}.upg small{color:#667;font-size:12px}.map{border:3px solid var(--navy);background:radial-gradient(circle at 30% 60%,#cfe8c9 0 18%,#0000 19%),radial-gradient(circle at 70% 40%,#e9e0c9 0 25%,#0000 26%),linear-gradient(160deg,#a8d8f0,#d9eef7);border-radius:18px;height:240px;margin:10px 0;position:relative;overflow:hidden}.map-sevilla{background:linear-gradient(100deg,#efe6d3 0 30%,#7cc0e8 30% 36%,#efe6d3 36%)}.pin{text-align:center;position:absolute;transform:translate(-50%,-100%)}.pin i{filter:drop-shadow(0 2px #0004);font-size:28px;font-style:normal;display:block}.pin b{border:2px solid var(--navy);white-space:nowrap;background:#fff;border-radius:8px;padding:1px 6px;font-size:12px}.pin.own b{background:var(--navy);color:#fff}.shoplist{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.shoplist div{background:#fff;border-radius:12px;padding:8px 10px;font-size:13px}.shoplist div.own{border:3px solid var(--ok)}.shoplist b{color:var(--navy);font-size:16px}.shoplist small{color:var(--gold);display:block}.shoplist span{color:#667}.card h2{color:var(--navy);margin:0 0 6px}.actionbar{flex-wrap:wrap;align-items:flex-end;gap:8px;max-width:calc(100vw - 440px);display:flex;position:absolute;bottom:12px;left:12px}.actionbar .prompt{white-space:normal;border-width:4px;min-width:220px;max-width:340px;font-size:16px;position:static;transform:none!important}.actionbar .prompt .pname{color:#667;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.actionbar .prompt .pname i{color:#fff;border-radius:6px;padding:0 6px;font-size:12px;font-style:normal}.actionbar .prompt .act{margin-top:4px;font-weight:600}.toasts{bottom:120px}@media (max-width:900px){.actionbar{max-width:calc(100vw - 24px);bottom:150px}}.sidebox .task{align-items:flex-start;gap:6px;display:flex}.cb{border:3px solid var(--navy);color:#fff;border-radius:5px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.task.done .cb{background:var(--ok);border-color:var(--ok)}.banner{transition:opacity .3s,transform .3s}.banner.on{opacity:1;transform:translate(-50%)}table.sum td.neg{color:var(--bad)}.prompt.head{border:4px solid var(--pc);white-space:normal;pointer-events:none;background:#fff;border-radius:16px;max-width:360px;padding:6px 12px;position:absolute;top:0;left:0;box-shadow:0 5px #0004}.prompt.head:after{content:"";border:8px solid #0000;border-top-color:var(--pc);position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.prompt.head .act{color:var(--navy);align-items:center;gap:8px;margin:2px 0;font-size:19px;font-weight:700;line-height:1.15;display:flex}.prompt.head .act kbd{background:var(--pc);white-space:nowrap;border-radius:9px;flex-shrink:0;min-width:34px;padding:3px 8px;font-size:18px;box-shadow:0 3px #0005}.prompt.head .act em{color:#889;font-size:14px;font-style:normal;font-weight:600}.prompt.head .act.blocked{color:#fff;background:var(--bad);border-radius:10px;padding:4px 8px;font-size:16px}.prompt.head .prog{height:10px}.actionbar{display:none}.tutorial{z-index:3;width:min(620px,92vw);padding:12px 22px;inset:64px auto auto 50%;transform:translate(-50%)}.tutorial h2{font-size:26px}.tutorial p{font-size:19px}.tutorial kbd{padding:2px 8px;font-size:17px}.tutorial .tcont{font-size:18px}.toast{padding:10px 20px;font-size:18px}.banner{top:34%}.banner b{font-size:28px}.banner span{font-size:17px}@media (max-width:1100px){.tickets{top:auto;bottom:90px}}.tutorial{top:auto;bottom:14px}.toasts{top:62px;bottom:auto}@media (max-width:1100px){.tickets{top:62px;bottom:auto}.tutorial{width:min(560px,70vw)}}.prompt.head.below:after{border-top-color:#0000;border-bottom-color:var(--pc);top:-12px;bottom:auto}.loadbar{background:#e5e0d4;border-radius:6px;width:70%;height:12px;margin:14px auto 0;overflow:hidden}.loadbar i{background:var(--gold);width:0;height:100%;transition:width .2s;display:block}.touch{pointer-events:none;z-index:4;position:fixed;inset:0}.touch .tstick{pointer-events:auto;touch-action:none;width:45vw;height:55vh;position:absolute;bottom:0;left:0}.touch .tbase{background:#fff5;border:4px solid #fffa;border-radius:50%;width:130px;height:130px;position:absolute;bottom:28px;left:28px}.touch .tknob{background:#001b41dd;border:4px solid #fff;border-radius:50%;width:56px;height:56px;position:absolute;top:33px;left:33px}.touch .tbtns{pointer-events:auto;grid-template-rows:76px 76px;grid-template-columns:76px 76px;gap:10px;display:grid;position:absolute;bottom:18px;right:18px}.touch .tb{color:#fff;touch-action:none;border:4px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font:700 28px/1 Fredoka,sans-serif;display:flex;box-shadow:0 4px #0005}.touch .tb small{font-size:11px;font-weight:600}.touch .tb.on{filter:brightness(1.2);transform:scale(.9)}.touch .tb-a{background:#2ecc71;grid-area:2/2}.touch .tb-x{background:#3d8bff;grid-area:2/1}.touch .tb-b{background:#e74c3c;grid-area:1/2}.touch .tb-pause{pointer-events:auto;background:#001b41;width:48px;height:48px;font-size:20px;position:absolute;top:56px;right:14px}.is-touch .tutorial{width:min(520px,60vw);padding:8px 14px;top:58px;bottom:auto}.is-touch .tutorial h2{font-size:18px}.is-touch .tutorial p{font-size:14px}@media (max-height:520px){.topbar{gap:4px;top:4px}.pill{padding:3px 8px;font-size:12px}.clock b{font-size:16px}.topbar .brand img{height:18px}.tickets{gap:4px;width:170px;top:40px}.ticket{padding:4px 6px}.ticket .ball{width:24px;height:24px;font-size:13px}.thead{font-size:11px}.prompt.head .act{font-size:15px}.prompt.head .act kbd{min-width:26px;font-size:14px}.card{padding:14px 18px}.card h1{font-size:22px}.btn{padding:8px 12px;font-size:15px}.logo-img{width:220px}.banner b{font-size:20px}.toast{font-size:14px}}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:50;color:#fff;text-align:center;background:#001b41f2;justify-content:center;align-items:center;padding:30px;font:600 22px Fredoka,sans-serif;display:flex;position:fixed;inset:0}}@media (max-height:520px){.tutorial,.is-touch .tutorial{border-width:3px;width:min(430px,52vw);padding:6px 12px;top:40px;bottom:auto}.tutorial .tdots,.tutorial .tstep{display:none}.tutorial h2,.is-touch .tutorial h2{margin:0 0 2px;font-size:15px}.tutorial p,.is-touch .tutorial p{font-size:12.5px;line-height:1.3}.tutorial .tcont{margin-top:4px;font-size:13px}.tutorial kbd{font-size:12px}.sidebox{width:210px;padding:6px 10px;top:40px}.sidebox .task{font-size:12px}.touch .tbase{width:110px;height:110px;bottom:18px;left:18px}.touch .tknob{top:23px;left:23px}.touch .tbtns{grid-template-rows:64px 64px;grid-template-columns:64px 64px}}.leftcol{pointer-events:none;flex-direction:column;gap:8px;width:min(256px,23vw);display:flex;position:absolute;top:66px;bottom:10px;left:10px}.leftcol>*{pointer-events:auto}.leftcol .tickets{flex:0 auto;width:100%;min-height:0;position:static;overflow:hidden}.leftcol .sidebox{width:100%;position:static}.tutorial{cursor:pointer;position:fixed;inset:auto auto 14px 50%;transform:translate(-50%)}.tutorial .tchip,.tutorial .tclose{display:none}.banner{top:auto;bottom:90px}.banner.on{transform:translate(-50%)}.compact .topbar{flex-wrap:nowrap;gap:4px;top:3px;left:6px;right:6px;overflow:hidden}.compact .pill{white-space:nowrap;padding:3px 8px;font-size:12px}.compact .clock{min-width:74px;padding:2px 8px}.compact .clock b{font-size:15px}.compact .topbar .brand{padding:2px 8px}.compact .topbar .brand img{height:16px}.compact .topbar .brand small{display:none}.compact .leftcol{gap:5px;width:min(168px,25vw);top:36px;bottom:150px;left:6px}.compact .ticket{border-top-width:4px;padding:4px 6px}.compact .thead{font-size:10.5px}.compact .pay{font-size:11px}.compact .ticket .ball{border-width:2px;width:22px;height:22px;font-size:12px}.compact .ticket .big{font-size:18px}.compact .sidebox{border-width:3px;padding:5px 8px}.compact .sidebox h4{font-size:13px}.compact .sidebox .task{padding:2px 0;font-size:11px}.compact .tutorial{border-width:3px;border-radius:12px;width:100%;padding:5px 8px;position:relative;top:auto;bottom:auto;left:auto;transform:none}.compact .tutorial .tchip{color:var(--navy);font:600 12.5px/1.2 Fredoka,sans-serif;display:block}.compact .tutorial .tchip b{color:#fff;background:#ff3d7f;border-radius:6px;margin-right:3px;padding:0 5px}.compact .tutorial .tchip i{float:right;font-style:normal}.compact .tutorial .tfull{display:none}.compact .tutorial.open{z-index:30;width:min(520px,86vw);padding:12px 16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #001b4155,0 8px #0004}.compact .tutorial.open .tchip{display:none}.compact .tutorial.open .tfull{display:block}.compact .tutorial.open h2{font-size:19px}.compact .tutorial.open p{font-size:15px}.compact .tutorial .tclose{color:#99a;margin-top:6px;font-size:12px;display:block}.compact .tutorial .tdots,.compact .tutorial .tstep{display:none}.compact .prompt.head{border-width:3px;border-radius:12px;max-width:240px;padding:3px 8px}.compact .prompt.head .act{gap:5px;font-size:13.5px}.compact .prompt.head .act kbd{min-width:22px;padding:1px 5px;font-size:12px}.compact .prompt.head .act.blocked{font-size:12px}.compact .bubble{padding:1px 5px;font-size:14px}.compact .bubble .big{font-size:15px}.compact .ball.sm{width:18px;height:18px;font-size:10px}.compact .banner{border-width:2px;max-width:46vw;padding:6px 14px;bottom:18px}.compact .toasts{top:auto;bottom:64px}.compact .achv{padding:6px 10px;top:40px;right:8px}.compact .achv span{font-size:22px}.compact .achv b{font-size:13px}.compact .panel{width:min(330px,48vw);max-height:none;padding:8px;top:40px;bottom:8px}.compact .panel.p0{left:auto;right:170px}.compact .prow{padding:4px 6px;font-size:13px}.compact .card{max-height:94vh;padding:12px 16px}.compact .card h1{font-size:21px}.compact .btn{padding:7px 10px;font-size:14px}.compact .say{padding:8px 12px;font-size:14px}.compact .goalbox{padding:6px 10px;font-size:13px}.compact .touch .tb-pause{width:40px;height:40px;font-size:16px;top:4px;right:6px}.compact .topbar{right:54px}.compact .touch .tbtns{grid-template-rows:66px;grid-template-columns:54px 60px 66px;align-items:end;gap:8px;bottom:10px;right:10px}.compact .touch .tb-b{grid-area:1/1;width:54px;height:54px;font-size:20px}.compact .touch .tb-x{grid-area:1/2;width:60px;height:60px;font-size:22px}.compact .touch .tb-a{grid-area:1/3;width:66px;height:66px;font-size:26px}.compact .touch .tbase{width:96px;height:96px;bottom:12px;left:14px}.compact .touch .tknob{width:44px;height:44px;top:22px;left:22px}.compact .leftcol{bottom:118px}.touch .tstick{width:50vw;height:auto;top:76px;bottom:0;left:0}.touch .tbase,.compact .touch .tbase{opacity:.22;pointer-events:none;width:112px;height:112px;transition:opacity .15s;top:auto;bottom:30px;left:70px;transform:translate(-50%,50%)}.touch .tbase.active{opacity:1;transition:none;bottom:auto;transform:translate(-50%,-50%)}.touch .tknob,.compact .touch .tknob{width:50px;height:50px;margin:-25px 0 0 -25px;top:50%;left:50%}.compact .touch .tstick{top:64px}.patience i{transition:none}.handbadge{border:3px solid var(--pc);pointer-events:none;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px #0003}.handbadge .big{font-size:22px}.handbadge .mini{color:#667;font-size:11px;font-weight:600}.handbadge .sep{background:#dde;width:2px;height:20px;margin:0 3px}.handbadge .size{font-size:12px}.prompt.head:not(.below){margin-top:-38px}.compact .handbadge{border-width:2px;padding:1px 6px}.compact .handbadge .big{font-size:16px}.compact .handbadge .mini{font-size:9px}.compact .prompt.head:not(.below){margin-top:-28px}.install-icon{border-radius:20px;width:84px;height:84px;margin:0 auto 8px;display:block;box-shadow:0 4px #0003}.install-steps{flex-direction:column;gap:8px;margin:10px 0;padding:0;list-style:none;display:flex}.install-steps li{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:16px;display:flex}.install-steps li span{text-align:center;flex:none;width:36px;font-size:26px}.compact .install-icon{width:54px;height:54px}.compact .install-steps li{padding:5px 10px;font-size:13px}.compact .install-steps li span{font-size:20px}.ic{vertical-align:-.28em;flex:none;display:inline-block}.fchip{flex-direction:column;align-items:center;gap:1px;margin:0 2px;display:inline-flex}.fchip small{color:var(--navy);text-align:center;max-width:70px;font-size:11px;font-weight:600;line-height:1}.fchip.sm{margin:0 1px}.compact .fchip small{font-size:9.5px}.tballs{align-items:flex-start}.pill .ic,.toast .ic,.btn .ic{margin-right:4px}.boss span .ic{width:44px;height:44px}.brief-icon .ic{width:64px;height:64px}.achv span .ic{width:36px;height:36px}.ach span .ic{width:38px;height:38px}.screen.guide .card{max-width:min(720px,96vw)}.gtitle{text-align:center}.guide{flex-direction:column;gap:14px;font-size:18px;line-height:1.45;display:flex}.gsec{background:#fff;border-radius:16px;padding:14px 18px}.gsec h3{color:var(--navy);align-items:center;gap:10px;margin:0 0 8px;font-size:23px;display:flex}.gsec p{margin:6px 0}.gsteps{counter-reset:s;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gsteps li{counter-increment:s;align-items:center;gap:12px;display:flex}.gsteps li:before{content:counter(s);background:var(--navy);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:flex}.glist{margin:4px 0;padding-left:22px}.gkeys{border-collapse:collapse;width:100%;font-size:16px}.gkeys th{text-align:left;color:#667;padding:4px 6px;font-size:14px}.gkeys td{border-top:1px solid #eee;padding:6px}.gprices td:last-child{text-align:right;font-weight:700}.compact .guide{font-size:15px}.compact .gsec h3{font-size:18px}.compact .gkeys{font-size:13px}.shade{pointer-events:none;position:absolute;inset:0}.pricebtn{color:var(--navy);border:3px solid var(--navy);cursor:pointer;background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 12px 4px 8px;font:600 15px Fredoka,sans-serif;display:inline-flex;box-shadow:0 3px #0003}.pricebox{color:#fff;cursor:pointer;background:#2f3b33;border:4px solid #8d6e63;border-radius:12px;padding:8px 12px;font-size:15px}.pricebox div{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.pricebox b{color:#ffd166}.compact .pricebtn{border-width:2px;padding:2px 8px 2px 5px;font-size:12px}.compact .pricebox{padding:5px 8px;font-size:12px}.handbadge .mini.money{color:#1e7b3a;font-size:15px;font-weight:700}.compact .handbadge .mini.money{font-size:12px}.edgemark{pointer-events:none;background:#fff;border:3px solid #ff3d7f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px #0003}.edgemark .arr{transform-origin:4px 7px;border:7px solid #0000;border-left:10px solid #ff3d7f;width:0;height:0;margin:-7px 0 0 -4px;position:absolute;top:50%;left:50%}.netbadge{z-index:40;background:var(--navy);color:#fff;border:3px solid var(--gold);pointer-events:none;border-radius:12px;flex-direction:column;padding:4px 10px;font:600 13px/1.2 Fredoka,sans-serif;display:flex;position:fixed;bottom:10px;right:10px}.netbadge small{color:#cdd;font-weight:500}.netbadge.hidden{display:none}.compact .netbadge{font-size:11px;top:44px;bottom:auto;right:8px}.roomcode{letter-spacing:10px;text-align:center;color:var(--navy);border:4px dashed var(--gold);background:#fff;border-radius:16px;margin:10px 0;padding:6px 0;font:700 54px Fredoka,sans-serif}.codeinput{letter-spacing:10px;text-align:center;text-transform:uppercase;border:3px solid var(--navy);width:100%;color:var(--navy);border-radius:14px;padding:8px;font:700 40px Fredoka,sans-serif}.guestview{z-index:2;background:#000;position:fixed;inset:0;overflow:hidden}.guestview video,.guestview .guestui{transform-origin:0 0;position:absolute;top:0;left:0}.guestview video{object-fit:fill;background:#001b41}.guestview .guestui{pointer-events:none}.guestview .guestui *{pointer-events:none!important}.gueststatus{z-index:45;color:var(--navy);border:4px solid var(--gold);text-align:center;background:#fff;border-radius:16px;padding:12px 20px;font:600 18px Fredoka,sans-serif;position:fixed;top:40%;left:50%;transform:translate(-50%)}.guestexit{z-index:46;color:var(--navy);border:3px solid var(--navy);background:#fff;border-radius:999px;padding:4px 12px;font:600 14px Fredoka,sans-serif;position:fixed;top:8px;left:8px}.sizetag{flex-direction:column;align-items:center;margin:0 3px;line-height:1;display:inline-flex}.sizetag b{color:#fff;border:2px solid var(--navy);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font:700 18px Fredoka,sans-serif;display:flex}.sizetag small{color:var(--navy);margin-top:1px;font-size:10.5px;font-weight:700}.sizetag.sP b{background:#2ecc71}.sizetag.sM b{background:#ff9f1a}.sizetag.sG b{background:#e74c3c}.sizetag.sm b{width:22px;height:22px;font-size:15px}.compact .sizetag small{font-size:9px}.fchip small{color:var(--navy);background:#fff;border-radius:6px;padding:0 3px;font-size:11.5px;font-weight:700}.fchip.sm small{font-size:9.5px}.bubble{flex-wrap:wrap;justify-content:center;max-width:220px}.flabel{color:var(--navy);margin:8px 0;font-weight:600;display:block}.finput{border:3px solid var(--navy);width:100%;color:var(--navy);border-radius:12px;margin-top:4px;padding:8px 12px;font:600 20px Fredoka,sans-serif;display:block}.warnbox{color:#b03030;background:#ffecec;border-radius:10px;padding:8px 12px;font-weight:600}.okbox.big,.warnbox.big{padding:12px 16px;font-size:18px;animation:.35s ease-out popin}.okbox.busy{text-align:center;font-size:20px;animation:1s ease-in-out infinite pulse}@keyframes popin{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.screen.achs .card{width:min(1240px,96vw);max-width:none}.ach-head{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:14px;display:flex}.ach-head h1{margin:0}.ach-prog{min-width:220px;color:var(--navy);flex:1;align-items:center;gap:12px;font-size:16px;display:flex}.ach-bar{border:2px solid var(--navy);background:#0001;border-radius:10px;flex:1;height:16px;overflow:hidden}.ach-bar i{background:linear-gradient(90deg, var(--gold), #ffd66b);height:100%;display:block}.screen.achs .ach-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.screen.achs .ach{text-align:left;opacity:1;background:#fff;border:3px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 3px #0001}.screen.achs .ach:not(.got){background:#ececf0}.screen.achs .ach:not(.got) .ach-ic{filter:grayscale();opacity:.45}.screen.achs .ach.got{border-color:var(--gold);box-shadow:0 4px #e0b23c55}.ach-ic{border:3px solid var(--gold);background:#fff6d8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:60px;height:60px;font-size:34px;display:flex}.ach:not(.got) .ach-ic{background:#fff;border-color:#ccc}.ach-ic .ic{width:38px;height:38px}.ach-tx{flex:1;min-width:0}.ach-tx b{color:var(--navy);font-size:17px;display:block}.ach-tx small{color:#556;margin-top:2px;font-size:13.5px;display:block}.ach-st{border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.ach.got .ach-st{color:#fff;background:#2ecc71}.ach:not(.got) .ach-st .ic{opacity:.5;width:20px;height:20px}@media (max-width:600px){.screen.achs .ach-grid{grid-template-columns:1fr 1fr}.screen.achs .ach{text-align:center;flex-direction:column;padding:10px 8px}.ach-ic{width:48px;height:48px}.ach-st{display:none}}.roompanel{z-index:60;background:var(--cream);border:4px solid var(--gold);width:min(320px,92vw);max-height:calc(100vh - 24px);color:var(--navy);border-radius:18px;flex-direction:column;font-family:Fredoka,sans-serif;display:flex;position:fixed;top:12px;right:12px;overflow:hidden;box-shadow:0 8px #0004}.roompanel.hidden,.roomtab.hidden,.roompeek.hidden{display:none}.rp-head{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.rp-head b{letter-spacing:1px;font-size:18px;display:block}.rp-head small{color:#cfd8ff;font-size:12px;display:block}.rp-min{color:#fff;cursor:pointer;background:#fff2;border:0;border-radius:10px;width:34px;height:30px;font:700 18px Fredoka,sans-serif}.rp-slots{gap:6px;padding:10px 10px 4px;display:grid}.rp-slot{background:#0000000d;border:2px dashed #0002;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.rp-slot.on{border:2px solid var(--pc);background:#fff}.rp-dot{color:#fff;background:#bbb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.rp-slot.on .rp-dot{background:var(--pc)}.rp-slot b{font-size:15px;display:block}.rp-slot small{color:#667;font-size:11.5px;display:block}.rp-slot:not(.on) b{color:#889}.rp-tools{flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.rp-btn{border:2px solid var(--navy);color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:6px 8px;font:600 13px Fredoka,sans-serif}.rp-btn.bad{color:#c0392b;border-color:#c0392b}.rp-chat{background:#fff;border-radius:12px;flex:1;min-height:90px;max-height:260px;margin:4px 10px;padding:6px 8px;font-size:14px;overflow-y:auto}.rp-chat p{word-wrap:break-word;margin:3px 0}.rp-chat .rp-sys,.roompeek .rp-sys{color:#889;font-size:12.5px;font-style:italic}.rp-form{gap:6px;padding:6px 10px 10px;display:flex}.rp-input{border:2px solid var(--navy);border-radius:10px;flex:1;min-width:0;padding:7px 10px;font:500 15px Fredoka,sans-serif}.rp-send{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:0 12px;font:600 14px Fredoka,sans-serif}.roomtab{z-index:60;background:var(--navy);color:#fff;border:3px solid var(--gold);cursor:pointer;border-radius:999px;padding:6px 14px;font:600 14px Fredoka,sans-serif;position:fixed;bottom:12px;right:12px;box-shadow:0 4px #0004}.roomtab i{color:#fff;background:#e74c3c;border-radius:999px;margin-left:8px;padding:0 7px;font-style:normal}.roompeek{z-index:60;max-width:min(320px,80vw);color:var(--navy);border:3px solid var(--gold);cursor:pointer;background:#fff;border-radius:14px;padding:6px 10px;font:500 14px Fredoka,sans-serif;animation:.25s ease-out popin;position:fixed;bottom:56px;right:12px;box-shadow:0 4px #0003}.roompeek p{margin:0}.compact .roomtab{padding:4px 10px;font-size:12px;top:44px;bottom:auto;right:8px}.compact .roompeek{top:80px;bottom:auto;right:8px}.guestui *,.guestui :before,.guestui :after{transition:none!important;animation:none!important}.screen.mirrored .btn{pointer-events:none}.mirrornote{text-align:center;color:#667;margin:12px 0 0;font-style:italic}.toasts{z-index:30;pointer-events:none}.screen{z-index:20}.achv{z-index:31}.bubble.talking{border-radius:16px;flex-direction:column;max-width:240px;padding:6px 10px}.bubble .say{color:var(--navy);text-align:center;font:600 14px/1.2 Fredoka,sans-serif;display:block}.bubble .say.good{color:#1e7b3a}.bubble .say.bad{color:#b03030}.bubble.talking:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.bubble .bub-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.compact .bubble .say{font-size:11.5px}.compact .bubble.talking{max-width:170px;padding:4px 7px}.ordchip{display:inline-flex;position:relative}.ordchip i{z-index:1;background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font:700 10px Fredoka,sans-serif;display:flex;position:absolute;top:-3px;left:-2px}.ordhint{color:#667;text-align:center;width:100%;font-size:10.5px;display:block}.screen.mirrored .card{animation:none}*{scrollbar-width:thin;scrollbar-color:var(--gold) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gold);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#d9a520 padding-box padding-box}::-webkit-scrollbar-button{height:0;display:none}.card{scrollbar-gutter:stable}.reviews{margin-top:14px}.reviews h3{color:var(--navy);margin:10px 0 6px;font-size:17px}.rep{color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.rep b{font-size:17px}.rep.big b{font-size:28px}.rep small{color:#667}.rep .up{color:#1e7b3a;font-weight:700}.rep .down{color:#b03030;font-weight:700}.stars{color:#f5b700;letter-spacing:1px;white-space:nowrap}.rv-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.review{background:#fff;border-left:5px solid #ccc;border-radius:12px;padding:8px 10px;box-shadow:0 2px #0001}.review.good{border-left-color:#2ecc71}.review.bad{border-left-color:#e74c3c}.rv-head{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.rv-head b{color:var(--navy)}.rv-head small{color:#889}.rv-head .stars{margin-left:auto}.review p{color:#334;margin:4px 0 0;font-size:14px}.rv-day{color:#99a;font-size:11.5px}.rv-dist{gap:4px;max-width:360px;margin:8px 0 12px;display:grid}.rv-bar{color:var(--navy);grid-template-columns:30px 1fr 30px;align-items:center;gap:6px;font-size:13px;display:grid}.rv-bar i{background:#f5b700;border-radius:6px;min-width:2px;height:10px;display:block}.bossreview{border-left:5px solid var(--gold);background:#fff;border-radius:12px;margin-top:12px;padding:8px 12px}.bossreview.bad{border-left-color:#e74c3c}.bossreview.good{border-left-color:#2ecc71}.bossreview p{margin:4px 0 0}.bubble.staff{border:3px solid var(--pc)}.bubble.staff .say{color:var(--navy)}.card{flex-direction:column;display:flex}.card>.btns{background:linear-gradient(to bottom, #fff8ec00, var(--cream) 22%);z-index:2;margin:14px -36px -28px;padding:12px 36px 16px;position:sticky;bottom:-28px}.compact .card>.btns{margin:10px -16px -12px;padding:8px 16px 10px;bottom:-12px}.btn .blabel{display:block}.btn .bsub{opacity:.75;margin-top:2px;font-size:13px;font-weight:500;display:block}.screen.menu .card{width:min(1000px,94vw);max-width:none}.screen.menu .btns{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.screen.menu .btn.hero{grid-column:1/-1;padding:14px 18px;font-size:22px}.screen.menu .btn.hero .bsub{font-size:15px}.screen.menu .btn.tile{flex-direction:column;justify-content:center;align-items:center;min-height:78px;display:flex}.screen.menu .btn.mini{opacity:.92;border-width:2px;padding:7px 10px;font-size:14px}.btn.danger{color:#c0392b;border-color:#c0392b}.btn.danger.focus,.btn.danger:hover{color:#fff;background:#c0392b}@media (max-width:700px){.screen.menu .btns{grid-template-columns:repeat(2,1fr)}.screen.menu .btn.tile{min-height:64px}}.screen.menu.loading .card{width:auto;max-width:min(560px,94vw)}.screen.menu.loading .btns{display:flex}.roomchat{background:#fff;border-radius:12px;margin-top:10px;padding:8px 12px;font-size:14px}.roomchat p{margin:3px 0}.roomchat .rp-sys{color:#889;font-size:12.5px;font-style:italic}.touch .tbtns{right:calc(44px + env(safe-area-inset-right));bottom:calc(36px + env(safe-area-inset-bottom))}.touch .tbase{left:calc(48px + env(safe-area-inset-left));bottom:calc(40px + env(safe-area-inset-bottom))}.compact .touch .tbtns{right:calc(36px + env(safe-area-inset-right));bottom:calc(26px + env(safe-area-inset-bottom));gap:12px}.compact .touch .tbase{left:calc(40px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom))}.compact .touch .tb-pause{right:calc(14px + env(safe-area-inset-right));top:calc(6px + env(safe-area-inset-top))}.touch .tb.tb-pause{width:56px;height:56px;right:calc(16px + env(safe-area-inset-right));top:calc(70px + env(safe-area-inset-top));background:#001b41e6;border:3px solid #fff;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 3px #0005}.touch .tb.tb-pause svg{display:block}.compact .touch .tb.tb-pause{width:50px;height:50px;right:calc(16px + env(safe-area-inset-right));top:calc(46px + env(safe-area-inset-top))}.compact .touch .tb.tb-pause svg{width:24px;height:24px}.clock small.shift{color:#cfd8ff;white-space:nowrap;margin:-2px 0 2px;font-size:11px;font-weight:600;display:block}.compact .clock small.shift{font-size:9px}.shiftbox{background:var(--navy);color:#fff;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:10px;margin:8px 0;padding:8px 14px;display:flex}.shiftbox b{font-size:18px}.shiftbox span{color:#cfd8ff;font-size:14px}.relevo{border-left:5px solid var(--gold);background:#fff;border-radius:12px;margin:8px 0;padding:8px 12px}.rel-head{align-items:center;gap:10px;display:flex}.rel-head span{font-size:26px}.rel-head b{color:var(--navy);display:block}.rel-head small{color:#778}.relevo ul{margin:6px 0 0;padding-left:20px}.relevo li{color:#334;margin:3px 0}.gdot{border:3px solid var(--navy);border-radius:50%;width:20px;height:20px;display:inline-block}.pausetitle{justify-content:center;align-items:center;gap:12px;display:flex}.pausetitle .pause-ic{width:1em;height:1em;fill:var(--navy);flex:none}.acc-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.acc-head h1{margin:0}.acc-av{background:var(--navy);color:#fff;border:3px solid var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font:700 28px Fredoka,sans-serif;display:flex}.acc-ok{color:#1e7b3a;font-weight:600}.acc-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.acc-stat{text-align:center;background:#fff;border-radius:12px;padding:8px}.acc-stat b{color:var(--navy);font-size:20px;display:block}.acc-stat small{color:#667;font-size:12px}.pricebox.auto{border:3px solid var(--gold);box-shadow:0 0 0 4px #bba04044,0 6px #0003}.pricebox.auto div{font-size:16px}.pricebox.auto:before{content:"Cobrando: comprueba el precio";color:var(--gold);margin-bottom:4px;font:700 12px Fredoka,sans-serif;display:block}@keyframes popc{0%{transform:translate(-50%)scale(.85)}60%{transform:translate(-50%)scale(1.05)}to{transform:translate(-50%)scale(1)}}@keyframes popcc{0%{transform:translate(-50%,-50%)scale(.85)}60%{transform:translate(-50%,-50%)scale(1.05)}to{transform:translate(-50%,-50%)scale(1)}}.tutorial.flash{animation:.3s popc}.compact .tutorial.flash{animation:.3s pop}.compact .tutorial.open.flash{animation:.3s popcc}.dbar{vertical-align:middle;background:#00000030;border:2px solid #fff;border-radius:4px;width:34px;height:7px;margin-left:3px;display:inline-block;overflow:hidden;box-shadow:0 1px #0003}.dbar b{border-radius:2px;height:100%;display:block}.dirtmeter{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.dirtmeter small{color:#fff;white-space:nowrap;background:#e74c3c;border-radius:6px;margin-top:2px;padding:0 5px;font:700 10px Fredoka,sans-serif}.compact .dbar{width:26px;height:6px}.cq-season{color:var(--navy)}.cuadrante{grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0;display:grid}.cq{text-align:center;background:#fff;border:3px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-height:118px;padding:8px 6px;display:flex}.cq b{color:var(--navy);font-size:15px}.cq>small{color:#889;font-size:11px}.cq-shift{border-radius:8px;padding:2px 8px;font:700 12px Fredoka,sans-serif}.cq.manana .cq-shift{color:#8a6d00;background:#fff3c4}.cq.tarde .cq-shift{color:#23408e;background:#dfe7ff}.cq.libre .cq-shift{color:#1e7b3a;background:#e3f9e5}.cq-ev{font-size:22px;line-height:1}.cq-ev small{color:#556;margin-top:2px;font-size:10px;display:block}.cq-ev.empty{color:#ccc}.cq-ev .ic{width:24px;height:24px}.cq-stars{color:#f5b700;font-size:13px}.cq.today{border-color:var(--gold);box-shadow:0 0 0 3px #bba04033}.cq.past{opacity:.6}.evbox{background:#fff;border-left:5px solid #e67e22;border-radius:12px;align-items:flex-start;gap:12px;margin:8px 0;padding:8px 12px;display:flex}.evbox>span{font-size:30px}.evbox p{color:#445;margin:2px 0 0}@media (max-width:700px){.cuadrante{grid-template-columns:repeat(4,1fr)}}.screen.creator{background:#001b4155;justify-content:flex-start;padding-left:max(24px,6vw)}.swrow{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.swrow b{width:44px;color:var(--navy)}.swatch{border:3px solid #fff;border-radius:50%;width:24px;height:24px;display:inline-block;box-shadow:0 0 0 1px #0003}.swatch.on{box-shadow:0 0 0 3px var(--gold);transform:scale(1.15)}@media (max-width:700px){.screen.creator{justify-content:center;align-items:flex-end;padding-left:0}}.screen.menu .btns{grid-template-columns:repeat(60,1fr)}@media (max-width:700px){.screen.menu .btns{grid-template-columns:repeat(60,1fr)}}.screen.upgrades .card{width:min(1200px,96vw);max-width:none}.screen.upgrades .btns{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.screen.upgrades .btn.hero{grid-column:1/-1}.btn.upgcard{text-align:left;flex-direction:column;gap:4px;min-height:128px;padding:12px 14px;display:flex}.btn.upgcard .blabel{font-size:17px}.btn.upgcard .bsub{opacity:1;flex-direction:column;flex:1;gap:4px;display:flex}.upg-eff{color:#1e7b3a;font-size:14px;font-weight:700}.upg-desc{color:#556;flex:1;font-size:13px;font-weight:500}.upg-price{background:var(--navy);color:#fff;border-radius:10px;align-self:flex-start;padding:3px 10px;font-size:14px;font-weight:700}.upg-price.no{background:#b2bec3}.upg-price.ok{background:#2ecc71}.btn.upgcard.owned{border-color:#2ecc71}.btn.upgcard.disabled{opacity:.7}.compact .card{border-width:3px;border-radius:16px;max-height:96vh;padding:10px 14px}.compact .card h1{margin:2px 0 6px;font-size:19px}.compact .card h2{margin:2px 0 6px;font-size:17px}.compact .card p{margin:4px 0;font-size:13px}.compact .btn{border-width:2px;border-radius:10px;padding:6px 10px;font-size:13.5px}.compact .btn .bsub{font-size:11px}.compact .btns{gap:6px;margin-top:8px}.compact .logo-img{width:150px}.compact .title .subtitle{font-size:12px}.compact .menu-stats span{padding:2px 8px;font-size:12px}.compact .screen.menu .btn.hero{padding:7px 10px;font-size:15px}.compact .screen.menu .btn.tile{min-height:42px}.compact .relevo li,.compact .evbox p{font-size:12px}.compact .relevo,.compact .evbox,.compact .goalbox{margin:5px 0;padding:5px 9px}.compact .shiftbox{margin:5px 0;padding:5px 10px}.compact .shiftbox b{font-size:14px}.compact .shiftbox span{font-size:12px}.compact .brief-head h1{font-size:19px}.compact .brief-icon{font-size:28px}.compact .learn span{padding:2px 8px;font-size:12px}.compact .cq{min-height:72px;padding:4px 3px}.compact .cq b{font-size:12px}.compact .cq-shift{padding:1px 5px;font-size:10px}.compact .cq-ev{font-size:16px}.compact .cq-ev small{font-size:8.5px}.compact .ach-tx b{font-size:13px}.compact .ach-tx small{font-size:11px}.compact .ach-ic{width:38px;height:38px;font-size:22px}.compact .screen.achs .ach{padding:6px 8px}.compact .review p{font-size:12px}.compact table.sum td{padding:2px 6px;font-size:13px}.compact .btn.upgcard{min-height:96px;padding:8px 10px}.compact .btn.upgcard .blabel{font-size:14px}.compact .upg-desc{font-size:11.5px}.compact .upg-eff,.compact .upg-price{font-size:12px}.compact .screen.upgrades .btns{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.compact .acc-stat b{font-size:16px}.compact .acc-stats{gap:5px}.screen.upgrades .card>.btns,.screen.menu .card>.btns{background:0 0;margin:12px 0 0;padding:0;position:static}.pill.temp.bad{color:#fff;background:#e74c3c}.pill.temp.cold{color:#fff;background:#3d8bff}.pricebox.pbig,.pricebox.auto{padding:10px 14px;font-size:17px;display:block}.pricebox.pbig div,.pricebox.auto div{padding:3px 0;font-size:17px}.pricebox.pbig b,.pricebox.auto b{font-size:18px}.pricebtn kbd{margin-left:4px;padding:0 5px;font-size:11px}.compact .pricebox.pbig div,.compact .pricebox.auto div{font-size:13px}.screen.creator .card{max-width:min(560px,94vw)}.screen.creator .btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.btn.cyc{text-align:left;padding:6px 10px;font-size:14px}.btn.cyc:before{content:"◀";opacity:.35;margin-right:6px}.btn.cyc:after{content:"▶";opacity:.35;float:right}.btn.cyc.wide{text-align:center;grid-column:1/-1}.btn.cyc.wide:before,.btn.cyc.wide:after{content:none}.btn.cyc .swatch{vertical-align:-2px;border-width:2px;width:14px;height:14px}.compact .btn.cyc{padding:4px 8px;font-size:12px}.btn.cyc{align-items:center;gap:6px;display:flex}.btn.cyc .blabel{flex:1;align-items:center;gap:4px;display:flex}.btn.cyc:before,.btn.cyc:after{float:none;flex:none;margin:0}.btn.cyc.wide{justify-content:center}.btn.cyc.wide .blabel{flex:none}.screen.creator .card>.btns{background:0 0;margin:10px 0 0;padding:0;position:static}.touch .tb.tb-cam{pointer-events:auto;width:50px;height:50px;right:calc(16px + env(safe-area-inset-right));top:calc(136px + env(safe-area-inset-top));background:#001b41b0;border:3px solid #fff9;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;box-shadow:0 3px #0005}.compact .touch .tb.tb-cam{width:44px;height:44px;top:calc(104px + env(safe-area-inset-top))}.touch .tb.tb-cam.on-auto{background:#2ecc71d0;border-color:#fff}.touch .tb.tb-cam.panned{animation:1.2s ease-in-out infinite campulse}@keyframes campulse{50%{transform:scale(1.12)}}canvas{touch-action:none}@media (max-height:520px){.screen.menu .card{width:min(1000px, calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));grid-template-rows:auto 1fr;grid-template-columns:minmax(140px,24%) 1fr;align-items:center;column-gap:14px;max-height:calc(100vh - 16px);padding:10px 12px;display:grid;overflow:hidden}.screen.menu .card>.title{grid-area:1/1;align-self:end}.screen.menu .card>.title .logo-img{width:100%;max-width:190px}.screen.menu .card>.title .subtitle{font-size:11px}.screen.menu .card>.menu-stats{flex-wrap:wrap;grid-area:2/1;align-self:start;gap:5px;margin-top:6px}.screen.menu .card>.menu-stats span{padding:2px 7px;font-size:11px}.screen.menu .card>.btns{grid-area:1/2/3;gap:7px;margin:0!important}.screen.menu .btn{min-width:0}.screen.menu .btn .blabel{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.screen.menu .btn.hero{padding:7px 10px!important;font-size:14px!important}.screen.menu .btn.hero .bsub{font-size:11px}.screen.menu .btn.tile{padding:5px 8px;font-size:14px;min-height:40px!important}.screen.menu .btn.tile .bsub{font-size:10.5px}.screen.menu .btn.mini{padding:5px 6px;font-size:12px}}.compact .banner{bottom:auto;top:calc(42px + env(safe-area-inset-top));border-width:2px;max-width:max(240px,100vw - 400px);padding:6px 14px}.compact .banner b{font-size:15px}.compact .banner span{font-size:12px}.compact .sidebox .task.done,.is-touch .pricebtn kbd{display:none}.is-touch .pricebtn{padding:3px 9px 3px 6px}body .touch .tbtns{width:176px;height:168px;right:calc(22px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:none;display:block}body .touch .tbtns .tb{pointer-events:auto;position:absolute}body .touch .tbtns .tb-a{width:76px;height:76px;font-size:28px;bottom:0;right:0}body .touch .tbtns .tb-x{width:64px;height:64px;font-size:24px;bottom:14px;right:92px}body .touch .tbtns .tb-b{width:60px;height:60px;font-size:22px;bottom:92px;right:12px}body.compact .touch .tbtns{width:150px;height:146px;right:calc(18px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}body.compact .touch .tbtns .tb-a{width:66px;height:66px;font-size:26px}body.compact .touch .tbtns .tb-x{width:56px;height:56px;font-size:21px;bottom:10px;right:80px}body.compact .touch .tbtns .tb-b{width:52px;height:52px;font-size:19px;bottom:80px;right:8px}.pricebox div{white-space:nowrap}.pricebox div b{flex:none}.pricebox.pbig:not(.auto){width:max-content;min-width:100%;max-width:min(340px,46vw);max-height:none;display:block;position:static;transform:none;box-shadow:0 6px #0003}.pricebox.pbig:not(.auto):after{content:"Toca para cerrar";text-align:center;color:#cfd8cf;margin-top:4px;font-size:11px;display:block}.compact .pricebox.pbig:not(.auto){padding:5px 9px}.compact .pricebox.pbig:not(.auto) div{padding:1px 0;font-size:12.5px}.compact .pricebox.auto div{padding:1px 0;font-size:11.5px}.screen.pause .card{grid-template-rows:auto 1fr;grid-template-columns:1.15fr 1fr minmax(200px,250px);align-items:start;gap:10px 18px;width:min(1040px,100vw - 32px);max-width:none;max-height:calc(100vh - 24px);display:grid;overflow:hidden}.screen.pause .card>h1{flex-wrap:wrap;grid-area:1/1/auto/3;justify-content:flex-start;margin:0;font-size:26px}.screen.pause .card>h1 small{color:#667;margin-left:4px;font-size:14px;font-weight:600}.screen.pause .card>.btns{flex-direction:column;grid-area:1/3/4;gap:7px;display:flex;background:0 0!important;margin:0!important;padding:0!important;position:static!important}.screen.pause .card>.btns .btn{min-width:0;padding:8px 12px;font-size:15px}.screen.pause .pstats{grid-area:2/1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.screen.pause .pfaults{grid-area:3/1;font-size:13px}.screen.pause .pfaults>b,.screen.pause .prevs>b{color:var(--navy);margin-bottom:4px;font-size:14px;display:block}.screen.pause .pf{overflow-wrap:anywhere;background:#fff4e0;border-radius:8px;margin-bottom:3px;padding:3px 8px}.screen.pause .pf.s2,.screen.pause .pf.s3{background:#ffe3e3}.pcell{text-align:center;background:#f4f6fa;border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:6px 4px;display:flex}.pcell .pic{line-height:1}.pcell b{color:var(--navy);white-space:nowrap;font-size:17px}.pcell small{color:#667;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.pcell.good{background:#e3f8ea}.pcell.bad b{color:#c0392b}.screen.pause .prevs{grid-area:2/2/4;min-width:0}.prev{background:#f4f6fa;border-radius:10px;margin-bottom:5px;padding:5px 9px}.prev .prh{color:var(--navy);justify-content:space-between;gap:8px;font-size:13px;font-weight:600;display:flex}.prev .pstars{color:#f1b80b;white-space:nowrap}.prev .pstars i{color:#d5d9e0;font-style:normal}.prev p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.prevs .pnone{color:#889;margin:0;font-size:13px}.compact .screen.pause .card{grid-template-columns:1.1fr 1fr minmax(160px,200px);gap:6px 12px;padding:8px 12px}.compact .screen.pause .card>h1{font-size:18px}.compact .screen.pause .card>h1 small{font-size:11px}.compact .screen.pause .card>.btns .btn{padding:5px 8px;font-size:13px}.compact .pcell{padding:3px 2px}.compact .pcell b{font-size:13px}.compact .pcell small{font-size:9.5px}.compact .screen.pause .pfaults{font-size:11px}.compact .prev p{-webkit-line-clamp:1;font-size:11px}.compact .prev .prh{font-size:11.5px}.compact .screen.pause .prevs .prev:nth-of-type(n+3){display:none}.ui:has(.screen.pause) :is(.toasts,.float,.banner,.achv,.actionbar,.tickets,.tutorial){visibility:hidden}.pcell small{white-space:normal;line-height:1.1}.screen.creator,.compact .screen.creator{padding:10px calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));background:linear-gradient(90deg,#001b4166,#0000 30% 70%,#001b4166);justify-content:center;align-items:stretch}.screen.creator .card,.compact .screen.creator .card{width:100%;max-width:1240px;height:100%;max-height:none;box-shadow:none;background:0 0;border:none;flex-direction:column;gap:8px;margin:0 auto;padding:0;display:flex;overflow:visible}.screen.creator .chead{border:3px solid var(--gold);box-sizing:border-box;background:#fffdf5;border-radius:14px;width:calc(38% - 12px);padding:6px 12px}.screen.creator .chead h1{margin:0 0 4px;font-size:22px}.screen.creator .chead .flabel{white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.screen.creator .chead .finput{flex:1;min-width:0;margin:0;padding:4px 10px;font-size:15px}.screen.creator .chead .muted{margin:4px 0 0;font-size:12px}.screen.creator .card>.btns,.compact .screen.creator .card>.btns{background:0 0;flex:1;grid-template-columns:1fr 1fr 24% 1fr 1fr;grid-auto-rows:minmax(0,auto);align-content:end;gap:6px;padding:0;display:grid;position:static;margin:0!important}.screen.creator .btn.cyc{text-align:left;grid-template-columns:auto 1fr auto;grid-template-areas:"l s r""l v r";align-items:center;column-gap:4px;min-width:0;padding:4px 8px;font-size:14px;display:grid}.screen.creator .btn.cyc:before{grid-area:l}.screen.creator .btn.cyc:after{grid-area:r}.screen.creator .btn.cyc .bsub{color:#778;white-space:nowrap;text-overflow:ellipsis;grid-area:s;font-size:11px;line-height:1.1;overflow:hidden}.screen.creator .btn.cyc .blabel{white-space:nowrap;text-overflow:ellipsis;grid-area:v;min-width:0;line-height:1.2;overflow:hidden}.screen.creator .btn.cyc:not(:has(.bsub)) .blabel{grid-row:1/3}.screen.creator .btn.cyc.wide{justify-content:center;padding:8px 10px;font-size:15px;display:flex}@media (max-height:520px){.screen.creator .chead{padding:4px 10px}.screen.creator .chead h1{margin-bottom:2px;font-size:15px}.screen.creator .chead .muted{display:none}.screen.creator .chead .flabel{font-size:12px}.screen.creator .chead .finput{padding:2px 8px;font-size:13px}.screen.creator .card>.btns{gap:4px}.screen.creator .btn.cyc{border-width:2px;padding:2px 6px;font-size:12px}.screen.creator .btn.cyc .bsub{font-size:9.5px}.screen.creator .btn.cyc.wide{padding:6px 8px;font-size:13px}}.screen.creator .btn.cyc:not(:has(.bsub)){justify-content:center;display:flex}.screen.creator .btn.cyc:not(:has(.bsub)):before{content:none}.screen.creator .btn.cyc:not(:has(.bsub)):after{content:none}.screen.creator .btn.cyc .swatch{border:2px solid #fff;border-radius:50%;margin-right:4px;display:inline-block;box-shadow:0 0 0 1.5px #0005}@media (min-height:521px){.screen.creator .card>.btns,.compact .screen.creator .card>.btns{align-content:center;gap:10px;padding-bottom:4vh}.screen.creator .btn.cyc{padding:9px 12px;font-size:17px}.screen.creator .btn.cyc .bsub{font-size:12.5px}.screen.creator .btn.cyc.wide{padding:12px;font-size:17px}}.screen.creator .btn.cyc.editing{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold);background:#fff3c4}.screen.creator .btn.cyc.editing:before,.screen.creator .btn.cyc.editing:after{opacity:1;color:var(--navy)}.screen.creator .btn.cyc.has-arr:before,.screen.creator .btn.cyc.has-arr:after{content:none}.screen.creator .btn.cyc.has-arr{grid-template-areas:"l s r""l v r";padding-left:2px;padding-right:2px}.btn.cyc .arr{min-width:30px;color:var(--navy);opacity:.45;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;font-size:15px;display:flex}.btn.cyc .arr-l{grid-area:l}.btn.cyc .arr-r{grid-area:r}.btn.cyc .arr:hover{opacity:1;background:#00000010}.btn.cyc .arr:active{transform:scale(.88)}.btn.cyc.editing .arr{opacity:1}@media (pointer:coarse){.btn.cyc .arr{opacity:.7;min-width:36px}}.screen.days .card{flex-direction:column;width:min(1040px,100vw - 32px);max-width:none;max-height:calc(100vh - 24px);display:flex}.screen.days .card>h1{margin:0 0 2px}.screen.days .card>.muted{margin:0 0 10px}.screen.days .card>.btns{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid;overflow:auto;background:0 0!important;margin:0!important;padding:0!important;position:static!important}.screen.days .btn.day{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;padding:8px 12px;display:flex}.screen.days .btn.day .bsub{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.screen.days .btn.wide{grid-column:1/-1}@media (max-height:520px){.screen.days .card{padding:8px 12px}.screen.days .card>h1{font-size:18px}.screen.days .card>.muted{margin-bottom:6px;font-size:11px}.screen.days .card>.btns{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:5px}.screen.days .btn.day{padding:4px 8px;font-size:13px}.screen.days .btn.day .bsub{font-size:10.5px}}.splitc{z-index:20;padding:8px calc(12px + env(safe-area-inset-right)) 10px calc(12px + env(safe-area-inset-left));pointer-events:none;flex-direction:column;gap:8px;font-family:Fredoka,sans-serif;display:flex;position:fixed;inset:0}.splitc.hidden{display:none}.splitc>*{pointer-events:auto}.sp-top{border:3px solid var(--gold);color:var(--navy);background:#fffdf5;border-radius:14px;align-self:center;align-items:center;gap:12px;max-width:100%;padding:4px 12px;display:flex}.sp-top b{white-space:nowrap;align-items:center;gap:6px;font-size:18px;display:flex}.sp-top span{color:#667;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sp-top .sp-exit{border:2px solid var(--navy);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;padding:3px 8px;font:600 12px Fredoka,sans-serif}.sp-grid{flex:1;gap:10px;min-height:0;display:grid}.sp-grid.n1{grid-template-columns:minmax(0,420px);justify-content:center}.sp-grid.n2{grid-template-columns:repeat(2,1fr)}.sp-grid.n3{grid-template-columns:repeat(3,1fr)}.sp-grid.n4,.sp-grid.n5{grid-template-columns:repeat(4,1fr)}.sp-grid.n5 .sp.join{display:none}.sp{background:linear-gradient(#001b4122,#001b4100 30%);border:3px solid #fff5;border-radius:16px;flex-direction:column;min-width:0;min-height:0;display:flex}.sp.ready{border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7166}.sp header{background:var(--navy);color:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:flex}.sp header span{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sp-view{flex:1;min-height:60px}.sp-box{border:3px solid var(--gold);color:var(--navy);background:#fffdf5;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex}.sp-name{border:2px solid var(--navy);border-radius:8px;min-width:0;padding:3px 8px;font:600 13px Fredoka,sans-serif}.sp-row{text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:2px 8px;font-size:12px;overflow:hidden}.sp-row.dim{color:#99a;cursor:pointer}.sp-row.cur{border:2px solid var(--gold);background:#fff3c4;grid-template-columns:34px 1fr 34px;align-items:center;padding:2px;display:grid}.sp-row.cur span{flex-direction:column;min-width:0;display:flex}.sp-row.cur small{color:#778;font-size:10.5px}.sp-row.cur b{white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:4px;font-size:14px;display:flex;overflow:hidden}.sp-row.cur .swatch{border:2px solid #fff;border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1.5px #0005}.sp-arr{color:var(--navy);cursor:pointer;background:0 0;border:none;border-radius:8px;height:100%;font-size:16px}.sp-arr:active{background:#0001}.sp-btns{grid-template-columns:1fr 2fr;gap:4px;display:grid}.sp-btns button{border:2px solid var(--navy);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font:600 13px Fredoka,sans-serif;display:flex}.sp-btns .sp-ok{background:var(--navy);color:#fff}.sp.ready .sp-btns .sp-ok{background:#2ecc71;border-color:#1e8e4e}.sp-btns kbd{padding:0 4px;font-size:10px}.sp.join{border-style:dashed;justify-content:flex-end;align-items:center}.sp-join{text-align:center;color:var(--navy);background:#fffdf5cc;border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px;padding:10px;font-size:12px;display:flex}.sp-join b{font-size:15px}@media (max-height:520px){.splitc{gap:4px;padding-top:4px}.sp-top{padding:2px 8px}.sp-top b{font-size:14px}.sp-top span{display:none}.sp-box{gap:2px;padding:4px}.sp-row.dim{display:none}.sp-name{padding:1px 6px;font-size:12px}.sp-row.cur b{font-size:12.5px}.sp-btns button{padding:2px 4px;font-size:11.5px}}.sp header b{white-space:nowrap}@media (max-height:520px){.sp header{padding:2px 7px;font-size:11.5px}.sp header span{font-size:9.5px}.sp-row.cur{grid-template-columns:24px 1fr 24px}.sp-row.cur small{font-size:9.5px}.sp-row.cur b{font-size:11.5px}.sp-btns kbd{display:none}}.screen.menu .btn.mini .blabel{white-space:nowrap;text-overflow:clip!important;overflow:visible!important}.screen.menu .btn.mini{min-width:max-content;padding-left:6px;padding-right:6px}.ui:has(.screen:not(.hidden)) .toasts{top:auto!important;bottom:calc(6px + env(safe-area-inset-bottom))!important}body:has(.splitc:not(.hidden)) .toasts{top:auto!important;bottom:calc(6px + env(safe-area-inset-bottom))!important}.ui:has(.screen:not(.hidden)) .toast{opacity:.96;padding:4px 12px;font-size:12.5px}.float.quiet .bubble{opacity:.35;transform-origin:50%}.float.quiet .bubble.staff{opacity:1}.panels{z-index:8}.float{z-index:2}.touch .tb.tb-cam{display:none!important}@media (max-height:640px){.pricebox.pbig:not(.auto){grid-template-columns:auto auto;column-gap:12px;max-width:min(380px,56vw);padding:5px 9px;display:grid!important}.pricebox.pbig:not(.auto) div{gap:6px;padding:1px 0!important;font-size:12px!important}.pricebox.pbig:not(.auto) b{font-size:12.5px!important}.pricebox.pbig:not(.auto):after{grid-column:1/-1;margin-top:2px}}.tutorial.wait,.compact .tutorial.wait,.compact .tutorial.wait.open{z-index:30;width:min(620px,100vw - 32px);max-height:calc(100vh - 24px);position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #001b4166,0 8px #0004}.tutorial.wait.flash,.compact .tutorial.wait.flash,.compact .tutorial.wait.open.flash{animation:.3s popcc}.tutorial.wait .tcont{animation:1.2s ease-in-out infinite tpulse}@keyframes tpulse{50%{transform:scale(1.06)}}.tutorial.wait .tcont{text-align:center;transform-origin:50%;display:block}.leftcol .pricebox{right:calc(12px + env(safe-area-inset-right));z-index:6;max-height:calc(100vh - 82px);top:66px;overflow:hidden;position:fixed!important;left:auto!important;transform:none!important}.is-touch .leftcol .pricebox{top:calc(44px + env(safe-area-inset-top));right:calc(84px + env(safe-area-inset-right));max-height:calc(100vh - 54px)}.is-touch .leftcol .pricebox.pbig:not(.auto){grid-template-columns:auto auto}.leftcol .pricebox,.leftcol .pricebox.pbig:not(.auto){width:max-content!important;min-width:0!important;max-width:min(380px,60vw)!important}.leftcol .pricebox{max-height:calc(100vh - 90px);top:74px}.compact .leftcol .pricebox{max-height:calc(100vh - 58px);top:48px}.is-touch .leftcol .pricebox{top:calc(48px + env(safe-area-inset-top));max-height:calc(100vh - 58px)}.splitline{background:var(--gold);z-index:0;pointer-events:none;position:absolute;box-shadow:0 0 0 2px #001b41}.edgemark.goal{transform-origin:50%;background:#ff3d7f;border-color:#fff}.edgemark.goal .arr{border-left-color:#ff3d7f}.edgemark.wait{background:#fff3c4}.screen.days .card>.btns{margin:0 -5px!important;padding:5px!important;overflow:visible!important}.slot,.slot *{overflow-wrap:anywhere}.slot{min-width:0}.roomchat-form{gap:8px;margin-top:8px;display:flex}.roomchat-form .finput{flex:1;min-width:0;margin:0}.roomchat-form .btn{flex:none;padding:6px 14px}#room-chat-log{max-height:110px;overflow:auto}.alarmcd{left:50%;top:calc(56px + env(safe-area-inset-top));z-index:12;color:#fff;pointer-events:none;background:#c0392b;border:4px solid #fff;border-radius:18px;align-items:center;gap:10px;padding:6px 18px;animation:.5s ease-in-out infinite alarmpulse;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px #0004}.alarmcd b{font-size:34px;line-height:1}.alarmcd span{font-size:16px;font-weight:700}@keyframes alarmpulse{50%{background:#e74c3c;transform:translate(-50%)scale(1.07)}}.compact .alarmcd{padding:3px 12px;top:40px}.compact .alarmcd b{font-size:24px}.compact .alarmcd span{font-size:13px}.edgemark.dirt{background:#fff1e0;border-color:#c58b4c;width:32px;height:32px}.edgemark.dirt .arr{border-left-color:#c58b4c}.bubble.below.talking:after{border-top:0;border-bottom:8px solid #fff;top:-8px;bottom:auto}.pmoney{gap:6px;margin:6px 0 4px;display:flex}.pmoney span{background:#f3f7f1;border:2px solid #cfe3c8;border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:3px 4px;display:flex}.pmoney small{color:#5b6b5b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.pmoney b{color:var(--navy);font-size:22px;line-height:1.1}.pmoney b.gv{color:#1e7b3a}.compact .pmoney b{font-size:17px}.compact .pmoney small{font-size:9px}.pmoney b.tbd{color:#8a8f99;padding:4px 0;font-size:13px}.wavebar{color:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-width:112px;padding:3px 10px;display:flex;box-shadow:0 3px #0004}.wavebar span{white-space:nowrap;align-items:center;gap:4px;font:700 14px Fredoka,sans-serif;display:flex}.wavebar span b{margin-left:auto}.wavebar small{opacity:.85;white-space:nowrap;font-size:10px}.wavebar .bar{background:#ffffff40;border-radius:4px;height:6px;margin:2px 0 1px;overflow:hidden}.wavebar .bar i{background:#fff;height:100%;transition:width .3s linear;display:block}.wavebar.rush{background:#c0392b}.wavebar.calm{background:#1e8a5a}.compact .wavebar{min-width:80px;padding:2px 6px}.compact .wavebar span{font-size:11px}.compact .wavebar small{display:none}.screen.creator .btn.cyc .swatch,.screen.creator .btn.cyc .swatch.on{flex:none;width:14px;height:14px;margin:0 4px 0 2px;transform:none;box-shadow:0 0 0 1.5px #0005}.screen.creator .btn.cyc .blabel{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-left:3px;line-height:1.12;display:-webkit-box}.screen.creator .btn.cyc .blabel:has(.swatch){white-space:nowrap;align-items:center;padding:3px 0;display:flex}.screen.creator .btn.cyc{column-gap:2px;padding:4px 6px}.screen.creator .btn.cyc:before,.screen.creator .btn.cyc:after{text-align:center;width:10px}.screen.creator .card>.btns,.compact .screen.creator .card>.btns{grid-template-columns:1fr 1fr 20% 1fr 1fr}.screen.creator .chead{width:calc(40% - 12px)}.roomtab{top:calc(10px + env(safe-area-inset-top));text-align:left;border-radius:16px;align-items:center;gap:8px;padding:4px 12px 4px 6px;display:flex;bottom:auto;right:10px}.roomtab .rt-faces{display:flex}.roomtab .rt-faces .rp-face+.rp-face{margin-left:-8px}.roomtab .rt-txt{white-space:nowrap;flex-direction:column;line-height:1.05;display:flex}.roomtab .rt-txt b{font-size:14px}.roomtab .rt-txt small{color:#cfd8ff;font-size:11px;font-weight:500}.roomtab i.rt-unread{margin-left:2px}.rp-face{border:3px solid var(--pc);box-sizing:border-box;background:#fff8e8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden}.rp-face img{object-fit:cover;width:100%;height:100%;display:block}.rp-face i{color:var(--navy);background:0 0;margin:0;padding:0;font-size:14px;font-style:normal;font-weight:700}.rp-face.big{width:46px;height:46px}body.has-roomtab .topbar{right:210px}body.compact .roomtab{gap:5px;padding:2px 8px 2px 4px;top:3px;bottom:auto;right:6px}.compact .roomtab .rp-face{border-width:2px;width:26px;height:26px}.compact .roomtab .rt-txt small{display:none}body.compact.has-roomtab .topbar{right:150px}.sp-row.cur .swatch,.sp-row.cur .swatch.on{flex:none;margin-left:2px;transform:none}.sp-row.cur b{padding:2px 3px}.screen.creator .btn.cyc .bsub{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.05;display:-webkit-box}.compact .wavebar{flex:none;min-width:0}.compact .wavebar span{gap:3px}.wavetl{z-index:6;box-sizing:border-box;color:#fff;pointer-events:none;border:3px solid #fff;border-radius:14px;width:min(380px,44vw);padding:6px 12px 5px;font-family:Fredoka,sans-serif;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px #0004}.wavetl.rush{background:#c0392b}.wavetl.calm{background:#1e8a5a}.wavetl .wt-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.wavetl .wt-head b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:15px;display:flex;overflow:hidden}.wavetl .wt-head span{font-size:20px;font-weight:700}.wavetl .wt-bar{background:#ffffff40;border-radius:6px;height:10px;margin:4px 0 2px;overflow:hidden}.wavetl .wt-bar i{background:#fff;border-radius:6px;height:100%;transition:width .25s linear;display:block}.wavetl small{opacity:.9;font-size:11.5px}.wavetl.ending{animation:.5s ease-in-out infinite wtpulse}@keyframes wtpulse{50%{transform:translate(-50%)scale(1.04)}}.compact .wavetl{border-width:2px;width:min(260px,40vw);padding:3px 8px}.compact .wavetl .wt-head b{font-size:12px}.compact .wavetl .wt-head span{font-size:14px}.compact .wavetl .wt-bar{height:6px;margin:2px 0 0}.compact .wavetl small{display:none}.postcard{left:50%;bottom:calc(110px + env(safe-area-inset-bottom));pointer-events:none;z-index:1;background:#f3e3c3;border:4px solid #8d6e63;border-radius:14px;width:min(340px,60vw);padding:6px 8px 8px;position:absolute;transform:translate(-50%);box-shadow:0 6px #0004}.postcard.top{bottom:auto;top:calc(118px + env(safe-area-inset-top))}.postcard small kbd{background:var(--navy);color:#fff;border-radius:5px;padding:0 5px;font:700 11px Fredoka,sans-serif}.postcard b{color:var(--navy);align-items:center;gap:6px;margin-bottom:4px;font:700 14px Fredoka,sans-serif;display:flex}.postcard canvas{background:#e8d3ad;border-radius:6px;width:100%;height:auto;display:block}.compact .postcard{width:min(280px,56vw);padding:4px;bottom:64px}.compact .postcard.top{top:96px;bottom:auto}.banner.on,.toast{pointer-events:auto;cursor:pointer}.compact .ui.banner-on .wavetl{visibility:hidden}.compact .banner{max-width:min(60vw,460px);top:calc(40px + env(safe-area-inset-top))!important;bottom:auto!important}.compact .toasts{max-width:56vw;top:calc(92px + env(safe-area-inset-top))!important;bottom:auto!important}.compact .toast{padding:4px 10px;font-size:12px}.screen.roomscr .card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"l r""b r";align-items:start;column-gap:16px;max-width:min(1080px,96vw);display:grid}.screen.roomscr .room-l{grid-area:l;min-width:0}.screen.roomscr .room-r{box-sizing:border-box;flex-direction:column;grid-area:r;align-self:stretch;min-width:0;min-height:0;margin:0;display:flex}.screen.roomscr .room-r #room-chat-log{overflow-wrap:anywhere;flex:auto;height:0;min-height:160px;max-height:none;overflow-y:auto}.screen.roomscr .card>.btns{grid-area:b;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.screen.roomscr .slots{grid-template-columns:1fr 1fr}@media (max-width:640px){.screen.roomscr .card{grid-template-columns:1fr;grid-template-areas:"l""r""b"}.screen.roomscr .room-r #room-chat-log{min-height:140px}}.screen.roomscr .roomchat-form{flex:none;padding:0 0 2px}.screen.roomscr .room-r>b{font-size:16px}.screen.roomscr .roomchat-form .finput{box-sizing:border-box;text-overflow:ellipsis;width:auto;padding:6px 10px;font-size:16px}.compact .screen.roomscr .card{row-gap:0}.compact .screen.roomscr .room-l h1{margin:0 0 2px}.compact .screen.roomscr .slots{gap:6px;margin:6px 0}.compact .screen.roomscr .slot{gap:0;padding:5px 6px;font-size:12px}.compact .screen.roomscr .slot b{font-size:14px}.compact .screen.roomscr .room-r{padding:6px 10px}.compact .screen.roomscr .room-r #room-chat-log{min-height:60px;font-size:13px}.compact .screen.roomscr .roomchat-form{margin-top:6px}.compact .screen.roomscr .roomchat-form .finput{border-width:2px;padding:4px 8px;font-size:14px}.compact .screen.roomscr .roomchat-form .btn{padding:4px 12px}body:not(.compact) .ui .toasts{top:172px;bottom:auto}.postcard .pc-notes{background:#f6f3ec;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid}.postcard .pc-notes canvas{background:0 0;width:100%;height:auto;display:block}.postcard small{color:#5d4037;margin-top:4px;font:600 12px Fredoka,sans-serif;display:block}.postcard b .bad{color:#c0392b}.compact .postcard .pc-notes{grid-template-columns:repeat(4,1fr);gap:3px;padding:4px}.panel.wide{width:min(600px,100vw - 40px);max-height:80vh}.panel.wide.p1{right:20px}.pgrid{flex:1;gap:6px;min-height:0;display:grid;overflow-y:auto}.pcol{background:#f4f6fa;border:2px solid #e2e6ef;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:4px;display:flex}.pcol.on{border-color:var(--navy);background:#eef2fb}.pchead{color:var(--navy);text-align:center;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;border-bottom:2px solid #e2e6ef;padding:2px 0 3px;font-size:12px;font-weight:700;overflow:hidden}.prow.pcell{text-align:center;background:#fff;border:2px solid #dde2ec;border-radius:8px;flex-direction:column;justify-content:center;align-items:stretch;min-height:46px;padding:6px 4px;line-height:1.15}.prow.pcell span{overflow-wrap:anywhere;font-size:14px;font-weight:600}.prow.pcell b{color:#1e7b3a;font-size:13px;font-weight:700}.prow.pcell:hover{border-color:#9aa7c4}.prow.pcell.sel{background:var(--navy);color:#fff;border-color:#ffc93c;box-shadow:0 0 0 3px #ffc93c}.prow.pcell.sel b{color:#ffe08a}.pfoot kbd{white-space:nowrap}.compact .panel.wide{width:auto;max-height:none;left:8px;right:170px}.compact .pgrid{gap:4px}.compact .pcol{gap:3px;padding:3px}.compact .pchead{padding:1px 0 2px;font-size:10px}.compact .prow.pcell{border-width:1.5px;min-height:0;padding:2px;line-height:1.05}.compact .prow.pcell span{font-size:12px}.compact .prow.pcell b{font-size:11px}.compact .panel.wide .phint{margin-bottom:2px;font-size:11px}.compact .panel.wide .ptitle{font-size:15px}.compact .panel.wide .pmoney{margin:2px 0 4px}.compact .panel.wide .pmoney span{padding:1px 4px}.compact .panel.wide .pfoot{margin-top:3px;font-size:11px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.compact .rel-head b{font-size:14px}.compact .rel-head small{font-size:12px}.compact .rel-head span{font-size:20px}.compact .relevo li{font-size:13px}.compact .say{font-size:14px}.compact .boss b{font-size:15px}.compact .boss small{font-size:12px}.screen.creator,.compact .screen.creator{-webkit-overflow-scrolling:touch;overflow-y:auto}.screen.creator .card,.compact .screen.creator .card{height:auto;min-height:100%}@media (max-height:520px){.screen.creator .card>.btns,.compact .screen.creator .card>.btns{flex:1 0 auto;padding-bottom:4px}.screen.creator .btn.cyc{min-height:40px;font-size:13px}.screen.creator .btn.cyc .bsub{font-size:10.5px}.screen.creator .btn.cyc.wide{z-index:2;min-height:44px;font-size:14px;position:sticky;bottom:0;box-shadow:0 4px #0004,0 0 0 4px #001b4155}}.is-touch .screen.menu .btn.mini{min-height:44px}.rotate-hint.off{display:none!important}.rotate-hint small{opacity:.75;margin-top:14px;font-size:15px;font-weight:500;display:block}body:has(.tutorial.wait:not(.hidden)) .touch{visibility:hidden}@media (max-height:520px){.screen.brief .card>.btns{flex-direction:row;padding-top:6px;padding-bottom:8px}.screen.brief .card>.btns .btn{flex:1;padding:6px 10px}.compact .tutorial.open,.compact .tutorial.wait,.compact .tutorial.wait.open{width:min(440px,58vw);padding:8px 12px;top:40px;transform:translate(-50%);box-shadow:0 0 0 100vmax #001b4133,0 6px #0004}.compact .tutorial.open.flash,.compact .tutorial.wait.flash,.compact .tutorial.wait.open.flash{animation:.3s popc}.compact .tutorial.open h2{margin:0 0 2px;font-size:15px}.compact .tutorial.open p{font-size:13px;line-height:1.3}.compact .tutorial.open .tcont{margin-top:4px;font-size:12.5px}}.evbox.alerg{border-left-color:#2e86de;display:block}.evbox.alerg summary{cursor:pointer;font-weight:700}.evbox.alerg ul{columns:2;color:#445;margin:6px 0 0;padding-left:18px;font-size:13px}.evbox.alerg li{break-inside:avoid}@media (max-width:600px){.evbox.alerg ul{columns:1}}.arcade-hud{top:calc(64px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:5;color:#fff;pointer-events:none;background:#001b41e6;border:2px solid #f2b632;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;display:flex;position:fixed}.arcade-hud .sep{opacity:.5}.compact .arcade-hud{top:calc(48px + env(safe-area-inset-top));right:calc(84px + env(safe-area-inset-right));padding:4px 8px;font-size:12px}.screen.arcade .card>p{max-width:70ch;margin-inline:auto}.screen.arcade .card{width:min(1000px,94vw);max-width:none}.screen.arcade .btns{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.screen.arcade .btn.tile{flex-direction:column;justify-content:center;align-items:center;min-height:70px;display:flex}.screen.arcade .btn.hero{grid-column:1/-1;padding:14px 18px;font-size:22px}.screen.arcade .btn.mini{border-width:2px;padding:7px 10px;font-size:14px}.compact .screen.arcade .btn.tile{min-height:50px}.compact .screen.arcade .btns{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.screen.arcade .card>.btns{background:0 0;position:static}