.header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;box-sizing:border-box}.title{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-primary);font-weight:800}.lang-select{padding:.5em 1em;border:2px solid var(--surface);background:#ffffffe6;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;padding-right:2rem}.lang-select:hover{background:var(--surface);transform:translateY(-2px)}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.share-button,.retry-button{padding:.75em 1.5em;font-size:1.1em;border:none;color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:var(--transition);box-shadow:var(--shadow-md)}.share-button{background:linear-gradient(45deg,#258cf4,#a73cdd)}.retry-button{background:linear-gradient(45deg,#0bda73,#22c3a8)}.share-button:hover,.retry-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;pointer-events:none;opacity:.6}@keyframes ripple{to{transform:scale(2);opacity:0}}.game-container{position:relative;overflow:hidden}.game-image{position:relative}.chase-container{position:relative;width:100%;height:30px;background:#fff3;border-radius:15px;margin:1rem 0;overflow:hidden;transition:all .3s ease}.chase-container[data-distracted=true]{background:#ff980033;box-shadow:0 0 10px #ff980080}.chase-progress{position:absolute;height:100%;background:linear-gradient(45deg,#4caf50,#8bc34a);transition:width .3s ease}.chase-progress[data-distracted=true]{background:linear-gradient(45deg,#ff9800,#ffc107)}.chase-character{position:absolute;width:30px;height:30px;background:#f44336;border-radius:50%;transition:left .3s ease,transform .3s ease}.chase-character[data-distracted=true]{background:#ff9800;transform:translate(-15px) scale(1.1)}:root{--progress-height: 30px;--character-color: hsl(15, 100%, 55%);--progress-color: linear-gradient(135deg, hsl(152, 64%, 52%) 0%, hsl(152, 64%, 72%) 100%);--background-start: hsl(218, 73%, 97%);--background-end: hsl(218, 73%, 92%);--surface: hsl(0, 0%, 100%);--text-primary: hsl(222, 47%, 11%);--text-secondary: hsl(215, 19%, 35%);--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--radius-sm: 4px;--radius-md: 8px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:Arial,sans-serif;overflow-x:hidden;background:linear-gradient(135deg,var(--background-start) 0%,var(--background-end) 100%);color:var(--text-primary)}#app{width:100%;height:100%;display:flex;flex-direction:column}.game-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;height:100%;padding:max(1rem,2vh) max(1rem,2vw);box-sizing:border-box;position:relative;background:linear-gradient(135deg,var(--background-start) 0%,var(--background-end) 100%)}.game-image-container{display:inline-flex;justify-content:center;align-items:center;position:relative;margin:-2vh auto auto}.game-image{display:block;max-width:min(85vw,800px);max-height:min(70vh,600px);width:auto;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition);background:var(--surface);transform-style:preserve-3d;margin:-2vh auto 0;position:relative}.game-image:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(45deg,#3d99f5,#b152e0,#eb4763);filter:blur(20px);opacity:0;z-index:-1;transition:opacity .3s ease;border-radius:calc(var(--radius-md) + 10px);pointer-events:none}.game-image.clickable:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg),0 12px 24px -8px #00000026}.game-image.clickable:hover:after{opacity:.2}.message{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;padding:.5em 1.25em;color:var(--text-primary);text-align:center;line-height:1.2;position:relative;display:inline-block;background:linear-gradient(45deg,#258cf4,#a73cdd,#e8304f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;transform:translateY(0);transition:all .3s ease;margin:-1vh 0 1vh}[data-distracted=true] .game-image{filter:grayscale(.7) blur(2px);transition:filter .3s ease}[data-distracted=true] .message{animation:blink .5s ease infinite;color:#f48c25}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}[data-danger="1"] .message{background:linear-gradient(45deg,#f4af25,#f48c25);-webkit-background-clip:text;background-clip:text}[data-danger="2"] .message{background:linear-gradient(45deg,#f48c25,#f46a25);-webkit-background-clip:text;background-clip:text}[data-danger="3"] .message{background:linear-gradient(45deg,#f46a25,#f44725);-webkit-background-clip:text;background-clip:text;animation:shake .5s ease infinite}[data-danger="4"] .message{background:linear-gradient(45deg,#f42525,#f42547);-webkit-background-clip:text;background-clip:text;animation:shake .3s ease infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.message.finished{transform:translateY(-8px);animation:pulse 2s infinite}@keyframes pulse{0%{transform:translateY(-8px) scale(1)}50%{transform:translateY(-8px) scale(1.05)}to{transform:translateY(-8px) scale(1)}}.message:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,#258cf4,#a73cdd,#e8304f);border-radius:2px;opacity:.8}.chase-container{width:min(90%,600px);height:var(--progress-height);position:relative;background:var(--surface);border-radius:calc(var(--progress-height) / 2);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6}.chase-progress{height:100%;background:var(--progress-color);position:absolute;left:0;top:0;transition:width .5s cubic-bezier(.4,0,.2,1)}.chase-character{position:absolute;width:var(--progress-height);height:var(--progress-height);background-color:var(--character-color);border-radius:50%;top:0;transform:translate(calc(var(--progress-height) / -2));transition:left .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003;z-index:2}@media (max-width: 768px){:root{--progress-height: 24px}.game-container{gap:1rem}.game-image{max-width:92vw}}@media (max-width: 480px){:root{--progress-height: 20px}.game-container{padding:.75rem}.message{font-size:clamp(1.25rem,5vw,1.5rem);padding:.35em .75em}.game-image{max-width:96vw;aspect-ratio:4/3}}