.cpp-app{max-width:720px;margin:28px auto;font-family:Arial,"Comic Sans MS",sans-serif;color:#fff}.cpp-frame{padding:16px;border:3px solid #9c86e7;border-radius:25px;background:linear-gradient(145deg,#29245a,#5b4194);box-shadow:0 14px 35px #20174b66}.cpp-title{display:flex;align-items:center;gap:10px;padding:3px 7px 15px;font-size:22px;text-shadow:0 2px 4px #201742}.cpp-title strong{flex:1}.cpp-badge{border-radius:999px;padding:5px 10px;background:#ffffff20;font-size:12px}.cpp-start{padding:22px;min-height:430px;text-align:center;border:2px dashed #c9b8ff;border-radius:18px;background:#ffffff0d}.cpp-icon{font-size:74px}.cpp-start h2{margin:8px 0;font-size:28px;color:#ffe38f}.cpp-start p{max-width:440px;margin:12px auto 23px;line-height:1.45;font-weight:700}.cpp-upload,.cpp-button{display:inline-block;border:0;border-radius:999px;padding:13px 22px;background:linear-gradient(#b9a3ff,#8266dc);color:#fff;font:800 15px Arial;cursor:pointer;box-shadow:0 4px 0 #5c43aa}.cpp-file{position:absolute;width:1px;height:1px;opacity:0}.cpp-status{min-height:20px;color:#ffe38f;font-size:13px}.cpp-board{position:relative;width:min(100%,600px);aspect-ratio:1;margin:0 auto;border-radius:16px;background:#ded8ff;touch-action:none}.cpp-ghost,.cpp-final{position:absolute;inset:0;border-radius:16px;background-position:center;background-size:cover}.cpp-ghost{opacity:.2}.cpp-final{box-shadow:0 0 0 3px #ffe173;animation:cpp-reveal .5s ease}@keyframes cpp-reveal{from{opacity:.3;transform:scale(.98)}}.cpp-tray{display:flex;gap:6px;min-height:105px;margin-top:15px;padding:10px;overflow-x:auto;border:2px solid #9c86e7;border-radius:15px;background:#1c1647aa}.cpp-slot{flex:0 0 auto;width:84px;height:84px;display:grid;place-items:center}.cpp-piece{display:block;cursor:grab;touch-action:none;filter:drop-shadow(0 3px 3px #160e3c77)}.cpp-drag{position:fixed;z-index:99999;cursor:grabbing;filter:drop-shadow(0 9px 8px #160e3c99)}.cpp-placed{pointer-events:none;filter:none}.cpp-help{text-align:center;font-weight:800;color:#f0eaff}.cpp-secondary{display:block;margin:14px auto 0;background:linear-gradient(#ff9dd1,#e868ad);box-shadow:0 4px 0 #ad3f78}.cpp-win{margin:16px 0 4px;padding:15px;text-align:center;border-radius:16px;background:#fff;color:#6041a5;box-shadow:0 5px 18px #140b3877}.cpp-win span,.cpp-win strong{display:block;margin:3px;font-size:24px}.cpp-win .cpp-button{margin-top:10px}.cpp-button:disabled{opacity:.65;cursor:default}@media(max-width:520px){.cpp-frame{padding:11px}.cpp-title{font-size:18px}.cpp-start{min-height:360px;padding:16px}.cpp-start h2{font-size:23px}.cpp-slot{width:68px;height:68px}.cpp-tray{min-height:87px}}