:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-height: 100vh;--app-offset-top: 0px}html,body{height:var(--app-height, 100vh)}body{margin:0;background:linear-gradient(180deg,#7dd3ff,#c9f4e8 55%,#fff1b8);color:#062a3b;overflow:hidden;overscroll-behavior:none}#root{height:var(--app-height, 100vh)}*{box-sizing:border-box}button,input{font:inherit}:focus-visible{outline:none}:root{--ink: #062a3b;--ink2: rgba(6, 42, 59, .78);--ink3: rgba(6, 42, 59, .6);--panel: rgba(255, 255, 255, .55);--panel-strong: rgba(255, 255, 255, .72);--stroke: rgba(255, 255, 255, .62);--shadow: 0 18px 55px rgba(0, 25, 46, .18);--shadow-soft: 0 10px 28px rgba(0, 25, 46, .14);--radius-lg: 24px;--radius-md: 16px}.app{height:var(--app-height, 100vh);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(14px,3vw,28px);color:var(--ink);transform:translateY(var(--app-offset-top, 0px))}.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 600px at 18% 15%,rgba(255,255,255,.55),transparent 55%),radial-gradient(950px 650px at 85% 22%,rgba(255,255,255,.42),transparent 58%),radial-gradient(1000px 700px at 55% 55%,rgba(255,255,255,.22),transparent 60%),linear-gradient(180deg,#78d0ff,#bff3e9 55%,#fff0b4)}.bg:before,.bg:after{content:"";position:absolute;left:-10vw;right:-10vw;height:180px;pointer-events:none;opacity:.6;filter:blur(.2px);background:radial-gradient(80px 60px at 10% 70%,rgba(255,255,255,.95) 60%,transparent 61%),radial-gradient(110px 78px at 20% 45%,rgba(255,255,255,.95) 60%,transparent 61%),radial-gradient(120px 86px at 33% 70%,rgba(255,255,255,.95) 60%,transparent 61%),radial-gradient(95px 70px at 46% 40%,rgba(255,255,255,.95) 60%,transparent 61%),radial-gradient(130px 90px at 60% 70%,rgba(255,255,255,.95) 60%,transparent 61%),radial-gradient(105px 76px at 73% 45%,rgba(255,255,255,.95) 60%,transparent 61%),radial-gradient(120px 88px at 86% 70%,rgba(255,255,255,.95) 60%,transparent 61%)}.bg:before{top:-38px}.bg:after{bottom:-50px;opacity:.9}.bg__orb{position:absolute;border-radius:999px;filter:blur(32px);opacity:.65;mix-blend-mode:soft-light}.bg__orb--a{width:380px;height:380px;left:-90px;top:40vh;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ff8cc48c)}.bg__orb--b{width:460px;height:460px;right:-160px;top:10vh;background:radial-gradient(circle at 30% 30%,#ffffffe6,#4bc4ff8c)}.bg__orb--c{width:520px;height:520px;left:40vw;bottom:-240px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffd25c8c)}.shell{width:min(1200px,100%);margin:0 auto;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel{padding:clamp(18px,3vw,34px);border-radius:var(--radius-lg);background:var(--panel);border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel--home{text-align:center;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:clamp(10px,2vw,18px)}.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#fff9;border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft);color:#062a3bd1;font-weight:700;letter-spacing:.2px}.title{margin:clamp(20px,3vw,30px) 0 clamp(10px,2vw,16px);font-family:Flavors,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:clamp(42px,8vw,96px);line-height:1.4;font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,#2dd4bf,#60a5fa 30%,#a78bfa 55%,#fb7185 75%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.subtitle{margin:0 auto clamp(16px,3vw,26px);color:#0a5b8d;font-size:clamp(14px,1.5vw,18px);font-weight:700}.panel--home .row{margin-top:6px}.row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap}.hint{margin:14px auto 6px;color:#062a3bbd;font-weight:800;max-width:70ch}.hintIcons{display:flex;justify-content:center;gap:10px;margin-top:6px;opacity:.9}.hintIcons__chip{display:inline-flex;align-items:center;justify-content:center;width:40px;height:32px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 18px #00192e1f;color:#062a3bcc}.hintIcons__chip svg{width:18px;height:18px}.btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-weight:900;border-radius:14px;padding:12px 16px;box-shadow:0 16px 30px #00192e2e;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;-webkit-user-select:none;user-select:none}.btn--md{font-size:15px}.btn--lg{font-size:18px;padding:14px 20px;border-radius:16px}.homeStart{font-size:22px;padding:16px 28px;border-radius:18px;min-width:180px}.homeStart .btn__icon svg{width:22px;height:22px}.btn__icon{display:inline-flex}.btn__icon svg{width:20px;height:20px}.btn--primary{color:#fff0b4;background:#f59e0b;text-transform:uppercase}.btn--secondary{color:#062a3be6;background:#ffffff9e;border:1px solid rgba(255,255,255,.78)}.btn--ghost{color:#062a3be6;background:transparent;border:1px solid rgba(255,255,255,.65);box-shadow:none}.btn--danger{color:#fff;background:linear-gradient(180deg,#fb7185,#ef4444);border:1px solid rgba(255,255,255,.35)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 18px 34px #00192e33}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.iconBtn{min-width:76px;padding:10px;height:auto;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 22px #00192e24;cursor:pointer;transition:transform .14s ease,filter .14s ease}.iconBtn__label{font-size:10.5px;line-height:1;font-weight:950;letter-spacing:.01em;opacity:.95}.iconBtn svg{width:28px;height:28px}.iconBtn--primary{background:#ffffffbf;color:#062a3be6}.iconBtn--secondary{background:#ffffff8c;color:#062a3bd9}.iconBtn--ghost{background:transparent;color:#062a3bd9;box-shadow:none}.iconBtn:hover{transform:translateY(-1px);filter:saturate(1.05)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.progress{flex:1;text-align:left}.progress__label{color:#062a3bbf;font-weight:900;font-size:14px}.progress__bar{margin-top:8px;height:10px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);overflow:hidden}.progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#06b6d4 45%,#3b82f6)}.wordCard{display:grid;margin-top:32px;gap:32px;grid-template-columns:minmax(0,1fr) auto;align-items:start}.imgWrap{width:520px;aspect-ratio:750 / 600;height:auto;margin:0 auto;border-radius:24px;background:#ffffffbf;border:none;box-shadow:0 22px 42px #00192e29;display:grid;place-items:center;overflow:hidden}.img{width:100%;height:100%;object-fit:contain}.actions{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;align-self:start;margin-left:6px;justify-self:end}.guess{grid-column:1 / -1;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.guess__input{width:min(520px,100%);height:60px;padding:0 14px;border-radius:18px;border:1px solid rgba(255,255,255,.8);background:#ffffffb8;box-shadow:0 14px 26px #00192e24;font-weight:900;font-size:22px;letter-spacing:.03em;color:#062a3beb}.guess__input:focus{border-color:#fde047e6;outline:2px solid rgba(253,224,71,.9)}.guess__input::placeholder{color:#062a3b73;letter-spacing:0}.guess__input.isWrong{border-color:#ef44448c;box-shadow:0 0 0 4px #ef44441f}.guess__input.isCorrect{border-color:#22c55e8c;box-shadow:0 0 0 4px #22c55e1f}.feedback{width:630px;margin:0 auto;grid-column:1 / -1;min-height:22px;font-size:14px;font-weight:500}.feedback__ok{color:#0f766e}.feedback__bad{color:#b91c1c}.feedback__muted{color:#062a3b99}.feedback__hint{display:block;margin-top:6px;color:#062a3bc7;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.06em;text-transform:none;-webkit-user-select:none;user-select:none}.scoreGrid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.score{border-radius:18px;padding:14px 12px;background:#ffffff9e;border:1px solid rgba(255,255,255,.72);box-shadow:0 12px 24px #00192e1f}.score__num{font-size:28px;font-weight:1000}.score__label{font-weight:900;color:#062a3bb3}.score--good .score__num{color:#0f766e}.score--meh .score__num{color:#b91c1c}.score--skip .score__num{color:#0a5b8d}@media(max-width:620px){.wordCard{grid-template-columns:1fr}.imgWrap{grid-column:1}.actions{grid-column:1;grid-row:auto;justify-self:center}.topbar{flex-wrap:wrap}.imgWrap{width:190px;aspect-ratio:750 / 600;height:auto}.actions{margin-left:0}.scoreGrid{grid-template-columns:1fr}.homeStart{font-size:20px;padding:16px 24px;min-width:200px}.guess__input{height:56px;font-size:20px;padding:0 12px}}@media(prefers-reduced-motion:reduce){.btn,.iconBtn{transition:none}}