.app-shell{transition:background-color .3s ease,color .3s ease}:root,[data-theme=nature]{--board-bg: #4a7c4e;--card-face-bg: #fef9f0;--card-border: #c8b89a;--card-border-radius: 8px;--card-shadow: 0 2px 6px rgba(0, 0, 0, .18);--card-back-bg: #5d8a52;--card-back-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cellipse cx='10' cy='10' rx='4' ry='7' fill='none' stroke='%234a7040' stroke-width='1.2'/%3E%3Cellipse cx='10' cy='10' rx='7' ry='4' fill='none' stroke='%234a7040' stroke-width='1.2'/%3E%3C/svg%3E");--suit-red: #c0392b;--suit-black: #2c3e50;--suit-heart: var(--suit-red);--suit-diamond: var(--suit-red);--suit-club: var(--suit-black);--suit-spade: var(--suit-black);--pile-empty-border: 2px dashed rgba(255, 255, 255, .35);--controls-bg: rgba(30, 50, 30, .75);--controls-text: #f0ead8;--btn-bg: rgba(255, 255, 255, .15);--btn-text: #f0ead8;--btn-hover-bg: rgba(255, 255, 255, .28);--hud-bg: rgba(30, 50, 30, .55);--hud-text: #f0ead8;--modal-bg: #3a5a3a;--modal-text: #f0ead8;--stat-card-bg: rgba(255, 255, 255, .1);--theme-active-border: rgba(255, 255, 255, .6);--theme-active-bg: rgba(255, 255, 255, .15)}[data-theme=classic]{--board-bg: #007400;--card-face-bg: #ffffff;--card-border: #000000;--card-border-radius: 4px;--card-shadow: 2px 2px 0px rgba(0, 0, 0, .5);--card-back-bg: #1a3399;--card-back-pattern: repeating-linear-gradient( 45deg, rgba(255, 255, 255, .12) 0px, rgba(255, 255, 255, .12) 2px, transparent 2px, transparent 8px ), repeating-linear-gradient( -45deg, rgba(255, 255, 255, .12) 0px, rgba(255, 255, 255, .12) 2px, transparent 2px, transparent 8px );--suit-red: #cc0000;--suit-black: #000000;--suit-heart: var(--suit-red);--suit-diamond: var(--suit-red);--suit-club: var(--suit-black);--suit-spade: var(--suit-black);--pile-empty-border: 2px dashed rgba(255, 255, 255, .4);--controls-bg: rgba(0, 80, 0, .88);--controls-text: #ffffff;--btn-bg: #c0c0c0;--btn-text: #000000;--btn-hover-bg: #d4d0c8;--hud-bg: rgba(0, 60, 0, .65);--hud-text: #ffffff;--modal-bg: #005500;--modal-text: #ffffff;--stat-card-bg: rgba(255, 255, 255, .12);--theme-active-border: #ffffff;--theme-active-bg: rgba(255, 255, 255, .2)}[data-theme=retro]{--board-bg: #1a1a1a;--card-face-bg: #f8f8f8;--card-border: #333333;--card-border-radius: 2px;--card-shadow: 1px 1px 3px rgba(0, 0, 0, .6);--card-back-bg: #2a2a2a;--card-back-pattern: repeating-linear-gradient( 45deg, rgba(200, 200, 200, .12) 0px, rgba(200, 200, 200, .12) 1px, transparent 1px, transparent 6px );--suit-red: #222222;--suit-black: #111111;--suit-heart: var(--suit-red);--suit-diamond: var(--suit-red);--suit-club: var(--suit-black);--suit-spade: var(--suit-black);--pile-empty-border: 1px dashed rgba(255, 255, 255, .25);--controls-bg: rgba(10, 10, 10, .9);--controls-text: #e0e0e0;--btn-bg: rgba(255, 255, 255, .1);--btn-text: #e0e0e0;--btn-hover-bg: rgba(255, 255, 255, .2);--hud-bg: rgba(10, 10, 10, .7);--hud-text: #e0e0e0;--modal-bg: #1a1a1a;--modal-text: #e0e0e0;--stat-card-bg: rgba(255, 255, 255, .08);--theme-active-border: rgba(255, 255, 255, .5);--theme-active-bg: rgba(255, 255, 255, .12)}[data-theme=elegant]{--board-bg: #f5f0eb;--card-face-bg: #ffffff;--card-border: #d4cfc9;--card-border-radius: 6px;--card-shadow: 0 1px 8px rgba(0, 0, 0, .1);--card-back-bg: #c9a96e;--card-back-pattern: radial-gradient( ellipse at 35% 35%, rgba(255, 255, 255, .18) 0%, transparent 65% );--suit-red: #8b2635;--suit-black: #1a1a1a;--suit-heart: var(--suit-red);--suit-diamond: var(--suit-red);--suit-club: var(--suit-black);--suit-spade: var(--suit-black);--pile-empty-border: 2px dashed rgba(100, 90, 80, .4);--controls-bg: rgba(240, 234, 225, .92);--controls-text: #3a3530;--btn-bg: rgba(0, 0, 0, .07);--btn-text: #3a3530;--btn-hover-bg: rgba(0, 0, 0, .13);--hud-bg: rgba(240, 234, 225, .7);--hud-text: rgba(58, 53, 48, .5);--hud-divider: rgba(58, 53, 48, .15);--modal-bg: #f5f0eb;--modal-text: #3a3530;--stat-card-bg: rgba(0, 0, 0, .05);--theme-active-border: #c9a96e;--theme-active-bg: rgba(201, 169, 110, .15)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.card.wiggling{animation:wiggle .15s ease-in-out 3;transform-origin:bottom center}@keyframes dealing{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.card.dealing{animation:dealing .2s ease-out}@keyframes dropHighlight{0%,to{box-shadow:0 0 0 2px #fff0}50%{box-shadow:0 0 0 3px #ffffffa6}}.pile-drop-target{animation:dropHighlight .8s ease-in-out infinite}@keyframes cascadeToFoundation{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.7) translateY(-40px)}}.card.cascading{animation:cascadeToFoundation .35s ease-in forwards}*{margin:0;padding:0;box-sizing:border-box}body{background:#8ce}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Gothic A1,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.card{aspect-ratio:5 / 7;border-radius:var(--card-border-radius, 6px);user-select:none;-webkit-user-select:none;cursor:pointer;position:relative}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}@keyframes cardFlip{0%{transform:rotateY(0) scaleX(1)}60%{transform:rotateY(190deg) scaleX(1.06)}80%{transform:rotateY(175deg) scaleX(1.01)}to{transform:rotateY(180deg) scaleX(1)}}@keyframes cardUnflip{0%{transform:rotateY(180deg) scaleX(1)}60%{transform:rotateY(-10deg) scaleX(1.06)}80%{transform:rotateY(5deg) scaleX(1.01)}to{transform:rotateY(0) scaleX(1)}}.card-inner.face-down{animation:cardFlip .5s cubic-bezier(.34,1.56,.64,1) forwards}.card-inner:not(.face-down){animation:cardUnflip .5s cubic-bezier(.34,1.56,.64,1) forwards}.card-inner:not(.face-down):not(.was-face-down){animation:none;transform:rotateY(0)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card-face-bg, #ffffff);border:1px solid var(--card-border, #ccc);border-radius:var(--card-border-radius, 6px);padding:3px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--card-shadow, 0 1px 4px rgba(0,0,0,.15))}.card-inner:not(.face-down) .card-face{filter:var(--card-tint-filter, none)}.card-face:before{content:"";position:absolute;inset:0;border-radius:var(--card-border-radius, 6px);box-shadow:0 2px 12px var(--card-tint-shadow, transparent);pointer-events:none;z-index:0}.card-foil-overlay{position:absolute;inset:0;border-radius:var(--card-border-radius, 6px);background:radial-gradient(ellipse 60% 80% at var(--foil-x, 50%) var(--foil-y, 30%),rgba(255,255,245,.45) 0%,rgba(255,255,250,.12) 40%,transparent 70%);mix-blend-mode:soft-light;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:5}.card:hover .card-foil-overlay{opacity:1}.card.dragging .card-foil-overlay{opacity:.6}@media(hover:none){.card-foil-overlay{display:none}}.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);background-color:var(--card-back-bg, #1a3399);background-image:var(--card-back-pattern, none);background-size:20px 20px;border:1px solid var(--card-border, #ccc);border-radius:var(--card-border-radius, 6px);box-shadow:var(--card-shadow, 0 1px 4px rgba(0,0,0,.15));overflow:hidden}.card-face .corner{font-size:.75em;font-weight:700;line-height:1;display:flex;flex-direction:column;align-items:center;gap:0px;width:fit-content;position:relative;z-index:1}.card-face .corner-top{align-self:flex-start}.card-face .corner-bottom{align-self:flex-end;margin-top:auto;transform:rotate(180deg)}.card-face .corner .rank{font-size:1em}.card-face .corner .suit-symbol{font-size:.85em;line-height:1}.card-face .center-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.4em;opacity:.15;pointer-events:none;line-height:1;z-index:1}.suit-hearts{color:var(--suit-heart, #cc0000)}.suit-diamonds{color:var(--suit-diamond, #cc0000)}.suit-clubs{color:var(--suit-club, #000000)}.suit-spades{color:var(--suit-spade, #000000)}.pile-empty{aspect-ratio:5 / 7;border:var(--pile-empty-border, 2px dashed rgba(255,255,255,.3));border-radius:var(--card-border-radius, 6px);display:flex;align-items:center;justify-content:center;font-size:2em;opacity:.5;pointer-events:none}.pile-empty.foundation{color:#fff6}@keyframes sparkle-expand{0%{transform:translate(0) scale(0);opacity:1}to{opacity:0}}.card-placed{position:relative}.card-placed:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;pointer-events:none;z-index:10;border-radius:50%;background:radial-gradient(circle,rgba(255,220,100,.9) 0%,transparent 70%);box-shadow:12px -18px #ffdc64cc,-15px -12px #ffc850b3,18px 10px #fff07899,-10px 16px #ffd25ab3;animation:sparkle-expand .6s ease-out forwards}@keyframes sparkle-expand-large{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.card-placed-foundation{position:relative}.card-placed-foundation:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;pointer-events:none;z-index:10;border-radius:50%;background:radial-gradient(circle,rgba(255,240,150,1) 0%,transparent 70%);box-shadow:16px -22px #ffdc64e6,-18px -16px #ffc850cc,22px 14px #fff078b3,-14px 20px #ffd25acc,8px 24px #ffe66e99,-22px 6px #ffc864b3;animation:sparkle-expand-large .7s ease-out forwards}.card.dragging{box-shadow:0 8px 24px #0000004d,0 2px 6px #0003;z-index:1000;cursor:grabbing}.card:hover:not(.dragging){box-shadow:var(--card-shadow, 0 2px 6px rgba(0, 0, 0, .18));transform:translateY(-1px);transition:transform .1s ease,box-shadow .1s ease}.card:has(.card-inner.face-down){cursor:default}.pile{position:relative;width:var(--card-w, 80px);height:var(--card-h, 112px);flex-shrink:0}.pile-empty{width:100%;height:100%;border-radius:8px;border:2px dashed var(--pile-empty-border, rgba(255, 255, 255, .2));display:flex;align-items:center;justify-content:center;box-sizing:border-box}.pile-empty .foundation-icon{font-size:calc(var(--card-w, 80px) * .45);opacity:.2;color:var(--card-text, #fff);-webkit-user-select:none;user-select:none;pointer-events:none}.pile .card{position:absolute;top:0;left:0;width:100%;height:100%}.pile-stock{cursor:pointer}.waste-fanned{width:calc(var(--card-w, 80px) + 44px)}.waste-fan-card{position:absolute;top:0;width:var(--card-w, 80px);height:var(--card-h, 112px)}.pile-waste .waste-count{position:absolute;bottom:-2px;right:-2px;background:var(--badge-bg, rgba(0, 0, 0, .6));color:var(--badge-text, #fff);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;z-index:2;pointer-events:none}.drop-target-valid{box-shadow:0 0 12px 4px var(--drop-glow, rgba(76, 175, 80, .5));border-radius:8px}.card-stack{position:relative;width:var(--card-w, 80px);min-height:var(--card-h, 112px);flex-shrink:0}.card-stack .pile-empty{width:100%;height:var(--card-h, 112px);border-radius:8px;border:2px dashed var(--pile-empty-border, rgba(255, 255, 255, .15));box-sizing:border-box}.card-stack-card{position:absolute;left:0;width:var(--card-w, 80px);height:var(--card-h, 112px)}.card-stack-card .card{width:100%;height:100%}.klondike-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(7,var(--card-w, 80px));grid-template-rows:auto 1fr;gap:var(--gap, 6px);justify-content:center;align-content:start}.klondike-board .grid-stock{grid-column:1;grid-row:1}.klondike-board .grid-waste{grid-column:2;grid-row:1}.klondike-board .grid-fnd-0{grid-column:4;grid-row:1}.klondike-board .grid-fnd-1{grid-column:5;grid-row:1}.klondike-board .grid-fnd-2{grid-column:6;grid-row:1}.klondike-board .grid-fnd-3{grid-column:7;grid-row:1}.klondike-board .grid-tab-0{grid-column:1;grid-row:2}.klondike-board .grid-tab-1{grid-column:2;grid-row:2}.klondike-board .grid-tab-2{grid-column:3;grid-row:2}.klondike-board .grid-tab-3{grid-column:4;grid-row:2}.klondike-board .grid-tab-4{grid-column:5;grid-row:2}.klondike-board .grid-tab-5{grid-column:6;grid-row:2}.klondike-board .grid-tab-6{grid-column:7;grid-row:2}.spider-board{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--gap, 6px)}.spider-info-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gap, 6px);min-height:calc(var(--card-h, 112px) * .4)}.spider-stock-btn{display:flex;align-items:center;gap:6px;border:none;background:transparent;color:#ffffffd9;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:4px 8px;border-radius:8px;transition:background .1s}.spider-stock-btn:active{background:#ffffff1a}.spider-stock-btn:disabled{opacity:.3;cursor:default}.spider-stock-icon{width:calc(var(--card-w, 80px) * .5);height:calc(var(--card-h, 112px) * .5);display:flex;align-items:center;justify-content:center}.spider-stock-cards{width:100%;height:100%;border-radius:4px;background:var(--card-back-bg, #2a5298);border:1px solid rgba(255,255,255,.2)}.spider-stock-empty{width:100%;height:100%;border-radius:4px;border:1px dashed rgba(255,255,255,.2)}.spider-stock-count{font-size:.75rem;font-weight:500}.spider-foundations-counter{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.spider-fnd-value{font-size:1.1rem;font-weight:700;color:#ffffffe6}.spider-fnd-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5;color:#ffffffb3}.spider-tableau{flex:1;display:grid;grid-template-columns:repeat(10,1fr);gap:var(--gap, 4px);padding:0 var(--gap, 4px);align-content:start}.spider-col{min-width:0}.freecell-board{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--gap, 6px)}.freecell-top-row{display:flex;justify-content:center;gap:calc(var(--gap, 6px) * 3);padding:0 var(--gap, 6px)}.freecell-cells,.freecell-foundations{display:flex;gap:var(--gap, 6px)}.freecell-slot,.freecell-fnd-slot{width:var(--card-w, 80px);height:var(--card-h, 112px);border-radius:6px;overflow:hidden;flex-shrink:0}.freecell-empty{width:100%;height:100%;border:2px dashed rgba(255,255,255,.15);border-radius:6px;box-sizing:border-box}.freecell-fnd-empty{width:100%;height:100%;border:2px dashed rgba(255,255,255,.15);border-radius:6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.freecell-fnd-empty .foundation-icon{font-size:1.5rem;opacity:.2}.freecell-cascades{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap, 6px);padding:0 var(--gap, 6px);align-content:start}.freecell-cascade{min-width:0}.pyramid-board{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap, 8px);padding:var(--gap, 6px);box-sizing:border-box}.pyramid-shape{display:flex;flex-direction:column;align-items:center;gap:2px}.pyramid-row{display:flex;justify-content:center;gap:2px}.pyramid-card-slot{width:var(--card-w, 80px);height:var(--card-h, 112px);position:relative;flex-shrink:0;border-radius:6px;transition:transform .15s ease,box-shadow .15s ease}.pyramid-card-removed{visibility:hidden}.pyramid-covered{opacity:.5;pointer-events:none}.pyramid-exposed{cursor:pointer}.pyramid-exposed:active{transform:scale(.96)}.pyramid-selected{outline:2px solid rgba(100,200,255,.8);outline-offset:2px;border-radius:8px}.pyramid-bottom{display:flex;gap:calc(var(--gap, 6px) * 3);align-items:center}.pyramid-stock-area{position:relative;cursor:pointer}.pyramid-recycle-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5;color:#ffffffb3;white-space:nowrap}.pyramid-waste-area{width:var(--card-w, 80px);height:var(--card-h, 112px);cursor:pointer;border-radius:6px;transition:outline .15s ease}.pyramid-waste-area.pyramid-selected{outline:2px solid rgba(100,200,255,.8);outline-offset:2px}.pyramid-waste-empty{width:100%;height:100%;border:2px dashed rgba(255,255,255,.12);border-radius:6px;box-sizing:border-box}.deal-animation-overlay{position:absolute;inset:0;z-index:50;pointer-events:none;overflow:hidden}.deal-card{position:absolute;border-radius:var(--card-border-radius, 6px);overflow:hidden;opacity:0;animation:dealArc .45s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:center center}@keyframes dealArc{0%{opacity:1;transform:scale(.85) rotate(0) translate(0)}35%{opacity:1;transform:scale(.92) rotate(calc(var(--deal-rotation, 5deg) * .5)) translate(calc(var(--deal-target-x, 0px) * .4),calc(var(--deal-target-y, 0px) * .2 - 25px))}to{opacity:1;transform:scale(1) rotate(var(--deal-rotation, 0deg)) translate(var(--deal-target-x, 0px),var(--deal-target-y, 0px))}}.deal-card-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:3px;font-size:.75em;font-weight:700;line-height:1.1}.deal-card-front{background:var(--card-face-bg, #ffffff);border:1px solid var(--card-border, #ccc);border-radius:var(--card-border-radius, 6px);box-shadow:0 1px 4px #00000026}.deal-card-back-face{background-color:var(--card-back-bg, #1a3399);background-image:var(--card-back-pattern, none);background-size:20px 20px;border:1px solid var(--card-border, #ccc);border-radius:var(--card-border-radius, 6px);box-shadow:0 1px 4px #00000026}.game-board{width:100%;height:100%;padding:var(--gap, 6px);box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none;position:relative}.game-mode-select{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.game-mode-select h2{color:#fff;font-size:1.4rem;margin:0;font-weight:600}.game-mode-buttons{display:flex;gap:12px}.game-mode-buttons button{padding:12px 28px;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.game-mode-buttons button:hover,.game-mode-buttons button:active{background:#fff3;border-color:#ffffff80}.auto-complete-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:100;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.auto-complete-prompt p{color:#fff;font-size:1.1rem;margin:0}.auto-complete-prompt .prompt-buttons{display:flex;gap:12px}.auto-complete-prompt button{padding:10px 24px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease}.auto-complete-prompt button:hover{background:#fff3}@keyframes hint-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.hint-wiggle{animation:hint-wiggle .5s ease-in-out 3}.drag-overlay{position:fixed;top:0;left:0;pointer-events:none;z-index:1000;touch-action:none;border-radius:var(--card-border-radius, 6px)}.drag-overlay .drag-cards{display:flex;flex-direction:column;pointer-events:none}.drag-overlay .drag-card-wrapper{width:var(--card-w, 80px);height:var(--card-h, 112px);pointer-events:none}.drag-overlay .drag-card-wrapper .card{width:100%;height:100%}.card-stack-card.dragging-source{opacity:0}.hud{position:fixed;bottom:max(8px,env(safe-area-inset-bottom,8px));left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.75rem;padding:.3rem .7rem;background:#00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:6px;color:rgba(255,255,255,calc(.85 + (1 - var(--scene-brightness, .7)) * .15));font-family:Gothic A1,sans-serif;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,calc(.3 + (1 - var(--scene-brightness, .7)) * .4))}.hud-pause{color:#ffffffd9;font-size:10px;cursor:pointer;padding:0 4px;pointer-events:auto;letter-spacing:-2px;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hud-pause:hover{color:#fff}.hud-pause:active{transform:scale(.95)}.hud-undo{display:flex;align-items:center;color:#ffffffd9;cursor:pointer;padding:0 4px;pointer-events:auto;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hud-undo:hover{color:#fff}.hud-undo:active{transform:scale(.95)}.hud-undo.disabled{opacity:.3;cursor:default}.hud-stat{white-space:nowrap;display:inline-block}.hud-stat-pop{animation:counterPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes counterPop{0%{transform:scale(1)}50%{transform:scale(1.15);color:#fd4}to{transform:scale(1)}}.hud-divider{width:1px;height:10px;background:#ffffff40}.hud-stats-btn{display:flex;align-items:center;color:#ffffffd9;cursor:pointer;padding:0 4px;pointer-events:auto;line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hud-stats-btn:hover{color:#fff}.hud-stats-btn:active{transform:scale(.95)}.controls-bar{display:flex;align-items:center;gap:3px;padding:4px 6px;background:#000000e6;border-radius:999px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #00000059,0 1px 3px #0003,inset 0 .5px #ffffff0f}.ctrl-btn{display:flex;align-items:center;justify-content:center;height:32px;padding:0 18px;border:none;border-radius:13px;background:transparent;color:#ffffffe0;font-family:Gothic A1,sans-serif;font-size:12px;font-weight:500;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;transition:background-color .1s ease,color .1s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.ctrl-btn:active{background:#ffffff24;color:#fff}@media(hover:hover){.ctrl-btn:hover{background:#ffffff14;color:#fff}}.ctrl-btn:disabled{opacity:.28;cursor:default}.ctrl-btn:disabled:active,.ctrl-btn:disabled:hover{background:transparent;color:#ffffffe0}.ctrl-btn-icon{padding:0;width:40px;font-size:16px}.new-game-prompt{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#000000d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;border:1px solid rgba(255,255,255,.08);color:#fff;font-family:Gothic A1,sans-serif;font-size:13px;white-space:nowrap;z-index:20;box-shadow:0 8px 32px #0006;animation:prompt-in .15s ease}.new-game-prompt-msg{font-size:11px;opacity:.5;font-weight:400;letter-spacing:.03em}.new-game-prompt-row{display:flex;gap:4px}.prompt-btn{display:flex;align-items:center;justify-content:center;padding:7px 16px;border:none;border-radius:9px;background:#ffffff1a;color:#fff;font-family:Gothic A1,sans-serif;font-size:13px;font-weight:500;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.prompt-btn:hover{background:#ffffff2e}.prompt-btn:active{opacity:.7}.prompt-btn-cancel{opacity:.5}.prompt-btn-active{background:#ffffff38;font-weight:600}.ctrl-btn-time{gap:4px;margin-left:2px;padding:0 12px;border-left:1px solid rgba(255,255,255,.1);border-radius:0 13px 13px 0}.ctrl-time-label{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums}.ctrl-time-icon{display:flex;align-items:center;color:#ffffffd9}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;animation:backdropFadeIn .25s ease}.modal-panel{position:relative;width:min(90vw,20rem);padding:1.5rem;border-radius:1rem;background:var(--modal-bg, #2a2a3e);color:var(--modal-text, #fff);box-shadow:0 8px 32px #0006;animation:modalSpringIn .35s cubic-bezier(.34,1.56,.64,1);transition:background-color .3s ease,color .3s ease}.modal-title{margin:0 0 1rem;font-size:1.1rem;font-weight:700;text-align:center}.modal-close{position:absolute;top:.5rem;right:.75rem;border:none;background:none;color:var(--modal-text, #fff);font-size:1.25rem;cursor:pointer;opacity:.6;line-height:1;padding:.25rem;-webkit-tap-highlight-color:transparent}.modal-close:active{opacity:1}.stats-modal-panel{width:min(90vw,24rem)}.stats-tabs{display:flex;gap:2px;margin-bottom:.75rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.stats-tabs::-webkit-scrollbar{display:none}.stats-tab{flex:1;min-width:0;padding:6px 4px;border:none;border-radius:6px;background:transparent;color:var(--modal-text, #fff);opacity:.5;font-family:Gothic A1,sans-serif;font-size:.65rem;font-weight:500;cursor:pointer;transition:background .12s,opacity .12s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.stats-tab:active,.stats-tab:hover{opacity:.7;background:#ffffff0f}.stats-tab.active{opacity:1;background:#ffffff1a;font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;border-radius:.5rem;background:var(--stat-card-bg, rgba(255, 255, 255, .08))}.stat-value{font-size:1.25rem;font-weight:700}.stat-label{font-size:.7rem;opacity:.65;text-transform:uppercase;letter-spacing:.05em}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSpringIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:0 .1rem}.settings-label{font-size:.85rem;font-weight:600;color:var(--modal-text, #fff);letter-spacing:.02em}.settings-toggle{position:relative;width:44px;height:24px;border:none;border-radius:12px;background:#ffffff26;cursor:pointer;padding:0;transition:background .2s ease}.settings-toggle.active{background:#5a9a3a}.settings-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.settings-toggle.active .settings-toggle-knob{transform:translate(20px)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;border:2px solid transparent;border-radius:.6rem;background:var(--stat-card-bg, rgba(255, 255, 255, .08));color:var(--modal-text, #fff);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background-color .2s ease}.theme-option:active{opacity:.8}.theme-option.active{border-color:var(--theme-active-border, rgba(255, 255, 255, .6));background:var(--theme-active-bg, rgba(255, 255, 255, .15))}.theme-icon{font-size:1.6rem;line-height:1}.theme-name{font-size:.7rem;font-weight:600;letter-spacing:.03em}.menu-panel{max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-section{margin-bottom:.5rem}.menu-section-title{font-size:.75rem;font-weight:700;color:var(--modal-text, #fff);opacity:.6;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem}.menu-divider{height:1px;background:#ffffff1f;margin:.75rem 0}.menu-about{display:flex;flex-direction:column;align-items:center;gap:.2rem}.menu-about-link{font-size:.75rem;font-weight:600;color:var(--modal-text, #fff);opacity:.7;text-decoration:none}.menu-about-link:hover{opacity:1}.menu-about-version{font-size:.65rem;color:var(--modal-text, #fff);opacity:.4}.time-modal-panel{width:min(90vw,18rem)}.time-current{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:1.2rem;letter-spacing:.02em}.time-mode-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.time-mode-btn{display:flex;align-items:center;justify-content:space-between;padding:.65rem .8rem;border:2px solid transparent;border-radius:.5rem;background:var(--stat-card-bg, rgba(255, 255, 255, .08));color:var(--modal-text, #fff);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background-color .2s ease}.time-mode-btn.active{border-color:var(--theme-active-border, rgba(255, 255, 255, .6));background:var(--theme-active-bg, rgba(255, 255, 255, .15))}.time-mode-btn:active{opacity:.8}.time-mode-label{font-size:.85rem;font-weight:600}.time-mode-desc{font-size:.65rem;opacity:.5}.time-slider-section{margin-top:.25rem}.time-slider{width:100%;accent-color:#5a9a3a}.time-slider-labels{display:flex;justify-content:space-between;font-size:10px;opacity:.5;margin-top:2px}.notification-container{position:fixed;top:0;right:0;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:8px;padding:16px;align-items:flex-end}.notification-toast{pointer-events:auto;background:#faf6ef;border-radius:12px;padding:12px 16px;box-shadow:0 4px 14px #3d2c1e1f,0 1px 4px #3d2c1e14;display:flex;align-items:center;gap:12px;max-width:340px;min-width:220px;border-left:3px solid #c9b98a;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1}.notification-toast.entering{transform:translateY(-20px);opacity:0}.notification-toast.visible{transform:translateY(0);opacity:1}.notification-toast.exiting{transform:translateY(-20px);opacity:0}.notification-icon{font-size:24px;flex-shrink:0;line-height:1}.notification-content{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#3d2c1e;line-height:1.3}.notification-message{font-size:12px;color:#7a6b5e;line-height:1.4}.notification-type-level-up{border-left-color:#d4a438}.notification-type-streak{border-left-color:#e08a3a}.notification-type-daily-complete{border-left-color:#5aac6e}.notification-type-daily-available{border-left-color:#6ba3c9}.new-game-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#0000;pointer-events:none;transition:background .25s ease}.new-game-backdrop.visible{background:#00000080;pointer-events:auto}.new-game-card{background:var(--card-bg, #fff);color:var(--card-text, #333);border-radius:16px;padding:2rem;text-align:center;width:min(320px,85vw);box-shadow:0 8px 32px #0000004d;opacity:0;transform:scale(.9);transition:opacity .25s ease-out,transform .25s ease-out}.new-game-backdrop.visible .new-game-card{opacity:1;transform:scale(1)}.new-game-card h2{margin:0 0 .5rem;font-size:1.4rem}.new-game-card p{margin:0 0 1.5rem;font-size:.85rem;opacity:.7}.draw-mode-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.draw-mode-btn{flex:1;min-width:110px;padding:1rem .5rem;border:2px solid var(--btn-bg, #4a90d9);border-radius:12px;background:transparent;color:var(--card-text, #333);cursor:pointer;transition:background .15s,color .15s}.draw-mode-btn:active,.draw-mode-btn:hover{background:var(--btn-bg, #4a90d9);color:var(--btn-text, #fff)}.draw-mode-btn strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.draw-mode-btn span{font-size:.75rem;opacity:.7}.resume-section{margin-bottom:1.5rem}.resume-btn{width:100%;padding:.75rem;border:none;border-radius:8px;background:var(--btn-bg, #4a90d9);color:var(--btn-text, #fff);font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:.5rem;transition:opacity .15s}.resume-btn:active{opacity:.8}.resume-info{font-size:.8rem;opacity:.6;margin:0}.or-divider{margin:1rem 0;font-size:.8rem;opacity:.5}.stuck-banner{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1rem;background:var(--accent, #c75c3a);color:#fff;font-size:.9rem;font-weight:600;transform:translateY(-100%);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.stuck-banner.visible{transform:translateY(0);opacity:1}.stuck-banner button{border:none;border-radius:6px;padding:.35rem .8rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.stuck-banner button:active{opacity:.8}.stuck-undo{background:#fff;color:var(--accent, #c75c3a)}.stuck-new{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)!important}.win-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000;pointer-events:none;transition:background .4s ease}.win-overlay.visible{background:#0009;pointer-events:auto}.win-stats-card{background:var(--card-bg, #fff);color:var(--card-text, #333);border-radius:16px;padding:2rem 2.5rem;text-align:center;box-shadow:0 8px 32px #0000004d;opacity:0;transform:scale(.9);transition:opacity .3s ease-out,transform .35s cubic-bezier(.34,1.56,.64,1)}.win-overlay.visible .win-stats-card{opacity:1;transform:scale(1)}.win-stats-card h2{font-size:1.8rem;margin:0 0 1rem}.win-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.win-stat-label{font-size:.75rem;text-transform:uppercase;opacity:.7}.win-stat-value{font-size:1.4rem;font-weight:700}.win-new-game-btn{background:var(--btn-bg, #4a90d9);color:var(--btn-text, #fff);border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.win-new-game-btn:active{opacity:.8}.level-badge{position:fixed;bottom:max(8px,env(safe-area-inset-bottom,8px));left:10px;z-index:100;display:flex;align-items:center;gap:2px;padding:.3rem .55rem;border:none;border-radius:6px;background:#00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;font-family:Gothic A1,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:transform .15s ease;-webkit-tap-highlight-color:transparent;letter-spacing:.08em;text-transform:uppercase}.level-badge:hover{transform:scale(1.05)}.level-badge:active{transform:scale(.97)}.level-badge-stars{display:flex;gap:1px;font-size:9px;line-height:1}.level-badge-star{display:inline-block}.streak-badge{position:fixed;bottom:max(8px,env(safe-area-inset-bottom,8px));right:10px;z-index:100;display:flex;align-items:center;gap:4px;padding:.3rem .55rem;border:none;border-radius:6px;background:#00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;font-family:Gothic A1,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:transform .15s ease;-webkit-tap-highlight-color:transparent;letter-spacing:.08em}.streak-badge:hover{transform:scale(1.05)}.streak-badge:active{transform:scale(.97)}.streak-badge-icon{display:flex;align-items:center;color:#e8a838;line-height:1}.streak-badge-number{color:#e8a838;font-weight:700}.progress-modal-panel{text-align:center}.progress-level{font-size:32px;font-weight:700;color:var(--modal-text, #fff);line-height:1.1}.progress-title{font-size:16px;color:var(--modal-text, #fff);opacity:.75;margin-top:4px}.progress-prestige{margin-top:8px;font-size:18px;display:flex;justify-content:center;gap:4px}.progress-xp-section{margin-top:16px}.progress-xp-bar{height:12px;border-radius:6px;background:#ffffff1f;overflow:hidden}.progress-xp-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#d4a843,gold);transition:width .3s ease}.progress-xp-label{margin-top:6px;font-size:12px;opacity:.7}.progress-xp-total{margin-top:2px;font-size:11px;opacity:.5}.progress-view-badges{margin-top:16px;padding:8px 20px;border:none;border-radius:8px;background:#ffffff1a;color:var(--modal-text, #fff);font-family:Gothic A1,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent}.progress-view-badges:hover{background:#ffffff2e}.daily-challenge-view{display:flex;flex-direction:column;gap:.75rem}.daily-streak{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 0 .25rem}.daily-streak-main{display:flex;align-items:center;gap:.3rem}.daily-streak-icon{font-size:1.4rem;line-height:1}.daily-streak-number{font-size:1.75rem;font-weight:700;color:#e8a838;line-height:1}.daily-streak-label{font-size:.8rem;font-weight:600;color:var(--modal-text, #fff);opacity:.8}.daily-lifetime{font-size:.7rem;color:var(--modal-text, #fff);opacity:.55}.daily-month-nav{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem}.daily-month-label{font-size:.8rem;font-weight:600;color:var(--modal-text, #fff)}.daily-nav-btn{background:none;border:none;color:var(--modal-text, #fff);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;opacity:.7;transition:opacity .15s ease}.daily-nav-btn:hover{opacity:1}.daily-nav-btn.disabled,.daily-nav-btn:disabled{opacity:.25;cursor:default}.daily-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.daily-day-header{text-align:center;font-size:.6rem;font-weight:600;color:var(--modal-text, #fff);opacity:.5;padding-bottom:.25rem;text-transform:uppercase;letter-spacing:.04em}.daily-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;position:relative;font-size:.75rem;color:var(--modal-text, #fff);opacity:.4;transition:background .15s ease,opacity .15s ease}.daily-day.empty{visibility:hidden}.daily-day.today{opacity:1;box-shadow:inset 0 0 0 2px #e8a83899}.daily-day.available{opacity:1;background:#e8a83826;cursor:pointer;animation:daily-pulse 2.5s ease-in-out infinite}.daily-day.available:hover{background:#e8a8384d}.daily-day.completed{opacity:1;background:#5a9a3a40}.daily-day.selected{background:#e8a83866;box-shadow:inset 0 0 0 2px #e8a838cc}.daily-day.future{opacity:.2}.daily-day-number{font-weight:600;line-height:1}.daily-day-check{position:absolute;bottom:2px;font-size:.55rem;color:#5a9a3a;font-weight:700}@keyframes daily-pulse{0%,to{background:#e8a8381f}50%{background:#e8a83838}}.daily-play-section{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.daily-variant-picker{display:flex;gap:.3rem}.daily-variant-btn{flex:1;padding:.35rem .25rem;border:2px solid transparent;border-radius:8px;background:#ffffff14;color:var(--modal-text, #fff);font-size:.65rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.daily-variant-btn:hover{background:#ffffff26}.daily-variant-btn.active{border-color:#e8a838b3;background:#e8a83833}.daily-play-btn{padding:.55rem 1rem;border:none;border-radius:10px;background:linear-gradient(135deg,#e8a838,#d4892a);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;letter-spacing:.02em;box-shadow:0 2px 8px #e8a8384d;transition:transform .1s ease,box-shadow .1s ease}.daily-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e8a83866}.daily-play-btn:active{transform:translateY(0)}.streak-modal-panel{padding:1.5rem 1.25rem}.streak-modal-header{display:flex;align-items:center;justify-content:center;gap:.35rem}.streak-modal-icon{flex-shrink:0}.streak-modal-number{font-size:1.75rem;font-weight:700;color:#e8a838;line-height:1}.streak-modal-label{font-size:.85rem;font-weight:600;color:var(--modal-text, #fff);opacity:.8}.streak-modal-lifetime{text-align:center;font-size:.7rem;color:var(--modal-text, #fff);opacity:.55;margin-top:.15rem}.streak-modal-divider{height:1px;background:#ffffff1f;margin:.75rem 0}.badge-gallery-panel{width:min(90vw,26rem);max-height:80vh;overflow-y:auto}.badge-gallery-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.badge-gallery-back{border:none;background:none;color:var(--modal-text, #fff);font-size:18px;cursor:pointer;padding:2px 6px;opacity:.7;-webkit-tap-highlight-color:transparent}.badge-gallery-back:hover{opacity:1}.badge-gallery-title{margin:0;flex:1;text-align:center;padding-right:28px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.badge-card{position:relative;border-radius:10px;padding:12px 8px;text-align:center}.badge-card.earned{background:#d4a84326;border:2px solid rgba(212,168,67,.5)}.badge-card.locked{background:#ffffff0a;border:2px solid rgba(255,255,255,.08);opacity:.5}.badge-card-level{font-size:11px;opacity:.6;margin-bottom:2px}.badge-card-name{font-size:13px;font-weight:600}.badge-card-lock{position:absolute;top:4px;right:6px;font-size:10px;opacity:.5}.bokeh-container{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.bokeh-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent);animation:bokehFloat var(--bokeh-duration, 20s) ease-in-out infinite;animation-delay:var(--bokeh-delay, 0s);will-change:transform}.bokeh-reduced .bokeh-circle{opacity:.04}@keyframes bokehFloat{0%{transform:translate(0)}25%{transform:translate(calc(var(--bokeh-dx, 30px) * .7),calc(var(--bokeh-dy, -40px) * .5))}50%{transform:translate(var(--bokeh-dx, 30px),var(--bokeh-dy, -40px))}75%{transform:translate(calc(var(--bokeh-dx, 30px) * .3),calc(var(--bokeh-dy, -40px) * .8))}to{transform:translate(0)}}.speech-bubble{position:absolute;bottom:50%;left:calc(100% + 8px);background:#fffef5;color:#2a2a2a;border-radius:12px;padding:8px 14px;font-size:.8rem;font-family:inherit;line-height:1.4;max-width:260px;min-width:60px;width:max-content;text-align:left;box-shadow:0 2px 8px #00000026;z-index:10;pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:pre-wrap}.speech-bubble--visible{opacity:1;transform:translateY(0)}.speech-bubble--hidden{opacity:0;transform:translate(-4px)}.speech-bubble__name{display:block;font-weight:700;font-size:.75rem;color:#e07830;margin-bottom:2px;letter-spacing:.02em}.speech-bubble__text{display:inline}.speech-bubble__tail{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fffef5}.app-shell{display:flex;flex-direction:column;width:100%;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--board-bg, #1a1a2e);transition:background-color .3s ease;position:relative;z-index:1}[data-theme=nature] .app-shell,[data-theme=nature] .section-cards,[data-theme=nature] .section-bottom{background:transparent}.section-cards{flex:1 1 auto;position:relative;overflow:hidden;min-height:0;padding-top:48px}.section-bottom{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding-bottom:max(48px,calc(24px + env(safe-area-inset-bottom,24px)));padding-top:8px;gap:6px}.controls-wrapper{position:relative;z-index:5}.app-logo{position:fixed;top:max(10px,env(safe-area-inset-top,10px));left:12px;height:24px;width:auto;z-index:5;opacity:.8;pointer-events:none;-webkit-user-select:none;user-select:none}.bird-perch{position:absolute;bottom:100%;left:-10px;width:140px;height:140px;margin-bottom:-22px;z-index:6;pointer-events:auto}@media(max-width:768px){.bird-perch{width:160px;height:160px;margin-bottom:-30px}}.bird-icon{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e8d8c0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .15s ease;padding:0;box-shadow:0 2px 8px #0000004d}.bird-icon:hover{transform:scale(1.08)}.bird-icon:active{transform:scale(.95)}