.fridge-slide{position:fixed;inset:0;z-index:250;background:#eef2eb;color:#35594d;isolation:isolate;font-family:inherit;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.fridge-slide[hidden]{display:none!important}
.fridge-slide *{box-sizing:border-box}.fridge-slide button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #cbd8cb;border-radius:16px;background:#fcfdf8;color:#35594d;min-width:48px;min-height:48px;font-size:18px;box-shadow:0 2px 0 #dbe3d7}
.fridge-slide button:disabled{opacity:.4;cursor:default}.fridge-slide button:focus-visible{outline:3px solid #5e9984;outline-offset:3px}
.fridge-header{position:absolute;top:max(18px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.fridge-header>*{pointer-events:auto}.fridge-header small{font-size:10px;letter-spacing:.15em;color:#7c9284}.fridge-header h2{font-size:23px;margin:4px 0;font-weight:650;letter-spacing:.04em}.fridge-header button{font-size:28px;line-height:1;border-radius:50%;width:46px;height:46px;min-height:46px;min-width:46px}
.fridge-stage{position:absolute;inset:80px 14px 154px;touch-action:none;outline:none;cursor:grab}.fridge-stage:active{cursor:grabbing}.fridge-stage canvas{display:block;width:100%;height:100%;touch-action:none}.fridge-slide[data-state="running"] .fridge-stage{cursor:default}
.fridge-selection{position:absolute;left:50%;bottom:154px;width:max-content;max-width:calc(100vw - 24px);transform:translateX(-50%);display:flex;gap:6px;padding:5px;border:1px solid #d6dfd2;border-radius:19px;background:#f7f9f0f5;z-index:2;box-shadow:0 4px 16px #3e554111}.fridge-selection[hidden]{display:none}.fridge-selection button{min-width:42px;min-height:44px;white-space:nowrap;flex-shrink:0;font-size:17px;border-radius:12px;box-shadow:none;padding:0 10px}.fridge-selection span{font-size:13px}
.fridge-footer{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;display:flex;align-items:center;flex-direction:column;z-index:2}.fridge-footer p{height:22px;margin:0 0 12px;font-size:14px;color:#6a8275}.fridge-slide[data-state="success"] .fridge-footer p{color:#327d59;font-size:18px;font-weight:650}.fridge-slide[data-state="miss"] .fridge-footer p{color:#9b683a}.fridge-actions{display:flex;gap:9px;align-items:center}.fridge-actions button{padding:0 16px;height:54px}.fridge-actions span{font-size:15px}.fridge-actions .fridge-play{background:#3d806a;border-color:#3d806a;color:white;box-shadow:0 3px 0 #2c624f;min-width:145px;margin-left:10px}.fridge-footer .fridge-example{border:0;background:none;box-shadow:none;font-size:11px;color:#7c9284;min-height:28px;margin-top:5px}
@media(max-width:600px){.fridge-header{left:18px;right:18px;top:max(14px,env(safe-area-inset-top))}.fridge-header h2{font-size:20px}.fridge-stage{inset:76px 0 150px}.fridge-selection{bottom:150px}.fridge-actions{gap:7px}.fridge-actions button{padding:0 12px}.fridge-actions .fridge-play{margin-left:2px;min-width:138px}.fridge-footer p{font-size:13px;margin-bottom:10px}}
@media(max-height:560px) and (min-width:600px){.fridge-stage{inset:12px 160px 14px}.fridge-header{right:15px;left:18px}.fridge-header h2{font-size:18px}.fridge-footer{left:auto;right:12px;bottom:20px;width:148px}.fridge-actions{flex-wrap:wrap;justify-content:center}.fridge-actions .fridge-play{margin:0}.fridge-footer p{height:auto;text-align:center;line-height:1.5}.fridge-selection{left:75px;bottom:24px;width:128px;flex-wrap:wrap;justify-content:center}}
.fridge-view{position:absolute;right:24px;top:100px;display:flex;gap:4px;z-index:3;padding:4px;background:#f8faf3e8;border:1px solid #d6dfd2;border-radius:15px}.fridge-view button{min-height:38px;min-width:38px;border:0;box-shadow:none;background:transparent;border-radius:10px;font-size:18px}.fridge-view [data-fridge="view-all"]{font-size:12px;padding:0 10px}.fridge-stage{inset:88px 12px 154px}
@media(max-width:600px){.fridge-stage{inset:116px 0 150px}.fridge-view{top:76px;right:18px;padding:2px}.fridge-view button{min-height:34px;min-width:34px}}
@media(max-height:560px) and (min-width:600px){.fridge-stage{inset:12px 160px 14px}.fridge-view{top:90px;right:12px;width:144px;justify-content:center}}