*{box-sizing:border-box}@property --iris-radius{syntax:"<length>";inherits:false;initial-value:0}html,body,#root{width:100%;height:100%;margin:0;overflow:visible}body{background:var(--theme-background);color:var(--ink);font-family:var(--font-pixel);letter-spacing:0;-webkit-font-smoothing:none;font-smooth:never;text-rendering:geometricprecision;scrollbar-color:#1b17209e transparent;scrollbar-width:thin;cursor:url(/assets/pixel/cursor/cursorNormal.png) 9 1,auto;-webkit-user-select:none;user-select:none;font-weight:800}button,input{font:inherit;letter-spacing:0}input,textarea,.join-code-card strong,.room-code strong,.room-code-badge{-webkit-user-select:text;user-select:text}button,.pixel-button,.pixel-badge,.mingo-title,.board-shell,.mobile-menu-button{-webkit-user-select:none;user-select:none}button:hover{cursor:url(/assets/pixel/cursor/cursorSelect.png) 9 8,pointer}button:active{cursor:url(/assets/pixel/cursor/cursorSelected.png) 9 8,pointer}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1b17209e padding-box content-box;border:3px solid #0000;min-height:32px}::-webkit-scrollbar-corner{background:0 0}.center-screen,.join-screen,.app-shell{height:100vh;min-height:0}.theme-root{isolation:isolate;background:var(--theme-background);width:100%;height:100vh;position:relative;overflow:visible}.theme-content{z-index:1;height:100%;position:relative;overflow:visible}.background-pattern{z-index:0;pointer-events:none;opacity:.26;image-rendering:pixelated;background-image:url(/assets/pixel/backgrounds/checker-tile.png);background-position:0 0;background-repeat:repeat;background-size:calc(520px * var(--background-zoom-scale)) calc(360px * var(--background-zoom-scale));will-change:transform;backface-visibility:hidden;animation:32s linear infinite pattern-glide;position:fixed;inset:-20vmax;transform:rotate(-5deg)}.opening-iris{z-index:300;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));-webkit-mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));background:#000;animation:3s cubic-bezier(.22,1,.36,1) forwards opening-iris;position:fixed;inset:0}.room-transition-iris{z-index:420;pointer-events:auto;background:#000;position:fixed;inset:0}.room-transition-iris.is-closing{--iris-radius:72vmax;-webkit-mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));-webkit-mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));animation:1.6s cubic-bezier(.64,0,.78,0) forwards closing-iris}.room-transition-iris.is-waiting{background:#000}.room-transition-iris.is-opening{--iris-radius:0vmax;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));-webkit-mask-image:radial-gradient(circle at center, transparent 0, transparent var(--iris-radius), #000 calc(var(--iris-radius) + 1px));animation:3s cubic-bezier(.22,1,.36,1) forwards opening-iris}.center-screen{text-align:center;place-items:center;padding:24px;display:grid}.loading-screen{height:100vh}.loading-box{border:var(--pixel-border);background-color:var(--box-background);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);min-width:min(320px,100vw - 48px);box-shadow:var(--pixel-shadow);padding:20px 24px;font-size:clamp(22px,5vw,34px);font-weight:900;line-height:1}.join-screen{grid-template-rows:auto auto;grid-template-columns:minmax(280px,520px);place-content:center;justify-items:center;gap:24px;padding:24px;display:grid;overflow:visible}.join-screen>.pixel-panel{overflow:visible}.join-screen>.pixel-panel>.pixel-panel-content,.room-search .pixel-panel>.pixel-panel-content{margin:0;padding:0;overflow:visible}.name-input-row{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;display:grid}.avatar-icon{border:var(--pixel-border);background:var(--paper);width:44px;height:44px;color:var(--ink);box-shadow:var(--pixel-shadow);image-rendering:pixelated;place-items:center;font-size:16px;font-weight:900;line-height:1;display:inline-grid;overflow:hidden}.avatar-icon img{object-fit:cover;width:100%;height:100%}.desktop-activity-controls{z-index:8;justify-items:start;gap:8px;max-width:calc(100vw - 36px);display:grid;position:fixed;bottom:18px;left:18px}.desktop-header-controls{--header-control-height:36px;align-items:center;gap:8px;min-width:0;display:flex}.how-to-play-button.pixel-button{border:var(--pixel-border);text-transform:uppercase;min-height:34px;padding:6px 10px;font-size:12px}.desktop-header-controls .how-to-play-button.pixel-button{height:var(--header-control-height);min-height:var(--header-control-height);padding-block:5px}.activity-avatar-tray{border:var(--pixel-border);background-color:var(--box-background);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);max-width:min(360px,100vw - 120px);max-height:min(72px,100vh - 36px);box-shadow:var(--pixel-shadow);align-items:center;gap:8px;padding:8px;display:flex;overflow:auto}.desktop-header-controls .activity-avatar-tray{max-width:min(300px,26vw);height:var(--header-control-height);max-height:var(--header-control-height);box-shadow:none;background:0 0;border:0;flex:0 auto;padding:0;overflow:visible}.activity-avatar-list{align-items:center;min-width:0;display:flex}.desktop-header-controls .activity-avatar-list{flex-direction:row-reverse}.activity-avatar-list .avatar-icon{width:42px;height:42px;box-shadow:var(--pixel-shadow);border-radius:50%;flex:none}.activity-avatar-list .avatar-icon+.avatar-icon{margin-left:-14px}.desktop-header-controls .activity-avatar-list .avatar-icon{width:36px;height:36px}.desktop-header-controls .activity-avatar-list .avatar-icon+.avatar-icon{margin-left:0;margin-right:-14px}.activity-avatar-overflow{background:var(--lime);font-size:13px}.music-toggle.pixel-button{place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:24px;line-height:1;display:inline-grid}.music-toggle.pixel-button img,.room-back-button.pixel-button img,.card-reroll-button.pixel-button img,.chat-send-button.pixel-button img,.mobile-chat-resize-button img{object-fit:contain;image-rendering:pixelated;pointer-events:none;display:block}.music-toggle.pixel-button img{width:22px;height:22px}.tray-music-toggle.pixel-button{flex:none;width:42px;min-width:42px;height:42px;min-height:42px}.music-toggle.is-off{background:var(--paper)}.mobile-music-toggle{display:none}.mingo-title{--title-scale:1;height:64px;image-rendering:pixelated;zoom:var(--title-scale);flex:none;justify-content:center;align-items:flex-start;gap:16px;display:inline-flex}.mingo-title span{width:var(--letter-width);background-image:url(/assets/pixel/icons/title.png);background-repeat:no-repeat;background-size:352px 64px;background-position:var(--letter-position) 0;height:64px;filter:drop-shadow(4px 0 0 var(--ink)) drop-shadow(-4px 0 0 var(--ink)) drop-shadow(0 4px 0 var(--ink)) drop-shadow(0 -4px 0 var(--ink));animation:1.5s ease-in-out infinite title-letter-wave;animation-delay:calc(var(--letter-index) * 90ms);will-change:transform;display:inline-block}.join-title{--title-scale:1;justify-self:center}.room-search{z-index:1;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;width:min(920px,100vw - 48px);margin-top:-27px;display:grid;position:relative}.room-search.single-panel{grid-template-columns:minmax(280px,620px);justify-content:center;justify-items:stretch;width:min(620px,100vw - 48px)}.room-search .pixel-panel{border-top-left-radius:0;overflow:visible}.room-tabs{grid-template-columns:54px repeat(3,minmax(0,1fr));justify-self:center;align-items:end;gap:4px;width:min(620px,100vw - 48px);padding-left:8px;display:grid;position:relative}.room-back-button.pixel-button{z-index:1;place-items:center;min-width:54px;height:44px;min-height:44px;margin-right:10px;padding-inline:0;font-size:24px;display:inline-grid;position:relative;transform:translate(0,0)}.room-back-button.pixel-button img{width:26px;height:22px}.room-tabs>.pixel-button:not(.room-back-button){z-index:0;background:var(--lime);text-transform:uppercase;min-width:0;height:44px;min-height:44px;box-shadow:var(--pixel-shadow);border-bottom-width:0;margin:0;padding:5px 18px;font-size:14px;line-height:1;transition:background-color .12s,color .12s;position:relative;transform:translate(0,0)}.room-tabs>.pixel-button:not(.room-back-button),.room-tabs>.pixel-button:not(.room-back-button):hover:not(:disabled),.room-tabs>.pixel-button:not(.room-back-button):active:not(:disabled),.room-tabs>.pixel-button:not(.room-back-button):focus-visible{transform:translate(0,0)}.room-tabs>.pixel-button:not(.room-back-button):hover:not(:disabled){background:var(--theme-yellow);transform:translate(0,0)}.room-tabs>.pixel-button:not(.room-back-button).is-active{z-index:2;pointer-events:none;background-color:var(--panel);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);box-shadow:none;cursor:default;transform:translate(0,0)}.room-tabs>.pixel-button:not(.room-back-button).is-active:hover:not(:disabled),.room-tabs>.pixel-button:not(.room-back-button).is-active:active:not(:disabled),.room-tabs>.pixel-button:not(.room-back-button).is-active:focus-visible{color:var(--ink);background-color:var(--panel);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);cursor:default;transform:translate(0,0)}.create-room-fields{grid-template-columns:minmax(0,1fr) 176px;align-items:end;gap:16px;display:grid}.create-room-name-field{min-width:0}.player-limit-stepper,.room-privacy-row,.room-soccer-row{gap:8px;font-weight:900;line-height:1;display:grid}.player-limit-controls{grid-template-columns:44px minmax(48px,1fr) 44px;align-items:center;gap:8px;display:grid}.player-limit-controls strong{border:var(--pixel-border);background:var(--paper);min-height:44px;box-shadow:var(--pixel-shadow);place-items:center;font-size:22px;line-height:1;display:grid}.player-limit-step-button.pixel-button{min-width:44px;padding-inline:0;font-size:20px}.room-privacy-row,.room-soccer-row{grid-template-columns:minmax(0,1fr) minmax(176px,max-content);align-items:center}.room-password-field{gap:8px;min-width:0;font-weight:900;line-height:1;display:grid}.password-input-row{grid-template-columns:minmax(0,1fr) 46px;align-items:stretch;gap:10px;min-width:0;display:grid}.password-visibility-button.pixel-button{background:var(--paper);place-items:center;width:46px;min-width:46px;min-height:44px;padding:0;display:inline-grid;position:relative}.password-visibility-button.pixel-button img,.privacy-apply-button.pixel-button img{object-fit:contain;width:26px;height:26px;image-rendering:pixelated;pointer-events:none;display:block}.password-visibility-button.pixel-button:before{content:none;border:4px solid var(--ink);background:var(--lime);border-radius:50%;width:24px;height:15px}.password-visibility-button.pixel-button:after{content:none;background:var(--ink);width:8px;height:8px;box-shadow:0 0 0 2px var(--lime);border-radius:50%;position:absolute}.password-visibility-button.pixel-button:not(.is-visible) span{background:0 0}.password-visibility-button.pixel-button:not(.is-visible)::selection{background:0 0}.password-visibility-button.pixel-button:not(.is-visible):after{box-shadow:0 0 0 2px var(--lime), 0 0 0 999px transparent}.password-visibility-button.pixel-button:not(.is-visible){background-image:none}.privacy-switch{border:var(--pixel-border);min-width:176px;min-height:46px;color:var(--ink);background:var(--lime);box-shadow:var(--pixel-shadow);font:inherit;cursor:pointer;transform-origin:50%;grid-template-columns:1fr 34px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-weight:900;line-height:1;display:grid;position:relative}.privacy-switch.is-off{background:var(--paper);grid-template-columns:34px 1fr}.privacy-switch.is-off span{grid-area:1/2}.privacy-switch i{border:var(--pixel-border);background:var(--paper);grid-area:1/2;width:30px;height:24px}.privacy-switch.is-off i{background:var(--lime);grid-column:1}.privacy-switch:active{box-shadow:var(--pixel-pressed-shadow);transform:translate(3px,3px)}.guide-overlay{z-index:260;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.guide-backdrop{background:#1b17206b;border:0;position:absolute;inset:0}.guide-overlay .pixel-panel{z-index:1;width:min(820px,100vw - 48px);max-height:min(760px,100vh - 48px);position:relative}.guide-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.guide-header h1{margin:0;font-size:clamp(24px,4vw,36px);line-height:1}.guide-close-button.pixel-button{width:44px;min-width:44px;min-height:44px;padding:0;font-size:26px}.guide-list{gap:8px;margin:0;padding-left:24px;line-height:1.25;display:grid}.guide-body{grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:16px;min-height:0;display:grid;overflow:visible}.guide-sidebar,.guide-section{align-content:start;gap:10px;min-width:0;min-height:0;display:grid}.guide-sidebar{gap:16px;max-height:min(500px,100vh - 220px);margin:0 -12px -12px 0;padding:0 12px 12px 0;overflow:clip auto}.guide-section h2{text-transform:uppercase;margin:0;font-size:18px;line-height:1}.guide-step-list,.guide-pattern-list{align-content:start;gap:8px;min-height:0;display:grid}.guide-pattern-list{padding-bottom:4px}.guide-category-button.pixel-button{text-transform:uppercase;min-height:46px}.guide-nav-button.pixel-button{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);min-height:38px;box-shadow:var(--pixel-shadow);text-align:left;align-items:center;padding:7px 9px;font-size:14px;font-weight:900;line-height:1;display:grid}.guide-nav-button.is-selected{background:var(--theme-yellow)}.guide-pattern-panel{gap:10px;min-width:0;min-height:0;max-height:min(500px,100vh - 220px);display:grid;overflow:visible}.guide-pattern-preview{min-width:0;min-height:0;max-height:inherit;grid-template-columns:minmax(0,1fr) minmax(180px,.78fr);gap:14px;display:grid;overflow:visible}.guide-canvas-frame{place-items:center;min-height:0;display:grid;overflow:visible}.guide-pattern-canvas{aspect-ratio:1;border:var(--pixel-border);background:var(--paper);width:min(100%,300px,100vh - 380px);max-width:100%;height:auto;box-shadow:var(--pixel-shadow);image-rendering:pixelated;place-self:center;display:block}.guide-pattern-panel p{border:var(--pixel-border);background-color:var(--theme-yellow);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);margin:0;padding:10px;line-height:1.25;overflow-y:auto}.game-intro-overlay{z-index:80;background:#000000b8;place-items:center;padding:clamp(18px,4vw,56px);display:grid;position:fixed;inset:0}.game-intro-overlay .pixel-panel{gap:clamp(18px,2.5vw,34px);width:min(1040px,100%);max-height:min(760px,100vh - 56px);display:grid;overflow:visible}.game-intro-card{animation:.42s both game-intro-card-in}.game-intro-card.is-exiting{animation:.42s both game-intro-card-out}.game-intro-heading{text-align:center;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:14px;font-size:clamp(22px,4vw,56px);font-weight:900;line-height:1.1;display:flex}.game-intro-heading strong{color:var(--hot)}.game-intro-body{opacity:0;grid-template-columns:minmax(0,.95fr) minmax(220px,.85fr);align-items:center;gap:clamp(16px,3vw,36px);transition:opacity .24s,transform .24s;display:grid;transform:translateY(12px)}.game-intro-body.is-visible{opacity:1;transform:translateY(0)}.game-intro-body p{border:var(--pixel-border);background:var(--paper);box-shadow:var(--pixel-shadow);margin:0;padding:clamp(14px,2vw,24px);font-size:clamp(18px,2.3vw,34px);font-weight:900;line-height:1.35}.game-intro-canvas-frame{aspect-ratio:1;justify-self:center;place-items:center;width:min(100%,360px,100vh - 220px);min-height:0;display:grid;overflow:visible}.game-intro-canvas-frame .guide-pattern-canvas{box-sizing:border-box;width:100%;max-width:100%;height:100%;max-height:100%}@keyframes game-intro-card-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes game-intro-card-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.98)}}.guide-text-card{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);min-height:0;max-height:min(500px,100vh - 220px);box-shadow:var(--pixel-shadow);gap:16px;padding:18px;display:grid;overflow-y:auto}.guide-text-card h2,.guide-text-card h3,.guide-text-card p{margin:0}.guide-text-card h2{font-size:clamp(24px,4vw,38px);line-height:1}.guide-started-list{gap:12px;display:grid}.guide-started-list section{border:var(--pixel-border);background-color:#ffffffc7;background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);gap:6px;padding:10px;display:grid}.guide-started-list h3{font-size:18px;line-height:1}.room-search h1{margin:0;font-size:24px;line-height:1}.search-status{margin:0;line-height:1.2}.lobby-results{gap:10px;display:grid}.lobby-result{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);min-height:54px;color:var(--ink);box-shadow:var(--pixel-shadow);cursor:pointer;font:inherit;text-align:left;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.lobby-result strong{font-size:18px}.quick-join-popup{z-index:70;width:min(320px,100vw - 48px);max-width:calc(100vw - 48px);animation:.22s cubic-bezier(.22,1,.36,1) both quick-join-slide-in;position:fixed;top:24px;right:24px;transform:none}.quick-join-popup .pixel-panel-content{gap:12px;display:grid}.quick-join-heading,.quick-join-room{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.quick-join-heading span{text-transform:uppercase;font-size:18px;font-weight:900}.quick-join-heading strong{color:var(--theme-red);font-size:18px}.quick-join-room{border:var(--pixel-border);background:var(--paper);box-shadow:var(--pixel-shadow);padding:10px 12px}.quick-join-room span,.quick-join-room strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:visible}.quick-join-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-join-cancel-button.pixel-button{background:var(--theme-red)}@keyframes quick-join-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes quick-join-mobile-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.corner-logo{z-index:2;width:clamp(54px,8vw,96px);image-rendering:pixelated;border:var(--pixel-border);background:var(--paper);box-shadow:var(--pixel-shadow);position:fixed;bottom:24px;right:24px}.app-shell{grid-template-rows:auto minmax(0,1fr);width:100%;margin:0 auto;padding:clamp(14px,1.4vw,28px);display:grid;overflow:visible}.app-header{grid-template-columns:minmax(220px,.9fr) minmax(420px,1.05fr) minmax(300px,1.15fr);align-items:center;gap:clamp(14px,2.2vw,34px);margin-bottom:16px;display:grid}.title-image{--title-scale:.62;grid-column:1;justify-self:start}.header-actions,.number-row{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.header-actions{grid-column:2/-1;justify-content:flex-end;overflow:visible}.header-leave-button.pixel-button{border:var(--pixel-border);text-transform:uppercase;height:36px;min-height:36px;padding:4px 8px;font-size:12px;line-height:1}.mobile-menu-button,.mobile-menu,.mobile-chat-drawer{display:none}.play-layout{grid-template-columns:minmax(220px,.9fr) minmax(420px,1.05fr) minmax(300px,1.15fr);align-items:stretch;gap:clamp(14px,2.2vw,34px);width:100%;height:100%;min-height:0;display:grid;overflow:visible}.game-column{grid-template-rows:minmax(0,1fr) auto;justify-items:stretch;gap:14px;min-width:0;min-height:0;max-height:none;display:grid;overflow:visible}.right-column{grid-template-rows:minmax(0,1fr);align-content:stretch;gap:12px;height:100%;min-height:0;max-height:100%;padding-right:0;display:grid;overflow:visible}.call-column{align-content:start;gap:12px;min-height:0;max-height:none;margin:0;padding:0;display:grid;overflow:visible}.call-column:empty{display:none}.player-playground-panel{height:100%;min-height:0;overflow:visible}.player-playground-panel .pixel-panel-content{height:100%;min-height:0;padding:0}.player-playground{background:linear-gradient(#ffffff47, #ffffff47), var(--box-checker);background-color:#fff3;background-position:0 0, var(--box-checker-position);background-size:auto, var(--box-checker-size);cursor:crosshair;touch-action:none;width:100%;height:100%;min-height:260px;position:relative;overflow:visible}.player-playground:before{content:"";pointer-events:none;border:4px dashed #1b17203d;position:absolute;inset:14px}.playground-title-box{z-index:2;border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);min-width:136px;box-shadow:var(--pixel-shadow);pointer-events:none;gap:3px;padding:8px 10px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.playground-title-box strong{text-transform:uppercase;font-size:14px}.playground-title-box span{color:#1b1720ad;font-size:11px}.playground-background-text{z-index:0;color:#1b172021;text-align:center;text-transform:uppercase;pointer-events:none;width:min(92%,760px);font-size:clamp(34px,5.2vw,76px);font-weight:900;line-height:1.05;animation:2.8s ease-in-out infinite playground-text-fade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playground-player{left:var(--ball-x);top:var(--ball-y);z-index:2;pointer-events:none;place-items:center;transition:left .22s cubic-bezier(.22,1,.36,1),top .22s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;transform:translate(-50%,-50%)}.playground-soccer-ball{left:var(--soccer-x);top:var(--soccer-y);z-index:3;width:42px;height:42px;filter:drop-shadow(4px 4px 0 var(--shadow));pointer-events:none;background:0 0;border:0;border-radius:999px;place-items:center;transition:left 70ms linear,top 70ms linear;display:grid;position:absolute;transform:translate(-50%,-50%)}.playground-soccer-ball img{object-fit:contain;border-radius:inherit;width:100%;height:100%;image-rendering:pixelated;transform:rotate(var(--soccer-rotation,0deg));pointer-events:none;transition:transform 70ms linear;display:block}.playground-name-tag{max-width:132px;color:var(--ink);text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,2px 2px #fff;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;padding:0;font-size:11px;font-weight:900;line-height:1;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%)}.playground-player.is-crowned .playground-name-tag{bottom:calc(100% + 26px)}.playground-player-crown{z-index:4;width:34px;image-rendering:pixelated;filter:drop-shadow(3px 3px 0 var(--shadow));pointer-events:none;position:absolute;bottom:calc(100% - 10px);left:50%;transform:translate(-50%)rotate(-8deg)}.playground-chat-stack{pointer-events:none;justify-items:center;gap:5px;width:max-content;max-width:min(220px,42vw);display:grid;position:absolute;bottom:calc(100% + 25px);left:50%;transform:translate(-50%)}.playground-player.is-crowned .playground-chat-stack{bottom:calc(100% + 45px)}.playground-chat-stack span{border:3px solid var(--ink);max-width:100%;color:var(--ink);box-shadow:3px 3px 0 var(--shadow);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;padding:2px 15px;font-size:11px;font-weight:900;line-height:1.15;animation:6.5s linear forwards playground-bubble-expire;overflow:hidden}.playground-ball{border:var(--pixel-border);background:var(--ball-color);width:54px;height:54px;color:var(--ink);box-shadow:var(--pixel-shadow);font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:999px;place-items:center;padding:0;font-size:14px;font-weight:900;line-height:1;transition:transform .12s,box-shadow .12s;display:grid;overflow:hidden}.playground-ball img{object-fit:cover;image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block}.playground-ball.is-current{outline-offset:-9px;outline:4px solid #ffffffe6}.playground-ball:active{box-shadow:3px 3px 0 var(--shadow);transform:translate(2px,2px)}@keyframes playground-text-fade{0%,to{opacity:.36}50%{opacity:.78}}@keyframes playground-bubble-expire{0%,68%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (width>=1081px){.play-layout.has-mingo-card .call-column:empty{display:grid}.play-layout.has-mingo-card .board-stage{max-width:min(100%,560px)}.play-layout.has-mingo-card .board-shell{aspect-ratio:560/630;width:min(100%,560px,88.8889dvh - 85.3333px);max-width:560px}.play-layout.has-card-actions .board-shell{aspect-ratio:560/630;width:min(100%,560px,88.8889dvh - 160px);max-width:560px}}@media (width>=761px){.play-layout.is-gathering{grid-template-columns:minmax(280px,1fr) minmax(360px,min(42vw,640px));justify-content:stretch;align-items:stretch;padding-bottom:4px;padding-right:4px}.play-layout.is-gathering .call-column{display:none}.play-layout.is-gathering .game-column{grid-column:1;height:100%;min-height:0;display:grid}.play-layout.is-gathering .player-playground-panel{height:100%;margin-bottom:0;margin-right:0}.play-layout.is-gathering .right-column{grid-column:2;justify-self:stretch;width:100%}}.pattern-box{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);box-shadow:var(--pixel-shadow);gap:8px;padding:10px 14px;display:grid}.pattern-box span{text-transform:uppercase;font-size:12px;font-weight:900;line-height:1}.pattern-box strong{font-size:16px;line-height:1.1}.pattern-dropdown{position:relative}.pattern-trigger,.pattern-option{border:var(--pixel-border);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:inherit;box-shadow:var(--pixel-shadow);cursor:pointer;font-weight:900;line-height:1.1}.pattern-trigger{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px 10px;display:grid}.pattern-trigger span:first-child{text-overflow:ellipsis;text-transform:none;white-space:nowrap;overflow:visible}.pattern-menu{z-index:30;border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);max-height:min(330px,64vh);box-shadow:var(--pixel-shadow);gap:6px;padding:8px 14px 14px 8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:clip auto}.pattern-menu-portal{z-index:100;position:fixed;top:auto;right:auto}.pattern-option{text-align:left;min-height:38px;padding:7px 9px}.pattern-option.is-selected{background:var(--lime)}.pattern-option:hover{transform:translateY(-1px)}.called-number{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);min-height:112px;box-shadow:var(--pixel-shadow);grid-template-columns:1fr;align-items:center;gap:12px;padding:10px 14px;display:grid}.called-number-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.called-number-label span{text-transform:uppercase;font-weight:900}.called-number-list{--ball-size:clamp(42px, 4.2vw, 62px);width:100%;min-width:0;height:calc(var(--ball-size) + 16px);box-sizing:border-box;padding:8px 0;display:block;position:relative;overflow:visible}.called-number-slot{opacity:1;width:20%;transform:translateX(calc(var(--slot-index) * 100%));will-change:transform, opacity;place-items:center;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease-out;display:grid;position:absolute;top:8px;left:0;overflow:visible}.called-number-slot.is-entering{animation:.36s cubic-bezier(.22,1,.36,1) called-ball-enter}.called-number-slot.is-exiting{opacity:0;pointer-events:none}.called-number-ball{--digit-gap:2px;--digit-scale:.8;min-width:0;width:min(calc(100% - 6px), var(--ball-size));aspect-ratio:1;background-image:var(--ball-image);image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;place-items:center;line-height:1;display:inline-grid}.called-number-ball.is-current{filter:drop-shadow(3px 3px 0 var(--shadow));transform:translateY(-2px)}@keyframes called-ball-enter{0%{opacity:0;transform:translateX(calc((var(--slot-index) + 1) * 100% + 20px))}to{opacity:1;transform:translateX(calc(var(--slot-index) * 100%))}}.pixel-digits{justify-content:center;align-items:center;gap:var(--digit-gap,2px);image-rendering:pixelated;transform:scale(var(--digit-scale));transform-origin:50%;display:inline-flex}.pixel-digits.digits-1,.pixel-digits.digits-2{--digit-scale:.8}.pixel-digit{background-image:url(/fonts/number.png);background-repeat:no-repeat;background-size:156px 16px;background-position:calc(var(--digit-index) * -16px) 0;width:12px;height:16px;display:block}.free-cell-image{z-index:1;object-fit:contain;width:64%;height:64%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;margin:auto;display:block;position:relative}.board-stage{place-items:center;gap:14px;width:100%;min-width:0;display:grid;position:relative}.card-reroll-button{display:none}.card-actions{justify-self:center;gap:10px;width:min(100%,560px);max-width:100%;height:fit-content;display:grid}.card-actions.has-reroll{grid-template-columns:minmax(0,1fr) 64px}.card-actions.only-primary{grid-template-columns:minmax(0,1fr)}.card-actions .host-controls{order:1;min-width:0;display:grid}.card-actions .host-controls .pixel-button{width:100%;min-width:180px;min-height:54px;padding-inline:28px}.card-actions .card-reroll-button.pixel-button{order:2;justify-self:stretch;place-items:center;width:64px;min-width:64px;min-height:54px;padding:0;font-size:34px;line-height:1;display:inline-grid}.card-reroll-button.pixel-button img{width:30px;height:30px}.board-shell{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);box-shadow:var(--pixel-shadow);cursor:url(/assets/pixel/cursor/pencilDefault.png) 3 15,pointer;will-change:transform;place-self:center;gap:clamp(8px,1.5vh,14px);padding:clamp(12px,2.2vh,22px);animation:.42s cubic-bezier(.22,1,.36,1) board-slide-in;display:grid}.board-shell:active{cursor:url(/assets/pixel/cursor/pencilActive.png) 3 15,pointer}.board-shell.is-out{animation:.32s cubic-bezier(.64,0,.78,0) forwards board-slide-out}.board-shell.is-in{animation:.36s cubic-bezier(.22,1,.36,1) board-slide-in}.board-shell.is-idle{transform:translate(0,0)}.board-title{grid-template-columns:repeat(5,1fr);align-items:center;gap:clamp(5px,1vw,10px);width:100%;min-width:0;display:grid}.board-title span{min-width:0;min-height:clamp(28px,7vh,58px);text-shadow:3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 3px 0 var(--ink), 0 -3px 0 var(--ink);place-items:center;font-size:clamp(26px,7vh,58px);font-weight:900;line-height:1;display:grid}.board-title span:first-child{color:var(--theme-magenta)}.board-title span:nth-child(2){color:var(--theme-blue)}.board-title span:nth-child(3){color:var(--theme-red)}.board-title span:nth-child(4){color:var(--theme-green)}.board-title span:nth-child(5){color:var(--theme-orange)}.board-grid{aspect-ratio:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1vh,10px);width:100%;min-width:0;display:grid}.mingo-cell{aspect-ratio:1;min-width:0;color:var(--ink);box-shadow:none;cursor:pointer;image-rendering:pixelated;background-color:#0000;background-image:url(/assets/pixel/mingoCard/numberBox.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:0;position:relative}.board-shell .mingo-cell,.board-shell .mingo-cell:disabled{cursor:url(/assets/pixel/cursor/pencilDefault.png) 3 15,pointer}.board-shell:active .mingo-cell,.board-shell .mingo-cell:active{cursor:url(/assets/pixel/cursor/pencilActive.png) 3 15,pointer}.call-time-control{text-transform:uppercase;gap:8px;min-width:190px;font-size:12px;font-weight:900;display:grid}.call-time-stepper{grid-template-columns:44px max-content 44px;align-items:center;gap:8px;display:grid}.call-time-stepper .pixel-button{min-width:44px;min-height:44px;padding-inline:0;font-size:20px}.call-time-stepper strong{min-height:44px;box-shadow:none;background:0 0;border:0;place-items:center;font-size:20px;line-height:1;display:grid}.call-time-readout{text-transform:uppercase;align-content:center;gap:8px;min-height:44px;font-size:12px;font-weight:900;line-height:1;display:grid}.call-time-readout strong{font-size:18px}.mingo-cell:disabled{cursor:pointer;opacity:1}.mingo-cell span{z-index:1;place-items:center;width:100%;height:100%;font-size:clamp(14px,4.4vh,34px);font-weight:900;line-height:1;display:grid;position:relative}.free-cell-image{z-index:1;position:relative}.mingo-cell:before{content:"";background:var(--mark-color);opacity:0;pointer-events:none;transform-origin:0;height:82%;transition:opacity .14s ease-out;position:absolute;top:50%;left:6%;right:6%;transform:translateY(-50%)rotate(-6deg)scaleX(0);-webkit-mask-image:url(/assets/pixel/mingoCard/scribble.png);mask-image:url(/assets/pixel/mingoCard/scribble.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.board-shell .mingo-cell:not(.is-marked):hover:before{opacity:.42;transform:translateY(-50%)rotate(-6deg)scaleX(1)}.mingo-cell.is-called{opacity:1}.mingo-cell.is-marked{color:var(--ink);opacity:1;position:relative;transform:translateY(2px)}.mingo-cell.is-marked:after{content:"";background:var(--mark-color);opacity:.95;pointer-events:none;transform-origin:0;height:82%;animation:.22s steps(5,end) forwards pencil-scribble;position:absolute;top:50%;left:6%;right:6%;transform:translateY(-50%)rotate(-6deg)scaleX(0);-webkit-mask-image:url(/assets/pixel/mingoCard/scribble.png);mask-image:url(/assets/pixel/mingoCard/scribble.png);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mingo-cell.is-marked span,.mingo-cell.is-marked .free-cell-image{z-index:1;position:relative}@keyframes pencil-scribble{0%{transform:translateY(-50%)rotate(-6deg)scaleX(0)}to{transform:translateY(-50%)rotate(-6deg)scaleX(1)}}.lobby-panel{border:var(--pixel-border);background-color:var(--box-background);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);box-shadow:var(--pixel-shadow);min-height:0;max-height:none;padding:14px;display:grid;overflow:visible}.lobby-window{grid-template-rows:auto minmax(0,1fr);align-content:stretch;height:100%;min-height:0;display:grid;overflow:visible}.lobby-window.is-chat-active{grid-template-rows:auto minmax(0,1fr);height:clamp(340px,100vh - 230px,560px);min-height:340px;max-height:560px;overflow:visible}.lobby-window.is-chat-active .lobby-window-body,.lobby-window.is-chat-active .lobby-panel{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:visible}.right-column .lobby-window.is-chat-active{height:100%;min-height:0;max-height:100%}.lobby-window-tabs{align-items:start;gap:4px;width:100%;min-width:0;padding-left:8px;display:flex}.lobby-window-tab.pixel-button{background:var(--lime);text-transform:uppercase;min-width:0;height:44px;min-height:44px;box-shadow:var(--pixel-shadow);border-bottom-width:0;flex:1 1 0;margin:0;padding:5px 10px;font-size:12px;line-height:1;transition:background-color .12s,color .12s;translate:none}.lobby-window-tabs .lobby-window-tab.pixel-button,.lobby-window-tabs .lobby-window-tab.pixel-button:hover:not(:disabled),.lobby-window-tabs .lobby-window-tab.pixel-button:active:not(:disabled),.lobby-window-tabs .lobby-window-tab.pixel-button:focus-visible{transform:none}.lobby-window-tab.pixel-button:hover:not(:disabled){background:var(--theme-yellow)}.lobby-window-tab.pixel-button.is-active{z-index:1;pointer-events:none;background-color:var(--box-background);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);box-shadow:none;cursor:default;position:relative}.lobby-window-tab.pixel-button.is-active:hover:not(:disabled),.lobby-window-tab.pixel-button.is-active:active:not(:disabled),.lobby-window-tab.pixel-button.is-active:focus-visible{color:var(--ink);background-color:var(--box-background);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);cursor:default}.lobby-window-body{min-width:0;min-height:0;margin-top:-3px;position:relative;overflow:visible}.lobby-window-body .lobby-panel{border-top-left-radius:0;height:100%;min-height:0;overflow:visible}.lobby-panel-content{grid-template-rows:auto;align-content:start;gap:0;min-height:0;max-height:none;margin:0;padding:0;display:grid;overflow:visible}.lobby-panel-settings .lobby-panel-content{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;height:100%;margin-bottom:-8px;margin-right:-8px;padding-bottom:8px;padding-right:8px;overflow:visible auto}.lobby-panel-settings .pattern-box{box-shadow:none}.lobby-tools{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.lobby-panel-settings .lobby-tools{margin-bottom:0}.settings-start-control{grid-row:5;align-self:end;min-width:0;display:grid}.settings-privacy-control{justify-items:stretch;gap:12px;min-width:0;display:grid}.settings-privacy-control .room-privacy-row,.settings-privacy-control .room-soccer-row{grid-template-columns:minmax(0,1fr) minmax(176px,max-content)}.settings-privacy-control .room-privacy-row.has-privacy-apply{grid-template-columns:minmax(0,1fr) minmax(176px,max-content) 46px}.privacy-apply-button.pixel-button{place-items:center;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;display:inline-grid;position:relative}.privacy-apply-button.pixel-button:before{content:none;border-right:5px solid var(--ink);border-bottom:5px solid var(--ink);width:12px;height:20px;transform:translateY(-2px)rotate(45deg)}.lobby-panel h2{margin:0 0 10px;font-size:18px;line-height:1}.join-code-card{border:var(--pixel-border);background-color:var(--theme-yellow);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);box-shadow:var(--pixel-shadow);gap:10px;margin-bottom:12px;padding:10px;display:grid}.join-code-card span{text-transform:uppercase;font-size:12px;font-weight:900;line-height:1}.join-code-card strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(24px,4vw,36px);line-height:1}.join-code-row{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;display:grid}.join-code-card .copy-code-button{place-items:center;width:48px;min-width:48px;min-height:44px;padding:0;display:inline-grid;position:relative}.lobby-empty-state{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);margin:0;padding:10px;line-height:1.2}.copy-code-button img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;pointer-events:none}.room-code{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);gap:6px;margin-bottom:12px;padding:8px;display:grid}.host-controls{grid-template-columns:1fr;display:grid}.host-controls .pixel-button{width:100%;min-height:58px}.gathering-log-panel{width:100%}.gathering-log-panel .pixel-panel-content{gap:12px;display:grid}.gathering-log-header{justify-content:space-between;align-items:center;gap:12px;font-size:clamp(18px,2.4vw,28px);font-weight:900;line-height:1.15;display:flex}.gathering-log-header strong{color:var(--hot);flex:none}.gathering-log-list{gap:6px;max-height:none;margin:0;padding:0;list-style:none;display:grid;overflow:visible}.gathering-log-list li{border:var(--pixel-border);overflow-wrap:anywhere;background-color:#ffffff94;padding:8px 10px;font-size:clamp(14px,1.6vw,20px);line-height:1.15}.gathering-log-list strong{color:var(--ink)}.lobby-panel-chat .lobby-panel-content{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;margin-bottom:-8px;margin-right:-8px;padding-bottom:8px;padding-right:8px;overflow:hidden}.chat-message-list{scrollbar-width:none;align-content:start;gap:6px;min-height:0;margin:0;padding:0 8px 8px 0;list-style:none;display:grid;overflow:hidden auto}.chat-message-list::-webkit-scrollbar{width:0;height:0}.chat-message-list li{overflow-wrap:anywhere;background:0 0;border:0;padding:0;line-height:1.15}.chat-message-list li.is-system,.chat-message-list li.is-system strong{color:var(--theme-red)}.chat-message-list strong{color:var(--ink)}.chat-send-row{grid-template-columns:minmax(0,1fr) auto;align-self:end;align-items:stretch;gap:10px;min-height:44px;display:grid}.chat-send-row .pixel-input{min-width:0;height:44px;min-height:44px}.chat-send-row .pixel-button{height:44px;min-height:44px}.chat-send-row .chat-send-button.pixel-button{place-items:center;min-width:64px;padding:0 16px;display:inline-grid}.chat-send-button.pixel-button img{width:26px;height:26px}.room-code span,.room-code strong{overflow-wrap:anywhere}.room-code strong{font-size:24px;line-height:1}.player-list,.scoreboard{grid-auto-rows:max-content;align-content:start;justify-items:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.lobby-panel .player-list{scrollbar-width:none;-ms-overflow-style:none;min-height:0;margin:0;padding:0;overflow:visible}.lobby-panel .player-list::-webkit-scrollbar{display:none}.player-card{border:var(--pixel-border);background-color:#fff;background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);justify-content:space-between;justify-self:start;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px;display:flex}.player-card-name{overflow-wrap:anywhere;min-width:0}.player-card-badges{white-space:nowrap;gap:6px;margin-left:auto;display:inline-flex}.player-card-actions{flex:none;gap:6px;display:inline-flex}.player-card-actions button{border:var(--pixel-border);background:var(--lime);min-height:28px;color:var(--ink);font:inherit;text-transform:uppercase;box-shadow:var(--pixel-shadow);cursor:pointer;padding:3px 7px;font-size:11px;font-weight:900;line-height:1}.player-card.is-current{background-color:#d8f3dc}.results-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.winner-card,.win-burst,.toast{border:var(--pixel-border);background-color:var(--hot);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);color:#fff;box-shadow:var(--pixel-shadow);padding:10px 14px;font-weight:900;line-height:1}.mingo-claim-button{z-index:160;background-color:var(--theme-yellow);min-width:min(320px,100vw - 48px);min-height:58px;font-size:clamp(20px,4vw,34px);animation:.76s ease-in-out infinite mingo-button-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mingo-claim-button.pixel-button:hover:not(:disabled),.mingo-claim-button.pixel-button:active:not(:disabled){box-shadow:var(--pixel-shadow);transform:translate(-50%,-50%)scale(1.08)}.toast{z-index:10;position:fixed;top:16px;left:50%;transform:translate(-50%)}.result-overlay{z-index:220;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:visible}.result-overlay:before{content:"";background:0 0;transition:background .52s;position:absolute;inset:0}.result-overlay.is-winner-prompt:before,.result-overlay.is-winner-reveal:before,.result-overlay.is-exiting:before{background:#000000c7}.result-overlay.is-exiting{animation:.65s forwards result-overlay-out}.game-over-slam{z-index:2;color:var(--theme-red);text-align:center;text-transform:uppercase;text-shadow:5px 0 0 var(--ink), -5px 0 0 var(--ink), 0 5px 0 var(--ink), 0 -5px 0 var(--ink), 8px 8px 0 var(--shadow);font-size:clamp(48px,13vw,170px);font-weight:900;line-height:.9;animation:.9s cubic-bezier(.16,1,.3,1) both game-over-slam;position:absolute}.result-overlay.is-game-over-out .game-over-slam,.result-overlay.is-winner-prompt .game-over-slam,.result-overlay.is-winner-reveal .game-over-slam,.result-overlay.is-exiting .game-over-slam{opacity:0;transition:opacity .42s,transform .42s;transform:scale(.84)rotate(2deg)}.result-winner-stage{z-index:2;color:#fff;text-align:center;opacity:0;place-items:center;gap:clamp(24px,4vw,48px);width:min(100%,980px);padding:28px;display:grid;position:relative;transform:translateY(12px)}.result-overlay.is-winner-prompt .result-winner-stage,.result-overlay.is-winner-reveal .result-winner-stage,.result-overlay.is-exiting .result-winner-stage{opacity:1;transition:opacity .42s,transform .42s;transform:translateY(0)}.result-winner-stage p{text-shadow:5px 5px 0 var(--ink);margin:0;font-size:clamp(22px,5vw,68px);font-weight:900;line-height:1.1}.winner-reveal{place-items:center;min-width:min(100%,320px);display:grid;position:relative}.winner-crown{z-index:3;width:clamp(58px,10vw,136px);image-rendering:pixelated;filter:drop-shadow(4px 4px 0 var(--shadow));pointer-events:none;margin-bottom:clamp(-18px,-2.2vw,-10px);animation:.58s cubic-bezier(.16,1,.3,1) both winner-name-pop;position:relative;transform:rotate(-8deg)}.winner-reveal strong{z-index:2;border:var(--pixel-border);background-color:var(--theme-yellow);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);max-width:min(92vw,900px);color:var(--ink);overflow-wrap:anywhere;box-shadow:var(--pixel-shadow);padding:clamp(16px,2.6vw,30px) clamp(22px,4vw,54px);font-size:clamp(34px,8vw,108px);font-weight:900;line-height:1.05;animation:.58s cubic-bezier(.16,1,.3,1) both winner-name-pop;display:inline-block;position:relative}.confetti-field{z-index:1;pointer-events:none;position:absolute;inset:50% auto auto 50%}.confetti-field span{background:var(--confetti-color);border:var(--pixel-border);width:clamp(9px,1.1vw,16px);height:clamp(14px,1.7vw,24px);transform:translate(-50%, -50%) rotate(var(--confetti-rotate)) scale(0);animation:confetti-burst .95s cubic-bezier(.16, 1, .3, 1) var(--confetti-delay) both;position:absolute;top:0;left:0}@keyframes game-over-slam{0%{opacity:0;transform:translateY(-120vh)scale(1.35)rotate(-6deg)}68%{opacity:1;transform:translateY(0)scale(.94)rotate(1deg)}82%{transform:translateY(-14px)scale(1.04)rotate(-1deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes winner-name-pop{0%{opacity:0;transform:scale(.35)rotate(-5deg)}70%{opacity:1;transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--confetti-rotate)) scale(0)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y))) rotate(calc(var(--confetti-rotate) + 210deg)) scale(1)}}@keyframes result-overlay-out{to{opacity:0}}@media (width<=1080px) and (width>=761px){.app-shell{width:min(920px,100%)}.app-header{grid-template-columns:minmax(180px,.8fr) minmax(360px,1.2fr);align-items:start}.app-shell.has-mingo-card .app-header{grid-template-columns:minmax(180px,.78fr) minmax(320px,1fr)}.app-header .title-image{--title-scale:.52}.app-header .header-actions{align-self:start}.desktop-header-controls .activity-avatar-tray{max-width:min(240px,28vw)}.play-layout{grid-template:"call board""side board"minmax(0,1fr)/minmax(180px,.8fr) minmax(360px,1.2fr);align-items:stretch;height:100%;min-height:0}.play-layout.has-mingo-card{grid-template-columns:minmax(180px,.78fr) minmax(320px,1fr);justify-content:center}.call-column{grid-area:call}.game-column{grid-area:board}.play-layout.has-mingo-card .game-column{align-content:center;justify-items:center;min-width:0;overflow:visible}.play-layout.has-mingo-card .board-stage{align-content:center;justify-items:center;min-width:0;max-width:calc(100% - 28px)}.right-column{grid-area:side;grid-template-rows:minmax(0,1fr);align-content:stretch;height:100%;min-height:0}.right-column>.host-controls{align-self:start}.right-column .lobby-window{height:100%;min-height:0;overflow:visible}.right-column .lobby-window.is-chat-active{height:100%;min-height:0;max-height:100%}.right-column .lobby-window-body{min-height:0;overflow:visible}.right-column .lobby-panel{height:100%;min-height:0;overflow:visible}.right-column .lobby-panel-content{grid-template-rows:auto auto auto;align-content:start;height:100%;min-height:0;overflow:visible}.right-column .lobby-panel .player-list{min-height:0;max-height:100%;margin:0 -8px -8px 0;padding:0 8px 8px 0;overflow:hidden auto}.right-column .lobby-panel-players .lobby-panel-content{grid-template-rows:auto minmax(0,1fr)}.right-column .lobby-panel-code .lobby-panel-content{grid-template-rows:auto}.right-column .lobby-panel-settings .lobby-panel-content{grid-template-rows:auto auto auto minmax(0,1fr) auto;margin-bottom:-8px;margin-right:-8px;padding-bottom:8px;padding-right:8px;overflow:visible auto}.right-column .lobby-panel-chat .lobby-panel-content{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;margin-bottom:-8px;margin-right:-8px;padding-bottom:8px;padding-right:8px;overflow:hidden}.right-column .join-code-card{align-self:start}.game-column>.gathering-log-panel{height:100%;min-height:0;overflow:visible}.game-column>.gathering-log-panel .pixel-panel-content{align-content:start;height:100%;min-height:0;overflow:visible}.game-column>.gathering-log-panel .gathering-log-list{align-content:start;margin:0 -8px -8px 0;padding:0 8px 8px 0;overflow:hidden auto}.play-layout.has-mingo-card .board-shell{width:min(100%,560px,88.8889dvh - 74.6667px)}.play-layout.has-card-actions .board-shell{width:min(100%,560px,88.8889dvh - 133.333px)}.play-layout.has-mingo-card .board-title{gap:clamp(8px,1.3vh,12px)}.play-layout.has-mingo-card .board-title span{min-height:clamp(30px,5.2vh,46px);font-size:clamp(28px,5.2vh,46px)}.play-layout.has-mingo-card .board-grid{gap:clamp(6px,1vh,8px)}}@media (width>=761px){.play-layout.is-gathering{grid-template:auto/minmax(280px,1fr) minmax(360px,min(42vw,640px));justify-content:stretch;align-items:stretch;padding-bottom:4px;padding-right:4px}.play-layout.is-gathering .call-column{display:none}.play-layout.is-gathering .game-column{grid-area:auto/1;height:100%;min-height:0;display:grid}.play-layout.is-gathering .player-playground-panel{height:100%;margin-bottom:0;margin-right:0}.play-layout.is-gathering .right-column{grid-area:auto/2;justify-self:stretch;width:100%;height:100%;min-height:0}}@media (width<=760px){.theme-root{--mobile-gutter:clamp(18px, 5vw, 32px);--mobile-shadow-room:8px;--mobile-lane-width:calc(100vw - (var(--mobile-gutter) * 2) - var(--mobile-shadow-room))}.join-screen,.play-layout,.room-search,.lobby-result{grid-template-columns:1fr}.app-shell{width:100%;min-width:0;padding:12px 0 0;overflow-x:hidden}.app-shell>.app-header{width:100%;min-width:0;min-height:78px;padding:0 var(--mobile-gutter);grid-template-columns:minmax(0,1fr);place-items:center start;margin-bottom:12px;display:grid;position:relative;overflow:visible}.app-shell>.app-header .title-image{--title-scale:.72;margin-left:var(--mobile-shadow-room);transform-origin:0;justify-self:start;max-width:none;position:relative;left:auto;transform:none}.app-shell>.app-header .header-actions,.desktop-header-controls{display:none}.mobile-menu-button{top:27px;right:var(--mobile-gutter);z-index:120;border:var(--pixel-border);background:var(--paper);width:48px;height:48px;box-shadow:var(--pixel-shadow);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:fixed}.mobile-menu-button span{background:var(--ink);width:24px;height:4px;display:block}.mobile-menu{z-index:110;pointer-events:none;display:block;position:fixed;inset:0}.mobile-menu.is-open{pointer-events:auto}.mobile-menu-backdrop{opacity:0;background:#1b172047;border:0;transition:opacity .18s ease-out;position:absolute;inset:0}.mobile-menu.is-open .mobile-menu-backdrop{opacity:1}.mobile-menu-panel{border-left:4px solid var(--ink);background-color:var(--box-background);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);width:min(100vw - 56px,420px);height:100%;box-shadow:-6px 0 0 var(--shadow);will-change:transform;backface-visibility:hidden;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;padding:92px 14px 16px;transition:transform .24s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;right:0;overflow:visible;transform:translate(calc(100% + 8px))}.mobile-menu-panel-content{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;grid-auto-flow:row;align-content:start;align-items:start;gap:12px;width:100%;min-width:0;min-height:0;max-height:100%;margin:0 -8px -12px 0;padding:0 8px 12px 0;display:grid;overflow:clip auto}.mobile-menu-footer{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.mobile-menu-panel *,.mobile-menu-panel :before,.mobile-menu-panel :after{box-sizing:border-box}.mobile-menu-panel-content>*{grid-column:1;width:100%;min-width:0;max-width:100%;min-height:0;position:relative}.mobile-menu-footer>*{min-width:0}.mobile-menu.is-open .mobile-menu-panel{transform:translate(0)}.mobile-chat-drawer{z-index:100;width:100vw;height:var(--mobile-chat-height,min(78dvh, calc(100dvh - 100px)));background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);will-change:transform;grid-template-rows:46px minmax(0,1fr);min-width:0;max-width:none;min-height:0;padding:0;transition:transform .24s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%,calc(100% - 46px))}.app-shell.has-card-actions .mobile-chat-drawer{bottom:0}.mobile-chat-drawer.is-open{transform:translate(-50%)}.mobile-chat-handle{border:var(--pixel-border);width:100%;min-width:0;min-height:46px;color:var(--ink);box-shadow:var(--pixel-shadow);cursor:grab;font:inherit;text-transform:uppercase;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-bottom-width:0;border-left:none;border-right:none;grid-template-rows:8px 1fr;place-items:center;gap:6px;padding:7px 12px 8px;font-size:14px;font-weight:900;line-height:1;display:grid;position:relative}.mobile-chat-handle:focus-visible{outline:4px solid var(--focus);outline-offset:-8px}.mobile-chat-handle:active,.mobile-chat-drawer.is-dragging:not(.is-resizing) .mobile-chat-handle{box-shadow:3px 3px 0 var(--shadow);cursor:grabbing}.mobile-chat-drawer.is-dragging:not(.is-resizing) .mobile-chat-grip-bar{transform:scaleX(.86)}.mobile-chat-grip-bar{background:var(--ink);width:56px;height:5px;transition:transform .12s}.mobile-chat-resize-button{border:var(--pixel-border);width:34px;height:34px;color:var(--ink);box-shadow:3px 3px 0 var(--shadow);cursor:ns-resize;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;place-items:center;padding:0;font-size:16px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.mobile-chat-resize-button:active,.mobile-chat-drawer.is-resizing .mobile-chat-resize-button{box-shadow:1px 1px 0 var(--shadow);cursor:ns-resize;transform:translate(2px,calc(2px - 50%))}.mobile-chat-resize-button img{width:18px;height:18px}.mobile-chat-drawer.is-resizing .mobile-chat-handle{cursor:ns-resize}.mobile-chat-sheet{background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);min-width:0;min-height:0;display:grid;overflow:visible}.mobile-chat-sheet .lobby-panel{border-top-left-radius:0;border-top-right-radius:0;width:100%;min-width:0;height:100%;min-height:0;padding:12px;overflow:visible}.mobile-chat-sheet .lobby-panel-content{gap:10px;height:100%;min-height:0;overflow:visible}.mobile-chat-sheet .lobby-panel-chat h2{display:none}.mobile-chat-sheet .lobby-panel-chat .lobby-panel-content{grid-template-rows:minmax(0,1fr) auto;min-height:0}.mobile-chat-sheet .chat-send-row{grid-template-columns:minmax(0,1fr) minmax(72px,auto)}.mobile-menu-panel .app-header{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:0;width:100%;min-width:0;min-height:0;margin:0;padding:0;display:grid}.mobile-menu-panel .title-image{display:none}.mobile-menu-panel .header-actions{grid-column:1;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;width:100%;min-width:0;display:grid}.mobile-menu-panel .header-leave-button.pixel-button{text-align:center;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;justify-content:center;width:100%;min-width:0;min-height:52px;font-size:18px;overflow:visible}.join-screen{align-content:center;gap:18px;padding:24px 24px 96px}.join-screen>.pixel-panel,.room-search .pixel-panel{max-height:none;overflow:visible}.join-title{--title-scale:.82}.room-tabs,.room-search,.room-search.single-panel{width:min(620px,100vw - 48px)}.room-tabs{scrollbar-width:none;grid-template-columns:48px repeat(3,minmax(0,1fr));gap:4px;padding-left:0;overflow-x:auto}.room-tabs::-webkit-scrollbar{display:none}.room-search{margin-top:-21px}.room-back-button.pixel-button{min-width:48px;margin-right:6px}.room-tabs>.pixel-button:not(.room-back-button){padding-inline:10px;font-size:12px}.quick-join-popup{top:var(--mobile-gutter);right:var(--mobile-gutter);width:min(300px, calc(100vw - (var(--mobile-gutter) * 2)));animation:.22s cubic-bezier(.22,1,.36,1) both quick-join-slide-in;bottom:auto;left:auto;transform:none}.quick-join-actions{grid-template-columns:1fr 1fr}.create-room-fields,.room-privacy-row{grid-template-columns:1fr}.player-limit-controls{grid-template-columns:52px minmax(0,1fr) 52px}.privacy-switch{width:100%}.name-input-row{grid-template-columns:44px minmax(0,1fr)}.avatar-icon{border:var(--pixel-border);width:38px;height:38px;font-size:13px}.desktop-activity-controls{display:none}.mobile-music-toggle.pixel-button{aspect-ratio:1;justify-self:end;width:auto;min-width:52px;min-height:44px;margin-top:0;display:inline-grid;position:relative;bottom:auto;transform:none}.mobile-guide-button.pixel-button{width:100%;min-height:44px;display:inline-grid}.mobile-menu-panel .pattern-box,.mobile-menu-panel .lobby-panel{width:100%;min-width:0;max-width:100%;min-height:0;display:grid;overflow:visible}.mobile-menu-panel .pattern-trigger,.mobile-menu-panel .pattern-option,.mobile-menu-panel .pixel-button,.mobile-menu-panel .pixel-badge,.mobile-menu-panel .pixel-input{align-content:center;min-width:0;max-width:100%}.mobile-menu-panel .lobby-panel{padding:12px}.mobile-menu-panel .lobby-panel-content{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:10px;width:100%;min-width:0;min-height:0;display:grid;overflow:visible}.mobile-menu-panel .lobby-tools{grid-template-columns:1fr;align-items:stretch;margin-bottom:0}.mobile-menu-panel .lobby-panel h2,.mobile-menu-panel .join-code-card{margin-bottom:0}.mobile-menu-panel .call-time-control{width:100%;min-width:0}.mobile-menu-panel .call-time-stepper{grid-template-columns:48px minmax(0,1fr) 48px}.mobile-menu-panel .player-list{gap:8px;width:100%;min-width:0;min-height:0;display:grid;overflow:visible}.mobile-menu-panel .player-card{flex-wrap:wrap;width:100%;min-width:0;max-width:100%}.mobile-menu-panel .player-card-name,.mobile-menu-panel .player-card-badges,.mobile-menu-panel .player-card-actions{min-width:0}.guide-overlay{padding:12px}.guide-overlay .pixel-panel{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.guide-body{grid-template-columns:1fr;margin:0 -12px -12px 0;padding:0 12px 12px 0;overflow:clip auto}.guide-sidebar,.guide-pattern-panel{max-height:none;overflow:visible}.guide-pattern-preview{grid-template-columns:1fr;max-height:none;overflow:visible}.guide-pattern-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px;margin:0 -10px -10px 0;padding:0 10px 10px 0;overflow:clip auto}.guide-step-list{grid-template-columns:1fr}.guide-pattern-canvas{width:min(100%,100vw - 84px,320px)}.game-intro-overlay{padding:16px}.game-intro-overlay .pixel-panel{gap:16px;max-height:calc(100vh - 32px)}.game-intro-heading{font-size:clamp(24px,8vw,42px)}.game-intro-body{grid-template-columns:1fr;gap:14px}.game-intro-body p{font-size:clamp(18px,5vw,28px)}.game-intro-canvas-frame{width:min(100%,260px,38vh)}.guide-nav-button.pixel-button{text-align:center;font-size:12px}.activity-avatar-list .avatar-icon{width:36px;height:36px}.activity-avatar-list .avatar-icon+.avatar-icon{margin-left:-12px}.mobile-menu-panel .app-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-leave-button.pixel-button{justify-content:center;width:100%}.call-column{grid-row:1;gap:10px}.call-column>:not(.called-number){display:none}.play-layout{align-content:start;justify-items:center;gap:18px;padding:0 0 126px;overflow:hidden auto}.game-column,.call-column{width:var(--mobile-lane-width);max-height:none;padding-right:0;overflow:visible}.game-column{justify-items:center}.play-layout.is-gathering{height:calc(100dvh - 160px);min-height:0;padding:0 calc(var(--mobile-gutter) + var(--mobile-shadow-room)) var(--mobile-shadow-room) var(--mobile-gutter);grid-template-rows:minmax(0,1fr);align-content:stretch;justify-items:stretch;overflow:visible}.play-layout.is-gathering .game-column{justify-items:stretch;width:100%;height:100%;min-height:0}.play-layout.is-gathering .player-playground-panel,.play-layout.is-gathering .player-playground-panel .pixel-panel-content,.play-layout.is-gathering .player-playground{height:100%;min-height:0}.play-layout.is-gathering .player-playground-panel{height:calc(100% + var(--mobile-shadow-room));margin-right:calc(var(--mobile-shadow-room) * -1);margin-bottom:calc(var(--mobile-shadow-room) * -1)}.play-layout.is-gathering .player-playground-panel .pixel-panel-content{padding:0}.play-layout.is-gathering .player-playground:before{border-width:3px;inset:10px}.play-layout.is-gathering .playground-title-box{min-width:112px;padding:6px 8px;top:8px;right:8px}.play-layout.is-gathering .playground-title-box strong{font-size:11px}.play-layout.is-gathering .playground-title-box span{font-size:9px}.play-layout.is-gathering .playground-background-text{width:86%;font-size:clamp(28px,9vw,52px)}.play-layout.is-gathering .playground-ball{width:36px;height:36px;box-shadow:4px 4px 0 var(--shadow);font-size:11px}.play-layout.is-gathering .playground-soccer-ball{width:30px;height:30px;filter:drop-shadow(3px 3px 0 var(--shadow))}.play-layout.is-gathering .playground-name-tag{max-width:96px;font-size:9px;bottom:calc(100% + 4px)}.play-layout.is-gathering .playground-player.is-crowned .playground-name-tag{bottom:calc(100% + 21px)}.play-layout.is-gathering .playground-player-crown{width:26px;filter:drop-shadow(2px 2px 0 var(--shadow));bottom:calc(100% - 8px)}.play-layout.is-gathering .playground-chat-stack{gap:4px;max-width:min(160px,44vw);bottom:calc(100% + 23px)}.play-layout.is-gathering .playground-player.is-crowned .playground-chat-stack{bottom:calc(100% + 38px)}.play-layout.is-gathering .playground-chat-stack span{box-shadow:2px 2px 0 var(--shadow);border-width:2px;padding:4px 8px;font-size:9px}.play-layout.is-gathering .playground-ball.is-current{outline-offset:-7px;outline-width:3px}.board-stage{justify-items:center;width:100%}.right-column{width:var(--mobile-lane-width);max-height:none;padding-right:0;overflow:visible}.right-column>*{display:none}.card-actions{z-index:90;width:var(--mobile-lane-width);justify-self:stretch;gap:10px;max-width:none;display:grid;position:fixed;bottom:62px;left:50%;right:auto;transform:translate(-50%)}.card-actions.has-reroll{grid-template-columns:minmax(0,1fr) 64px}.card-actions.only-primary{grid-template-columns:minmax(0,1fr)}.card-actions .host-controls{order:1;min-width:0;display:grid}.card-actions .host-controls .pixel-button{min-height:54px}.card-actions .card-reroll-button.pixel-button{order:2;justify-self:stretch;place-items:center;width:64px;min-width:64px;min-height:54px;padding:0;font-size:34px;line-height:1;display:inline-grid}.board-shell{width:min(100%,100vw - 64px,54vh)}.call-column>.pattern-box,.call-column>.called-number,.game-column>.pixel-panel,.right-column>.host-controls{justify-self:center;width:100%;max-width:none}.called-number-list{--ball-size:clamp(34px, 11vw, 46px)}.called-number-ball{--digit-gap:1px}.called-number-ball .pixel-digits.digits-1{--digit-scale:.82}.called-number-ball .pixel-digits.digits-2{--digit-scale:.76}.right-column>.host-controls{margin-top:2px}}:root{--theme-magenta:#f387f2;--theme-blue:#72b9ff;--theme-red:#ff6f6f;--theme-green:#8fde5d;--theme-yellow:#f9cd56;--theme-orange:#ffb570;--theme-background:var(--theme-blue);--box-background:#fff8e8;--mark-color:var(--theme-red);--background-zoom-scale:1;--ink:#201a23;--paper:#fff8e8;--panel:#f4d27a;--panel-dark:#c57b57;--accent:#3ba99c;--accent-dark:#1f6f78;--hot:#e94f37;--lime:#a7c957;--shadow:#201a234d;--pixel-border:3px solid var(--ink);--pixel-shadow:4px 4px 0 var(--shadow);--pixel-pressed-shadow:1px 1px 0 var(--shadow);--box-checker:linear-gradient(45deg, #1b172009 25%, transparent 25%), linear-gradient(-45deg, #1b172009 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #1b172009 75%), linear-gradient(-45deg, transparent 75%, #1b172009 75%);--box-checker-position:0 0, 0 8px, 8px -8px, -8px 0;--box-checker-size:16px 16px;--font-pixel:"Courier New", "Lucida Console", Monaco, monospace;font-family:var(--font-pixel)}.pixel-panel{border:var(--pixel-border);background-color:var(--panel);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);width:100%;min-height:0;box-shadow:var(--pixel-shadow);gap:16px;padding:18px;display:grid}.pixel-panel-content{gap:inherit;min-height:0;max-height:100%;display:grid;overflow:visible}.pixel-panel label,.pixel-panel-content label{gap:8px;font-weight:900;line-height:1;display:grid}.pixel-button,.pixel-input{border:var(--pixel-border);min-height:44px;color:var(--ink);font-family:var(--font-pixel);box-shadow:var(--pixel-shadow);font-weight:900}.pixel-button{background:var(--lime);cursor:pointer;padding:8px 14px;line-height:1;transition:background-color .12s,color .12s}.pixel-button:hover:not(:disabled){background:var(--theme-yellow)}.pixel-button:active:not(:disabled),.pixel-button.is-active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.lobby-window-tab.pixel-button:active:not(:disabled),.lobby-window-tab.pixel-button.is-active:not(:disabled),.room-back-button.pixel-button:active:not(:disabled),.room-back-button.pixel-button.is-active:not(:disabled),.room-tabs>.pixel-button:not(.room-back-button):active:not(:disabled),.room-tabs>.pixel-button:not(.room-back-button).is-active:not(:disabled){box-shadow:none;transform:translate(0,0)}.pixel-button:disabled{opacity:1;cursor:pointer}.pixel-input{background:var(--paper);width:100%;padding:8px 10px;line-height:1.1}.pixel-badge{border:var(--pixel-border);min-height:28px;box-shadow:var(--pixel-shadow);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);text-transform:uppercase;align-items:center;padding:4px 8px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.pixel-badge.room-code-badge{text-transform:none}.pixel-panel.quick-join-popup{width:min(320px,100vw - 48px);padding:12px}.pixel-panel.quick-join-popup .pixel-panel-content{gap:10px}.pixel-panel.quick-join-popup .pixel-button{min-height:36px;padding:6px 10px;font-size:14px}@media (width<=760px){.pixel-panel.quick-join-popup{width:min(300px,100vw - 48px)}}.pixel-modal{border:var(--pixel-border);background-color:var(--paper);background-image:var(--box-checker);background-position:var(--box-checker-position);background-size:var(--box-checker-size);box-shadow:var(--pixel-shadow)}@keyframes pop{0%{transform:scale(.92)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pattern-glide{0%{transform:rotate(-5deg) translate3d(0, calc(-180px * var(--background-zoom-scale)), 0)}to{transform:rotate(-5deg) translate3d(0, calc(180px * var(--background-zoom-scale)), 0)}}@keyframes board-slide-in{0%{transform:translateY(-120vh)}to{transform:translate(0,0)}}@keyframes board-slide-out{0%{transform:translate(0,0)}to{transform:translateY(120vh)}}@keyframes mingo-button-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}@keyframes title-letter-wave{0%,18%,to{transform:translateY(0)scaleY(1)}8%{transform:translateY(-.14em)scaleY(1.06)}13%{transform:translateY(.04em)scaleY(.96)}}@keyframes opening-iris{0%{--iris-radius:0vmax;opacity:1}92%{opacity:1}to{--iris-radius:150vmax;opacity:0}}@keyframes closing-iris{0%{--iris-radius:72vmax}to{--iris-radius:0vmax}}.win-burst{animation:.8s ease-in-out infinite pop}