@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fredoka-500.ttf) format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-600.ttf) format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fredoka-500.ttf) format("truetype")}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-600.ttf) format("truetype")}:root{--alias-red: #E60024;--alias-red-light: #FF304C;--alias-red-deep: #B4001E;--alias-red-shade: #850017;--yellow: #FFD23F;--yellow-deep: #E8B400;--yellow-shade: #B88A00;--red: #E63946;--red-shade: #A4232E;--blue: #1D6FE0;--blue-shade: #124A99;--green: #2BB673;--green-shade: #1C7A4D;--purple: #8E44AD;--purple-shade: #5E2C75;--ink: #171923;--muted: #737681;--paper: #FFFDF5;--paper-top: #FFFFFF;--paper-side: #DAD8E0;--paper-shade: #AEABB8;--rule: #E3E3E9;--block-step: 6px;--block-depth: 12px;--button-depth: 8px;--bevel-width: 5px;--line-width: 3px;font-family:Fredoka,Rubik,sans-serif;font-weight:500;color:var(--ink);background:var(--paper-top);font-synthesis:none;font-variant-numeric:tabular-nums;letter-spacing:0}[data-color=yellow]{--face: var(--yellow);--top: #FFE67D;--side: var(--yellow-deep);--shade: var(--yellow-shade)}[data-color=red]{--face: var(--red);--top: #FF5A66;--side: var(--red-shade);--shade: #6D1720}[data-color=blue]{--face: var(--blue);--top: #45A4F5;--side: var(--blue-shade);--shade: #0B3368}[data-color=green]{--face: var(--green);--top: #54E18B;--side: var(--green-shade);--shade: #105535}[data-color=purple]{--face: var(--purple);--top: #B86DD9;--side: var(--purple-shade);--shade: #3F1D50}[data-color=paper]{--face: var(--paper);--top: var(--paper-top);--side: var(--paper-side);--shade: var(--paper-shade)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:280px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.6}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:var(--line-width) solid currentColor;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}input,select{background:var(--paper-top);border:2px solid var(--rule);padding:12px;min-width:0}input:focus,select:focus{border-color:var(--ink)}input[type=checkbox]{accent-color:var(--alias-red);width:24px;height:24px}.block{background:var(--face, var(--paper));border:var(--bevel-width) solid;border-color:var(--top, var(--paper-top)) var(--side, var(--paper-side)) var(--side, var(--paper-side)) var(--top, var(--paper-top));box-shadow:var(--block-step) var(--block-step) 0 var(--shade, var(--paper-shade))}.block-button{position:relative;padding:12px 20px;min-height:54px;font-size:22px;font-weight:600;border:var(--bevel-width) solid;border-color:var(--top, var(--alias-red-light)) var(--side, var(--alias-red-deep)) var(--side, var(--alias-red-deep)) var(--top, var(--alias-red-light));color:var(--paper-top);background:var(--face, var(--alias-red));box-shadow:var(--block-step) var(--button-depth) 0 var(--shade, var(--alias-red-shade));touch-action:manipulation}.block-button[data-color=red]{--face: var(--alias-red);--top: var(--alias-red-light);--side: var(--alias-red-deep);--shade: var(--alias-red-shade)}.block-button[data-color=yellow],.block-button[data-color=paper]{color:var(--ink)}.block-button:active:not(:disabled){transform:translate(var(--block-step),var(--button-depth));box-shadow:none}.block-button:disabled{filter:saturate(.6)}.game-scene{position:relative;z-index:1;min-width:0}.alias-brand{--brand-word-size: 61px;--brand-extrusion: 3px;position:relative;width:184px;max-width:100%;aspect-ratio:32 / 19;isolation:isolate;flex:0 0 auto}.brand-outline{display:block;position:absolute;width:100%;height:100%;overflow:visible}.brand-outline path{stroke-linejoin:miter}.brand-shadow{fill:var(--alias-red-shade)}.brand-depth{fill:var(--paper-shade);stroke:var(--paper-shade);stroke-width:9}.brand-rim{fill:var(--alias-red);stroke:var(--paper-top);stroke-width:8}.brand-word{position:absolute;inset:19% 7% 19% 5%;display:grid;place-items:center;padding-bottom:3%;color:var(--paper-top);font-size:var(--brand-word-size);line-height:1;font-weight:600;white-space:nowrap;transform:rotate(-8deg) skew(-5deg);text-shadow:var(--brand-extrusion) var(--brand-extrusion) 0 var(--paper-side),calc(var(--brand-extrusion) * 2) calc(var(--brand-extrusion) * 2) 0 var(--alias-red-shade)}.alias-brand[data-size=large]{--brand-word-size: 123px;--brand-extrusion: 5px;width:370px}.alias-brand[data-variant=red] .brand-rim{stroke:var(--alias-red)}.alias-brand[data-variant=red] .brand-depth{fill:var(--alias-red-deep);stroke:var(--alias-red-deep)}.alias-brand[data-variant=red] .brand-shadow{fill:var(--paper-side)}.game-timer{width:max-content;max-width:100%;margin-inline:auto;text-align:center;color:var(--ink);font-size:32vh;line-height:1;font-weight:600}.game-timer>span{display:block;min-width:2ch;text-shadow:.025em .03em 0 var(--paper-side),.045em .055em 0 var(--paper-shade)}.game-timer[data-color=red]{color:var(--alias-red)}.game-timer[data-compact=true]{font-size:100px;padding:8px 16px}.game-timer[data-paused=true]{color:var(--muted)}.score-tower{--tower-height: 20vh;--tower-width: 10vw;text-align:center;width:var(--tower-width);min-width:0}.tower-field{height:var(--tower-height);position:relative;margin-top:3vh}.tower-stack{position:absolute;inset:0 12%;display:flex;flex-direction:column-reverse}.tower-cube{height:calc(100% / var(--levels));flex:0 0 calc(100% / var(--levels));background:var(--face);border-top:.15vh solid var(--top);border-right:1vw solid var(--side);box-shadow:.4vw .35vh 0 var(--shade);transform-origin:bottom}.tower-target{position:absolute;bottom:var(--target-position);width:100%;border-top:.25vh dashed currentColor;z-index:2}.tower-target span{position:absolute;top:-2.8vh;inset-inline-start:0;font-size:2.4vh}.tower-score{display:block;font-size:6vh;line-height:1.2;margin-top:1.5vh}.tower-name{font-size:5vh;line-height:1.08;overflow-wrap:anywhere}.score-tower[data-compact=true]{--tower-height: 12vh;--tower-width: 8vw}.tower-burst{position:absolute;bottom:var(--score-position);left:50%}.tower-burst i{display:block;position:absolute;width:1.6vw;height:1.6vw;background:var(--face);box-shadow:.25vw .25vw 0 var(--side)}.connection-indicator{display:block;position:fixed;top:max(18px,env(safe-area-inset-top));right:18px;width:12px;height:12px;z-index:100;background:var(--alias-red);outline:2px solid var(--paper-top);box-shadow:3px 3px 0 var(--alias-red-shade)}.confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:10}.confetti i{position:absolute;width:1.1vw;height:1.1vw;background:var(--face);box-shadow:.2vw .2vw 0 var(--side)}.isometric-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:var(--alias-red)}.stage-floor{position:absolute;inset:69% -10% -30%;background:var(--alias-red-deep);transform:skewY(4deg);border-top:.7vh solid var(--alias-red-light)}.join-screen,.connection-screen{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden;padding:48px 24px max(48px,env(safe-area-inset-bottom));background:var(--alias-red);color:var(--paper-top)}.join-content{position:relative;z-index:1;width:min(100%,460px);text-align:center}.join-brand{display:grid;justify-items:center}.join-content>.alias-brand{margin-inline:auto}.brand-eyebrow{font-size:19px;font-weight:500;margin-bottom:12px}.alias-logo{font-size:108px;line-height:.94;color:var(--paper-top);text-shadow:4px 5px 0 var(--alias-red-shade)}.alias-logo span{display:block;font-size:32px;margin-top:20px;text-shadow:none}.brand-subtitle{display:block;font-size:26px;margin-top:16px}.join-form{margin-top:32px;display:grid;gap:14px}.join-form>label{font-size:20px;font-weight:600}.join-form input{color:var(--ink);font-size:32px;font-weight:600;width:min(100%,256px);margin-inline:auto;text-align:center;min-height:66px;border:5px solid;border-color:var(--paper-top) var(--paper-side) var(--paper-side) var(--paper-top);box-shadow:5px 6px 0 var(--alias-red-shade)}.role-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.role-buttons button{min-width:0;padding-inline:8px;min-height:64px}.continue-button{border:0;border-bottom:2px solid currentColor;background:transparent;padding:6px 0;font-size:18px;margin-top:32px}.connection-content{position:relative;text-align:center;display:grid;justify-items:center;gap:24px;max-width:560px}.connection-content h1{font-size:44px}.connection-content p{font-size:23px}.app-error,.form-error{font-size:18px;color:var(--alias-red-deep);font-weight:600}.join-screen .form-error{color:var(--paper-top)}.app-error{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));inset-inline:18px;padding:14px;background:var(--paper);z-index:99;border:3px solid var(--alias-red)}.tv-screen{--block-step: .55vh;--block-depth: 1.1vh;--button-depth: .75vh;--bevel-width: .5vh;--line-width: .3vh}.tv-screen .alias-brand{--brand-word-size: 6.5vh;--brand-extrusion: .3vh;width:20vh}.tv-screen .alias-brand[data-size=large]{--brand-word-size: 15vh;--brand-extrusion: .5vh;width:46vh}.tv-screen .connection-indicator{top:2vh;right:2vw;width:1vh;height:1vh;outline-width:.2vh;box-shadow:.25vh .25vh 0 var(--alias-red-shade)}.tv-screen .block-button{font-size:3vh;padding:1.5vh 2vw;min-height:6vh}.tv-screen .game-timer{color:var(--paper-top)}.tv-screen .game-timer[data-compact=true]{font-size:14vh;padding:1vh 2vw}.tv-screen .app-error{bottom:2vh;inset-inline:2vw;padding:1.5vh 1.5vw;border-width:.3vh;font-size:2.5vh}.kitchen-sink{position:relative;min-height:100dvh;padding:48px;color:var(--paper-top)}.kitchen-content{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:64px}.kitchen-controls{display:flex;align-items:center;gap:24px}.kitchen-controls .block-button{width:64px;font-size:32px}.kitchen-sink h1{font-size:40px;margin-bottom:32px}.kitchen-sink .game-timer{color:var(--paper-top);margin-bottom:24px}@media(max-width:600px){.join-screen{padding:32px 24px 40px}.join-content .alias-brand[data-size=large]{--brand-word-size: 100px;width:300px}.alias-logo{font-size:96px}.alias-logo span{font-size:30px}.join-form{margin-top:26px}.kitchen-sink{padding:24px}.kitchen-sink .score-tower{--tower-width: 110px}}@media(max-width:360px){.join-content .alias-brand[data-size=large]{--brand-word-size: 88px;width:264px}.role-buttons{gap:12px}}
