:root{--paper:#f5f0e6;--ink:#171717;--red:#b63332;--line:#cfc8bb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.wrap{max-width:940px;margin:auto;padding:22px 16px 40px}.back{color:inherit;font-size:12px;font-weight:700;text-decoration:none}header{text-align:center;border-bottom:1px solid var(--line);padding:24px 0 12px}.small{text-transform:uppercase;font-weight:900;letter-spacing:5px;font-size:15px}h1{position:relative;display:inline-block;margin:2px 0;font:900 clamp(36px,9vw,76px)/1.1 'Arial Black',Impact,sans-serif;letter-spacing:-2px;transform:rotate(-2deg)}.slash{position:absolute;width:110%;height:3px;background:var(--red);left:-5%;top:52%;transform:rotate(-8deg);box-shadow:0 2px var(--paper)}#edition{font-size:12px;text-transform:uppercase;letter-spacing:2px}.intro{text-align:center;font-weight:700;margin:25px 0 8px}.hint,.rules{text-align:center;color:#6c6962;font-size:13px;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.gallery.landscape{grid-template-columns:1fr;max-width:650px;margin-inline:auto}.painting{margin:0;min-width:0}.frame{position:relative;overflow:hidden;background:#161310;aspect-ratio:7/12;border:5px solid #544233;box-shadow:0 4px 10px #0002}.landscape .frame{aspect-ratio:4/3}.inspect{border:0;background:none;width:100%;height:100%;padding:0;cursor:zoom-in;display:block}.inspect img{width:100%;height:100%;object-fit:contain;display:block}.caption{text-align:center;font-size:12px;font-weight:700;margin:10px}.cut,.link{display:block;text-align:center;width:100%;padding:13px 8px;background:var(--ink);color:white;border:0;border-radius:5px;font-weight:800;text-decoration:none;cursor:pointer}.cut:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:4px}#status{text-align:center;font-size:13px}#result{text-align:center;margin-top:28px;padding:22px;background:#fffdf7;border:1px solid var(--line)}#result h2{margin-top:0}#result .link{width:fit-content;margin:18px auto}.stats{margin-top:30px;text-align:center;border-top:1px solid var(--line);padding-top:15px}.stats h2{font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-grid strong{display:block;font-size:30px}.stat-grid span{display:block;font-size:10px;text-transform:uppercase;margin-top:8px}.rules{margin-top:25px}dialog{padding:16px;border:0;border-radius:8px;background:#f5f0e6;max-width:90vw;max-height:92dvh;text-align:center}dialog::backdrop{background:#000b}dialog img{display:block;max-width:80vw;max-height:75dvh;object-fit:contain;margin:auto}dialog p{margin:10px 0 0;font-weight:700;font-size:12px}#closeZoom{display:block;margin:0 0 10px auto;background:var(--ink);color:#fff;border:0;padding:8px 12px;cursor:pointer}.half{position:absolute;inset:0;background-position:center;background-size:contain;background-repeat:no-repeat;pointer-events:none}.half.top{clip-path:polygon(0 0,100% 0,100% 30%,0 70%)}.half.bottom{clip-path:polygon(0 70%,100% 30%,100% 100%,0 100%)}.slicing .inspect{visibility:hidden}.slicing .top{animation:cutTop .65s ease forwards}.slicing .bottom{animation:cutBottom .65s ease forwards}.blade{position:absolute;left:-10%;top:50%;width:120%;height:3px;background:#fff;transform:rotate(-25deg);box-shadow:0 0 9px #fff;animation:flash .65s forwards;pointer-events:none}@keyframes cutTop{to{transform:translate(-5%,-3%) rotate(-2deg)}}@keyframes cutBottom{to{transform:translate(5%,3%) rotate(2deg)}}@keyframes flash{0%{opacity:0}25%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:380px){.gallery{gap:10px}.stat-grid strong{font-size:25px}.cut{font-size:12px}}

.share{display:block;width:fit-content;margin:14px auto;background:var(--ink);color:white;border:0;border-radius:5px;padding:13px 8px;font:800 16px Arial,sans-serif;cursor:pointer}#shareStatus{font-size:13px;color:#6c6962}