html,body{overscroll-behavior:none;overflow:hidden}html,body,#home-ui,#mini-boards-container,#breakdown-grid{touch-action:pan-x pan-y}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;text-align:center;font-family:sans-serif}#home-ui{scrollbar-width:none;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden auto}#title-banner,#online-banner,#home-cards{flex:none}#home-cards{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);justify-content:center;align-items:center;gap:18px;width:min(840px,100% - 32px);margin:0 auto 16px;display:grid}#home-cards #join-screen{grid-area:1/2}#public-rooms{grid-area:1/1;justify-self:end}#daily-card{grid-area:1/3;justify-self:start}#join-screen input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#join-account{align-items:center;gap:10px;margin:12px 0;display:flex}#game-container{justify-content:center;gap:40px;margin-top:20px;display:flex}*{box-sizing:border-box;margin:0;padding:0}#game-ui{height:100dvh;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;display:flex;position:fixed;inset:0}body.in-game #version-label{display:none}#join-help{color:#604b35;text-align:center;margin-top:-6px;font:500 14px Fredoka,sans-serif}#board-area{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}#grid-container{--board-zoom:1;overscroll-behavior:contain;touch-action:none;position:absolute;inset:0;overflow:auto}:is(#grid-container,#rack-scroll,#mini-boards-container,#color-menu){scrollbar-width:none}:is(#grid-container,#rack-scroll,#mini-boards-container,#color-menu)::-webkit-scrollbar{display:none}#grid-surface{width:calc(4000px * var(--board-zoom));height:calc(4000px * var(--board-zoom));position:relative;overflow:hidden}#grid{width:4000px;height:4000px;transform:scale(var(--board-zoom));transform-origin:0 0;grid-template-columns:repeat(100,40px);grid-auto-rows:40px;display:grid;position:absolute;inset:0 auto auto 0}[data-background=wood-oak]{--board-texture:url(/assets/oak-6Zf4j-FX.webp);--wood-base:#8c7962;--grain-angle:90deg}[data-background=wood-maple]{--board-texture:url(/assets/maple-a1cRJfb1.webp);--wood-base:#dac9a5}[data-background=wood-cherry]{--board-texture:url(/assets/cherry-Dld2I0PL.webp);--wood-base:#362012}[data-background=wood-walnut]{--board-texture:url(/assets/walnut-CwOLFZJ4.webp);--wood-base:#a3866f}[data-background=wood-teak]{--board-texture:url(/assets/teak-CpbUxnBq.webp);--wood-base:#a57844}#grid-container,.mini-grid,.wood-swatch{background-color:var(--wood-base)}#grid:before,.mini-grid:before,.wood-swatch:before{content:"";z-index:-1;pointer-events:none;background:var(--board-texture) center / cover;position:absolute;inset:0}#grid:before{background-size:1600px}#grid:before,.mini-grid:before{transform:rotate(var(--grain-angle,0deg))}.cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.cell.drag-over{background-color:#cef}#tile-pile{grid-template-columns:repeat(6,30px);grid-auto-rows:30px;gap:4px;width:fit-content;display:grid}.tile,.title-tile{color:#161616;font-family:Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1}.tile{cursor:grab;width:40px;height:39px;box-shadow:var(--tile-shadow,1px 2px 4px #0003);-webkit-user-select:none;user-select:none;background:linear-gradient(to bottom right,#fcf6d6,#f3e5ab);border:1px solid #aaa;border-radius:20%;justify-content:center;align-items:center;font-size:28px;transition:transform .1s,box-shadow .1s;display:flex}#tile-dock{touch-action:pan-x;width:100%;min-height:80px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:1000;background:#f7f7f7;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 -1px 8px #00000029}#rack-scroll{overscroll-behavior-x:contain;touch-action:pan-x;min-width:0;max-width:100%;overflow-x:auto}#rack-scroll:has(#rack-tiles:empty){display:none}#rack-tiles{gap:8px;width:max-content;margin-inline:auto;padding:2px;display:flex}#join-screen{background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff80),url(/assets/wood_texture-BCfkyIHW.png);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:16px;flex-direction:column;align-items:center;padding:40px;font-family:Fredoka,sans-serif;display:flex;box-shadow:0 10px 25px #0000001a}#join-screen h2{margin-bottom:20px;font-family:Fredoka,sans-serif;font-size:32px}.online-text{color:#8d6e63;margin:0;font-family:Fredoka,sans-serif;font-size:24px;transform:rotate(-3deg)}#room-input,#name-input{border:2px solid #d7ccc8;border-radius:12px;outline:none;width:220px;margin-bottom:12px;padding:14px;font-family:Fredoka,sans-serif;font-size:18px;transition:border-color .2s}#room-input:focus,#name-input:focus{border-color:#fad853}#join-button{cursor:pointer;color:#5d4037;text-shadow:0 1px #fff3;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fad853,#f9c833);border:1px solid #e0b020;border-radius:8px;outline:none;width:100%;margin-top:5px;padding:12px;font-size:20px;font-weight:700;transition:transform .1s,filter .2s;box-shadow:inset 0 1px #fff6,0 3px 6px #0000004d}#join-button:focus{outline:none;box-shadow:0 0 0 2px #5d4037}#join-button:hover{filter:brightness(.85)contrast(1.1);transform:translateY(-1px)}#room-entry-actions{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,220px);display:grid}#room-entry-actions #join-button{margin:0}#create-room-button,#refresh-rooms,#public-room-list button{color:#59401c;cursor:pointer;background:#fff9e8;border:1px solid #ddc484;border-radius:8px;font:600 15px Fredoka,sans-serif}#version-label{color:#555;z-index:1001;-webkit-user-select:none;user-select:none;background-color:#fffc;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;position:fixed;bottom:5px;right:10px}.tile:active{cursor:grabbing;transform:scale(1.1);box-shadow:0 4px 10px #0003}@keyframes pop{0%{transform:scale(1.1)}to{transform:scale(1)}}.tile.placed{animation:.1s pop}#name-input{border:1px solid #ccc;border-radius:8px;width:220px;margin-bottom:12px;padding:12px;font-size:20px}#color-buttons{z-index:1003;-webkit-user-select:none;user-select:none;gap:6px;display:flex;position:fixed;top:10px;left:10px}.color-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #999;border-radius:6px;padding:4px 8px;font-size:20px}.tile.highlighted{z-index:10;animation:.8s tilePulseGlow,.6s .2s forwards tileFadeOut;background-color:var(--highlight-glow,#fff)!important}@keyframes tileFadeOut{0%{box-shadow:0 0 8px 4px var(--highlight-glow,#fff)}to{box-shadow:none}}@keyframes tilePulseGlow{0%{box-shadow:0 0 12px 6px var(--highlight-glow,#fff);transform:scale(1.3)}40%{box-shadow:0 0 4px 2px var(--highlight-glow,#fff);transform:scale(.95)}70%{box-shadow:0 0 8px 4px var(--highlight-glow,#fff);transform:scale(1.05)}to{box-shadow:none;transform:scale(1)}}#peel-button,#bananas-button{text-align:center;transform-origin:50%;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1001;background-color:#f3e5ab;border:2px solid #aaa;border-radius:8px;flex-shrink:0;width:140px;padding:10px 20px;font-size:18px;transition:transform .1s,box-shadow .2s;box-shadow:0 2px 5px #0003}#peel-button:hover{transform:scale(1.1);box-shadow:0 0 12px 4px #f3e5ab,0 0 20px 6px #f5c40088}#peel-button:disabled,#bananas-button:disabled{opacity:.6;cursor:not-allowed}#mini-boards-container{z-index:999;overscroll-behavior:contain;flex-direction:column;gap:12px;max-height:calc(100% - 70px);display:flex;position:absolute;top:10px;right:10px;overflow-y:auto}#mini-boards-toggle,#mini-board-pagination{display:none}.mini-board{background:#fff;border:1px solid #999;border-radius:5px;flex-direction:column;flex-shrink:0;align-items:center;width:160px;padding:4px;font-size:10px;display:flex;position:relative;overflow:hidden}.mini-board h4{margin-bottom:4px;font-size:12px}.mini-grid{isolation:isolate;aspect-ratio:1;width:100%;position:relative;overflow:hidden}.mini-grid canvas{width:100%;height:auto;display:block}.mini-cell{border:var(--cell-border,.5px) solid #ccc;justify-content:center;align-items:center;font-size:0;display:flex}.mini-cell.has-tile{border:var(--cell-border,.5px) solid #aaa;background-color:#f3e5ab}#view-banner{z-index:1004;background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;font-size:14px;display:flex;position:static;box-shadow:0 2px 6px #0000001a}#google-signin-btn{color:#757575;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:10px;margin-top:20px;padding:10px 20px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 5px #0000000d}#countdown-overlay{z-index:2000;background:#ffffff80;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#countdown-text{color:#333;font-size:100px;font-weight:700}#ready-button{z-index:3;-webkit-backdrop-filter:blur(1px);cursor:pointer;color:#1c5928;background-color:#3cb76580;border:2px solid #65c97d;border-radius:15px;padding:16px 42px;font-family:Fredoka,sans-serif;font-size:28px;font-weight:600;transition:opacity .2s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 5px 12px #0003}#ready-button:hover{transform:translate(-50%,-52%);box-shadow:0 6px 16px #00000040}#ready-button:active{transform:translate(-50%,-48%)scale(.97);box-shadow:0 2px 6px #00000026}#grid.dimmed{pointer-events:none}#grid.hidden-letters .tile,#tile-dock.hidden-letters .tile{color:#0000}.ready-status-overlay{z-index:5;pointer-events:none;background:#ffffffd9;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.game-started .ready-status-overlay{display:none!important}#title-banner{touch-action:none;justify-content:center;gap:clamp(2px,.8vw,6px);width:min(100% - 24px,830px);margin:40px auto 10px;display:flex}.title-slot{aspect-ratio:1;flex:1 1 0;min-width:0}.title-tile{aspect-ratio:1;pointer-events:none;background:linear-gradient(to bottom right,#fad853,#fce080);border:1px solid #aaa;border-radius:10%;justify-content:center;align-items:center;width:100%;font-size:clamp(16px,5.6vw,48px);display:flex;box-shadow:2px 3px 6px #0003}#mouse-follower{pointer-events:none;z-index:9999;background-color:red;border-radius:50%;width:12px;height:12px;transition:transform 50ms linear;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#tile-trail-container{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}.ghost-tile{pointer-events:none;color:#000;opacity:.8;background:linear-gradient(to bottom right,#fffdf0,#f3e5ab);border:1px solid #aaa;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;display:flex;position:absolute;top:40px;left:40px}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}60%{opacity:.6;transform:scale(1)}85%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1)}}#mouse-grid-wrapper{pointer-events:none;z-index:9998;grid-template-rows:repeat(5,20px);grid-template-columns:repeat(5,20px);width:100px;height:100px;display:grid;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.mouse-grid-cell{box-sizing:border-box;border:1px solid #d3d3d3;width:20px;height:20px}.ghost-wrapper{pointer-events:none;z-index:-1;width:100px;height:100px;animation:2s ease-in-out forwards fadeOut;position:absolute}.ghost-grid{grid-template-rows:repeat(5,20px);grid-template-columns:repeat(5,20px);width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.ghost-grid-cell{box-sizing:border-box;opacity:var(--fade-opacity,1);border:1px solid #d3d3d3;transition:opacity .2s}.ghost-wrapper:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 100%);mask-image:radial-gradient(circle,#000 30%,#0000 100%)}#color-banner{z-index:1002;opacity:.65;-webkit-user-select:none;user-select:none;background:#fff;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:10px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 4px #0000001a}#color-buttons{-webkit-user-select:none;user-select:none;gap:6px;display:flex}.tile:hover{transform:scale(1.01);box-shadow:2px 3px 6px #0000004d}#top-banner{width:100%;min-height:40px;padding:env(safe-area-inset-top) 10px 0;z-index:1002;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff80;flex:none;justify-content:flex-start;align-items:center;gap:10px;display:flex;position:relative;box-shadow:0 2px 3px #0000001a}#top-banner-title{color:#333;pointer-events:none;font-size:18px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#color-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:2px 8px;font-size:19px;transition:background .2s;box-shadow:1px 1px 3px #0000001a}.color-toggle{cursor:pointer;z-index:1001;pointer-events:auto;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:fixed;top:60px;left:10px;box-shadow:0 1px 3px #0000000d}.color-toggle:hover{background-color:#f9f9f9;border-color:#bbb;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.color-toggle:active{box-shadow:none;transform:translateY(0)}#tile-bag-count{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ccc;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:400;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}#tile-bag-count:hover{background-color:#f9f9f9;border-color:#bbb;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}#tile-bag-count:active{box-shadow:none;transform:translateY(0)}.modal-overlay{z-index:3000;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;justify-content:flex-start;align-items:flex-start;width:auto;height:auto;display:none;position:fixed;top:50px;left:10px}.modal-content{text-align:left;pointer-events:auto;transform-origin:0 0;background:#fff;border:1px solid #eee;border-radius:12px;width:280px;padding:16px;font-family:Fredoka,sans-serif;animation:.2s ease-out slideDown;box-shadow:0 4px 20px #00000026}@keyframes slideDown{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content h3{color:#333;border-bottom:1px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:16px}#breakdown-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:300px;display:grid;overflow-y:auto}.breakdown-item{color:#555;background:#fcf6d6;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;align-items:center;padding:4px;font-size:13px;font-weight:700;display:flex}.breakdown-item span{color:#888;font-size:11px;font-weight:400}#close-breakdown{display:none}#color-menu{overscroll-behavior:contain;touch-action:pan-y;z-index:1003;background:#fff;border:1px solid #ccc;border-radius:10px;gap:10px;width:min(340px,100% - 20px);max-height:calc(100dvh - 108px);padding:10px;font:600 14px Fredoka,sans-serif;display:grid;position:absolute;top:calc(100% + 4px);left:10px;overflow-y:auto;box-shadow:0 3px 12px #0000002b}#wood-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}#color-menu button{color:#483c31;min-height:36px;font:inherit;cursor:pointer;background:#faf9f6;border:1px solid #ddd;border-radius:6px;padding:4px}#color-menu button[aria-pressed=true]{background:#f6ecd9;border-color:#896137;box-shadow:inset 0 0 0 1px #896137}.wood-swatch{isolation:isolate;border-radius:3px;height:44px;margin-bottom:4px;display:block;position:relative;overflow:hidden}[data-background=wood-oak] .wood-swatch:before{aspect-ratio:1;width:100%;min-width:44px;transform:translate(-50%, -50%) rotate(var(--grain-angle));inset:50% auto auto 50%}#tile-bag-count{color:#444;-webkit-user-select:none;user-select:none;padding-left:9px;padding-right:10px;font-size:14px;font-weight:600}body.spectating #ready-button,body.spectating #dump-icon{display:none!important}#join-screen{-webkit-backdrop-filter:blur(3px);background:#ffffff80;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:12px;width:min(100%,300px);padding:40px 30px;font-family:Segoe UI,sans-serif;display:flex;box-shadow:0 8px 20px #0000001a}#home-screen h1{margin-bottom:8px;font-size:22px;font-weight:600}#name-input,#room-input{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}#name-input:focus,#room-input:focus{border-color:#999}@keyframes buttonJiggle{0%,to{transform:translate(-50%,-50%)rotate(0)}15%{transform:translate(-50%,-50%)rotate(2deg)}30%{transform:translate(-50%,-50%)rotate(-2deg)}45%{transform:translate(-50%,-50%)rotate(1deg)}60%{transform:translate(-50%,-50%)rotate(-1deg)}75%{transform:translate(-50%,-50%)rotate(.5deg)}}#ready-button.jiggling{animation:.6s buttonJiggle}#dump-icon{opacity:.8;cursor:grab;z-index:1001;opacity:.75;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:56px;height:56px;padding:0;transition:transform .2s,opacity .2s;position:absolute;bottom:12px;left:10px}.tile.dragging{z-index:1000;transition:transform .1s,box-shadow .1s;transform:scale(1.15);box-shadow:0 4px 10px #00000040}#dump-icon{transition:transform .15s}#dump-icon.active{filter:drop-shadow(2px 4px 6px #0003);transform:scale(1.05)}@keyframes dumpPop{0%{filter:drop-shadow(0 0 #f000);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #ff323299);transform:scale(1.3)}to{filter:drop-shadow(0 0 #f000);transform:scale(1)}}#dump-icon.dumped{animation:.4s dumpPop}#dump-icon.disabled{filter:grayscale();cursor:not-allowed;opacity:.3!important}#tile-dock .tile{background:linear-gradient(to bottom right,#fcf6d6,#f3e5ab);margin:2px;position:relative;overflow:visible}#tile-dock .tile:after{content:"";z-index:1;position:absolute;inset:-8px}#header{text-align:center;flex:1;min-width:0}#game-header{color:#333;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}#room-settings-summary{color:#604b35;font:500 13px Fredoka,sans-serif}.tile.blank-tile{color:#6d4b19;background:#fff3ca;border-color:#bd9c53}.tooltip{color:#fff;pointer-events:none;opacity:0;z-index:2000;white-space:nowrap;background:#303030;border-radius:6px;padding:4px 8px;font-size:14px;transition:opacity .5s ease-in;position:absolute}.tooltip.show{opacity:.75}#ready-progress-bar{opacity:.25;z-index:1;pointer-events:none;background:#b8d6b9;width:100%;height:0%;transition:height 2s linear;position:absolute;bottom:0;left:0}#spectator-eye{cursor:default;-webkit-user-select:none;user-select:none;font-size:18px;position:relative}#spectator-eye:before{content:"👁️"}#spectator-tooltip{color:#fff;white-space:nowrap;z-index:10;background:#000;border-radius:4px;padding:4px 8px;font-size:12px;display:none;position:absolute;top:22px;left:-20px}#spectator-eye:hover #spectator-tooltip{display:block}#spectator-message{color:#333;z-index:3000;background:#ffeeba;border:1px solid #f0ad4e;border-radius:8px;padding:10px 16px;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:500;position:static;box-shadow:0 2px 6px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}#online-banner{margin-top:5px;margin-bottom:20px}.online-text{color:#555;letter-spacing:2px;text-transform:lowercase;opacity:.9;text-shadow:2px 2px #0000001a;-webkit-user-select:none;user-select:none;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,sans-serif;font-size:32px;font-weight:700;display:inline-block;transform:rotate(-4deg)}.dragging-clone{pointer-events:none;z-index:9999;opacity:.8;position:fixed;top:0;left:0;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}body.spectating #tile-dock,body.spectating #color-toggle,body.spectating #controls-container,body.spectating #peel-button,body.spectating #dump-icon{display:none!important}#view-banner{text-align:center;margin:10px 0}#viewing-text{color:#333;margin-right:10px;font-weight:700}#return-to-me{cursor:pointer;color:#333;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-family:sans-serif;font-size:14px;transition:background-color .2s}#return-to-me:hover{background-color:#e0e0e0}@keyframes peelPulse{0%{border-color:gold;transform:scale(1);box-shadow:0 0 #ffd700b3}50%{border-color:#ffed4a;transform:scale(1.05);box-shadow:0 0 20px 10px #ffd70000}to{border-color:#ccc;transform:scale(1);box-shadow:0 0 #ffd70000}}.mini-board.peel-glow{z-index:10;animation:1s ease-out peelPulse;border:2px solid gold!important}#selection-box{pointer-events:none;z-index:9999;background:#007bff33;border:1px solid #007bff;display:none;position:fixed}.tile.selected{z-index:100;cursor:move;box-shadow:0 0 8px 2px #007bff99}#bananas-row{background:#fff9e8;border-top:1px solid #ddc484;flex:none;justify-content:center;padding:6px 8px 9px;display:flex}#bananas-button{white-space:nowrap;color:#743626;background:linear-gradient(#ffeb3b,#fbc02d);border-color:#fbc02d;min-height:44px;padding:0 14px;box-shadow:0 4px #f9a825}#bananas-button:not(:disabled):hover{transform:translateY(-2px)}#bananas-button:not(:disabled):active{transform:translateY(2px);box-shadow:0 0 #f9a825}#practice-button,#practice-tools button{color:#59401c;cursor:pointer;background:#fff9e8;border:1px solid #ddc484;border-radius:7px;padding:6px 10px;font:600 14px Fredoka,sans-serif}#practice-button{min-height:38px;margin-top:6px}#app-status{z-index:12000;background:#fff8df;border-radius:10px;max-width:min(90vw,600px);padding:10px 16px;font-family:Fredoka,sans-serif;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}#app-status:empty{display:none}#app-status.error{color:#852b20;background:#fff0ed;border:1px solid #d99686}body.in-game:has(#bananas-row:not([hidden])) #app-status{bottom:calc(150px + env(safe-area-inset-bottom))}#leave-button{color:#444;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;flex:none;margin-left:auto;padding:6px 10px;font:600 14px Fredoka,sans-serif;box-shadow:0 1px 3px #00000014}#leave-button:hover{background:#f6f6f6}#grid .tile{--tile-shadow:0 1px 2px #2b1a0d42, 0 3px 4px #2b1a0d26;touch-action:none}#tile-dock .tile{touch-action:pan-x}.tile.dragging{opacity:.35}.tile:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #386db5}button:disabled{cursor:wait;opacity:.6}button.mini-board{font:inherit;color:inherit;cursor:pointer}.mini-board.mini-board-winner{background:#fff8db;border-color:#dbaa30;box-shadow:inset 0 0 0 1px #dbaa30}.mini-confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#tile-dock .tile{flex-shrink:0}#tile-bag-control{flex:none;align-items:center;gap:5px;display:flex;position:relative}#saved-boards-button,#feedback-button,#save-board-button,#share-result,.board-dialog button{color:#59401c;cursor:pointer;background:#fff9e8;border:1px solid #ddc484;border-radius:7px;padding:6px 10px;font:600 14px Fredoka,sans-serif}#home-tools{margin:auto max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex:none;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}#feedback-button{margin-bottom:15px}#save-board-button{place-items:center;width:36px;min-height:34px;padding:4px;display:grid}#bag-panel{z-index:1003;color:#444;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;background:#fff;border:1px solid #ccc;border-radius:8px;width:max-content;max-width:min(300px,100vw - 70px);max-height:calc(100dvh - 110px);padding:6px;font:500 13px Fredoka,sans-serif;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 2px 5px #0000001f}#bag-breakdown{grid-template-columns:repeat(4,minmax(36px,1fr));gap:4px;display:grid}#bag-breakdown span{background:#f5f5f5;border-radius:4px;padding:4px}#practice-tools{text-align:left;border:1px solid #dfd4bf;border-radius:6px;min-width:0;margin-top:10px;padding:6px}#practice-tools legend{padding:0 4px;font-weight:600}#practice-hint{margin-bottom:6px}#practice-tools form,#practice-tools label{align-items:center;gap:6px;display:flex}#practice-tools form{flex-wrap:wrap}#practice-tools input{border:1px solid #bbb;border-radius:5px;width:62px;padding:3px 5px;font-size:16px}#practice-layout{margin-top:6px}#tile-dock .tile.pending-draw{opacity:.45;cursor:default}#countdown-overlay{pointer-events:none}#dump-icon img{object-fit:contain;width:100%;height:100%;display:block}#board-notices{z-index:1004;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(100% - 16px,480px);display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}#board-notices>*{pointer-events:auto;max-width:100%;margin:0}#round-notice{pointer-events:none;color:#513a18;overflow-wrap:anywhere;background:#fff8db;border:1px solid #e4c35c;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font:600 14px Fredoka,sans-serif;display:flex}#round-notice:has(#round-notice-text:empty){border:0;padding:0;position:absolute}#round-notice-text{min-width:0}#share-result{pointer-events:auto;flex:none;min-height:34px}#viewing-text{overflow-wrap:anywhere;min-width:0}#return-to-me{flex-shrink:0}#board-zoom{-webkit-user-select:none;user-select:none;touch-action:none;z-index:1000;background:#fff;border:1px solid #ccc;border-radius:10px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 5px #00000024}#board-zoom button{touch-action:none;color:#444;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:44px;min-height:44px;font:600 22px Fredoka,sans-serif}#board-zoom #zoom-fit{border-inline:1px solid #eee;border-radius:0;min-width:52px;font-size:14px;line-height:1.05}#board-zoom-level{font-size:11px;font-weight:400;display:block}.tile.tap-selected{outline-offset:-2px;outline:2px solid #386db5;box-shadow:inset 0 0 5px #386db5}#game-ui button:active:not(:disabled),#home-ui button:active:not(:disabled){filter:brightness(.87)}.board-dialog{touch-action:pan-y;color:#44351f;text-align:left;background:#fffdf7;border:1px solid #ddc484;border-radius:12px;width:min(620px,100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:14px;font:500 15px Fredoka,sans-serif;overflow:auto}.board-dialog::backdrop{background:#23180c66}.board-dialog header{justify-content:space-between;align-items:center;gap:8px;display:flex}.board-dialog p{margin-block:8px}#create-room-dialog,#blank-dialog{width:min(420px,100% - 24px)}#create-room-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}#create-room-form label{gap:3px;display:grid}#create-room-form input:not([type=checkbox]),#create-room-form select{width:100%;min-height:40px;color:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #ddc484;border-radius:7px;padding:5px 7px;font:16px Fredoka,sans-serif}#create-room-form .room-word-rule{grid-column:1/-1}#create-room-form label.room-word-rule{align-items:center;gap:6px;display:flex}#create-room-form p{margin:0}#create-room-status:empty{display:none}#create-room-submit{background:#f9d65f;justify-self:end}#blank-letters{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}#blank-letters button{min-height:40px}#feedback-dialog{width:min(400px,100% - 24px)}#feedback-message{width:100%;color:inherit;resize:vertical;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;background:#fff;border:1px solid #ddc484;border-radius:7px;padding:10px;font:16px Fredoka,sans-serif;display:block}#feedback-send{background:#f9d65f;margin:10px 0 0 auto;display:block}#feedback-status{color:#295f38}#feedback-status.feedback-error{color:#942c22}#feedback-status:empty{display:none}#saved-boards-content{--saved-tile-size:clamp(24px, 6vw, 38px);gap:8px;display:grid}#saved-board-select,#share-copy-text{background:#fff;border:1px solid #d8cdb6;border-radius:6px;width:100%;padding:7px;font:16px sans-serif}#saved-board-stage{isolation:isolate;border-radius:8px;position:relative;overflow:hidden}#saved-board-finish{z-index:-1;width:100%;height:100%;position:absolute;inset:0}#saved-board-finish[data-background=wood-oak]:before{aspect-ratio:1;width:max(100%,min(45dvh,360px));transform:translate(-50%, -50%) rotate(var(--grain-angle));inset:50% auto auto 50%}#saved-board-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;min-height:140px;max-height:min(45dvh,360px);padding:10px;overflow:auto}#saved-board-layout{grid-auto-rows:var(--saved-tile-size);width:max-content;margin-inline:auto;display:grid}#saved-board-layout:not(:has(.saved-tile)){background:#fff9e8;border-radius:6px;padding:6px 10px}#saved-board-rack{flex-wrap:wrap;gap:4px;display:flex}.saved-tile{width:var(--saved-tile-size);height:var(--saved-tile-size);font-size:calc(var(--saved-tile-size) * .7);pointer-events:none}#share-copy-dialog{width:min(420px,100% - 24px)}#share-copy-text{resize:vertical;-webkit-user-select:text;user-select:text;margin-top:10px}#daily-card,#public-rooms{aspect-ratio:1;color:#513a18;text-align:left;background:#fff6dbbf;border:1px solid #e3c77e;border-radius:12px;flex-direction:column;flex:none;width:min(100%,220px);display:flex;box-shadow:0 3px 14px #5e3f191a}#daily-card{justify-content:space-between;gap:8px;padding:16px;font:500 16px Fredoka,sans-serif}#public-rooms{padding:10px;font:500 14px Fredoka,sans-serif}#public-rooms header{flex:none;justify-content:space-between;align-items:center;gap:6px;display:flex}#public-rooms h2{font-size:19px}#refresh-rooms{min-width:34px;min-height:34px;font-size:18px}#public-rooms-status{margin-top:6px}#public-rooms-status:empty,#public-room-list:empty{display:none}#public-room-list{touch-action:pan-y;gap:5px;min-height:0;max-height:166px;margin-top:6px;list-style:none;display:grid;overflow-y:auto}#public-room-list button{text-align:left;gap:1px;width:100%;padding:6px;display:grid}#public-room-list span{font-size:12px;font-weight:500}#daily-card h2{margin:2px 0 5px;font-size:27px}.daily-kicker{color:#72542b;font-size:12px}#daily-start,#daily-home,#daily-intro-dialog button,#daily-result-dialog button,#daily-actions button{color:#553b19;cursor:pointer;background:#fffaf0;border:1px solid #d9bf81;border-radius:8px;min-height:44px;padding:5px 10px;font:600 14px Fredoka,sans-serif}#daily-start,#daily-home{place-items:center;text-decoration:none;display:inline-grid}#daily-start:active,#daily-home:active{filter:brightness(.87)}#daily-start,#daily-intro-dialog #daily-play{background:#f9d65f}#daily-intro-dialog{width:min(380px,100% - 24px);max-height:calc(100dvh - var(--daily-intro-offset,0px) - 24px);inset-block-end:var(--daily-intro-offset,0px)}#daily-intro-dialog::backdrop{background:#23180c38}@media (orientation:portrait){#daily-intro-dialog{--daily-intro-offset:max(0px, calc(100dvh - 100vw - 105px))}}#daily-mode-picker{border:0;gap:8px;margin-block:8px;padding:0;display:flex}#daily-mode-picker legend{margin-bottom:4px;font-weight:600}#daily-mode-picker label{cursor:pointer;border:1px solid #ddc484;border-radius:8px;flex:1;align-items:center;gap:6px;min-height:44px;padding:4px 7px;display:flex}#daily-mode-picker label:has(input:checked){background:#fff1bb;border-color:#a68330}#daily-mode-picker input{accent-color:#8a611c}#daily-mode-picker small{font-size:12px;display:block}.daily-intro-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}#daily-intro-error{color:#942c22}#daily-intro-error:empty{display:none}#daily-result-dialog{text-align:center;border-color:#91b89a;width:min(340px,100% - 24px);padding:18px;box-shadow:0 8px 36px #264d2c33}#daily-result-dialog::backdrop{background:#182a1a3b}.daily-result-check{aspect-ratio:1;color:#295f38;background:#dcefdc;border-radius:50%;place-items:center;width:35px;margin:0 auto 6px;font-size:22px;display:grid}#daily-result-title{color:#295f38;font-size:27px}#daily-result-dialog #daily-result-time{font-variant-numeric:tabular-nums;margin:4px 0;font-size:42px;font-weight:600;line-height:1}.daily-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}#daily-result-dialog :is(#daily-share,#daily-share-board),#daily-actions #daily-result-button{color:#254f30;background:#dcefdc;border-color:#91b89a}#daily-result-dialog #daily-share-feedback{color:#295f38;min-height:22px;margin:8px 0 0;font-weight:600}#daily-board-download{color:#254f30}#daily-ui{--daily-width:min(640px, 100%, max(225px, calc(100dvh - 188px)));scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));color:#4f3b21;background:#fffcf5;font:500 15px Fredoka,sans-serif;position:fixed;inset:0;overflow:auto}#daily-header{width:var(--daily-width);grid-template-columns:minmax(58px,1fr) auto minmax(58px,1fr);align-items:center;gap:8px;margin:0 auto;display:grid}#daily-home{justify-self:start}#daily-header h1{font-size:clamp(21px,5vw,29px)}#daily-mode-label{color:#72542b;font-size:12px;font-weight:600}#daily-timer{font-variant-numeric:tabular-nums;justify-self:end;font-size:clamp(23px,6vw,28px)}#daily-game{width:var(--daily-width);margin:0 auto}#daily-status{align-items:center;min-height:2em;padding:4px 0;display:grid}#daily-grid{grid-template-columns:repeat(var(--daily-size), minmax(0, 1fr));background:#b69a71;border:1px solid #96774e;border-radius:9px;gap:2px;padding:3px;display:grid;position:relative}.daily-cell{aspect-ratio:1;cursor:pointer;background:#dfccaa;border:1px solid #c8ae85;border-radius:4px;min-width:0;position:relative}.daily-cell.tile,#daily-rack .tile{touch-action:none;height:auto;font-size:clamp(13px,min(5.2vw,4.7dvh),24px)}.daily-cell.tile,#daily-rack .tile,.daily-drag-ghost{color:#251807;background:linear-gradient(145deg,#fffbe7,#f8e3a0);border-color:#8e673a;box-shadow:0 1px 2px #351f0b6b}.daily-cell.tile{border-radius:20%;width:100%}.daily-cell.tile:active,#daily-rack .tile:active{transform:none}.daily-cell.daily-invalid{background:#ffddd3;border-color:#a74332}#daily-grid.daily-solved .tile{background:linear-gradient(145deg,#f5f9dd,#d8ebc9);border-color:#6a966f}.daily-cell:has(.daily-word-marker){z-index:1}.daily-word-marker{aspect-ratio:1;color:#fff;pointer-events:none;background:#a12d25;border:1px solid #fff;border-radius:50%;place-items:center;width:clamp(12px,3.6vw,17px);font:700 11px/1 sans-serif;display:grid;position:absolute}.daily-word-marker:before{content:"!"}.daily-word-across{top:50%;right:-5px;transform:translateY(-50%)}.daily-word-down{bottom:-5px;left:50%;transform:translate(-50%)}.daily-cell.daily-drop-target{background:#ffedac;box-shadow:inset 0 0 0 2px #85642c}#daily-grid .daily-selected,#daily-rack .daily-selected{outline-offset:-2px;outline:2px solid #386db5}#daily-rack{background:#f7edd9;border:1px solid #e1cda6;border-radius:7px;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;min-height:38px;margin-top:6px;padding:4px;display:flex}#daily-rack .tile{aspect-ratio:1;width:min(38px,10% - 2.7px)}#daily-rack .daily-rack-placeholder{opacity:.55}#daily-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:5px;display:flex}.daily-drag-ghost{pointer-events:none;z-index:2;transition:none;position:fixed;top:0;left:0}@media (width<=480px) and (orientation:portrait){#daily-ui{--daily-available-width:max(215px, calc(100dvh - 242px));--daily-width:min(100%, var(--daily-available-width))}#daily-intro-dialog{--daily-intro-offset:max(0px, calc(100dvh - max(368px, min(100vw, var(--daily-available-width)) + 95px)))}#daily-rack{width:min(100%,266px);margin-inline:auto}#daily-rack .tile{width:min(48px,20% - 2.4px);font-size:clamp(17px,5.7vw,26px)}}@media (orientation:landscape) and (height<=520px) and (width>=580px){#daily-ui{--daily-side-width:clamp(165px, 30vw, 230px);--daily-width:min(100%, calc(max(215px, 100dvh - 64px) + var(--daily-side-width) + 12px))}#daily-game{grid-template-columns:minmax(0, 1fr) var(--daily-side-width);grid-template-rows:auto auto 1fr;align-items:start;gap:6px 12px;margin-top:6px;display:grid}#daily-grid{grid-area:1/1/4/2}#daily-status,#daily-rack,#daily-actions{grid-column:2}#daily-rack .tile{width:calc(20% - 2.4px);font-size:clamp(15px,5.2dvh,25px)}#daily-intro-dialog{width:min(380px,max(215px,100dvh - 64px) - 12px);inset-inline-end:calc(var(--daily-side-width) + 12px)}}@media (width<=760px),(width<=1024px) and (orientation:portrait){#home-ui{padding:max(28px, env(safe-area-inset-top)) 0 max(24px, env(safe-area-inset-bottom))}#title-banner{margin-top:0}#online-banner{margin-bottom:20px}.online-text{font-size:24px}#join-screen{width:min(100%,320px);padding:24px 18px}#name-input,#room-input{min-height:46px;font-size:16px}#join-button,#saved-boards-button,#feedback-button,#practice-button,#practice-tools button,#practice-tools input,#google-login-btn,#google-logout-btn,#share-result,.board-dialog button,#create-room-button,#refresh-rooms{min-height:44px}#top-banner{padding:max(5px, env(safe-area-inset-top)) 6px 5px;grid-template-columns:auto auto minmax(0,1fr) auto;gap:4px 6px;display:grid}#header{grid-area:1/1/2/-1}#game-header{white-space:normal;overflow-wrap:anywhere;font-size:15px}#color-toggle{grid-area:2/1}#tile-bag-control{grid-area:2/2}#spectator-eye{grid-area:2/3}#spectator-eye:before{content:"👥"}#leave-button{grid-area:2/4}#color-toggle,#tile-bag-count,#leave-button,#color-menu button,#return-to-me,#peel-button{min-width:44px;min-height:44px}#save-board-button{width:44px;min-height:44px}#tile-bag-count{white-space:nowrap;padding-inline:6px}#color-menu{max-width:calc(100% - 12px);left:6px}#tile-dock{min-height:52px}#rack-tiles{--rack-tile:clamp(24px, calc((100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 46px) / 11), 40px);grid-auto-flow:column;grid-auto-columns:var(--rack-tile);grid-template-rows:var(--rack-tile);gap:3px;display:grid}#rack-tiles:has(.tile:nth-child(12)){grid-template-rows:repeat(2, var(--rack-tile))}#tile-dock .tile{width:var(--rack-tile);height:var(--rack-tile);font-size:calc(var(--rack-tile) * .7);margin:0}#board-previews{z-index:1005;position:absolute;top:6px;right:5px}#board-previews:has(#mini-boards-toggle:not([hidden]))~#board-notices{width:calc(100% - 60px);left:6px;transform:none}#mini-boards-toggle{color:#444;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;place-items:center;width:44px;height:44px;margin-left:auto;display:grid;box-shadow:0 2px 5px #00000024}#mini-boards-toggle[aria-expanded=true]{background:#f3eddd}#mini-boards-toggle[aria-expanded=false]+#mini-board-panel{display:none}#mini-board-panel{background:#fff;border:1px solid #ccc;border-radius:10px;width:148px;padding:3px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 2px 5px #00000024}#mini-boards-container{scroll-snap-type:x mandatory;touch-action:pan-x;flex-direction:row;gap:0;max-height:none;position:static;overflow:auto hidden}button.mini-board{scroll-snap-align:start;border:0;flex:0 0 100%;width:100%;min-width:0}button.mini-board:focus-visible{outline-offset:-3px}.mini-board h4{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mini-grid{width:min(100%,112px,28dvh)}#mini-board-pagination{color:#444;justify-content:space-between;align-items:center;font:500 13px Fredoka,sans-serif;display:flex}#mini-board-pagination button{width:44px;height:44px;color:inherit;cursor:pointer;background:#f6f4ee;border:0;border-radius:7px;font:600 22px Fredoka,sans-serif}#dump-icon{width:48px;height:48px;bottom:8px;left:5px}#board-zoom{bottom:8px;right:5px}body.in-game #app-status{bottom:calc(112px + env(safe-area-inset-bottom))}}@media (height<=540px){#home-ui{padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left))}#title-banner{width:min(100%,620px);margin-top:0}.title-tile{font-size:clamp(16px,5.6vw,35px)}#online-banner{margin:3px 0 8px}.online-text{font-size:23px}#join-screen{gap:3px;width:min(100%,320px);padding:10px 14px}#join-screen h2{margin-bottom:6px;font-size:24px}#join-help{margin:0 0 3px}#name-input,#room-input{margin-bottom:4px}#join-button{margin-top:2px;padding-inline:10px}#join-account{margin:4px 0 0}#home-cards{margin-bottom:8px}#home-tools{margin-inline:0}}@media (width<=740px),(orientation:landscape) and (height<=420px){#home-cards{flex-direction:column;gap:10px;display:flex}#daily-card,#public-rooms{aspect-ratio:auto;width:min(100%,336px);min-height:76px}#daily-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:9px 10px;font-size:13px;display:grid}#daily-card h2{margin:1px 0;font-size:20px}.daily-kicker{display:none}}@media (orientation:landscape) and (height<=420px) and (width>=480px){#home-ui{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) minmax(215px,45%);column-gap:12px;display:grid}#title-banner{grid-area:1/1;align-self:end}.title-tile{font-size:clamp(12px,3.2vw,30px)}#online-banner{grid-area:2/1;align-self:start}#home-cards{grid-area:1/2/3/3;align-self:center;width:100%;margin:0}#home-tools{grid-area:2/1;align-self:end}}@media (any-pointer:coarse){#tile-dock .tile:after{content:none}}@media (pointer:coarse){#peel-button:hover{transform:none}}#selection-box{pointer-events:none}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}