@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-500-normal-CmLZ27r7.woff2) format("woff2"),url(/assets/baloo-2-latin-500-normal-BSdEhq8m.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2) format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff) format("woff")}:root{--lp-blue-900: #243966;--lp-blue-800: #3553a6;--lp-blue-700: #195ba6;--lp-blue-600: #1c75bd;--lp-blue-500: #25acf5;--lp-blue-400: #49c2f2;--lp-green-900: #116061;--lp-green-800: #068051;--lp-green-700: #179c43;--lp-green-600: #55b33b;--lp-green-500: #7ccf9a;--lp-green-400: #a0eba8;--lp-amber-900: #7a5e37;--lp-amber-800: #ad6a45;--lp-amber-700: #cc8029;--lp-amber-600: #e69b22;--lp-amber-500: #ffb938;--lp-amber-400: #fad937;--lp-rose-800: #b32d7d;--lp-rose-700: #c40c2e;--lp-rose-600: #f53141;--lp-rose-500: #ff7070;--lp-rose-400: #fa9891;--lp-purple-900: #243966;--lp-purple-800: #4e278c;--lp-purple-700: #773bbf;--lp-purple-500: #ca7ef2;--lp-neutral-1000: #000000;--lp-neutral-950: #050e1a;--lp-neutral-900: #0d2140;--lp-neutral-850: #495169;--lp-neutral-700: #696570;--lp-neutral-500: #807980;--lp-neutral-350: #a69a9c;--lp-neutral-250: #c4bbb3;--lp-neutral-150: #d9a798;--lp-neutral-050: #f2f2da;--font-display: "Baloo 2", "Nunito", sans-serif;--font-body: "Nunito", "Baloo 2", sans-serif;--controller-page-bg: #f2f2da;--controller-page-bg-warm: var(--lp-neutral-050);--controller-ink: #050e1a;--controller-muted: #696570;--controller-divider: rgba(196, 187, 179, .5);--controller-shadow: rgba(122, 94, 55, .14);--controller-deep-shadow: rgba(5, 14, 26, .18);--controller-rail: #0d2140;--controller-rail-deep: #050e1a;--controller-paper: rgba(242, 242, 218, .94);--controller-paper-solid: #f2f2da;--controller-paper-muted: rgba(242, 242, 218, .84);--controller-chip: rgba(242, 242, 218, .92);--controller-chip-muted: rgba(242, 242, 218, .78);--controller-focus: #25acf5;--controller-focus-strong: #195ba6;--controller-ready: #179c43;--controller-commit: #cc8029;--controller-commit-bright: #ffb938}*{box-sizing:border-box}html,body,#root{width:100%;height:var(--controller-app-height, 100svh);min-height:var(--controller-app-height, 100svh);margin:0;padding:0}body{background:radial-gradient(circle at top,rgba(255,185,56,.08),transparent 28%),linear-gradient(180deg,var(--controller-page-bg) 0%,var(--controller-page-bg-warm) 100%);color:var(--controller-ink);font-family:var(--font-body);line-height:1.35;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}button,input{font:inherit}.controller-shell,.controller-game-shell{width:100%;height:100%;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.controller-shell{display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(90deg,#f2f2da29,#f2f2da00 18%),linear-gradient(180deg,var(--controller-page-bg) 0%,rgba(73,194,242,.08) 100%)}.controller-game-shell{background:linear-gradient(180deg,#2439662e,#050e1a00),linear-gradient(180deg,var(--controller-rail) 0%,var(--controller-rail-deep) 100%);color:var(--lp-neutral-050)}.controller-stage{position:relative;z-index:1;width:min(100%,430px);display:flex;flex-direction:column;gap:18px}.controller-panel,.controller-touchpad,.controller-control-panel,.controller-action-zone{position:relative;overflow:hidden;border:none}.controller-panel>*,.controller-touchpad>*,.controller-control-panel>*,.controller-action-zone>*{position:relative;z-index:1}.controller-panel,.controller-touchpad{border-radius:20px}.controller-panel:before,.controller-control-panel:before,.controller-action-zone:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:8px;pointer-events:none}.controller-brand{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:2px 2px 0;color:var(--controller-ink)}.controller-brand-lockup{min-width:0;display:flex;align-items:center;gap:12px}.controller-brand-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.controller-logo-mark{width:36px;height:36px;display:block;flex:0 0 auto}.controller-brand-title,.controller-title,.controller-wait-title,.controller-leader-title,.controller-touchpad-center{margin:0;font-family:var(--font-display);font-weight:800;font-style:italic;line-height:.9}.controller-brand-title{font-size:1.34rem;color:var(--controller-ink)}.controller-brand-subtitle,.controller-wait-subtitle,.controller-leader-copy,.controller-subtitle{margin:0;font-size:.92rem}.controller-brand-subtitle{color:var(--controller-muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.controller-room-code{flex:0 0 auto;align-self:flex-start;font-family:var(--font-display);font-size:1.48rem;font-weight:800;font-style:italic;line-height:.9;letter-spacing:.12em;color:var(--controller-focus-strong);font-variant-numeric:tabular-nums}.controller-panel{display:flex;flex-direction:column;gap:16px;padding:24px 22px;background:var(--controller-paper-solid);color:var(--controller-ink);box-shadow:inset 0 0 0 1px #0d21400f,0 18px 38px var(--controller-shadow)}.controller-join-panel:before,.controller-leader-card:before{background:var(--controller-commit-bright)}.controller-wait-card:before,.controller-control-panel-joystick:before{background:var(--controller-focus-strong)}.controller-join-panel,.controller-wait-card,.controller-leader-card{background:var(--controller-paper-solid);color:var(--controller-ink)}.controller-kicker{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--controller-muted)}.controller-title{max-width:8ch;font-size:clamp(2.5rem,10vw,3.7rem);color:var(--controller-ink)}.controller-subtitle,.controller-wait-subtitle,.controller-leader-copy{color:var(--controller-muted)}.controller-join-form{width:100%;display:flex;flex-direction:column;gap:12px}.controller-input{width:100%;border:none;border-radius:16px;background:#050e1a0f;box-shadow:inset 0 0 0 1px #0d214014;color:var(--controller-ink);padding:15px 16px;font-size:1.04rem;font-weight:700;text-align:center;outline:none}.controller-input:focus-visible{box-shadow:inset 0 0 0 2px var(--controller-focus)}.controller-input::placeholder{color:var(--controller-muted)}.controller-input.code{font-family:var(--font-display);font-size:1.9rem;font-weight:800;font-style:italic;letter-spacing:.14em;color:var(--controller-focus-strong);font-variant-numeric:tabular-nums}.controller-primary-btn,.controller-secondary-btn{border:none;border-radius:14px;padding:15px 16px;font-size:1rem;font-weight:800;cursor:pointer;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.controller-primary-btn{background:var(--controller-commit);color:var(--lp-neutral-050)}.controller-primary-btn:hover{background:var(--controller-commit-bright);color:var(--controller-ink)}.controller-secondary-btn{background:var(--controller-chip);color:var(--controller-ink)}.controller-error{border-radius:14px;padding:10px 12px;background:#f531411f;color:var(--controller-ink);text-align:center;font-size:.88rem}.controller-wait-title,.controller-leader-title{font-size:2.1rem;color:var(--controller-ink)}.controller-player-foot{align-self:flex-start;padding:0 2px;color:var(--controller-muted);font-size:.84rem;font-weight:700}.controller-remote-shell{width:100%;display:flex;flex-direction:column;gap:14px}.controller-remote-topline{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:2px 2px 0}.controller-remote-brand{min-width:0;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.4rem;font-weight:800;font-style:italic;line-height:.9;color:var(--controller-ink)}.controller-remote-player{flex:0 0 auto;min-width:0;padding-top:2px;color:var(--controller-muted);font-size:.98rem;font-weight:800;letter-spacing:.02em;text-align:right}.controller-touchpad{min-height:min(56vh,440px);padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;touch-action:none;background:var(--controller-paper-solid);color:var(--controller-ink);box-shadow:inset 0 0 0 1px #0d21400f,0 22px 40px var(--controller-shadow)}.controller-touchpad-grid{position:absolute;inset:18px;border-radius:18px;box-shadow:inset 0 0 0 1px #0d214014;pointer-events:none;background:linear-gradient(#0d214014,#0d214014) center/1px calc(100% - 28px) no-repeat,linear-gradient(90deg,#0d214014,#0d214014) center/ calc(100% - 28px) 1px no-repeat}.controller-touchpad-grid span{position:absolute;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--controller-muted)}.controller-touchpad-grid span:nth-child(1){top:12px;left:50%;transform:translate(-50%)}.controller-touchpad-grid span:nth-child(2){top:50%;right:12px;transform:translateY(-50%)}.controller-touchpad-grid span:nth-child(3){bottom:12px;left:50%;transform:translate(-50%)}.controller-touchpad-grid span:nth-child(4){top:50%;left:12px;transform:translateY(-50%)}.controller-touchpad-center{position:relative;z-index:1;max-width:7ch;font-size:clamp(2rem,9vw,3rem);color:var(--controller-ink)}.controller-touchpad-hint{position:relative;z-index:1;max-width:22ch;color:var(--controller-muted);font-size:.95rem;font-weight:700}.controller-remote-footer{background:transparent;box-shadow:none;padding:0;display:flex;justify-content:flex-start}.controller-remote-footer .controller-secondary-btn{min-width:132px;background:#0d214014}.controller-game-stage{position:absolute;inset:0;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.controller-control-grid{width:100%;height:100%;display:grid;min-width:0;min-height:0}.controller-control-panel{min-width:0;min-height:0;border-radius:clamp(12px,2vw,18px);background:linear-gradient(180deg,#2439662e,#050e1a00),linear-gradient(180deg,var(--controller-rail) 0%,var(--controller-rail-deep) 100%);box-shadow:inset 0 0 0 1px #f2f2da0a}.controller-control-panel-actions:before{background:var(--controller-commit)}.controller-control-panel-joystick{box-shadow:inset 0 0 0 1px #f2f2da0a,inset -1px 0 #f2f2da0f}.controller-action-zone{--zone-top: var(--lp-blue-600);--zone-edge: var(--lp-blue-400);--zone-fill: rgba(28, 117, 189, .22);min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:clamp(10px,1.8vw,16px);background:#f2f2da0a;box-shadow:inset 0 0 0 1px #f2f2da14}.controller-action-zone:before{background:var(--zone-top)}.controller-action-zone.is-pressed{box-shadow:inset 0 0 0 2px var(--zone-edge),inset 0 0 0 999px var(--zone-fill)}.controller-fullscreen-toggle,.controller-ios-hint,.controller-ping-display{position:fixed;z-index:9999;box-shadow:0 12px 28px #050e1a2e}.controller-ping-display{top:8px;left:8px;padding:6px 10px;border-radius:999px;background:#f2f2daeb;color:var(--controller-focus-strong);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.controller-fullscreen-toggle{top:0;left:50%;transform:translate(-50%);width:clamp(124px,34vw,160px);height:34px;display:flex;justify-content:center;align-items:center;border:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:#f2f2daeb;color:var(--controller-ink);cursor:pointer}.controller-fullscreen-toggle-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.controller-ios-hint{top:10px;right:10px;display:flex;align-items:center;gap:8px;min-height:30px;max-width:min(62vw,250px);padding:6px 10px 6px 12px;border-radius:999px;background:#f2f2daf0;color:var(--controller-ink)}.controller-ios-hint-copy{color:var(--controller-ready);font-size:10px;font-weight:800;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controller-ios-hint-dismiss{border:none;background:transparent;padding:0;margin:0;color:var(--controller-muted);font-size:14px;font-weight:900;cursor:pointer}.controller-no-callout,.controller-no-callout *,.controller-no-callout *:before,.controller-no-callout *:after{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;touch-action:none}