:root{--face: min(480px, 82vw)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN,Noto Sans JP,sans-serif;background:#fdf0d5;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:18px 12px 28px;gap:14px}h1{font-size:clamp(1.5rem,5vw,2.2rem);color:#c0392b;letter-spacing:.05em}footer{font-size:.82rem;color:#999;margin-top:auto;padding-top:12px;text-align:center;line-height:1.9}footer a{color:#c0392b;text-decoration:none}footer a:hover{color:#e74c3c}#main{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;justify-content:center}#face-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}#face-container{position:relative;width:var(--face);height:var(--face);border-radius:14px;border:3px solid #a0522d;overflow:hidden;box-shadow:0 6px 24px #0000002e;background:#f0e0c8}#face-base,.part-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#face-container.drag-over{box-shadow:0 0 0 3px #3498db,0 6px 24px #0000002e}#blindfold{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:repeating-linear-gradient(45deg,#1a1a30,#1a1a30 14px,#22223e 14px,#22223e 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:translateY(-100%);transition:transform .75s cubic-bezier(.4,0,.2,1);border-radius:11px}#blindfold.show{transform:translateY(0)}#progress{font-size:.8rem;color:#999;min-height:1.2em;letter-spacing:.04em}#score{font-size:1.3rem;font-weight:700;color:#c0392b;min-height:1.6em;letter-spacing:.04em;text-align:center}#tray-wrap{display:flex;flex-direction:column;gap:8px;align-items:center}#tray{display:grid;grid-template-columns:repeat(2,108px);gap:8px;align-content:start}.part-card{background:#fff;border:2px solid #d4a37a;border-radius:10px;padding:5px 5px 3px;display:flex;flex-direction:column;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .15s,box-shadow .15s,border-color .15s,opacity .25s;box-shadow:0 2px 8px #0000001a;touch-action:none;-webkit-touch-callout:none}.part-card:not(.placed):hover{border-color:#e74c3c;transform:translateY(-2px);box-shadow:0 4px 14px #e74c3c40}.part-card:not(.placed):active{cursor:grabbing}.part-card.placed{opacity:.28;cursor:default;pointer-events:none}.part-thumb{width:90px;height:90px;background-repeat:no-repeat;background-position:center;background-size:180px 180px;border-radius:6px}.part-name{font-size:.68rem;color:#777;margin-top:3px;letter-spacing:.04em}#controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}button{font-family:inherit;font-size:1rem;font-weight:700;padding:10px 30px;border:none;border-radius:10px;cursor:pointer;letter-spacing:.06em;transition:filter .15s,transform .15s,box-shadow .15s;box-shadow:0 3px 10px #00000026}button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 5px 14px #0003}button:not(:disabled):active{transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed}#btn-start{background:#e74c3c;color:#fff}#btn-open{background:#e67e22;color:#fff}#btn-share{background:#1da1f2;color:#fff}#btn-retry{background:#27ae60;color:#fff}#ghost{position:fixed;z-index:9999;pointer-events:none;display:none;transform:translate(-50%,-50%)}#ghost-thumb{width:100px;height:100px;background-repeat:no-repeat;background-position:center;background-size:200px 200px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));border-radius:8px}@keyframes reveal-flash{0%{box-shadow:0 0 0 8px #ffdc50e6,0 6px 24px #0000002e}60%{box-shadow:0 0 0 18px #ffdc5000,0 6px 24px #0000002e}to{box-shadow:0 6px 24px #0000002e}}#face-container.flash{animation:reveal-flash .6s ease-out forwards}