:root{--bg: #0a0e1a;--panel: #111829;--fg: #f8fbff;--muted: #9ab1ca;--accent: #00f5ff;--accent2: #ff00ff;--danger: #ff3366}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Rajdhani,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fg);background:radial-gradient(120% 90% at 100% 0%,rgba(255,0,255,.18),transparent 55%),radial-gradient(100% 95% at 0% 100%,rgba(0,245,255,.14),transparent 58%),var(--bg)}.shell{min-height:100vh;display:grid;place-content:center;text-align:center;gap:10px;padding:24px}h1{margin:0;text-transform:uppercase;letter-spacing:.08em}p{margin:0;color:var(--muted)}.muted{color:var(--muted)}.muted--tiny{font-size:12px;opacity:.85}.panel{width:min(980px,100%);margin-inline:auto;padding:18px 18px 16px;border:1px solid rgba(0,245,255,.22);border-radius:16px;background:linear-gradient(180deg,#111829f2,#0a0e1ae0);box-shadow:0 0 36px #00f5ff1f;display:grid;gap:12px}.panel--narrow{width:min(420px,100%)}.field{display:grid;gap:6px;text-align:left}.field__label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#d4f8ffeb}.field__input{width:100%;border-radius:12px;padding:12px;border:1px solid rgba(88,136,192,.42);background:#060c18a6;color:var(--fg);outline:none}.field__input:focus{border-color:#00f5ff8c;box-shadow:0 0 0 3px #00f5ff1f}.field__textarea{min-height:140px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.25;resize:vertical}.field__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(0,245,255,.65) 50%),linear-gradient(135deg,rgba(0,245,255,.65) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}.field-row{display:grid;grid-template-columns:1fr;gap:10px}.btn{border:1px solid rgba(0,245,255,.28);border-radius:999px;background:linear-gradient(180deg,#0a182af5,#081020eb);color:#d8faff;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px;padding:11px 16px;cursor:pointer;transition:transform .12s ease,opacity .12s ease,border-color .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{border-color:#00f5ff8c;background:linear-gradient(90deg,#00f5fff2,#67f9ffe6);color:#02131f;box-shadow:0 0 24px #00f5ff2e}.btn--danger{border-color:#ff33668c;background:linear-gradient(180deg,#340a1af2,#1a060eeb);box-shadow:0 0 22px #ff336629}.error{border:1px solid rgba(255,51,102,.5);background:#280a128c;color:#ffd6df;padding:10px 12px;border-radius:12px;font-size:13px}.grid{width:100%;display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}.card{text-align:left;border:1px solid rgba(88,136,192,.26);border-radius:18px;padding:16px;background:linear-gradient(180deg,#0a0e1ad1,#0c1220eb);box-shadow:0 0 30px #00f5ff0f}.card h2{margin:0 0 12px;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:#d4f8fff2}.kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.kpi div{border:1px solid rgba(0,245,255,.14);border-radius:14px;padding:10px;background:#060c188c}.kpi dt{margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9ab1caeb;font-weight:700}.kpi dd{margin:6px 0 0;font-size:20px;font-weight:800;color:#f4fcfffa}.app-root{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid rgba(0,245,255,.12);background:linear-gradient(180deg,#0a0e1ae0,#0a0e1ab8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-top__brand{display:grid;gap:2px}.brand{letter-spacing:.16em;font-weight:900;font-size:14px;text-transform:uppercase;text-shadow:0 0 22px rgba(0,245,255,.22)}.brand-sub{font-size:12px;color:#9ab1caeb;letter-spacing:.12em;text-transform:uppercase}.app-top__meta{display:flex;align-items:center;gap:10px}.meta-pill{border:1px solid rgba(0,245,255,.18);border-radius:999px;padding:8px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d4f8ffeb;background:#060c186b}.app-body{padding:14px}.panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-header__meta{display:grid;gap:2px}.panel-header__title{margin:0;font-size:16px;letter-spacing:.12em;text-transform:uppercase}.panel-header__subtitle{margin:0;color:#9ab1cae0;font-size:12px}.panel-header__row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.filters{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:14px 0}.pager__meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d4f8ffe6}.pager__muted{margin-left:8px;color:#9ab1cae0;letter-spacing:.04em;text-transform:none}.list{display:grid;gap:12px}.country-strip{display:flex;gap:10px;overflow-x:auto;padding:6px 0;margin-top:10px;scroll-snap-type:x mandatory}.country-strip>.chip{scroll-snap-align:start;white-space:nowrap;flex:0 0 auto}.chip--active{border-color:#00f5ff8c;background:#00f5ff14;box-shadow:0 0 18px #00f5ff1f}.user-card{padding:14px}.user-card__head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.user-card__meta{min-width:0;display:grid;gap:4px}.user-avatar{width:44px;height:44px;border-radius:14px;border:1px solid rgba(0,245,255,.16);display:grid;place-content:center;font-weight:900;letter-spacing:.08em;color:#020a12eb;box-shadow:0 0 22px #00f5ff0f;-webkit-user-select:none;user-select:none}.user-avatar--supporter{border-color:#00f5ff52;box-shadow:0 0 24px #00f5ff24}.user-avatar--bp{border-color:#ff00ff38;box-shadow:0 0 24px #00f5ff1a,0 0 24px #ff00ff14}.user-name{font-size:15px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.user-name--supporter{text-shadow:0 0 22px rgba(0,245,255,.16)}.user-name--bp{background:linear-gradient(90deg,#00f5fffa,#ff00ffeb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.user-sub{font-size:12px;letter-spacing:.02em}.user-card__actions{display:grid;justify-items:end;gap:10px}.user-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.user-flag{font-size:16px;line-height:1}.card--level{padding:14px}.level-head{display:grid;gap:10px}.level-title{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.level-title__badge{width:48px;height:48px;display:grid;place-content:center;border-radius:14px;border:1px solid rgba(0,245,255,.22);background:radial-gradient(circle at 30% 20%,#00f5ff3d,#060c186b);box-shadow:0 0 22px #00f5ff1a;font-weight:900;letter-spacing:.08em}.level-title__meta{display:grid;gap:6px}.level-title__row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.level-title__row--muted{font-size:12px;color:#9ab1caeb}.level-actions{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid rgba(0,245,255,.2);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d4f8ffeb;background:#060c1880}.chip--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:.06em;text-transform:none;font-weight:700}.chip--easy{border-color:#00f5ff38;box-shadow:0 0 14px #00f5ff14}.chip--mid{border-color:#ff00ff38;box-shadow:0 0 14px #ff00ff14}.chip--hard{border-color:#ff336638;box-shadow:0 0 14px #ff336614}.chip--expert{border-color:#00ff8838;box-shadow:0 0 14px #00ff8814}.chip--danger{border-color:#ff336647;box-shadow:0 0 16px #ff336624;color:#ffdce8f2}.level-body{display:grid;gap:10px;margin-top:12px}.level-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9ab1cae6;font-weight:800}.stat__value{margin-top:6px;font-size:16px;font-weight:900;color:#f4fcfffa}.stat__value--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;letter-spacing:.06em}.level-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,245,255,.08)}.level-foot__muted{font-size:12px;color:#9ab1cae6}.toggle{border:1px solid rgba(88,136,192,.32);background:#060c188c;color:#d4f8ffeb;padding:8px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.toggle:disabled{opacity:.55;cursor:not-allowed}.toggle__label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.toggle__track{width:42px;height:22px;border-radius:999px;background:#0a182ae6;border:1px solid rgba(0,245,255,.14);position:relative}.toggle__thumb{width:18px;height:18px;border-radius:50%;background:#00f5ffd9;position:absolute;top:1px;left:1px;transition:transform .12s ease,background .12s ease}.toggle--off .toggle__thumb{transform:translate(0);background:#9ab1cac7}.toggle--on .toggle__thumb{transform:translate(20px)}.nav-bottom{position:fixed;left:0;right:0;bottom:0;z-index:40;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(0,245,255,.12);background:linear-gradient(180deg,#0a0e1ac7,#0a0e1af5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.nav-bottom__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#9ab1caeb;padding:10px 8px 12px;display:grid;place-items:center;gap:6px;cursor:pointer}.nav-bottom__item:active{transform:scale(.98)}.nav-bottom__item--active{color:#d4f8fffa}.nav-bottom__icon{width:32px;height:32px;display:grid;place-content:center;border-radius:12px;border:1px solid rgba(0,245,255,.08);background:#060c1859}.nav-bottom__item--active .nav-bottom__icon{border-color:#00f5ff38;box-shadow:0 0 18px #00f5ff1f}.nav-bottom__label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:end center}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02040ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal__sheet{position:relative;width:100%;max-width:980px;max-height:calc(100vh - env(safe-area-inset-top));border:1px solid rgba(0,245,255,.16);border-radius:20px 20px 0 0;background:linear-gradient(180deg,#0c1220fa,#060a14fa);box-shadow:0 0 46px #00f5ff1f;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.modal__top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;border-bottom:1px solid rgba(0,245,255,.1)}.modal__title{font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.modal__content{padding:14px;overflow:auto;display:grid;gap:12px}.modal__bottom{padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end;gap:10px;border-top:1px solid rgba(0,245,255,.1)}.readonly{text-align:left}.readonly__value{margin-top:6px;padding:12px;border-radius:12px;border:1px solid rgba(88,136,192,.32);background:#060c188c;font-weight:900;letter-spacing:.06em}.hint-preview{border:1px solid rgba(255,0,255,.18);border-radius:14px;padding:10px 12px;background:#12081e6b;text-align:left}.hint-preview__text{margin-top:6px;font-size:13px;color:#ffd9ffe6}.toast{position:fixed;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:70;border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid rgba(0,245,255,.18);background:#060c18e0;box-shadow:0 0 32px #00f5ff14}.toast--success{border-color:#00ff8838;box-shadow:0 0 34px #00ff8814}.toast--error{border-color:#ff336638;box-shadow:0 0 34px #ff33661a}.toast__text{text-align:left;font-size:13px;color:#f4fcfff5}.toast__close{border:1px solid rgba(88,136,192,.28);border-radius:999px;background:#060c188c;color:#d4f8ffeb;padding:8px 12px;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:10px}.json-block{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.25;color:#d4f8ffeb;background:#060c188c;border:1px solid rgba(88,136,192,.24);border-radius:14px;padding:12px;overflow:auto}@media (max-width: 720px){.kpi,.level-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.user-card__head{grid-template-columns:auto 1fr;align-items:start}.user-card__actions{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}.user-badges{justify-content:flex-start}}@media (min-width: 860px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.toast{left:auto;right:18px;width:420px}}