:root{--bg-color:#f7f3eb;--wood-brown:#5d3d28;--wood-dark:#3d2612;--wood-light:#f3e9d9;--text-color:#2b1810;--booth-pink:#f687b3;--booth-deep:#b83280;--film-dark:#1a202c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(#d5cbbd 1.5px, transparent 1.5px), radial-gradient(#d5cbbd 1.5px, var(--bg-color) 1.5px);color:var(--text-color);background-position:0 0,10px 10px;background-size:20px 20px;flex-direction:column;align-items:center;min-height:100vh;padding:20px 15px 28px;font-family:DotGothic16,monospace,sans-serif;display:flex}header{justify-content:space-between;align-items:center;width:100%;max-width:420px;margin-bottom:16px;display:flex}.back-btn{background-color:var(--wood-light);color:var(--wood-brown);border:2px solid var(--wood-brown);box-shadow:2px 2px 0px 0px var(--wood-brown);border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:700;text-decoration:none}.back-btn:active{box-shadow:1px 1px 0px 0px var(--wood-brown);transform:translate(1px,1px)}main{border:4px solid var(--wood-dark);width:100%;max-width:420px;box-shadow:6px 6px 0px 0px var(--wood-dark);background-color:#fff;border-radius:12px;padding:18px 16px 20px}.title-row{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}h1{color:var(--wood-brown);font-size:1.28rem}.sub-title{color:#718096;text-align:center;margin-bottom:14px;font-size:.82rem;line-height:1.55}.booth-stack{width:100%;max-width:340px;margin:0 auto 14px;position:relative}.booth-shell{aspect-ratio:1;width:100%;position:relative}.booth-art{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;user-select:none;filter:drop-shadow(0 8px #3d261226);display:block}.viewfinder{background:var(--film-dark);border-radius:4px;width:55%;height:34%;position:absolute;top:36.5%;left:22.5%;overflow:hidden;box-shadow:inset 0 0 18px #0000008c}#cat-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.viewfinder-idle{color:#718096;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-size:.72rem;line-height:1.5;transition:opacity .25s;display:flex;position:absolute;inset:0}.viewfinder-idle.hidden{opacity:0}.viewfinder-idle .big-q{color:#4a5568;margin-bottom:2px;font-size:2rem}.flash-overlay{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash-overlay.on{animation:.42s ease-out forwards flash-pop}@keyframes flash-pop{0%{opacity:0}12%{opacity:.95}to{opacity:0}}.polaroid-slot{width:72%;min-height:118px;margin:-8px auto 0;padding-top:6px;position:relative;overflow:hidden}.polaroid{opacity:0;background:#fff;border:2px solid #e2e8f0;border-radius:4px;width:100%;padding:10px 10px 14px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .2s;transform:translateY(110%);box-shadow:0 10px #cbd5e0,0 14px 20px #0000001f}.polaroid.is-out{opacity:1;transform:translateY(0)}.polaroid-photo{aspect-ratio:1;background:#edf2f7;border:1px solid #cbd5e0;border-radius:2px;margin-bottom:8px;overflow:hidden}#polaroid-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.polaroid-caption{color:#4a5568;text-align:center;min-height:2.2em;font-size:.72rem;line-height:1.45}.controls{flex-direction:column;align-items:center;gap:10px;margin-top:6px;display:flex}.shutter-btn{border:4px solid var(--wood-dark);background:radial-gradient(circle at 35% 30%, #fff 0%, var(--booth-pink) 45%, var(--booth-deep) 100%);width:88px;height:88px;box-shadow:0 5px 0 var(--wood-dark), inset 0 -4px 8px #00000026;cursor:pointer;color:#fff;text-shadow:0 1px #00000040;border-radius:50%;font-family:inherit;font-size:.72rem;font-weight:700;position:relative}.shutter-btn:active:not(:disabled){box-shadow:0 2px 0 var(--wood-dark), inset 0 -2px 6px #00000026;transform:translateY(3px)}.shutter-btn:disabled{opacity:.65;cursor:wait}.shutter-ring{pointer-events:none;border:2px dashed #ffffff8c;border-radius:50%;position:absolute;inset:8px}.control-hint{color:#8b7355;text-align:center;font-size:.72rem}.fortune-panel{opacity:.45;background:linear-gradient(#fffaf0 0%,#ebf8ff 100%);border:2px solid #cbd5e0;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;margin-top:14px;padding:12px;transition:opacity .35s;display:grid}.fortune-panel.is-live{opacity:1}.lucky-swatch{border:2px solid #0000001f;border-radius:8px;width:42px;height:42px;box-shadow:inset 0 2px 6px #ffffff59}.fortune-copy{color:#4a5568;font-size:.78rem;line-height:1.55}.fortune-copy strong{color:var(--wood-brown);margin-bottom:2px;font-size:.86rem;display:block}.secondary-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.export-size{color:var(--wood-brown);align-items:center;gap:6px;font-size:.72rem;display:flex}.export-size select{border:2px solid var(--wood-brown);color:var(--text-color);background:#fff;border-radius:8px;padding:6px 8px;font-family:inherit;font-size:.72rem}.mini-btn{background:var(--wood-light);color:var(--wood-brown);border:2px solid var(--wood-brown);cursor:pointer;box-shadow:2px 2px 0 var(--wood-brown);border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.72rem;font-weight:700}.mini-btn:active{box-shadow:1px 1px 0 var(--wood-brown);transform:translate(1px,1px)}.mini-btn.primary{background:linear-gradient(135deg, var(--booth-pink) 0%, var(--booth-deep) 100%);color:#fff;border-color:var(--booth-deep);box-shadow:2px 2px 0 var(--booth-deep)}.mini-btn.primary:active{box-shadow:1px 1px 0 var(--booth-deep)}.save-modal-overlay{z-index:1000;background:#2b18108c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.save-modal-overlay.show{display:flex}.save-modal{border:4px solid var(--wood-dark);width:100%;max-width:320px;box-shadow:6px 6px 0 var(--wood-dark);text-align:center;background:#fff;border-radius:12px;padding:18px 16px 14px}.save-modal h2{color:var(--wood-brown);margin-bottom:8px;font-size:1rem}.save-modal p{color:#718096;margin-bottom:12px;font-size:.78rem;line-height:1.55}.save-modal-img-wrap{border:2px solid var(--wood-brown);background:#edf2f7;border-radius:8px;margin-bottom:12px;padding:12px}.save-modal-img-wrap img{width:100%;max-width:240px;height:auto;image-rendering:pixelated;-webkit-touch-callout:default;user-select:auto;margin:0 auto;display:block}.save-modal-actions{flex-direction:column;gap:8px;display:flex}.save-modal-actions button{background:var(--wood-light);width:100%;color:var(--wood-brown);border:2px solid var(--wood-brown);cursor:pointer;box-shadow:2px 2px 0 var(--wood-brown);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.82rem;font-weight:700}.save-modal-actions button.primary{background:var(--booth-deep);color:#fff;border-color:#97266d;box-shadow:2px 2px #97266d}.save-modal-actions button:active{box-shadow:1px 1px 0 var(--wood-brown);transform:translate(1px,1px)}.toast{background:var(--wood-dark);color:#fff;opacity:0;pointer-events:none;z-index:50;border-radius:999px;padding:10px 18px;font-size:.78rem;transition:opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}