*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:#f5f5f5;background:radial-gradient(circle at top,#1a1a1a 0%,#0b0b0b 45%,#050505 100%);font-family:Inter,Arial,sans-serif;overflow-x:hidden}button{font:inherit}.app{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}header{text-align:center;padding:34px 20px 12px;position:relative}header h1{letter-spacing:-6px;text-transform:lowercase;margin:0;font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.9}header h1 span{opacity:.28;margin:0 8px;font-size:.46em}header p{color:#9d9d9d;margin-top:24px;font-size:16px;line-height:1.55}header strong{color:#fff}.game{flex:1;grid-template-columns:minmax(170px,1fr) minmax(320px,430px) minmax(170px,1fr);align-items:center;gap:28px;width:min(1400px,100%);max-width:100%;margin:0 auto;padding:28px 16px 42px;display:grid}.drop-zone{letter-spacing:-2px;text-transform:uppercase;opacity:.9;border:1px solid #2f2f2f;border-radius:28px;justify-content:center;align-items:center;max-width:100%;min-height:500px;font-size:clamp(40px,5vw,88px);font-weight:900;transition:transform .18s,opacity .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.drop-zone:before{content:"";opacity:.7;pointer-events:none;position:absolute;inset:0}.drop-zone:after{content:"DROP HERE";letter-spacing:3px;opacity:.45;font-size:11px;font-weight:800;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.drop-zone.woke{color:#f4f4f4;background:linear-gradient(#ffffff08,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff05,0 12px 40px #00000038}.drop-zone.woke:before{background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 45%)}.drop-zone.nazi{color:#f4f4f4;background:linear-gradient(#ffffff08,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff05,0 12px 40px #00000038}.drop-zone.nazi:before{background:radial-gradient(circle at 80% 20%,#ffffff14,#0000 45%)}.drop-zone.active{border-color:#fff;transform:scale(1.02);box-shadow:inset 0 0 0 1px #ffffff0d,0 20px 50px #00000061}.center-column{width:100%;max-width:100%;position:relative}.classification-card{-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;cursor:grab;touch-action:none;background:linear-gradient(#171717 0%,#101010 100%);border:1px solid #323232;border-radius:26px;justify-content:center;align-items:center;width:100%;max-width:100%;height:420px;min-height:420px;transition:transform .16s,opacity .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden;box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff08}.card-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.card-body h2{letter-spacing:-1.5px;max-width:100%;margin:auto 0 0;font-size:clamp(30px,4vw,44px);line-height:1.12}.drag-hint{text-align:center;color:#6f6f6f;letter-spacing:3px;margin-top:auto;padding-top:40px;font-size:11px;font-weight:900}.results{background:linear-gradient(#151515 0%,#101010 100%);border:1px solid #303030;border-radius:18px;width:100%;max-width:100%;margin-top:18px;padding:22px;box-shadow:0 18px 50px #00000052,inset 0 1px #ffffff08}.your-choice{color:#8b8b8b;letter-spacing:2px;font-size:11px;font-weight:700}.your-choice strong{color:#fff}.results h3{letter-spacing:-.5px;margin:14px 0 18px;font-size:23px}.result-bar{background:#222;border:1px solid #2e2e2e;border-radius:10px;width:100%;height:46px;display:flex;overflow:hidden}.woke-result,.nazi-result{justify-content:center;align-items:center;min-width:42px;font-size:14px;font-weight:900;display:flex}.woke-result{color:#111;background:#f0f0f0}.nazi-result{color:#fff;background:#2e2e2e}.result-labels{color:#6d6d6d;letter-spacing:2px;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:900;display:flex}.results button{color:#000;letter-spacing:1px;cursor:pointer;background:#fff;border:none;border-radius:12px;width:100%;margin-top:22px;padding:15px 16px;font-weight:900;transition:transform .14s,background .14s}.results button:hover{background:#e6e6e6;transform:translateY(-1px)}footer{text-align:center;color:#535353;letter-spacing:.3px;padding:22px 20px 28px;font-size:11px}@media (width<=980px){.game{grid-template-columns:1fr 1fr;gap:18px}.center-column{grid-area:1/1/auto/3;width:min(430px,100%);margin:0 auto}.drop-zone{border-radius:22px;min-height:160px;font-size:36px}.drop-zone:after{bottom:14px}}@media (width<=560px){header{padding-top:24px}header h1{letter-spacing:-4px}.card-body{padding:22px}.card-body h2{font-size:28px}}