@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Bungee-Regular.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/VT323-Regular.woff2) format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PatrickHand-Regular.woff2) format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Caveat-600.woff2) format("woff2")}:root{--ink: #263e8e;--ink-soft: #496abb;--red: #be3a3c;--paper: #f6f3e6;--paper-2: #fcfaf2;--card: #fffdf7;--muted: #586581;--line: #263e8e29;--line-2: #263e8e50;--marker: #f2ce65;--marker-deep: #e6b53a;--green: #2a7a3a;--orange: #d9772a;--font-display: "Bungee", Impact, sans-serif;--font-ui: "VT323", "Courier New", monospace;--font-hand: "Patrick Hand", "Segoe Print", cursive;--font-note: "Caveat", "Patrick Hand", cursive;--paper-rules: repeating-linear-gradient(0deg, transparent 0 27px, #496abb12 27px 28px);--shadow: 3px 3px 0 var(--paper-2), 6px 6px 0 var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--paper-rules),var(--paper);color:var(--ink);font-family:var(--font-hand)}body:before{content:"";position:fixed;inset:0 auto 0 6.5%;width:2px;background:var(--red);opacity:.4;pointer-events:none;z-index:0}#app{position:fixed;inset:0}button{font:inherit;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px dashed var(--red);outline-offset:3px}::selection{background:var(--marker);color:var(--ink)}[hidden]{display:none!important}kbd{display:inline-block;min-width:1.4em;padding:0 .35em;border:1.5px solid var(--ink);border-radius:3px;box-shadow:1.5px 1.5px 0 var(--ink);font:17px/1.3 var(--font-ui);background:var(--card);text-align:center;margin:0 1px}.screen{position:absolute;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:18px;overflow:auto;background:#f6f3e680}.screen.show{display:flex}.panel{width:900px;max-width:100%;max-height:calc(100dvh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;padding:26px;color:var(--ink);background:var(--paper-rules),var(--paper-2);border:2px solid var(--ink);border-radius:3px 6px 3px 5px;box-shadow:var(--shadow);animation:page-arrive .22s steps(4,end)}.panel.small{width:460px}.panel.result{width:720px}.panel h1{font:400 clamp(26px,3.4vw,36px)/1.1 var(--font-display);margin:0;letter-spacing:-.8px}.panel h2{font:400 24px/1.1 var(--font-ui);margin:0}.panel h3{font:400 21px/1.15 var(--font-ui);margin:20px 0 6px;color:var(--red);letter-spacing:.5px;text-transform:uppercase}.panel p{margin:0;line-height:1.35}.kicker,.field-label{display:block;font:18px/1.15 var(--font-ui);color:var(--muted);letter-spacing:.8px;text-transform:uppercase}.window-strip{display:flex;align-items:center;gap:16px;margin:-26px -26px 22px;padding:7px 12px;border-bottom:2px solid var(--ink);background:#e3e7ef;font:18px/1.15 var(--font-ui);letter-spacing:.6px;text-transform:uppercase}.window-grip{flex:1;min-width:24px;height:12px;background:repeating-linear-gradient(0deg,var(--ink) 0 1px,transparent 1px 4px);opacity:.7}.panel button,.panel .btn,.page-select button:not(.arrow):not(.hand-chip):not(.kind-btn),.modal-panel>button{font-family:var(--font-ui);font-size:21px;line-height:1.1;background:var(--card);border:2px solid var(--ink);border-radius:2px 4px 2px 3px;box-shadow:2px 2px 0 var(--ink);padding:8px 15px;min-height:44px}.panel button:hover:not(:disabled),.page-select button:not(.arrow):not(.hand-chip):not(.kind-btn):hover:not(:disabled){background:#1a30c00c}.panel button:active:not(:disabled),.page-select button:not(.arrow):not(.hand-chip):not(.kind-btn):active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.panel button:disabled,.page-select button:disabled,.modal-panel>button:disabled{opacity:.4;cursor:default}.panel button.primary,.page-select button.primary,.modal-panel>button.primary{background:var(--marker)}.panel button.primary:hover:not(:disabled),.page-select button.primary:hover:not(:disabled),.modal-panel>button.primary:hover:not(:disabled){background:#f9dc82;box-shadow:3px 3px 0 var(--ink)}.panel button.big,.page-select button.big,.modal-panel>button.big{font-size:28px;padding:12px 26px;min-height:62px}.hint{font-size:16px;color:var(--muted);line-height:1.3}.status{font-size:18px;color:var(--red);min-height:24px;margin:14px 0 0}.status:empty{display:none}@keyframes page-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.screen.page{padding:0;align-items:stretch;justify-content:stretch;background:var(--paper-rules),var(--paper);overflow:auto}.page-select{position:relative;width:100%;min-height:100%;box-sizing:border-box;padding:18px 4.5% 28px 8%;color:var(--ink)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.toggle{display:inline-flex;gap:8px;align-items:center;cursor:pointer;min-height:44px}.toggle input{width:20px;height:20px;accent-color:var(--ink)}.hand-chip{height:44px;padding:0 14px;border:2px solid var(--ink);border-radius:6px 3px 5px 4px;background:var(--card);color:var(--ink);font:700 18px/1 var(--font-hand);letter-spacing:.4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;box-shadow:2px 2px #263e8e55}button.hand-chip{font:700 18px/1 var(--font-hand);min-height:44px;box-shadow:2px 2px #263e8e55}.hand-chip:hover{background:#fff8cd}.hand-chip.back span{font-size:22px;line-height:0}@keyframes cast-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.page-select{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:2dvh;padding-top:16px;padding-right:4%}.select-head{display:flex;align-items:flex-start;gap:18px}.select-title{flex:1;min-width:0}.select-title h1{font:400 clamp(30px,4.2vw,56px)/1.05 var(--font-display);letter-spacing:-1px;margin:4px 0 6px;transform:rotate(-1.5deg);transform-origin:left bottom}.select-title mark{background:var(--marker);color:var(--ink);padding:0 10px 2px;border-radius:38% 12% 34% 10%/30% 42% 26% 46%}.select-title p{margin:0;font:600 clamp(17px,1.4vw,22px)/1.15 var(--font-note);text-decoration:underline wavy var(--ink-soft);text-underline-offset:6px}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4%;align-items:stretch;padding:28px 0 8px}.slot-card{position:relative;display:flex;flex-direction:column;min-height:0;padding:14px 12px;background:var(--card);border:2px solid var(--ink);border-radius:4px 2px 6px 3px;box-shadow:4px 4px #263e8e29;transform:rotate(-.4deg);gap:6px}.slot-card:nth-child(2n){transform:rotate(.4deg)}.slot-card.selected{border-color:var(--marker-deep);box-shadow:0 0 0 3px var(--marker),5px 5px #263e8e40}.slot-card.empty{opacity:.7;background:transparent;border-style:dashed;box-shadow:none}.slot-tab{position:absolute;left:8px;top:-30px;height:32px;min-width:64px;padding:0 14px;border-radius:8px 8px 0 0;background:var(--slot, var(--ink));color:#fff3a8;font:clamp(18px,1.6vw,24px)/32px var(--font-display);letter-spacing:1px;box-shadow:inset 0 -3px #0003}.selected-badge{position:absolute;right:-8px;top:-18px;z-index:2;padding:4px 10px 3px;background:var(--marker);border:2px solid var(--ink);border-radius:3px;font:700 13px/1 var(--font-ui);letter-spacing:1px;text-transform:uppercase;transform:rotate(6deg);box-shadow:2px 2px 0 var(--ink)}.slot-card .kind{display:flex;gap:6px;margin-top:4px}.slot-card .kind-btn{flex:1;min-width:0;height:40px;padding:0;border:2px solid var(--ink);border-radius:5px 3px 6px;background:#fffdf7cc;font:700 clamp(14px,1.2vw,18px)/1 var(--font-hand);box-shadow:2px 2px #263e8e55;min-height:40px}.slot-card .kind-btn:hover{background:#fff8cd}.slot-card .kind-btn[aria-pressed=true]{background:var(--marker);box-shadow:2px 2px 0 var(--ink)}.slot-card .portrait{position:relative;flex:1;display:grid;place-items:center;min-height:clamp(140px,22dvh,260px);margin:4px 0;pointer-events:none}.slot-card .portrait img{width:100%;max-width:280px;height:clamp(220px,32dvh,390px);object-fit:contain;mix-blend-mode:normal;transform-origin:50% 85%;animation:notebook-hero 4.6s ease-in-out infinite}.slot-card .portrait img[data-character=desvairado]{animation-name:notebook-ninja;animation-duration:5.2s}.slot-card .portrait img[data-character=soldado]{animation-name:notebook-robot;animation-duration:5.8s}.slot-card .portrait img[data-character=brutamontes]{animation-name:notebook-heavy;animation-duration:4.8s}.slot-card.empty .portrait{opacity:.35;filter:grayscale(.65)}.slot-card .arrow{position:absolute;top:42%;width:36px;height:52px;margin-top:-10px;padding:0;border:0;box-shadow:none;background:transparent;z-index:2;min-height:0}.slot-card .arrow svg{width:100%;height:100%;fill:var(--ink-soft);stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.slot-card .arrow.left{left:4px}.slot-card .arrow.right{right:4px;transform:scaleX(-1)}.slot-card .arrow:hover{transform:translateY(-2px)}.slot-card .arrow.right:hover{transform:scaleX(-1) translateY(-2px)}.slot-name{align-self:center;margin:2px 0 4px;padding:4px 14px 2px;background:var(--marker);border-radius:38% 10% 34% 12%/28% 42% 24% 46%;font:clamp(20px,1.8vw,30px)/1 var(--font-display);letter-spacing:.4px;white-space:nowrap;transform:rotate(-1.2deg)}.slot-blurb{margin:0;padding:0 4%;text-align:center;font:700 clamp(14px,1.2vw,18px)/1.15 var(--font-hand);min-height:2.2em}.slot-card.empty .slot-name,.slot-card.empty .slot-blurb{opacity:.5}.slot-card input[type=text]{font:20px/1.2 var(--font-ui);color:var(--ink);border:2px solid var(--ink);border-radius:2px;background:var(--paper-2);padding:5px 10px;min-height:40px;width:100%}.slot-card .ctl-hint{font:14px/1.2 var(--font-ui);color:var(--muted);min-height:16px;text-align:center}.picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.picker button{padding:6px 4px 4px;min-height:0;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:none;border-color:var(--line-2)}.picker button :is(canvas,img){width:46px;height:46px}.picker button span{font:14px/1 var(--font-ui);letter-spacing:.3px}.picker button[aria-pressed=true]{border-color:var(--ink);background:#f8efd5;box-shadow:2px 2px 0 var(--ink)}.picker button:disabled{opacity:.35}.identity .picker button :is(canvas,img){width:56px;height:56px}.select-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line)}.wins-pick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wins-pick .field-label{margin-right:4px}.wins-pick button{min-width:44px;font-size:22px;padding:6px 12px}.notebook-pick button{font-size:18px;padding:6px 10px}.setup-col{display:flex;flex-direction:column;gap:8px}.wins-pick button[aria-pressed=true]{background:var(--ink)!important;color:var(--card)!important;box-shadow:2px 2px 0 var(--ink)}.setup-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}.setup-actions.end{margin-top:20px}.start-cta{font:400 clamp(28px,3vw,40px)/1 var(--font-display)!important;letter-spacing:1px;min-width:min(280px,100%);box-shadow:4px 4px 0 var(--ink)!important}.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px}.modal[hidden]{display:none!important}.modal-backdrop{position:absolute;inset:0;background:#263e8e59;backdrop-filter:blur(2px)}.modal-panel{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:26px;background:var(--paper-rules),var(--paper-2);border:2px solid var(--ink);border-radius:3px 6px 3px 5px;box-shadow:var(--shadow);animation:page-arrive .22s steps(4,end)}.modal-panel>.primary.big{display:block;width:min(320px,100%);margin:22px auto 0;font:400 32px/1 var(--font-display)!important;letter-spacing:1px}.howto-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 8px}.howto-card{display:flex;flex-direction:column;gap:6px;padding:14px 12px;border:2px solid var(--ink);border-radius:4px 2px 5px 3px;background:var(--card);box-shadow:3px 3px #263e8e22;transform:rotate(-.5deg)}.howto-card:nth-child(2n){transform:rotate(.5deg)}.howto-card b{font:400 22px/1 var(--font-display);letter-spacing:.3px}.howto-card>span{font:16px/1.2 var(--font-hand);color:var(--muted)}.howto-icon{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:36px}.howto-or{font:16px/1 var(--font-ui);color:var(--muted);margin:0 2px}.howto-body{margin-top:8px}.utility-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.utility-head>div{min-width:0}.cols{display:flex;gap:36px;font-size:20px;line-height:1.4}.cols>div{flex:1;min-width:0}.colhead{font:24px/1.1 var(--font-ui);border-bottom:2px solid var(--ink);margin:18px 0 8px;padding-bottom:2px}.colhead:first-child{margin-top:0}.ctl{padding:5px 0}.ctl b{color:var(--red);display:inline-block;min-width:108px}.items{display:grid;gap:8px}.item-row{display:flex;align-items:center;gap:12px;font-size:19px}.item-row canvas{width:48px;height:48px;flex:none}.credits{font-size:19px;line-height:1.4}.credits a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.credits a:hover{color:var(--red)}.credits ul{margin:0;padding-left:18px}.credits li{margin:4px 0}.identity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;align-items:end;margin-bottom:20px}.identity.compact{grid-template-columns:1fr;gap:6px;margin:18px 0 0}.identity.compact .picker{max-width:420px}.field{display:flex;flex-direction:column;gap:6px}.online input[type=text]{font:24px/1.2 var(--font-ui);color:var(--ink);border:2px solid var(--ink);border-radius:2px;background:var(--card);box-shadow:inset 2px 2px 0 var(--line-2);padding:6px 12px;min-height:48px;width:100%}#online-code{text-align:center;letter-spacing:5px;text-transform:uppercase}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.option-card{min-width:0;padding:18px;border:2px solid var(--ink);background:var(--card);border-radius:2px 4px 2px 3px;display:flex;flex-direction:column;gap:12px}.option-card.featured{box-shadow:3px 3px #1a30c01c}.option-card p{font-size:17px;color:var(--muted);flex:1}.option-card button{align-self:flex-start}.code-row{display:flex;gap:8px}.code-row input{flex:1;min-width:0}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px}.code-card .code{display:block;font:56px/1 var(--font-ui);letter-spacing:10px;color:var(--red);margin:6px 0 8px}.table{display:flex;flex-direction:column;font-size:20px;border-top:1px solid var(--line-2)}.table>div{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid var(--line)}.table :is(canvas,img){width:36px;height:36px}.table .tag{font:15px/1 var(--font-ui);color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.table .me{background:#1a30c00d}.table button{font-size:16px;min-height:32px;padding:3px 8px;box-shadow:none}.lobby-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}#game{position:absolute;inset:0;display:flex;flex-direction:column;z-index:10}#hud{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;padding:8px 12px 4px}.hud-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 8px;align-items:center;padding:5px 8px;border:2px solid var(--line-2);border-radius:2px 4px 2px 3px;background:var(--card);min-width:0}.hud-card.local{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.hud-card.dead{opacity:.5}.hud-card.dead :is(canvas,img){filter:grayscale(1)}.hud-card :is(canvas,img){width:44px;height:44px;grid-row:1 / 4}.hud-card .hud-special{font:14px/1 var(--font-ui);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--red)}.hud-card .hud-special.cooling{color:var(--muted)}.hud-card .hud-name{font:20px/1 var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-card .hud-name b{color:var(--red);font-weight:400;letter-spacing:1px}.hud-card .hud-stats{font:15px/1.1 var(--font-ui);color:var(--muted);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-card .hud-stats i{font-style:normal;color:var(--ink)}.hud-card .hud-stats em{font-style:normal;color:var(--orange)}.hud-card.slot-placeholder{visibility:hidden}.hud-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 14px;min-width:120px}.hud-center .timer{font:400 34px/1 var(--font-display);letter-spacing:-1px}.hud-center .timer.hot{color:var(--red);animation:blink .6s steps(2,end) infinite}.hud-center .round{font:16px/1 var(--font-ui);color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:3px}@keyframes blink{50%{opacity:.35}}#stage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}#game-feedback{flex:none;display:flex;align-items:center;justify-content:center;gap:14px;min-height:30px;padding:3px 12px 6px;background:var(--paper)}#combat-message{margin:0;font:17px/1.15 var(--font-ui);color:var(--ink);text-align:center}#quick-retry{flex:none;font-size:18px;background:var(--marker);padding:4px 12px}@media(max-width:700px){#combat-message{font-size:14px}#game-feedback{gap:6px}#quick-retry{font-size:15px;padding:4px 6px}}#board{display:block;touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}#game:has(>.screen.show)>#overlay{visibility:hidden}.banner{text-align:center;padding:14px 30px;background:var(--paper-2);border:2px solid var(--ink);border-radius:3px 6px 3px 5px;box-shadow:var(--shadow);animation:page-arrive .18s steps(3,end);transform:rotate(-2deg);max-width:90vw}.banner .big{font:400 clamp(40px,8vw,88px)/1 var(--font-display);letter-spacing:-2px;color:var(--paper-2);-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink)}.banner .big.red{text-shadow:4px 4px 0 var(--red);-webkit-text-stroke:1.5px var(--red)}.banner .note{font:600 clamp(20px,3vw,30px)/1.1 var(--font-note);color:var(--red);margin-top:6px}.banner.count .big{animation:pop .45s ease-out}@keyframes pop{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.hud-center .round-row{display:flex;align-items:center;gap:8px;margin-top:3px}#pause-btn{font:16px/1 var(--font-ui);letter-spacing:1px;background:var(--card);border:1.5px solid var(--ink);border-radius:2px 4px 2px 3px;box-shadow:1.5px 1.5px 0 var(--ink);min-width:44px;min-height:26px;padding:3px 8px}#pause-btn:active{transform:translate(1px,1px);box-shadow:none}.stack{display:flex;flex-direction:column;gap:10px}.stack.row{flex-direction:row;flex-wrap:wrap}.board-entry{margin:4px 0 16px;padding:12px 14px;border:1.5px dashed var(--line-2);background:var(--card);border-radius:5px 7px 6px 5px}.board-form{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.board-form input{flex:1 1 200px;min-width:0}#board-status{min-height:1.3em}#board-status.saved{color:#1f7a3a}#board-status.error{color:#be3a3c}.board-filters{display:flex;flex-wrap:wrap;gap:18px 28px;margin-bottom:14px}.board-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:4px;max-height:52vh;overflow:auto}.board-list li{display:grid;grid-template-columns:2.6em minmax(0,1fr) auto auto;gap:12px;align-items:baseline;padding:6px 10px;border-bottom:1.5px dashed var(--line-2)}.board-list li.mine{background:var(--marker)}.board-list .pos{font:18px/1 var(--font-ui)}.board-list .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list .who small{color:var(--muted);margin-left:6px}.board-list .num{font-variant-numeric:tabular-nums;white-space:nowrap}.board-chip{margin-left:8px}.account-actions{display:flex;gap:8px;flex-wrap:wrap}#account-name{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:18px}.stat-grid>div{padding:12px 14px;border:1.5px solid var(--line-2);background:var(--card);border-radius:5px 7px 6px 5px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;gap:0 10px;align-items:center;min-width:0}.stat-grid :is(canvas,img){width:48px;height:48px;grid-row:1 / 4}.stat-grid span{display:block;font:15px/1.15 var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-grid b{display:block;font:32px/1 var(--font-ui);font-weight:400}.stat-grid small{display:block;font:14px/1.2 var(--font-ui);letter-spacing:.5px;color:var(--muted);white-space:nowrap}.stat-grid .hot{border-color:var(--red)}.stat-grid .hot b{color:var(--red)}#touch{position:absolute;inset:auto 0 0;z-index:25;display:flex;justify-content:space-between;align-items:flex-end;padding:0 18px max(14px,env(safe-area-inset-bottom));pointer-events:none}#touch>*{pointer-events:auto}.touch-pad{position:relative;width:150px;height:150px;border-radius:50%;border:2px dashed var(--ink);background:#fcfaf28c;touch-action:none;user-select:none}.touch-pad .pad-arrow{position:absolute;width:0;height:0;border:12px solid transparent;opacity:.45}.touch-pad .up{top:12px;left:63px;border-bottom-color:var(--ink);border-top:0}.touch-pad .down{bottom:12px;left:63px;border-top-color:var(--ink);border-bottom:0}.touch-pad .left{left:12px;top:63px;border-right-color:var(--ink);border-left:0}.touch-pad .right{right:12px;top:63px;border-left-color:var(--ink);border-right:0}.touch-pad[data-dir=up] .up,.touch-pad[data-dir=down] .down,.touch-pad[data-dir=left] .left,.touch-pad[data-dir=right] .right{opacity:1}.touch-bomb{width:96px;height:96px;border-radius:50%;border:2px solid var(--ink);background:var(--marker);box-shadow:3px 3px 0 var(--ink);font:20px/1 var(--font-ui);letter-spacing:1px;touch-action:none;user-select:none}.touch-bomb.pressed{transform:translate(3px,3px);box-shadow:none;background:#f9dc82}.touch-buttons{display:flex;align-items:flex-end;gap:14px}.touch-special{width:72px;height:72px;border-radius:50%;border:2px solid var(--red);color:var(--red);background:var(--paper-2);box-shadow:3px 3px 0 var(--red);font:30px/1 var(--font-ui);touch-action:none;user-select:none;margin-bottom:6px}.touch-special.pressed{transform:translate(3px,3px);box-shadow:none;background:#fbe9e9}.touch-on #stage{padding-bottom:150px}@media(prefers-reduced-motion:reduce){.panel,.banner,.banner.count .big,.hud-center .timer.hot,.slot-card .portrait img,.modal-panel{animation:none}}@media(max-width:1100px){.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 4%;padding-top:36px}.howto-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.lobby-grid,.identity{grid-template-columns:1fr}.cols{flex-direction:column;gap:14px;font-size:18px}#hud{grid-template-columns:repeat(2,minmax(0,1fr)) auto repeat(2,minmax(0,1fr));gap:6px;padding:6px 8px 2px}.hud-card{grid-template-columns:34px minmax(0,1fr);padding:4px 6px}.hud-card :is(canvas,img){width:34px;height:34px}.hud-card .hud-name{font-size:17px}.hud-card .hud-stats{font-size:13px}.hud-center .timer{font-size:26px}.hud-center{min-width:84px;padding:0 6px}}@media(max-width:600px){.screen:not(.page){padding:10px}.page-select{padding:12px 4% 20px 5%}.panel{padding:18px 16px;max-height:calc(100dvh - 20px)}.window-strip{margin:-18px -16px 16px}.slot-grid{grid-template-columns:1fr;gap:36px}.slot-card .portrait{min-height:180px}.select-head{flex-wrap:wrap}.select-foot{flex-direction:column;align-items:stretch}.howto-controls{grid-template-columns:1fr 1fr}.utility-head{flex-wrap:wrap}.utility-head button{width:100%}#hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-center{grid-column:1 / -1;grid-row:1;flex-direction:row;gap:12px}.hud-card :is(canvas,img){display:none}.hud-card{grid-template-columns:1fr}.code-card .code{font-size:44px;letter-spacing:7px}.setup-actions{width:100%;justify-content:stretch}.setup-actions .big{flex:1}}@media(orientation:landscape)and (max-height:520px){#hud{padding:4px 8px 0;gap:4px}.hud-card{grid-template-columns:1fr;padding:2px 6px}.hud-card :is(canvas,img){display:none}.hud-card .hud-name{font-size:15px}.hud-card .hud-stats{font-size:12px}.hud-center .timer{font-size:22px}.hud-center .round{display:none}.touch-pad{width:116px;height:116px}.touch-pad .up,.touch-pad .down{left:46px}.touch-pad .left,.touch-pad .right{top:46px}.touch-bomb{width:76px;height:76px;font-size:17px}.touch-special{width:58px;height:58px;font-size:24px}.touch-on #stage{padding-bottom:0;padding-left:130px;padding-right:100px}}.screen.notebook-home{--home-ink: #081caa;padding:0;color:var(--home-ink);background:#f4f0e5 url(/art/home/paper-fiber.webp);align-items:safe center;overflow:auto;scrollbar-width:thin;scrollbar-color:#172ab2 #f4f0e5}.notebook-cover{position:relative;width:min(100%,calc(100dvh * 1672 / 941));aspect-ratio:1672 / 941;flex:none;container-type:inline-size;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0 calc(2.85cqw - 1px),#72add44d calc(2.85cqw - 1px) 2.85cqw)}.notebook-cover:before{content:"";position:absolute;inset:0 auto 0 3.5%;width:.32%;background:#ea647f88;border-left:1px solid #fa8396}.notebook-binding{position:absolute;inset:1% auto 1% 0;width:1.4%;background:repeating-linear-gradient(0deg,transparent 0 2.2cqw,#374654 2.25cqw,#0e1b28 2.5cqw,#b1b7b9 2.7cqw,#0c1720 2.95cqw,transparent 3.15cqw 3.25cqw);border-radius:0 4px 4px 0}.notebook-brand{position:absolute;left:4.5%;top:9.5%;width:44%;z-index:3}.notebook-brand h1{margin:0;line-height:0}.notebook-logo{display:block;border-radius:8%;transition:transform .18s ease}.notebook-logo img{width:100%;height:auto;display:block;animation:notebook-logo-idle 6s ease-in-out infinite;user-select:none}.notebook-logo:hover{transform:translateY(-4px) rotate(-1deg) scale(1.025)}.notebook-logo:focus-visible{outline:3px dashed #e61b3f;outline-offset:6px}.notebook-logo.logo-boom{animation:notebook-logo-pop .65s cubic-bezier(.2,.7,.3,1)}.notebook-tagline{width:65%;margin:-1.2% 8% 0 auto;padding:1.5% 3%;text-align:center;font:700 2.05cqw/1.04 var(--font-hand);text-transform:uppercase;letter-spacing:.04em;transform:rotate(-4deg);background:#fff156;border-radius:40% 6% 35% 8%/22% 40% 22% 35%;text-shadow:.5px 0 currentColor;animation:notebook-note 5.4s ease-in-out infinite}.notebook-plane{position:absolute;left:15%;top:1.4%;width:19%;height:10%;object-fit:contain;pointer-events:none;animation:notebook-plane 7s ease-in-out infinite}.notebook-cast{position:absolute;left:48%;top:4%;width:47%;height:57%;translate:var(--pointer-x, 0px) var(--pointer-y, 0px);transition:translate .35s ease-out}.notebook-character{position:absolute;margin:0;transform-origin:50% 85%}.notebook-character img{display:block;width:100%;height:auto;user-select:none;pointer-events:none;transition:scale .25s ease,rotate .25s ease}.notebook-character:hover img{scale:1.07;rotate:-3deg}.character-rabisco{left:0;top:27%;width:30%;animation:notebook-hero 4.6s ease-in-out infinite;z-index:2}.character-desvairado{left:25%;top:-3%;width:37%;animation:notebook-ninja 5.2s ease-in-out infinite}.character-soldado{left:36%;top:42%;width:31%;animation:notebook-robot 5.8s ease-in-out infinite;z-index:3}.character-brutamontes{left:69%;top:32%;width:31%;animation:notebook-heavy 4.8s ease-in-out infinite;z-index:2}.notebook-character figcaption{position:absolute;font:2cqw/1 var(--font-hand);transform:rotate(-14deg)}.notebook-character figcaption span{display:block;font-size:1.4em}.character-rabisco figcaption{left:5%;top:-10%}.character-desvairado figcaption{right:13%;top:5%;color:#e91437}.character-soldado figcaption{left:-16%;top:58%;color:#088747}.character-brutamontes figcaption{right:-12%;bottom:8%;color:#e7790b}.notebook-postit{position:absolute;right:1.8%;top:1%;z-index:4;width:13%;padding:.9% 1% .5%;font:1.45cqw/1.08 var(--font-hand);letter-spacing:.035em;text-transform:uppercase;background:#ffe995 url(/art/home/paper-fiber.webp);background-blend-mode:multiply;box-shadow:.22cqw .4cqw .6cqw #483e432b;transform-origin:40% 5%;animation:notebook-postit 6s ease-in-out infinite}.notebook-postit:before,.notebook-postit:after{content:"";position:absolute;background:#bbc6cd91;width:37%;height:12%;left:-13%;top:0;transform:rotate(-35deg)}.notebook-postit:after{left:18%;top:auto;bottom:-2%;transform:rotate(27deg)}.notebook-postit span{display:block;text-align:right;font-size:2.4cqw}.notebook-fuse{position:absolute;right:.3%;top:18%;width:10.5%;margin:0;font:1.3cqw/1.12 var(--font-hand);text-transform:uppercase;text-align:center;transform:rotate(-12deg);animation:notebook-fuse 4.8s ease-in-out infinite}.notebook-fuse span{display:block;font-size:3cqw;line-height:.65}.notebook-menu{position:absolute;left:12%;right:8%;top:63.5%;height:25.5%;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.07fr 1fr;gap:1.3%;align-items:stretch;z-index:5}.notebook-card{--card-tilt: -.5deg;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:.25cqw;padding:.7cqw .4cqw;color:var(--home-ink);background:#fffdf6bb url(/art/home/paper-fiber.webp);border:.2cqw solid currentColor;border-radius:3% 2% 2.5%/2% 3%;box-shadow:.22cqw .3cqw #0c2495,.5cqw .62cqw .15cqw #1c3b792b;transform:rotate(var(--card-tilt));transition:translate .18s ease,scale .18s ease,background-color .18s ease;animation:notebook-card-idle 7s ease-in-out infinite}.notebook-card:before{content:"";position:absolute;inset:.17cqw -.08cqw -.14cqw .15cqw;border:.1cqw solid currentColor;border-radius:2% 3% 2% 4%;transform:rotate(.7deg);pointer-events:none;opacity:.75}.notebook-card:nth-child(2){--card-tilt: .7deg;animation-delay:-1.2s}.notebook-card:nth-child(3){--card-tilt: -.7deg;animation-delay:-2.8s}.notebook-card:nth-child(4){--card-tilt: .3deg;animation-delay:-4s}.notebook-card:nth-child(5){--card-tilt: -.6deg;animation-delay:-5.4s}.notebook-card:hover,.notebook-card:focus-visible{translate:0 -.45cqw;scale:1.025;background-color:#fff8c9;z-index:1}.notebook-card:active{translate:.1cqw .16cqw;scale:.98}.notebook-card:focus-visible{outline:3px dashed #e91437;outline-offset:6px}.notebook-card strong{font:700 2.25cqw/.96 var(--font-hand);text-transform:uppercase;letter-spacing:.04em;-webkit-text-stroke:.035em currentColor}.notebook-card-note{display:block;margin-top:.55cqw;font:1.45cqw/1.06 var(--font-hand);text-transform:uppercase;letter-spacing:.035em}.notebook-icon{display:block;width:5.1cqw;height:5.1cqw;flex:none;margin-bottom:.3cqw;animation:notebook-icon 5s ease-in-out infinite}.icon-play,.icon-gear{background-color:currentColor;mask:url(/art/home/icons/play-fill.svg) center / contain no-repeat}.icon-gear{mask-image:url(/art/home/icons/gear.svg);animation:notebook-gear 10s ease-in-out infinite}.notebook-online .notebook-icon{animation-delay:-1s}.notebook-howto .notebook-icon{animation-delay:-2s}.notebook-credits .notebook-icon{animation-delay:-3s}.notebook-settings strong{font-size:1.75cqw;letter-spacing:0;margin:.55cqw 0}.notebook-credits strong{margin:.55cqw 0}.notebook-local{display:grid;grid-template-columns:38% 62%;gap:0;padding:1cqw 1.2cqw .8cqw;background-color:#fff05c;background-blend-mode:multiply;--card-tilt: -1.4deg}.notebook-local .notebook-icon{width:6.8cqw;height:6.8cqw;margin:0}.notebook-local strong{font-size:3.2cqw;text-align:left;transform:rotate(-3deg)}.notebook-local .notebook-card-note{grid-column:1 / -1;margin:0;font-size:1.6cqw}.notebook-footer{position:absolute;bottom:2.4%;left:28%;right:28%;display:flex;align-items:center;gap:1cqw;text-align:center;font:1.25cqw/1.2 var(--font-hand);text-transform:uppercase;letter-spacing:.22em;white-space:nowrap}.notebook-footer:before,.notebook-footer:after{content:"";flex:1;border-top:2px dashed currentColor}.notebook-motto{position:absolute;left:135%;bottom:0;font:1.7cqw/1.05 var(--font-hand);letter-spacing:.025em;white-space:normal;width:12cqw;transform:rotate(-15deg);text-decoration:underline;text-underline-offset:.35em;color:#df1b3f;animation:notebook-note 5s ease-in-out infinite reverse}.notebook-splash{position:absolute;width:8%;height:auto;opacity:.9;pointer-events:none;animation:notebook-splash 5s ease-in-out infinite}.splash-blue{bottom:0;left:1%}.splash-red{top:17%;left:56%;width:6%;filter:hue-rotate(123deg) saturate(1.2);animation-delay:-2s}.splash-green{top:48%;left:59%;width:9%;filter:hue-rotate(265deg);animation-delay:-3s}.splash-orange{top:50%;right:2%;width:8%;filter:hue-rotate(174deg) brightness(4);animation-delay:-1s}.notebook-cover.is-booming .notebook-cast{animation:notebook-rumble .6s ease-out}.notebook-cover.is-booming .notebook-tagline{animation:notebook-logo-pop .65s ease-out}.notebook-cover.is-booming .notebook-splash{animation:notebook-ink-pop .65s ease-out}.notebook-home[inert] .notebook-cover *,html[data-home-paused] .notebook-cover *{animation-play-state:paused!important}@keyframes notebook-rumble{0%,to{transform:translate(0)}20%{transform:translate(-.5cqw,-.3cqw) rotate(-.5deg)}40%{transform:translate(.4cqw) rotate(.5deg)}60%{transform:translate(-.2cqw,.1cqw)}80%{transform:translate(.1cqw)}}@keyframes notebook-ink-pop{0%,to{transform:scale(1)}35%{transform:scale(1.3) rotate(8deg)}65%{transform:scale(.97) rotate(-3deg)}}@keyframes notebook-logo-idle{0%,to{transform:rotate(-.6deg) translateY(0)}50%{transform:rotate(.6deg) translateY(-.3cqw)}}@keyframes notebook-logo-pop{0%,to{transform:scale(1)}28%{transform:scale(1.07) rotate(-3deg)}55%{transform:scale(.98) rotate(2deg)}78%{transform:scale(1.025) rotate(-1deg)}}@keyframes notebook-hero{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-.7cqw) rotate(1deg)}}@keyframes notebook-ninja{0%,to{transform:translate(0) rotate(1deg)}48%{transform:translate(.35cqw,-.8cqw) rotate(-1.5deg)}}@keyframes notebook-robot{0%,82%,to{transform:rotate(-1deg)}85%,91%{transform:rotate(-3deg) translate(-.18cqw)}88%,94%{transform:rotate(1deg)}}@keyframes notebook-heavy{0%,to{transform:rotate(1deg) translateY(0)}45%{transform:rotate(-2deg) translateY(-.5cqw)}62%{transform:rotate(1.5deg)}}@keyframes notebook-note{0%,to{rotate:-1deg;translate:0 0}50%{rotate:1deg;translate:0 -.2cqw}}@keyframes notebook-postit{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-9deg) translateY(-.2cqw)}}@keyframes notebook-fuse{0%,to{rotate:-1deg}50%{rotate:2deg}}@keyframes notebook-plane{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(-.7cqw,.3cqw) rotate(2deg)}}@keyframes notebook-card-idle{0%,to{transform:rotate(var(--card-tilt))}50%{transform:rotate(calc(var(--card-tilt) + .65deg)) translateY(-.13cqw)}}@keyframes notebook-icon{0%,75%,to{transform:rotate(-3deg)}82%{transform:rotate(5deg) translateY(-.2cqw)}90%{transform:rotate(-5deg)}}@keyframes notebook-gear{0%,60%,to{transform:rotate(-12deg)}75%,90%{transform:rotate(48deg)}}@keyframes notebook-splash{0%,to{transform:scale(.98) rotate(-2deg)}50%{transform:scale(1.04) rotate(2deg)}}@media(max-width:760px),(max-aspect-ratio:1/1){.screen.notebook-home{align-items:flex-start}.notebook-cover{width:min(100%,720px);aspect-ratio:auto;min-height:100%;padding:9cqw 5cqw max(22px,env(safe-area-inset-bottom)) 8cqw;display:flex;flex-direction:column;background-size:auto}.notebook-cover:before{left:5%;width:.4%}.notebook-binding{width:2%}.notebook-brand{position:relative;inset:auto;width:100%;margin-top:1cqw}.notebook-tagline{font-size:4.25cqw;padding:2% 3%;margin-right:8%}.notebook-plane{left:18%;top:.2cqw;width:38%;height:12cqw}.notebook-cast{position:relative;inset:auto;width:100%;height:65cqw;margin:5cqw 0 2cqw}.notebook-character figcaption{font-size:4cqw}.character-rabisco{top:24%;width:32%}.character-desvairado{top:-2%;left:28%;width:37%}.character-soldado{top:44%;left:32%;width:32%}.character-brutamontes{top:29%;left:67%;width:32%}.notebook-postit{top:82cqw;right:3%;width:25%;font-size:3cqw;padding:2cqw}.notebook-postit span{font-size:4cqw}.notebook-fuse{top:80cqw;right:auto;left:11%;width:auto;font-size:3.1cqw}.notebook-fuse span{font-size:6cqw}.notebook-menu{position:relative;inset:auto;height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:4cqw 3cqw;margin-top:4cqw}.notebook-card{min-height:44cqw;padding:3cqw 1cqw;border-width:2px;gap:1cqw;box-shadow:2px 3px #0c2495,5px 6px 1px #1c3b792b}.notebook-card:before{border-width:1px;inset:2px -1px -2px 2px}.notebook-icon{width:13cqw;height:13cqw;margin-bottom:1cqw}.notebook-card strong{font-size:6cqw}.notebook-card-note{font-size:3.8cqw;line-height:1.1;margin-top:1cqw}.notebook-local{grid-column:1 / -1;min-height:37cqw;grid-template-columns:38% 62%;padding:3cqw 9cqw}.notebook-local .notebook-icon{width:22cqw;height:22cqw}.notebook-local strong{font-size:8cqw}.notebook-local .notebook-card-note{font-size:4.2cqw}.notebook-settings strong{font-size:4.7cqw}.notebook-footer{position:relative;inset:auto;margin:9cqw 0 10cqw;font-size:3.2cqw;letter-spacing:.14em;gap:2cqw}.notebook-motto{bottom:-9cqw;left:auto;right:0;width:auto;font-size:4.5cqw}.splash-blue{bottom:0;width:20%}.splash-red{top:71cqw;left:31%;width:12%}.splash-green{top:112cqw;left:24%;width:17%}.splash-orange{top:112cqw;width:17%}}.notebook-options{width:min(620px,100%)}.notebook-options h1{margin:6px 0 22px;font:400 clamp(27px,5vw,38px)/1.15 var(--font-display)}.notebook-options fieldset{margin:20px 0 0;padding:0;border:0;border-top:1px solid var(--line-2)}.notebook-options legend{padding:0 10px 0 0;font:25px/1.2 var(--font-hand)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;cursor:pointer}.setting-row b{display:block;font:22px/1.2 var(--font-hand)}.setting-row small{display:block;margin-top:3px;color:var(--muted);font:17px/1.25 var(--font-hand)}.setting-row input{flex:none;width:24px;height:24px;accent-color:var(--ink);cursor:pointer}.setting-row button{padding:9px 16px;min-width:100px;min-height:44px;border:2px solid var(--ink);border-radius:3px;background:var(--card);font:22px/1 var(--font-hand)}.setting-row button:hover{background:var(--marker)}.setting-row button:disabled{cursor:default;opacity:.6}.notebook-options .hint:empty{display:none}html[data-reduced-motion] :is(.notebook-cover *,.panel,.modal-panel,.slot-card .portrait img){animation:none!important;transition:none!important}html[data-reduced-motion] :is(.notebook-card:hover,.notebook-logo:hover){translate:none;scale:none;transform:none}html[data-reduced-motion] :is(.notebook-cast,.notebook-character img){translate:none;scale:none;rotate:none}@media(prefers-reduced-motion:reduce){.notebook-cover *{animation:none!important;transition:none!important}.notebook-card:hover,.notebook-logo:hover{translate:none;scale:none;transform:none}.notebook-cast,.notebook-character img{translate:none;scale:none;rotate:none}}@media(forced-colors:active){.notebook-card{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}.notebook-card:before{display:none}.notebook-icon{forced-color-adjust:none}}