html,body{margin:0;height:100%;background:#2b1f26;overflow:hidden;overscroll-behavior:none}#view{position:fixed;left:0;top:0;image-rendering:pixelated;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;font:600 14px/1 ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#f3e6d0}.live{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#2b1f26b8;border:2px solid rgba(243,230,208,.18)}.live .dot{width:8px;height:8px;border-radius:50%;background:#e0645a;box-shadow:0 0 6px #e0645a}.live b{letter-spacing:.08em}.live .sep{opacity:.5}.tap{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#2b1f26b8;border:2px solid rgba(243,230,208,.18);opacity:.9;transition:opacity .8s;animation:breathe 3s ease-in-out infinite}.tap.gone{opacity:0;animation:none}@keyframes breathe{50%{opacity:.55}}.corner{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:8px;pointer-events:auto}.btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(243,230,208,.18);background:#2b1f26b8;color:#f3e6d0;font:700 18px/1 system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn.off{opacity:.45;text-decoration:line-through}.snap{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));transform:translateY(140%) rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.snap.on{transform:translateY(0) rotate(-3deg)}.pol{width:208px;padding:8px 8px 12px;background:#fbf3e4;border-radius:4px;color:#3d2a2e;box-shadow:0 6px 18px #00000073;font:500 13px/1.35 ui-rounded,system-ui,sans-serif}.pol img{width:100%;image-rendering:pixelated;border-radius:2px;display:block;background:#2b1f26}.pol b{display:block;margin:8px 2px 0;font:700 15px/1.2 ui-rounded,system-ui,sans-serif}.pol i{display:block;margin:2px 2px 4px;opacity:.6;font-size:12px}.pol p{margin:0 2px}.pol.secret{background:#fff4d8;box-shadow:0 0 22px #f2c14e99}.album{position:absolute;inset:0;background:#140e12b8;display:flex;align-items:center;justify-content:center;pointer-events:auto}.album.hidden{display:none}.album .sheet{width:min(920px,94vw);max-height:86vh;overflow:auto;background:#3a2a30;border-radius:14px;padding:16px;border:2px solid rgba(243,230,208,.15)}.album .head{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:18px}.album .head span{opacity:.6}.album .close{margin-left:auto;background:none;border:0;color:#f3e6d0;font-size:20px;cursor:pointer}.album .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pol.small{width:auto;font-size:11.5px}.pol.small b{font-size:13px}.pol.locked{background:#4a3840;color:#d8c8b4;box-shadow:none;min-height:150px}.pol.locked .q{height:90px;display:flex;align-items:center;justify-content:center;font:700 34px/1 system-ui;opacity:.35}@media(max-width:720px){.pol{width:150px;font-size:11.5px}}.btn.laser.lit{background:#c8342e;color:#fff;box-shadow:0 0 10px #ff5a4ab3}.btn.zoom.lit{background:#f3e6d0;color:#2b1f26}@media(max-width:560px){.tap{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 56px)}}.credit{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}.credit .who{font:500 10px/1 ui-rounded,system-ui,sans-serif;letter-spacing:.04em;color:#f3e6d08c;background:#2b1f2680;border:1px solid rgba(243,230,208,.12);border-radius:999px;padding:5px 9px;cursor:pointer;-webkit-tap-highlight-color:transparent}.credit .who:hover,.credit .who[aria-expanded=true]{color:#f3e6d0;background:#2b1f26cc}.credit .card{display:flex;flex-direction:column;gap:6px;min-width:190px;padding:12px 14px;border-radius:12px;background:#2b1f26f0;border:2px solid rgba(243,230,208,.18);box-shadow:0 8px 24px #0006;font:500 12px/1.3 ui-rounded,system-ui,sans-serif}.credit .card[hidden]{display:none}.credit .card b{font-size:14px}.credit .card span{opacity:.6;margin-bottom:4px}.credit .card a{color:#f2c14e;text-decoration:none;padding:4px 0}.credit .card a:hover{text-decoration:underline}.credit .card i{opacity:.45;font-size:10px;margin-top:4px}