@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:PressStart2P;src:url(/fonts/PressStart2P-Regular.woff2) format("woff2");font-display:swap}:root{--crt-period: 2px;--crt-line: 1px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}body{background:#19191e;color:#e8e8e8;font-family:VT323,monospace;font-size:20px;overscroll-behavior:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}button:focus-visible,[role=button]:focus-visible{outline:2px solid #7DB344;outline-offset:2px}input,select{font-family:inherit;font-size:inherit}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:600px;margin:0 auto;position:relative}.header{padding:max(32px,calc(env(safe-area-inset-top,0px) + 16px)) 16px 0;flex-shrink:0;position:relative;z-index:10;background:#2e2e36}.offline-banner~.header{padding-top:16px}.header-top{display:flex;align-items:center;gap:4px;margin-bottom:4px}.app-title{font-family:PressStart2P,monospace;font-size:18px;color:#7db344}.header-top .app-title{font-size:16px;color:#e8e8e8;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.menu-trigger{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;width:36px;height:32px;padding:0;background:transparent;border:none;cursor:pointer}.menu-trigger-dot{display:block;width:4px;height:4px;background:#a5a5a5;transition:background .15s ease}.menu-trigger:hover .menu-trigger-dot,.menu-trigger:focus-visible .menu-trigger-dot,.menu-trigger:active .menu-trigger-dot{background:#e8e8e8}.list-switch-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;flex-shrink:0;padding:0;background:transparent;border:none;cursor:pointer}.list-switch-icon{width:36px;height:32px;color:#a5a5a5;display:block}.list-drawer-backdrop{position:fixed;inset:0;background:transparent;z-index:9;pointer-events:none;visibility:hidden}.list-drawer-backdrop--open{background:#00000080;pointer-events:auto;visibility:visible}.list-drawer-panel{position:absolute;top:100%;left:0;right:0;visibility:hidden;pointer-events:none}.list-drawer-panel--open{visibility:visible;pointer-events:auto}.list-drawer-content{position:relative;isolation:isolate;background:#2e2e37;display:flex;flex-direction:column;max-height:70vh;margin:0;padding:0 2px 18px 18px;clip-path:polygon(0 0,100% 0,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px))}.list-drawer-content:before{content:"";position:absolute;inset:-2px 2px 2px;z-index:-1;background:#19191e;clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}.list-drawer-scroll{overflow-y:auto;flex:1;min-height:0;padding:16px 16px 0 0}.list-drawer-title{font-family:PressStart2P,monospace;font-size:14px;color:#e8e8e8;padding:4px 0 12px}.list-drawer-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:none;border:none;border-bottom:1px solid #2e2e2e;width:100%;text-align:left;cursor:pointer;min-height:48px}.list-drawer-row:last-child{border-bottom:none}.list-drawer-name{display:flex;align-items:center;gap:8px}.list-drawer-label{font-family:VT323,monospace;font-size:20px;color:#e8e8e8}.list-drawer-team-icon{width:16px;height:16px;color:#7db344;flex-shrink:0}.list-drawer-label--dim{color:#8a8a99}.list-drawer-check{width:20px;height:20px;color:#7db344;flex-shrink:0}.list-drawer-new-btn.action-btn{width:auto;height:40px;flex-shrink:0;margin:8px 16px 0 0;font-size:16px}.list-drawer-new-btn.action-btn:before{background:#19191e}.completed-title{font-family:PressStart2P,monospace;font-size:16px;color:#e8e8e8;text-align:center;margin-bottom:16px}.blink{animation:blink .8s step-start 5 forwards}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink-welcome{animation:blink .8s step-start 0s 3 normal forwards}.progress-bar-row{display:flex;height:5px;margin-bottom:16px}.progress-segment-outer{background:#e8e8e8;position:relative;height:100%;clip-path:polygon(1px 0,calc(100% - 1px) 0,calc(100% - 1px) 1px,100% 1px,100% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 100%,1px 100%,1px calc(100% - 1px),0 calc(100% - 1px),0 1px,1px 1px)}.progress-segment-fill{position:absolute;top:1px;bottom:1px;left:1px;background:#7db344;transition:width .3s ease}.list-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.category-section{margin-bottom:0}.category-header{width:100%;display:block;background:none;text-align:left;border:none;padding:0;position:relative;height:40px;overflow:hidden;margin-top:20px;margin-bottom:10px;cursor:pointer}.category-header-text{font-family:VT323,monospace;font-size:20px;color:#7db344;letter-spacing:1px;background:#27272e;padding:0 16px 0 40px;height:40px;line-height:40px;display:block;width:100%;white-space:nowrap;position:relative;z-index:0}.category-header-blade{position:absolute;top:4px;right:-10px;width:105px;height:40px;background:#19191e;z-index:1;clip-path:polygon(60px 0,100% 0,100% 100%,20px 100%,20px 36px,24px 36px,24px 32px,28px 32px,28px 28px,32px 28px,32px 24px,36px 24px,36px 20px,40px 20px,40px 16px,44px 16px,44px 12px,48px 12px,48px 8px,52px 8px,52px 4px,56px 4px,56px 0)}.category-header-chevron{position:absolute;left:16px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1}.category-header-chevron .chevron-icon{transform:rotate(-90deg)}.category-header-chevron .chevron-icon.chevron-open{transform:rotate(0)}.category-header-count{position:absolute;right:16px;top:0;bottom:0;display:flex;align-items:center;font-family:VT323,monospace;font-size:20px;color:#7db344;z-index:1}.chevron-icon{width:16px;height:16px;color:#7db344;transition:transform .2s ease;display:block}.chevron-open{transform:rotate(-180deg)}.category-items{background:#19191e}.done-header{display:flex;align-items:center;gap:8px;padding:10px 16px 8px;background:none;width:100%;text-align:left}.done-header-text{font-family:VT323,monospace;font-size:16px;color:#a5a5a5}.done-header .chevron-icon{width:16px;height:16px;color:#a5a5a5;transform:rotate(-90deg)}.done-header .chevron-icon.chevron-open{transform:rotate(0)}.category-header-row{display:flex;align-items:center;gap:10px;padding:10px 16px 6px;margin-top:20px}.category-name-label{font-family:VT323,monospace;font-size:20px;color:#7db344;white-space:nowrap;letter-spacing:1px}.category-divider{flex:1;height:1px;background:#27272e}.grocery-item-wrapper{position:relative;overflow:hidden;background:#19191e;contain:paint}.grocery-item-actions{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;gap:8px;background:#131315;padding-left:8px;padding-right:8px;z-index:0}.action-btn{position:relative;isolation:isolate;width:70px;height:36px;font-family:VT323,monospace;font-size:20px;color:#e8e8e8;display:flex;align-items:center;justify-content:center;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.action-btn:before{content:"";position:absolute;inset:2px;z-index:-1;background:#19191e;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.action-edit{background:#676773}.action-delete{background:#a54949}.grocery-item{position:relative;z-index:1;display:flex;align-items:center;padding:12px 16px;background:#19191e;cursor:pointer;-webkit-user-select:none;user-select:none}.grocery-item--checked .grocery-item-name{text-decoration:line-through;opacity:.5}.grocery-item--checked .emoji-container{opacity:.5}.emoji-container{position:relative;width:40px;height:40px;background:#27272e;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.emoji-container:after,.modal-emoji-wrap:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);pointer-events:none;background:repeating-linear-gradient(to bottom,rgb(39 39 46 / 80%) 0 var(--crt-line),transparent var(--crt-line) var(--crt-period))}.grocery-item-emoji{font-size:24px}.grocery-item-name{flex:1;font-family:VT323,monospace;font-size:26px;color:#e8e8e8;line-height:1.1}.item-divider{height:1px;background:#2e2e2e;margin:0 16px}.search-bar{display:flex;align-items:center;gap:8px;background:#383842;padding-left:16px;padding-right:4px;margin-bottom:16px;border:1px solid transparent;transition:border-color .15s}.search-bar--hidden{visibility:hidden;height:0;margin:0;padding:0;border:0;overflow:hidden}.search-bar:focus-within{border-color:#7db344}.search-input{flex:1;background:none;border:none;outline:none;color:#e8e8e8;font-size:20px;font-family:VT323,monospace;caret-color:#e8e8e8;height:42px}.search-input::placeholder{color:#888}.search-clear,.search-close{flex-shrink:0;padding:8px}.clear-icon,.search-close-icon{width:20px;height:20px;color:#7db344;display:block}.add-new-btn{position:relative;isolation:isolate;padding:0 16px 0 8px;height:36px;margin:24px auto 16px;display:block;color:#e8e8e8;font-size:20px;font-family:VT323,monospace;text-align:center;background:#676773;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.add-new-btn:before{content:"";position:absolute;inset:2px;z-index:-1;background:#19191e;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.fab{position:fixed;bottom:calc(20px + var(--kb-height, 0px) + var(--toast-height, 0px));width:70px;height:70px;display:flex;align-items:center;justify-content:center;z-index:100;transition:bottom .15s ease}.fab-search{right:20px;background:#383842;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 8px,calc(100% - 4px) 8px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),8px calc(100% - 4px),8px calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 8px,8px 8px,8px 4px,12px 4px)}.fab-icon{width:28px;height:28px;color:#fff}.modal-fullscreen{position:fixed;inset:0;background:#19191e;z-index:200;display:flex;flex-direction:column;max-width:600px;margin:0 auto}.modal-content{flex:1;overflow-y:auto;padding:max(40px,calc(env(safe-area-inset-top,0px) + 16px)) 16px 24px}.modal-fullscreen>.offline-banner,.onboarding>.offline-banner,.import-screen>.offline-banner,.add-player-screen>.offline-banner,.modal-fullscreen>.install-banner,.onboarding>.install-banner,.import-screen>.install-banner,.add-player-screen>.install-banner{position:relative}.modal-fullscreen>.offline-banner~.modal-content{padding-top:16px;display:flex;flex-direction:column;gap:8px}.modal-title{font-family:PressStart2P,monospace;font-size:16px;color:#e8e8e8;display:block}.modal-label{font-family:VT323,monospace;font-size:20px;color:#7db344;margin-bottom:4px;display:block;margin-top:12px}.modal-category-row .modal-label{margin-top:0;margin-bottom:0}.modal-label-row{display:flex;align-items:center}.modal-label-row .modal-label{margin-top:12px;margin-bottom:4px}.modal-info-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:12px;margin-bottom:4px;margin-left:auto;padding:0;background:none;border:none;color:#7db344;cursor:pointer}.modal-info-icon{width:24px;height:24px;display:block}.info-drawer-body{font-family:VT323,monospace;font-size:18px;color:#a5a5a5;line-height:1.2;margin:8px 0 16px}.info-drawer-body strong{color:#7db344;font-weight:400}.info-drawer-close.action-btn{width:100%;height:40px;font-size:18px}.info-drawer-close.action-btn:before{background:#19191e}.modal-name-row{display:flex;align-items:center;gap:8px}.modal-input{background:#27272e;border:1px solid transparent;padding:0 16px;height:42px;min-height:42px;color:#e8e8e8;outline:none;font-size:20px;font-family:VT323,monospace;transition:border-color .15s;width:100%;border-radius:0}.modal-input:focus{border-color:#7db344}.modal-emoji-wrap{position:relative;flex-shrink:0}.emoji-crt:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgb(36 36 42 / 60%) 0 var(--crt-line),transparent var(--crt-line) var(--crt-period))}.emoji-crt{position:relative;display:inline-block;vertical-align:middle}.grocery-item-name .emoji-crt:after{background:repeating-linear-gradient(to bottom,rgba(25,25,30,.6) 0 var(--crt-line),transparent var(--crt-line) var(--crt-period))}.modal-input-emoji{width:56px;text-align:center;font-size:24px;padding:0 8px}.modal-input-name{flex:1}.modal-category-list{display:flex;flex-direction:column;margin-top:4px}.modal-category-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #27272E;background:none;width:100%;text-align:left}.modal-category-name{font-family:VT323,monospace;font-size:20px;color:#e8e8e8}.modal-category-check{width:20px;height:20px;color:#7db344}.modal-celebrate-row{border-bottom:none}.pixel-toggle{position:relative;isolation:isolate;flex-shrink:0;display:block;width:36px;height:22px;background:#7db344;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.pixel-toggle:before{content:"";position:absolute;inset:2px;z-index:-1;background:#19191e;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.pixel-toggle:after{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:12px;background:#7db344;transition:left .15s ease;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.pixel-toggle--on:after{left:calc(100% - 17px)}.modal-buttons{display:flex;gap:16px;padding:10px 16px;background:#27272e;padding-bottom:max(10px,env(safe-area-inset-bottom))}.modal-btn{position:relative;isolation:isolate;flex:1;height:48px;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:20px;color:#e8e8e8;background:#676773;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.modal-btn:before{content:"";position:absolute;inset:2px;z-index:-1;background:#27272e;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.modal-btn:disabled{opacity:.3;cursor:not-allowed}.toast{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;background:#4e4e5c;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;z-index:150;transition:opacity .3s ease,transform .3s ease}.toast-hidden{opacity:0;transform:translateY(100%);pointer-events:none}.toast-visible{opacity:1;transform:translateY(0)}.toast-message{flex:1;font-family:VT323,monospace;font-size:24px;color:#e8e8e8;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-undo{position:relative;isolation:isolate;margin-left:12px;padding:8px 32px;font-family:VT323,monospace;font-size:24px;color:#e8e8e8;background:#e8e8e8;flex-shrink:0;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.toast-undo:before{content:"";position:absolute;inset:2px;z-index:-1;background:#4e4e5c;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}@keyframes groceryFloat{0%{transform:translateY(0) rotate(var(--rotate))}50%{transform:translateY(-14px) rotate(var(--rotate))}to{transform:translateY(0) rotate(var(--rotate))}}@keyframes paperTremble{0%{transform:translate(0) rotate(0)}15%{transform:translate(-5px) rotate(-3deg)}30%{transform:translate(5px) rotate(3deg)}45%{transform:translate(-4px) rotate(-2deg)}60%{transform:translate(4px) rotate(2deg)}75%{transform:translate(-3px) rotate(-1deg)}90%{transform:translate(3px) rotate(1deg)}to{transform:translate(0) rotate(0)}}@keyframes itemWiggle{0%{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(9px)}45%{transform:translate(-7px)}60%{transform:translate(7px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}to{transform:translate(0)}}.grocery-item-wrapper--deleting{pointer-events:none}.grocery-item-wrapper--deleting:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:#19191e;animation:pixelItemDissolve .35s steps(6) forwards}@keyframes pixelItemDissolve{0%{opacity:0}to{opacity:1}}.pixel-dissolve-overlay{position:fixed;inset:0;z-index:999;display:grid;overflow:hidden;pointer-events:none}.pixel-dissolve-block{width:20px;height:20px;background:#19191e;opacity:0;animation:pixelBlockAppear 80ms ease forwards}@keyframes pixelBlockAppear{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.grocery-item-wrapper--deleting:after{animation:none;background:#19191e}.pixel-dissolve-block{animation:none;opacity:1}}@media(prefers-reduced-motion:reduce){@keyframes groceryFloat{0%,to{transform:rotate(var(--rotate))}}}.room-setup{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#19191e;padding:24px;position:relative}.app>.room-setup{flex:1;height:auto}.room-setup-close{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#888}.room-setup-close svg{width:20px;height:20px}.room-setup-inner{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:360px}.room-setup-subtitle{font-size:16px;color:#888;text-align:center;margin-top:8px;text-wrap-style:balance}.room-setup-actions{display:flex;flex-direction:column;gap:12px;width:100%}.room-btn{position:relative;isolation:isolate;width:100%;height:48px;font-family:VT323,monospace;font-size:20px;color:#e8e8e8;display:flex;align-items:center;justify-content:center;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.room-btn:before{content:"";position:absolute;inset:2px;z-index:-1;background:#19191e;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.room-btn-primary{background:#676773}.room-btn-secondary{background:#3a3a3a}.room-btn:disabled{opacity:.4;cursor:not-allowed}.room-btn-join{background:none;border:none;color:#888;font-family:VT323,monospace;font-size:20px;cursor:pointer;padding-left:16px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px}.room-join-chevron{width:16px;height:16px;color:#7db344;flex-shrink:0;transform:rotate(-90deg);transition:transform .2s ease}.room-join-chevron--open{transform:rotate(0)}.room-join-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease;width:100%}.room-join-body--open{grid-template-rows:1fr}.room-join-inner{overflow:hidden}.room-join-error{margin:8px 0 0;font-size:.85rem;color:#ff7e7b}.room-join-fields{display:flex;flex-direction:row;align-items:center;gap:8px;padding-top:12px}.room-join-fields .room-code-input-wrap{flex:1;min-width:0}.room-join-fields .room-btn{flex-shrink:0;width:auto;padding:0 16px;height:48px}.room-setup-signout{background:none;border:none;color:#e05252;font-family:VT323,monospace;font-size:20px;cursor:pointer;padding:4px 8px;margin-top:8px;opacity:.85}.room-setup-signout:active{opacity:.6}.room-setup-text-btn{background:none;border:none;color:#888;font-family:VT323,monospace;font-size:20px;cursor:pointer;padding:4px 8px}.room-setup-text-btn:active{opacity:.6}.room-setup-hint{font-size:20px;color:#888;text-align:center;line-height:1.5}.room-setup-join{display:flex;flex-direction:column;gap:16px;width:100%;align-items:center}.room-code-input-wrap{position:relative;flex:1;min-width:0}.room-code-input{width:100%;background:#27272e;border:1px solid #3a3a3a;border-radius:0;-webkit-appearance:none;appearance:none;padding:12px 14px 12px 48px;color:#e8e8e8;font-family:VT323,monospace;font-size:20px;text-align:left;outline:none;caret-color:#e8e8e8;box-sizing:border-box}.room-code-paste-btn{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#7db344;font-family:VT323,monospace;font-size:18px;cursor:pointer;padding:2px 4px;line-height:1}.room-code-paste-btn:active{opacity:.6}.room-code-input::placeholder{color:#555}.room-code-input:focus{border-color:#7db344}.offline-banner{position:sticky;top:0;width:100%;background:#ed7471;border-bottom:1px solid #45454D;padding:max(8px,env(safe-area-inset-top,8px)) 16px 8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:VT323,monospace;font-size:16px;color:#131315;z-index:300}.offline-banner-icon{width:18px;height:16px;color:#131315}.error-banner{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:#5a2330;border:none;border-bottom:1px solid #8B3548;padding:max(8px,env(safe-area-inset-top,8px)) 16px 8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:VT323,monospace;font-size:16px;color:#f5a3b5;z-index:301;cursor:pointer;text-align:center}.error-banner:active{background:#6e2a3a}.install-banner{position:sticky;top:0;width:100%;background:#2a2a35;border-bottom:1px solid #45454D;padding:max(8px,env(safe-area-inset-top,8px)) 16px 8px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:VT323,monospace;font-size:16px;color:#b8b8d0;z-index:10}.install-banner~.header{padding-top:16px}.install-banner-text{flex:1;text-align:center}.install-banner-btn.action-btn{background:#4a4a60;font-size:16px;height:32px}.install-banner-btn.action-btn:active{background:#5a5a78}.install-banner-btn.action-btn:before{background:#2a2a35}.install-banner-close{background:none;border:none;color:#6a6a88;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:4px}.install-banner-close svg{width:16px;height:16px}.install-banner-close:active{color:#b8b8d0}.install-how-drawer{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;isolation:isolate;background:#27272e;padding:24px 20px;padding-bottom:max(24px,env(safe-area-inset-bottom));z-index:201;transform:translateY(100%);transition:transform .25s ease;display:flex;flex-direction:column;gap:20px;clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% 100%,0 100%)}.install-how-drawer:before{content:"";position:absolute;inset:2px 2px 0;z-index:-1;background:#19191e;clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% 100%,0 100%)}.install-how-drawer--open{transform:translateY(0)}.install-how-title{font-family:PressStart2P,monospace;font-size:13px;color:#e8e8e8;margin:0;line-height:1.6}.install-how-steps{font-family:VT323,monospace;font-size:22px;color:#a5a5a5;margin:0;padding-left:0;list-style-position:inside;display:flex;flex-direction:column;gap:8px;line-height:1.3}.install-how-steps strong{color:#e8e8e8}.install-how-share-icon{width:18px;height:18px;vertical-align:middle;margin-left:4px;color:#e8e8e8}.install-how-got-it.modal-btn{width:100%;flex:none}.loading-screen{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:#19191e}.loading-text{font-family:PressStart2P,monospace;font-size:12px;color:#555;animation:blink 1.6s ease-in-out infinite}.menu-popup-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.menu-popup-card{position:relative;isolation:isolate;min-width:240px;width:100%;max-width:350px;padding:20px 20px 4px;background:#676773;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.menu-popup-card:before{content:"";position:absolute;inset:2px;z-index:-1;background:#19191e;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.menu-popup-title{font-family:PressStart2P,monospace;font-size:16px;color:#e8e8e8;display:block;margin:0 0 8px}.menu-popup-card :not(:first-child).menu-popup-title{margin-top:32px}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-backdrop--open{opacity:1;pointer-events:auto}.drawer{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;background:#19191e;border-top:2px solid #27272E;padding:20px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom));z-index:201;transform:translateY(100%);transition:transform .25s ease}.drawer--open{transform:translateY(0)}.menu-title{font-family:PressStart2P,monospace;font-size:14px;color:#e8e8e8;display:block;margin:0 0 8px}.menu-nav{display:flex;flex-direction:column;margin-top:8px}.menu-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:none;border:none;border-bottom:1px solid #2e2e2e;text-align:left;cursor:pointer}.menu-nav-row:last-child,.menu-nav-row--last{border-bottom:none}.menu-nav-label{font-family:VT323,monospace;font-size:20px;color:#7db344;text-transform:uppercase;letter-spacing:1px}.menu-nav-row--danger .menu-nav-label{color:#d35d5d}.menu-nav-chevron{width:16px;height:16px;color:#7db344;display:block;flex-shrink:0;transform:rotate(-90deg);transition:transform .2s ease}.menu-nav-chevron--open{transform:rotate(0)}.menu-nav-row[aria-expanded=true]{border-bottom:none}.menu-accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.menu-accordion-body--open{grid-template-rows:1fr;border-bottom:1px solid #2e2e2e}.menu-accordion-body:last-child{border-bottom:none}.menu-accordion-inner{overflow:hidden}.menu-accordion-actions{padding-bottom:20px}.menu-nav-row--sub{padding-top:12px;padding-bottom:12px}.menu-account-email{font-family:VT323,monospace;font-size:18px;color:#e8e8e8;opacity:.5;margin:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-name-row{padding:4px 0 12px;border-bottom:1px solid #2e2e2e}.menu-name-input{margin-top:4px}.menu-data-btn.action-btn{width:100%;height:40px;font-size:18px}.menu-legal-row{display:flex;align-items:center;gap:6px;padding:16px 0}.menu-legal-link{font-family:VT323,monospace;font-size:14px;color:#a5a5a5;text-decoration:none}.menu-legal-link:hover{color:#e8e8e8}.menu-legal-dot{font-size:14px;color:#a5a5a5}.menu-legal-made-by{margin-left:auto;font-family:VT323,monospace;font-size:14px;color:#a5a5a5;text-decoration:none}.menu-legal-made-by:hover{color:#e8e8e8}.menu-data-btn.action-btn:before{background:#19191e}.menu-sub-label{font-family:VT323,monospace;font-size:16px;color:#7db344;opacity:.75;margin-top:8px;margin-bottom:2px;display:block}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.member-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:8px;height:44px}.member-row--pending .member-email{opacity:.6;font-style:italic}.member-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;justify-content:space-between}.member-email{font-family:VT323,monospace;font-size:20px;color:#e8e8e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-tags{display:flex;gap:4px}.member-tag{font-family:PressStart2P,monospace;font-size:9px;color:#7db344;padding:6px 0}.member-remove{background:none;border:none;color:#e8e8e8;font-family:PressStart2P,monospace;font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7}.member-remove:hover,.member-remove:focus-visible{opacity:1;color:#e06060}.member-leave.action-btn{background:#a54949;font-size:16px;height:28px;padding:0 16px;white-space:nowrap;flex-shrink:0;width:auto}.invite-row{display:flex;gap:8px;margin-top:10px}.invite-input{flex:1;background:#19191e;border:2px solid #3A3A42;color:#e8e8e8;font-family:VT323,monospace;font-size:18px;padding:8px 10px;border-radius:0;-webkit-appearance:none;appearance:none;outline:none;min-width:0}.invite-input:focus{border-color:#7db344}.invite-input:disabled{opacity:.5}.invite-add-btn.action-btn{width:auto;height:40px;font-size:16px;padding:0 14px}.import-hint{font-family:VT323,monospace;font-size:18px;color:#8a8a99;margin-top:4px}.invite-error{font-family:VT323,monospace;font-size:16px;color:#e06060;margin:6px 0 0}.menu-add-member-btn.action-btn{width:100%;height:40px;margin-top:12px;font-size:16px}.add-player-screen{position:fixed;inset:0;background:#19191e;z-index:150;display:flex;flex-direction:column;max-width:600px;margin:0 auto}.add-player-inner{flex:1;display:flex;flex-direction:column;justify-content:center;padding:max(48px,calc(env(safe-area-inset-top,0px) + 24px)) 24px 24px;position:relative}.add-player-title{font-family:PressStart2P,monospace;font-size:16px;color:#e8e8e8;margin-bottom:8px;text-align:center}.menu-add-member-body{display:flex;flex-direction:column;gap:16px;padding:8px 0}.menu-add-member-desc{font-family:VT323,monospace;font-size:20px;color:#a5a5a5;line-height:1;text-align:center;text-wrap-style:pretty}.menu-add-member-primary.action-btn{width:100%;height:44px;font-size:16px}.menu-add-member-divider{display:flex;align-items:center;gap:8px;color:#888;font-family:VT323,monospace;font-size:18px}.menu-add-member-divider:before,.menu-add-member-divider:after{content:"";flex:1;height:1px;background:#2e2e2e}.menu-add-member-copy-row{display:flex;align-items:center;gap:4px}.menu-copy-link-btn{font-family:VT323,monospace;font-size:18px;color:#7db344;text-decoration:underline;padding:0;align-self:flex-start}.menu-copy-code-info-btn{margin:0;width:22px;height:22px}.menu-copy-code-info-btn .modal-info-icon{width:18px;height:18px}.menu-share-info-icon svg{width:14px;height:14px;display:block}.menu-leave-btn.action-btn{width:100%;height:40px;margin-top:12px;font-size:18px}.menu-leave-btn.action-btn:before{background:#19191e}.flash-toast{position:fixed;top:max(16px,calc(env(safe-area-inset-top,0px) + 8px));left:50%;transform:translate(-50%);background:#19191e;border:2px solid #7DB344;color:#e8e8e8;font-family:VT323,monospace;font-size:18px;padding:8px 14px;z-index:1000;min-width:260px;text-align:center;white-space:nowrap}.flash-toast--error{border-color:#ed7471}.signin-screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding:32px 24px;box-sizing:border-box}.signin-inner{flex:1;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.signin-subtitle{font-family:VT323,monospace;font-size:20px;color:#e8e8e8;margin:0 0 8px}.signin-btn{position:relative;isolation:isolate;width:100%;height:48px;border:none;padding:0 12px;background:#f2f2f2;color:#1f1f1f;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;letter-spacing:.25px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.signin-btn:before{display:none}.signin-btn-google-logo{display:flex;align-items:center;flex-shrink:0}.signin-btn-label{flex:1;text-align:center;padding-right:30px}.signin-btn:disabled{opacity:.4;cursor:not-allowed}.signin-error{font-family:VT323,monospace;font-size:16px;color:#e06060;margin:4px 0 0}.edit-categories-row{display:flex;justify-content:left;margin-top:4px;margin-left:16px}.modal-edit-cats-link{align-self:flex-start;margin:16px 0;padding:4px 0;font-family:VT323,monospace;font-size:20px;color:#7db344;text-decoration:underline;text-decoration-color:#7db344;text-underline-offset:2px;background:none;border:none;cursor:pointer}.cats-list{display:flex;flex-direction:column;gap:8px;margin-top:24px}.cats-row{display:flex;align-items:center}.cats-input{flex:1}.cats-drag-handle{background:none;border:none;padding:0;cursor:grab;display:flex;align-items:center;justify-content:center;width:28px;align-self:stretch;flex-shrink:0;color:#555;touch-action:none;background:#27272e;margin-right:2px}.cats-drag-handle:active{cursor:grabbing}.cats-drag-icon{width:24px;height:24px;display:block}.cats-delete-btn.action-btn{width:40px;height:40px;flex-shrink:0;font-size:16px;margin-left:8px}.cats-delete-btn.action-btn:before{background:#19191e}.cats-delete-icon{width:14px;height:14px;color:#a54949;display:block}.plus-icon{width:24px;height:24px;color:#ebebeb;margin-right:4px;flex-shrink:0;vertical-align:middle}.cats-add-btn.action-btn{width:100%;height:40px;margin-top:16px;font-size:16px}.cats-add-btn.action-btn:before{background:#19191e}.confirm-drawer-backdrop{z-index:300}.confirm-drawer{z-index:301;display:flex;flex-direction:column;gap:16px;padding:20px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.confirm-drawer-text{font-family:VT323,monospace;font-size:20px;color:#a5a5a5;margin:0;line-height:1.3}.confirm-drawer-buttons{display:flex;gap:16px}.app-credits{text-align:left;font-family:VT323,monospace;font-size:16px;color:#a5a5a5;margin-top:auto;padding:56px 16px 20px}.onboarding{position:fixed;inset:0;background:#19191e;display:flex;flex-direction:column;max-width:600px;margin:0 auto;z-index:10}.onboarding-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(40px,calc(env(safe-area-inset-top,0px) + 16px)) 16px 24px}.onboarding>.offline-banner~.onboarding-content,.onboarding>.offline-banner~.onboarding-header{padding-top:16px}.onboarding-header{flex-shrink:0;background:#19191e;padding:max(40px,calc(env(safe-area-inset-top,0px) + 16px)) 16px 16px;border-bottom:1px solid #27272E}.onboarding-list-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 24px}.onboarding-title{font-family:PressStart2P,monospace;font-size:16px;color:#e8e8e8;margin-bottom:12px}.onboarding-subtitle{font-family:VT323,monospace;font-size:18px;color:#a5a5a5;line-height:1.2;margin-bottom:8px}.onboarding-list{display:flex;flex-direction:column}.onboarding-category .category-header-row{padding-left:0;padding-right:0}.onboarding-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:8px}.onboarding-pill{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:36px;background:#1f1f26;font-family:VT323,monospace;font-size:16px;color:#777780;cursor:pointer;-webkit-user-select:none;user-select:none;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.onboarding-pill--on{background:#27272e;color:#e8e8e8}.onboarding-pill-check{width:16px;height:16px;color:#7db344;flex-shrink:0}.onboarding-pill-emoji{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;line-height:1;flex-shrink:0}.onboarding-pill-name{font-family:VT323,monospace;font-size:22px;white-space:nowrap;padding-bottom:3px}.onboarding-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#27272e;padding-bottom:max(10px,env(safe-area-inset-bottom));flex-shrink:0}.onboarding-bar .modal-btn:first-child{flex:1}.onboarding-bar .modal-btn:last-child{flex:5}.onboarding-import-error{font-family:VT323,monospace;font-size:16px;color:#e8e8e8;background:#8b3a3a;padding:8px 16px;text-align:center;flex-shrink:0}.import-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#19191e;max-width:600px;margin:0 auto}.import-screen>.offline-banner~.import-screen-scroll{padding-top:16px}.import-screen-scroll{flex:1;overflow-y:auto;padding:max(40px,calc(env(safe-area-inset-top,0px) + 16px)) 20px 16px;display:flex;flex-direction:column;gap:16px}.import-screen-title{font-family:PressStart2P,monospace;font-size:16px;color:#e8e8e8;margin:0}.import-screen-body{font-family:VT323,monospace;font-size:18px;color:#a5a5a5;line-height:1.2;margin:0}.import-prompt-block{font-family:monospace;font-size:12px;color:#a5a5a5;background:#27272e;border:1px solid #3a3a3a;padding:12px 14px;margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.4}.import-prompt-wrap{position:relative}.import-copy-btn{position:absolute;right:8px;bottom:8px;font-family:VT323,monospace;font-size:16px;color:#e8e8e8;background:#3a3a3a;border:1px solid #5a5a5a;padding:4px 10px;cursor:pointer;line-height:1}.import-copy-btn:hover,.import-copy-btn:focus-visible{background:#4a4a4a}.import-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.import-step{display:flex;align-items:flex-start;gap:10px}.import-step-num{color:#7db344;line-height:1.3;flex-shrink:0}.import-step-text{font-family:VT323,monospace;font-size:20px;color:#e8e8e8;line-height:1.3;margin:0}.import-step-content{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.import-screen .onboarding-bar .modal-btn:first-child{flex:0 0 64px}.import-screen .onboarding-bar .import-upload-btn{flex:2}.import-screen .onboarding-bar .import-paste-btn{flex:3}.back-icon{width:24px;height:24px;color:#e8e8e8;display:block}.onboarding-select-toggle{display:flex;align-items:center;gap:10px;margin-top:12px;padding:4px 0;background:none;border:none;font-family:VT323,monospace;font-size:18px;color:#e8e8e8;cursor:pointer;flex-shrink:0}.onboarding-checkbox{position:relative;isolation:isolate;width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#676773;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}.onboarding-checkbox:before{content:"";position:absolute;inset:2px;z-index:-1;background:#19191e;clip-path:polygon(2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px),0 2px,2px 2px)}.onboarding-checkbox--on{background:#7db344}.onboarding-checkbox-icon{width:18px;height:18px;color:#7db344;display:block}.tutorial-content{display:flex;flex-direction:column}.tutorial-demo{position:relative;margin-top:8px;pointer-events:none}.tutorial-demo .grocery-item-wrapper{border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a}.tutorial-grocery-item{animation:tutorial-swipe 3.2s ease-in-out .5s infinite backwards}@keyframes tutorial-swipe{0%,8%{transform:translate(0)}35%,70%{transform:translate(-164px)}95%,to{transform:translate(0)}}.tutorial-finger{position:absolute;top:70%;right:24px;font-size:32px;z-index:2;pointer-events:none;animation:tutorial-finger 3.2s ease-in-out .5s infinite backwards}@keyframes tutorial-finger{0%,8%{transform:translateY(-50%);opacity:1}35%,70%{transform:translate(-164px,-50%);opacity:1}85%{transform:translate(-164px,-50%);opacity:0}95%,to{transform:translateY(-50%);opacity:0}}.tutorial-tip-title{font-family:VT323,monospace;font-size:20px;color:#7db344;font-weight:400;text-transform:uppercase;margin-top:48px;margin-bottom:6px}.tutorial-content>.tutorial-tip-title:first-of-type{margin-top:24px}.tutorial-add-demo{position:relative;margin-top:16px;pointer-events:none}.tutorial-add-demo .search-bar{margin-bottom:0;animation:tutorial-search-appear 5s ease-in-out .5s infinite backwards}.tutorial-search-text{font-family:VT323,monospace;font-size:20px;color:#e8e8e8;line-height:42px;height:42px;display:block;overflow:hidden;white-space:nowrap;width:0;animation:tutorial-search-type 5s steps(11,end) .5s infinite backwards}.tutorial-search-caret{width:2px;height:22px;background:#7db344;flex-shrink:0;animation:tutorial-search-caret-blink .6s steps(2) .5s infinite backwards}.tutorial-add-btn-wrap{position:relative;margin:24px 0 16px;padding-bottom:36px;overflow:hidden}.tutorial-add-demo .add-new-btn{display:flex;align-items:center;justify-content:center;padding:0 16px;margin:0;animation:tutorial-add-appear 5s ease-in-out .5s infinite backwards}.tutorial-add-finger{position:absolute;bottom:0;left:50%;margin-left:-16px;font-size:32px;z-index:102;pointer-events:none;animation:tutorial-add-finger-tap 5s ease-in-out .5s infinite backwards}@keyframes tutorial-add-finger-tap{0%,66%{transform:translateY(40px);opacity:0}72%{transform:translateY(0);opacity:1}76%,80%{transform:translateY(-12px);opacity:1}84%{transform:translateY(0);opacity:1}88%,to{transform:translateY(40px);opacity:0}}.tutorial-fab-area{position:relative;height:90px;margin-top:16px;overflow:hidden}.tutorial-fab{position:absolute;bottom:0;right:0;animation:tutorial-fab-press 5s ease-in-out .5s infinite backwards}.tutorial-tap-finger{position:absolute;bottom:4px;right:18px;font-size:32px;z-index:101;pointer-events:none;animation:tutorial-tap-finger 5s ease-in-out .5s infinite backwards}@keyframes tutorial-tap-finger{0%{transform:translateY(80px);opacity:0}8%{transform:translateY(0);opacity:1}13%,18%{transform:translateY(-8px);opacity:1}22%{transform:translateY(0);opacity:1}26%,to{transform:translateY(80px);opacity:0}}@keyframes tutorial-fab-press{0%,12%{transform:scale(1)}15%{transform:scale(.9)}18%,to{transform:scale(1)}}@keyframes tutorial-search-appear{0%,26%{opacity:0;transform:translateY(-8px)}32%,90%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(-8px)}}@keyframes tutorial-search-type{0%,34%{width:0}54%,90%{width:11ch}to{width:0}}@keyframes tutorial-search-caret-blink{0%,49%{background:#7db344}50%,to{background:transparent}}@keyframes tutorial-add-appear{0%,58%{opacity:0;transform:translateY(-4px) scale(1)}64%,75%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(0) scale(.9)}81%,90%{opacity:1;transform:translateY(0) scale(1)}95%,to{opacity:0;transform:translateY(-4px) scale(1)}}.app-credits-link{color:#a5a5a5;text-decoration:underline;text-decoration-color:#444;text-underline-offset:2px}.app-credits-link:hover,.app-credits-link:focus-visible{color:#7db344;text-decoration-color:#7db344}.signin-legal{width:100%;max-width:360px;padding-bottom:max(0px,env(safe-area-inset-bottom,0px));font-family:VT323,monospace;font-size:14px;color:#a5a5a5;text-align:center;margin:0;line-height:1.3;text-wrap-style:pretty}.signin-legal a{color:#a5a5a5;text-decoration:underline;text-decoration-color:#444;text-underline-offset:2px}.signin-legal a:hover,.signin-legal a:focus-visible{color:#7db344;text-decoration-color:#7db344}a.menu-nav-row{text-decoration:none;color:inherit}@media(min-width:601px){.app,.loading-screen,.signin-screen,.room-setup:not(.app>.room-setup){box-shadow:0 0 0 8px #2a2a32;border-radius:12px;margin-top:20px}.loading-screen,.room-setup:not(.app>.room-setup){max-width:600px;margin-left:auto;margin-right:auto;height:calc(100dvh - 20px)}.signin-screen{max-width:600px;margin-left:auto;margin-right:auto;min-height:calc(100dvh - 20px)}.header{border-top-left-radius:12px;border-top-right-radius:12px}.fab{right:calc((100vw - 600px)/2 + 20px)}.modal-fullscreen,.add-player-screen{left:calc((100vw - 600px)/2);right:calc((100vw - 600px)/2);top:20px;border-radius:12px}}