*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--text: #e0e0e0;--tile-bg: #1c1c1c;--tile-shadow: 0 2px 6px rgba(0,0,0,.6);--tile-border: #3a3a3a;--tile-w: 104px;--tile-h: 36px}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem 1rem 2rem;-webkit-user-select:none;user-select:none}header{text-align:center;margin-bottom:1rem}header h1{font-size:2.2rem;letter-spacing:.04em;color:#e0e0e0}.subtitle{font-size:.9rem;color:#666;margin-top:.2rem;letter-spacing:.05em}main{display:flex;flex-direction:column;align-items:center;width:100%}#venn-container{position:relative;width:560px;height:530px;flex-shrink:0}#venn-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.category-label{font-family:sans-serif;font-size:13px;fill:#ffffffbf;font-style:italic;transition:opacity .7s ease}.drop-zone{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px}#zone-a{top:22px;left:222px;width:116px}#zone-b{top:350px;left:76px;width:116px}#zone-c{top:350px;left:368px;width:116px}#zone-center{top:270px;left:222px;width:116px}.slot{width:var(--tile-w);height:var(--tile-h);border-radius:999px;border:2px dashed rgba(255,255,255,.55);box-shadow:0 0 6px #ffffff14;flex-shrink:0;display:flex;align-items:center;justify-content:center}.slot:not(:empty){border:none}#zone-center .slot{border-color:#00000080}.tile{width:var(--tile-w);height:var(--tile-h);background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:999px;font-family:sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-align:center;line-height:var(--tile-h);box-shadow:var(--tile-shadow);cursor:grab;touch-action:none;white-space:nowrap;flex-shrink:0;transition:box-shadow .1s}.tile.dragging{position:fixed;z-index:1000;box-shadow:0 8px 24px #000000b3;transform:scale(1.06);cursor:grabbing;pointer-events:none}#word-bank{display:grid;grid-template-columns:repeat(5,var(--tile-w));grid-template-rows:repeat(2,var(--tile-h));gap:6px;padding:8px;margin-top:12px;border:2px dashed #333;border-radius:14px;background:#ffffff0a}#win-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .4s ease}#win-screen[hidden]{display:none}#win-content{background:#111;border-radius:18px;padding:2rem 2.5rem;max-width:380px;width:90%;text-align:center;box-shadow:0 12px 40px #000000b3;animation:slideUp .4s ease}#win-content h2{font-size:1.8rem;margin-bottom:1.2rem;color:#e0e0e0}.win-group{display:flex;flex-direction:column;margin-bottom:.9rem}.win-label{font-weight:700;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase}.win-words{font-size:.92rem;color:#999;margin-top:.15rem}.win-hint{margin:1rem 0 1.4rem;color:#666;font-style:italic;font-size:.9rem}#reset-btn{background:#2a2a2a;color:#e0e0e0;border:1px solid #444;border-radius:999px;padding:.5rem 1.8rem;font-size:.9rem;font-family:sans-serif;cursor:pointer;letter-spacing:.05em}#reset-btn:hover{background:#3a3a3a}#confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:400;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.drop-zone.drag-over{outline:2px dashed rgba(140,110,190,.6);border-radius:8px}.drop-zone.drag-over-full{outline:2px dashed rgba(210,140,90,.7);border-radius:8px}#word-bank.drag-over{outline:2px dashed rgba(140,110,190,.6);border-radius:8px}.tile.swap-target{outline:2px solid rgba(210,140,90,.85);box-shadow:0 0 0 3px #d28c5a40;transform:scale(.96);transition:outline .1s,box-shadow .1s,transform .1s}@media (max-width: 600px){#venn-container{transform:scale(.62);transform-origin:top center;margin-bottom:-201.4px}#word-bank{transform:scale(.65);transform-origin:top center;margin-bottom:-33px}}