:root{--color-backside: #f7d794;--color-primary: #333;--color-text: #333;--color-text-light: #666;--color-background: #fff;--color-overlay: rgba(0, 0, 0, .85);--card-font: Georgia, "Times New Roman", serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--header-height: 72px;--header-height-mobile: 60px;--bottom-nav-height: 64px;--max-width: 1400px;--breakpoint-mobile: 768px;--transition-fast: .15s ease;--transition-base: .3s ease}html{font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background:url(/backgorund/main_bkg.jpg) no-repeat center center fixed;background-size:cover;color:var(--color-text);min-height:100dvh;min-height:-webkit-fill-available}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.game-grid{display:grid;grid-template-rows:1fr 1fr 1fr;height:100dvh;max-width:80%;margin:0 auto;overflow:hidden;padding:0;gap:0}.grid-row{display:flex;justify-content:space-around;align-items:center;gap:10px;padding:10px 20px;width:100%;overflow:hidden}.game-row,.help-row{justify-content:center;gap:40px}.menu-row{justify-content:space-between}.card{height:auto;border-radius:10px;cursor:pointer;transition:transform .2s;position:relative;display:flex;justify-content:center;flex-shrink:0}.card img{width:100%;max-height:30dvh;height:auto;border-radius:10px;object-fit:contain;box-shadow:2px 5px 14px #00000026,-1px -1px 5px #0000000f}.card:hover{transform:scale(1.05)}@media(max-width:768px){.game-grid{display:grid;grid-template-rows:1fr 1fr 1fr;height:100dvh;max-width:100%;gap:4px;padding:4px 0;width:100%;overflow:hidden}.grid-row{flex-wrap:nowrap;overflow-x:auto;padding:0 12px;justify-content:space-around;gap:16px;align-items:center;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%}.grid-row::-webkit-scrollbar{display:none}.grid-row{-ms-overflow-style:none;scrollbar-width:none}.game-row,.help-row{padding:0 12px}.game-row .card,.help-row .card{min-width:32vw;max-width:32vw;scroll-snap-align:center}.game-row .card img,.help-row .card img{max-height:26dvh;width:100%;height:auto;object-fit:contain}.menu-row{padding:0 12px}.menu-row .card{min-width:32vw;max-width:32vw;scroll-snap-align:center}.menu-row .card img{max-height:26dvh;width:100%;height:auto;object-fit:contain}}.game-header{position:relative;top:0;left:0;width:100%;height:var(--header-height);background:#fffffff2;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;gap:40px;padding:0 20px;padding-top:env(safe-area-inset-top);box-shadow:0 2px 10px #0000001a;z-index:100;flex-shrink:0}.header-logo{max-width:200px;height:auto;max-height:60px;object-fit:contain}.header-logo-link{display:inline-block;cursor:pointer}.header-controls{display:flex;align-items:center;gap:20px}.nav-buttons{display:flex;gap:10px}.header-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:transparent;transition:opacity var(--transition-fast),transform var(--transition-fast);opacity:1}.header-btn img{width:100%;height:100%;object-fit:contain}.header-btn:hover:not(:disabled){transform:scale(1.1)}.header-btn:disabled,.header-btn[aria-disabled=true]{opacity:.35;pointer-events:none;cursor:default}@media(max-width:768px){.game-header{position:fixed;top:0;bottom:auto;height:var(--bottom-nav-height);padding-top:env(safe-area-inset-top);padding-bottom:0;justify-content:space-between;gap:0;box-shadow:0 2px 10px #0000001a;padding-left:16px;padding-right:16px}.header-logo{display:block;max-width:120px;max-height:40px}.header-controls{justify-content:flex-end;gap:8px}.header-btn{width:48px;height:48px}.header-btn img{width:100%;height:100%}}.card-detail-view{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.card-detail-desktop{display:grid;grid-template-columns:1fr 1fr;gap:40px;flex:1;padding:40px;max-width:var(--max-width);margin:0 auto;align-items:center;width:100%;overflow:hidden}.card-front-column{display:flex;align-items:center;justify-content:center;height:100%}.card-front-image{max-width:100%;max-height:80dvh;border-radius:10px;box-shadow:2px 5px 14px #00000026,-1px -1px 5px #0000000f}.card-back-column{display:flex;align-items:center;justify-content:center;height:100%}.card-back-wrapper{background:#f7f5ed;border-radius:25px;padding:2rem 3rem;max-height:80dvh;overflow:hidden;display:flex;flex-direction:column}.card-back-header{flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.card-back-header img{width:100%;height:auto;object-fit:cover;display:block}.card-back-content{flex:1;overflow-y:auto;padding:0;font-family:var(--card-font);color:var(--color-text)}.card-back-content h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-top:0;margin-bottom:16px}.card-back-content ul,.card-back-content ol{padding-left:20px}.card-back-content li{margin-bottom:10px;line-height:1.5}.card-back-content li::marker{color:var(--color-primary)}.card-back-footer{flex-shrink:0;padding:0;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(0,0,0,.08);gap:12px;min-height:56px}.card-detail-mobile{display:none;flex:1;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mobile-front-section{width:100%;height:100dvh;max-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:transparent;flex-shrink:0}.mobile-front-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;box-shadow:2px 5px 14px #00000026,-1px -1px 5px #0000000f}.scroll-down-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);opacity:.7;animation:bounce-down 2s infinite,fade-out 3s 3s forwards;pointer-events:none}.scroll-down-indicator img{width:40px;height:40px}@keyframes bounce-down{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes fade-out{to{opacity:0}}.mobile-back-section{width:100%;height:90dvh;max-height:90dvh;margin:auto 0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;background:#f7f5ed;border-radius:25px;padding:2rem;flex-shrink:0;overflow:hidden}.mobile-back-header{flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.mobile-back-header img{width:100%;height:auto;object-fit:cover;display:block}.mobile-back-content{flex:1;overflow-y:auto;padding:0;font-family:var(--card-font);word-wrap:break-word;overflow-wrap:break-word;min-height:0}.mobile-back-content h2{font-size:1.4rem;font-weight:700;margin-top:0;margin-bottom:12px;color:var(--color-text)}.mobile-back-content ul,.mobile-back-content ol{padding-left:20px}.mobile-back-content li{margin-bottom:10px;line-height:1.5}.mobile-back-footer{padding:12px 16px;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(0,0,0,.08);gap:12px;min-height:56px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}@media(max-width:768px){.card-detail-desktop{display:none}.card-detail-mobile{display:flex;flex-direction:column;height:calc(100dvh - 64px);overflow-y:auto;padding:.875rem}.card-detail-view{padding-top:var(--bottom-nav-height);padding-bottom:0}.mobile-front-section{height:calc(100dvh - 64px);min-height:calc(100dvh - 64px);max-height:calc(100dvh - 64px)}.mobile-back-section{height:calc(90dvh - 64px);min-height:calc(90dvh - 64px);max-height:calc(90dvh - 64px)}.mobile-front-image{max-height:calc(100dvh - 88px)}}.card.start-card{border:2px solid rgba(200,160,60,.3);animation:card-glow-pulse 3s ease-in-out infinite}@keyframes card-glow-pulse{0%,to{box-shadow:0 0 12px #c8a03c59,0 0 30px #c8a03c1f;border-color:#c8a03c4d}50%{box-shadow:0 0 20px #c8a03c8c,0 0 50px #c8a03c33;border-color:#c8a03c99}}.start-card-text{position:absolute;top:10px;left:50%;transform:translate(-50%);font-family:var(--card-font, serif);font-size:.85rem;color:var(--color-primary);background:#ffffffd9;padding:4px 16px;border-radius:12px;white-space:nowrap;pointer-events:none;animation:start-text-reveal 4.5s ease-in-out forwards}@keyframes start-text-reveal{0%{opacity:0;transform:translate(-50%) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.05)}25%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}.splash-screen{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.splash-screen.hidden{opacity:0;pointer-events:none}.splash-screen.removed{display:none}.splash-logo{max-width:280px;width:60vw;height:auto;animation:pulse-logo 1.5s ease-in-out infinite}@keyframes pulse-logo{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.help-exercise-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 0;text-align:center}.help-exercise-prompt p{font-size:1.15rem;margin:0;color:var(--color-text);line-height:1.5}.help-exercise-result{display:flex;flex-direction:column}.exercise-text{font-size:1.2rem;line-height:1.6;padding:12px 0;margin:0;color:var(--color-text)}.card-action-btn{position:relative;font-size:1.05rem;color:var(--color-primary);background:none;border:none;padding:8px 4px;cursor:pointer;white-space:nowrap}.card-action-btn:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:40%;height:2px;background:currentColor;transition:width .3s ease;border-radius:1px}.card-action-btn:hover:after{width:100%}.proxy-links-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}.proxy-link-item{display:flex;align-items:center;gap:16px;padding:12px;cursor:pointer;transition:background var(--transition-fast);border-radius:8px}.proxy-link-item:hover{background:#0000000a}.proxy-link-thumb{width:70px;height:70px;object-fit:contain;border-radius:6px;transform:rotate(-40deg);transition:transform .3s ease-out;flex-shrink:0}.proxy-link-item:hover .proxy-link-thumb{transform:rotate(0)}.proxy-link-label{font-size:1rem;line-height:1.4;color:var(--color-text)}.evaluation-section{margin-bottom:20px}.evaluation-section h3{font-size:1.05rem;margin-top:0;margin-bottom:10px;color:var(--color-text)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:90%;max-width:1000px;max-height:90dvh;border-radius:15px;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.modal-evaluation{max-width:1200px;grid-template-columns:1fr;padding:40px;overflow-y:auto}.modal-evaluation-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-bottom:30px}.modal-left img{width:100%;height:100%;object-fit:cover}.modal-right{padding:40px;display:flex;flex-direction:column}.close-btn{position:absolute;top:20px;right:20px;font-size:30px;background:none;border:none;cursor:pointer;z-index:10}.modal-footer{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #eee;margin-top:auto}.modal-footer button{padding:10px 20px;border:none;border-radius:5px;background:#333;color:#fff;cursor:pointer}.modal-footer button:hover{background:#555}@media(max-width:768px){.modal-content{grid-template-columns:1fr;overflow-y:auto;height:90dvh;display:block}.modal-left,.modal-right{padding:20px}.modal-evaluation-content{grid-template-columns:1fr}.modal-evaluation-center{order:-1}}