:root{--bg-1: #2a0f52;--bg-2: #160a2e;--pink: #ff2d7a;--purple: #8e1ee8;--green: #19c37d;--green-d: #0f9e63;--red: #ff4d6d;--red-d: #e0314f;--ink: #f7f3ff;--muted: #b9a9d6;--card: rgba(255, 255, 255, .08);--card-brd: rgba(255, 255, 255, .16);--radius: 20px;--shadow: 0 16px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:radial-gradient(120% 120% at 50% 0%,var(--bg-1) 0%,var(--bg-2) 60%,#0d0620 100%) fixed;overflow-x:hidden}.app{min-height:100%}.screen{max-width:720px;margin:0 auto;padding:22px 18px 40px;display:flex;flex-direction:column;gap:18px}button{font:inherit;cursor:pointer;border:none;color:var(--ink);border-radius:999px;transition:transform .08s ease,background .15s ease,opacity .15s ease}button:active{transform:scale(.96)}button:disabled{opacity:.45;cursor:default}.primary{background:linear-gradient(90deg,var(--pink),var(--purple));padding:12px 20px;font-weight:700;box-shadow:0 8px 22px #8e1ee866}.ghost{background:var(--card);border:1px solid var(--card-brd);padding:12px 18px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ghost.sm{padding:8px 14px;font-size:.9rem}.big{padding:15px 26px;font-size:1.05rem}.link{background:none;color:var(--pink);font-weight:700;padding:6px 4px}.mini{background:#ffffff1a;border:1px solid var(--card-brd);padding:7px 12px;font-size:.85rem;font-weight:600}.mini.danger{color:#ffb3c0}.card{background:var(--card);border:1px solid var(--card-brd);border-radius:var(--radius);padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.card-title{margin:0 0 10px;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.hint{margin:4px 0 0;font-size:.85rem;line-height:1.4;color:var(--muted)}.muted{color:var(--muted)}.error{color:#ffb3c0;font-weight:600;margin:4px 0}.home-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8px}.logo{font-size:3rem;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.title{margin:0;font-size:2.4rem;font-weight:800;background:linear-gradient(90deg,#fff,#ffd6e8 40%,#d8b6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0;color:var(--muted);max-width:36ch}.lang{display:inline-flex;gap:6px;margin-top:8px;background:var(--card);border:1px solid var(--card-brd);padding:5px;border-radius:999px}.lang button{background:none;padding:6px 14px;font-weight:700;color:var(--muted)}.lang .lang-on{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.row>span:first-child{font-weight:600}.seg{display:inline-flex;background:#00000040;border-radius:999px;padding:4px;gap:2px}.seg button{background:none;padding:7px 13px;font-weight:700;color:var(--muted)}.seg .seg-on{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff}.switch{display:inline-flex;align-items:center;gap:8px;background:#0000004d;padding:5px 12px 5px 5px;border:1px solid var(--card-brd)}.switch .knob{width:20px;height:20px;border-radius:50%;background:var(--muted);transition:background .15s ease}.switch .switch-label{font-size:.8rem;font-weight:700;color:var(--muted)}.switch-on{background:#19c37d33}.switch-on .knob{background:var(--green)}.switch-on .switch-label{color:var(--green)}.section-title{margin:6px 2px;font-size:1.15rem}.section-head{display:flex;align-items:center;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cat{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--card-brd);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cat:hover{background:#ffffff24}.cat.custom{border-style:dashed}.cat-emoji{font-size:1.8rem}.cat-name{font-weight:700;font-size:1.05rem}.cat-count{font-size:.8rem;color:var(--muted)}.empty{text-align:center;font-weight:700;color:var(--muted);cursor:pointer}.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.bar-title{margin:0;font-size:1.2rem;text-align:center}.field{width:100%;padding:13px 16px;border-radius:14px;border:1px solid var(--card-brd);background:#00000040;color:var(--ink);font-size:1rem}.field:focus{outline:2px solid var(--purple)}.field::placeholder{color:#b9a9d6b3}.add-row{display:flex;gap:8px}.add-row .field{flex:1}.add-row .primary{width:50px;font-size:1.3rem;padding:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid var(--card-brd);padding:7px 8px 7px 14px;border-radius:999px;font-weight:600}.chip-x{background:#0000004d;width:22px;height:22px;padding:0;font-size:1rem;line-height:1;color:var(--muted)}.deck-list{display:flex;flex-direction:column;gap:10px}.deck-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--card-brd);border-radius:16px;padding:12px 14px}.deck-info{display:flex;flex-direction:column}.deck-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.actions-row{display:flex;gap:10px;justify-content:space-between}.actions-row.center{justify-content:center}.countdown{min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;text-align:center}.cd-theme{font-size:1.5rem;font-weight:800}.cd-ready{color:var(--muted);margin:0}.cd-hold{font-weight:700;font-size:1.1rem;margin:0}.cd-num{font-size:clamp(5rem,30vmin,12rem);font-weight:900;line-height:1;animation:pop .6s ease;background:linear-gradient(90deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes pop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.game{min-height:100vh;min-height:100dvh;justify-content:space-between;gap:10px;transition:background .15s ease}.flash-correct{background:var(--green)!important}.flash-skip{background:var(--red)!important}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.timer{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.timer.urgent{color:#ffb3c0;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.45}}.score-pill{background:#0000004d;border:1px solid var(--card-brd);padding:8px 14px;border-radius:999px;font-weight:800}.dir-hint{text-align:center;font-weight:800;letter-spacing:.05em;color:var(--muted);font-size:1rem}.dir-hint.top{color:#aef5d4}.dir-hint.bottom{color:#ffc6d2}.word-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.word{font-size:clamp(2.4rem,12vw,6rem);font-weight:900;line-height:1.05;word-break:break-word;text-shadow:0 8px 30px rgba(0,0,0,.4)}.sensor-wait{color:var(--muted);font-size:.9rem;margin:0}.game-actions{display:flex;align-items:center;gap:10px}.action{flex:1;padding:20px 12px;font-size:1.2rem;font-weight:800;border-radius:18px}.action.correct{background:linear-gradient(180deg,var(--green),var(--green-d))}.action.skip{background:linear-gradient(180deg,var(--red),var(--red-d))}.swap{background:var(--card);border:1px solid var(--card-brd);padding:12px 14px;font-size:.8rem;font-weight:700;white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;animation:fade .12s ease}.overlay.correct{background:var(--green)}.overlay.skip{background:var(--red)}.overlay-big{font-size:clamp(3rem,14vw,7rem);font-weight:900}.overlay-word{font-size:clamp(1.4rem,6vw,2.6rem);font-weight:700;opacity:.9}@keyframes fade{0%{opacity:0}}.results{text-align:center;align-items:center}.result-emoji{font-size:3rem}.big-score{display:flex;align-items:baseline;gap:10px;justify-content:center}.bs-num{font-size:4.5rem;font-weight:900;background:linear-gradient(90deg,var(--green),#7ef0bb);-webkit-background-clip:text;background-clip:text;color:transparent}.bs-of{font-size:1.4rem;color:var(--muted)}.result-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;text-align:left}.col{background:var(--card);border:1px solid var(--card-brd);border-radius:16px;padding:12px 14px}.col-head{margin:0 0 8px;font-size:.95rem}.col-head.ok{color:var(--green)}.col-head.no{color:var(--red)}.col ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.col li{font-weight:600}@media(orientation:landscape)and (max-height:520px){.game{padding:10px 16px}.word{font-size:clamp(2.2rem,14vh,5rem)}.dir-hint{font-size:.85rem}.action{padding:12px;font-size:1rem}}
