:root{--app-bg:var(--tg-theme-bg-color,#fff);--app-bg-secondary:var(--tg-theme-secondary-bg-color,#f4f4f5);--app-text:var(--tg-theme-text-color,#111);--app-hint:var(--tg-theme-hint-color,#8e8e93);--app-accent:var(--tg-theme-button-color,#2481cc);--app-accent-text:var(--tg-theme-button-text-color,#fff);--app-success:#34c759;--app-danger:#ff3b30;--app-cell-filled:var(--app-accent);--app-surface:var(--app-bg-secondary);--app-surface-border:var(--app-hint);--app-radius:12px;--app-radius-sm:6px;--app-scrim:#00000080;--font-caption:13px;--font-body:16px;--font-subtitle:18px;--font-heading:20px;--font-title:24px;--font-display:32px;--font-hero:40px;--font-greek:"GFS Neohellenic", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--tap-target:44px}@supports (background:color-mix(in srgb, red, blue)){:root{--app-surface:color-mix(in srgb, var(--app-hint) 14%, var(--app-bg-secondary))}}@font-face{font-family:GFS Neohellenic;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/gfs-neohellenic-greek-700-UoEqSZVF.woff2)format("woff2")}*{box-sizing:border-box}body{background:var(--app-bg);color:var(--app-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45}button,input{font:inherit}.screen-status{padding:0 var(--space-4);text-align:center;color:var(--app-hint);background:0 0;border:none;margin:40vh auto 0;display:block}.screen-status--inline{margin:var(--space-6) auto 0}.surface,.chip,.badge{background:var(--app-surface);border:1px solid var(--app-surface-border);border-radius:var(--app-radius)}.chip{padding:0 var(--space-3);font-size:var(--font-caption);height:var(--tap-target);color:var(--app-text);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.badge{justify-content:center;align-items:center;gap:var(--space-1);padding:0 var(--space-3);font-size:var(--font-caption);height:32px;display:inline-flex;overflow:hidden}.icon-button{min-width:var(--tap-target);min-height:var(--tap-target);justify-content:center;align-items:center;display:inline-flex}.speak-button{font-size:var(--font-heading);background:0 0;border:none}.ghost-button{color:var(--app-accent);font:inherit;font-size:var(--font-body);padding:var(--space-3) var(--space-4);min-height:var(--tap-target);background:0 0;border:none}.screen-title{font-size:var(--font-title);margin:0 0 var(--space-4);font-weight:600;line-height:1.25}.overlay-title{font-size:var(--font-heading);margin:0 0 var(--space-4);font-weight:600;line-height:1.25}.modal-overlay{background:var(--app-scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--app-bg);border-radius:var(--app-radius);padding:var(--space-6);text-align:center;position:relative}.modal-bonus{font-size:var(--font-display);color:var(--app-accent);margin:var(--space-2) 0;line-height:1.2}.sheet-overlay{background:var(--app-scrim);align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--app-bg);border-radius:var(--app-radius) var(--app-radius) 0 0;padding:var(--space-6);width:100%;position:relative}.modal-close{top:var(--space-1);right:var(--space-1);min-width:var(--tap-target);min-height:var(--tap-target);color:var(--app-hint);font-size:var(--font-title);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute}.sheet-word{font-family:var(--font-greek);font-size:var(--font-title);margin:0}.sheet-translit,.sheet-pos{color:var(--app-hint);margin:var(--space-1) 0}.sheet-translation{font-size:var(--font-heading);margin:var(--space-2) 0}.sheet-example{color:var(--app-hint)}.found-sheet-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.guess-toast{bottom:var(--space-6);padding:var(--space-3) 20px;position:fixed;left:50%;transform:translate(-50%)}.primary-button{background:var(--app-accent);color:var(--app-accent-text);border-radius:var(--app-radius);padding:var(--space-4) var(--space-8);font-size:var(--font-subtitle);min-height:var(--tap-target);border:none}.primary-button:disabled{opacity:.5}.primary-button--md{padding:var(--space-3) 20px;font-size:var(--font-body)}.modal-actions{gap:var(--space-3);margin-top:var(--space-4);justify-content:center;align-items:center;display:flex}.home-note{color:var(--app-hint);text-align:center;max-width:320px;margin:0 auto}@media (prefers-reduced-motion:no-preference){.coin-flash-up{animation:.6s ease-out coin-flash-up}.coin-flash-down{animation:.6s ease-out coin-flash-down}@keyframes coin-flash-up{30%{color:var(--app-success);scale:1.08}}@keyframes coin-flash-down{30%{color:var(--app-danger);scale:1.08}}.modal-bonus{animation:.5s ease-out bonus-bounce}@keyframes bonus-bounce{0%{opacity:0;scale:.5}60%{scale:1.15}to{scale:1}}.streak-pulse{animation:1.2s ease-in-out infinite streak-pulse}@keyframes streak-pulse{50%{scale:1.15}}.modal-overlay,.sheet-overlay{animation:.15s ease-out overlay-fade-in}.modal-card{animation:.2s ease-out modal-pop-in}.sheet{animation:.25s ease-out sheet-slide-up}.guess-toast{animation:.2s ease-out toast-in}@keyframes overlay-fade-in{0%{opacity:0}}@keyframes modal-pop-in{0%{opacity:0;scale:.95}}@keyframes sheet-slide-up{0%{opacity:0;translate:0 24px}}@keyframes toast-in{0%{opacity:0;translate:0 8px}}.primary-button,.chip,.ghost-button,.icon-button,.home-nav button,.dict-item,button.badge{transition:scale .1s}.primary-button:active,.chip:active,.ghost-button:active,.icon-button:active,.home-nav button:active,.dict-item:active,button.badge:active{scale:.97}}.fly-coin{z-index:1000;pointer-events:none;will-change:transform;font-size:20px;position:fixed;top:0;left:0}.coin-icon{align-items:center;display:inline-flex}@media (prefers-reduced-motion:no-preference){.coin-bump{animation:.4s ease-out coin-bump}@keyframes coin-bump{30%{scale:1.5}60%{scale:.9}}}.streak-pulse{display:inline-block}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.shop-list{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.shop-item{justify-content:space-between;width:100%}.shop-item-coins{font-weight:600}.shop-item-stars{color:var(--app-hint)}.shop-status{color:var(--app-hint);text-align:center;min-height:1.4em;margin:0}.tutorial-overlay{z-index:1000;position:fixed;inset:0}.tutorial-spotlight{border-radius:var(--app-radius);pointer-events:none;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #0009}.tutorial-tooltip{width:max-content;max-width:280px;padding:var(--space-4);color:var(--app-text);position:fixed}.tutorial-title{margin:0 0 var(--space-2);font-size:var(--font-subtitle);line-height:1.25}.tutorial-body{margin:0 0 var(--space-4);font-size:var(--font-body)}.tutorial-controls{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tutorial-progress{color:var(--app-hint);font-size:var(--font-caption)}.tutorial-buttons{gap:var(--space-2);display:flex}.home{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);flex-direction:column;min-height:100dvh;display:flex}.home-header{justify-content:space-between;align-items:center;width:100%;display:flex}.home-title{font-family:var(--font-greek);font-size:var(--font-hero);letter-spacing:1px;margin:var(--space-6) 0 0;text-align:center;font-weight:700;line-height:1.1}.home-level{color:var(--app-hint);margin:0}.home-play{min-width:260px;padding:var(--space-6) var(--space-8);font-size:var(--font-title);box-shadow:0 6px 18px color-mix(in srgb, var(--app-accent) 35%, transparent);font-weight:700}.home-nav{gap:var(--space-3);flex-direction:column;width:100%;max-width:200px;display:flex}.home-nav button{color:var(--app-text);padding:var(--space-3) 20px;min-height:var(--tap-target);font-size:var(--font-body)}.home-header-right{align-items:center;gap:var(--space-2);display:flex}.help-button{color:var(--app-text);border-radius:50%;font-weight:600}button.badge{cursor:pointer;font:inherit;color:var(--app-text)}.grid-wrap{width:100%;min-width:0;min-height:0;padding:var(--space-6) var(--space-2) var(--space-2);flex:1 1 0;align-items:flex-start;display:flex;overflow:auto}.grid{margin-inline:auto;position:relative}.cell{width:calc(var(--cell-size) - 2px);height:calc(var(--cell-size) - 2px);background:var(--app-surface);border:1px solid var(--app-surface-border);border-radius:var(--app-radius-sm);font-family:var(--font-greek);font-weight:700;font-size:calc(var(--cell-size) * .5);justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex;position:absolute}.cell-filled{background:var(--app-cell-filled);color:var(--app-accent-text);border-color:var(--app-cell-filled)}.slot-translation{z-index:1;font-size:clamp(9px, calc(var(--cell-size) * .3), 12px);color:var(--app-hint);white-space:nowrap;background:var(--app-bg);padding:0 var(--space-1);border-radius:var(--app-radius-sm);max-width:calc(var(--cell-size) * 3);text-overflow:ellipsis;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.cell-pop{animation:.25s both cell-pop}@keyframes cell-pop{50%{scale:1.12}}.grid-wrap{animation:.3s ease-out level-fade-in}@keyframes level-fade-in{0%{opacity:0}}}.letter-circle-wrap{flex-direction:column;align-items:center;display:flex}.current-word{min-height:28px;line-height:1.15;font-size:var(--font-title);letter-spacing:2px;font-family:var(--font-greek);margin:0;font-weight:700}.letter-circle{touch-action:none;position:relative}.path-overlay{pointer-events:none;position:absolute;inset:0}.tile{top:calc(var(--tile-size,56px) / -2);left:calc(var(--tile-size,56px) / -2);width:var(--tile-size,56px);height:var(--tile-size,56px);font-size:calc(var(--tile-size,56px) * .46);font-family:var(--font-greek);background:var(--app-surface);border:1px solid var(--app-surface-border);border-radius:50%;justify-content:center;align-items:center;margin:0;font-weight:700;display:flex;position:absolute}.tile-selected{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-accent-text)}.letter-circle-finger{pointer-events:none;z-index:2;font-size:32px;transition:transform .3s;position:absolute;top:-16px;left:-16px}body.game-open{overflow:hidden}.game{align-items:center;gap:var(--space-1);padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));height:var(--tg-viewport-stable-height,100dvh);flex-direction:column;display:flex;overflow:hidden}.game-header{width:100%;color:var(--app-hint);flex:none;justify-content:space-between;align-items:center;display:flex}.game-dock{align-items:center;gap:var(--space-1);flex-direction:column;flex:none;width:100%;display:flex}.circle-area{justify-content:center;width:100%;display:flex;position:relative}.shuffle-icon{width:var(--tap-target);height:var(--tap-target);background:var(--app-surface);border:1px solid var(--app-surface-border);color:var(--app-text);font-size:var(--font-heading);border-radius:50%;position:absolute;bottom:0;right:0;overflow:hidden}.hint-bar{gap:var(--space-2);display:flex}.letter-circle-shake.shake{animation:.4s letter-circle-shake}@keyframes letter-circle-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.found-count-badge:disabled{opacity:.5}.dictionary{padding:var(--space-4)}.dict-search{width:100%;padding:var(--space-3) var(--space-4);color:var(--app-text);font-size:16px}.dict-list{margin:var(--space-3) 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.dict-item{gap:var(--space-3);width:100%;padding:var(--space-3);color:var(--app-text);text-align:left;min-height:var(--tap-target);align-items:baseline;line-height:1.4;display:flex}.dict-greek{font-family:var(--font-greek);font-weight:700}.dict-translation{color:var(--app-hint);flex:1}.dict-seen{color:var(--app-hint);font-size:var(--font-caption)}.dict-more{font-size:var(--font-title);margin:0 auto;display:block}.settings{padding:var(--space-4)}.settings-row{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.lang-switch{background:var(--app-surface);border:1px solid var(--app-surface-border);border-radius:var(--app-radius);display:flex;overflow:hidden}.lang-option{color:var(--app-text);padding:var(--space-3) var(--space-4);min-height:var(--tap-target);background:0 0;border:none}.lang-active{background:var(--app-accent);color:var(--app-accent-text)}.about{padding:var(--space-4);max-width:520px;margin-inline:auto}.about-tagline{font-size:var(--font-subtitle);margin:0 0 var(--space-4);font-weight:600}.about-body{margin:0 0 var(--space-3);line-height:1.5}.about-contact{color:var(--app-hint);margin:var(--space-6) 0 0}
