.timer{text-align:center;padding:15px;border-radius:10px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-screen-playing .timer{background:transparent;padding:0}.timer-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;opacity:.9;color:#fff}.timer-display{font-size:48px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#fff}.game-screen-playing .timer-label,.game-screen-playing .timer-display{color:#fff}.timer-normal{background:#ffffff1a}.timer-warning{background:#ffc10766;animation:pulse 1s ease-in-out infinite}.timer-critical{background:#dc354580;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.score-display{display:flex;align-items:center;justify-content:center;gap:20px;padding:15px;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-screen-playing .score-display{background:transparent;padding:0}.score-item{text-align:center}.score-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;opacity:.9;color:#fff}.score-value{font-size:36px;font-weight:700;line-height:1;color:#fff}@media(max-width:768px){.score-display{gap:15px}.score-value{font-size:28px}}.category-display{text-align:center;padding:15px;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-screen-playing .category-display{background:transparent;padding:0}.game-main-waiting .category-display,.game-screen-playing .category-display{background:transparent;box-shadow:none;padding:0;border-radius:0}.game-screen-playing .category-name{color:#fff;font-size:28px}.category-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;opacity:.9}.category-name{font-size:24px;font-weight:700;line-height:1.2}.game-main-waiting .category-name{font-size:64px;color:#fff;line-height:1.1}@media(max-width:768px){.category-name{font-size:20px}.game-main-waiting .category-name{font-size:48px}}.item-display{text-align:left;padding:20px 0;background:transparent;border-radius:0;box-shadow:none;max-width:100%;width:100%;border:none}.item-label{font-size:16px;font-weight:600;color:#9d8df1;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.item-text{font-size:96px;font-weight:700;color:#fff;line-height:1.2;word-wrap:break-word}@media(max-width:768px){.item-display{padding:30px 20px}.item-text{font-size:64px}.item-label{font-size:14px}}.game-buttons{display:flex;gap:30px;justify-content:center;align-items:center}.game-buttons-playing{gap:40px}.btn{padding:18px 40px;font-size:18px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn:active{transform:translateY(0);box-shadow:0 2px 10px #0003}.btn-start{background:linear-gradient(135deg,#9d8df1,#b794f6);color:#fff;font-size:24px;padding:20px 60px}.btn-start:hover{background:linear-gradient(135deg,#b794f6,#9d8df1)}.btn-correct{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;min-width:150px}.btn-correct:hover{background:linear-gradient(135deg,#38ef7d,#11998e)}.btn-pass{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;min-width:150px}.btn-pass:hover{background:linear-gradient(135deg,#f45c43,#eb3349)}.game-buttons-playing .btn-pass,.game-buttons-playing .btn-correct{width:180px;height:180px;border-radius:50%;min-width:180px;padding:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.game-buttons-playing .btn-correct{order:2}.game-buttons-playing .btn-pass{order:1}@media(max-width:768px){.game-buttons{flex-direction:column;width:100%}.game-buttons-playing{flex-direction:row}.btn{width:100%;max-width:300px}.game-buttons-playing .btn-pass,.game-buttons-playing .btn-correct{width:140px;height:140px;min-width:140px;font-size:28px}.btn-start{font-size:20px;padding:18px 40px}}.game-screen{background:#1e1e2e;border-radius:20px;box-shadow:0 20px 60px #00000080;width:100%;max-width:1200px;min-height:600px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #2d2d3e}.game-screen-playing{background:transparent;border:none;box-shadow:none;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.game-top{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 30px;gap:20px}.game-screen-playing .game-top{background:transparent;border:none;padding-top:40px;flex-wrap:wrap;align-items:flex-start}.game-main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 30px;background:#1a1a2a}.game-screen-playing .game-main{background:transparent;padding:20px 30px 240px;align-items:flex-start;justify-content:flex-start}.game-screen-waiting{min-height:100vh;justify-content:flex-start;border-radius:0;max-width:100%}.game-main-waiting{flex-direction:column;gap:60px;justify-content:flex-start;padding-top:80px}.game-footer{padding:30px;background:#1e1e2e;border-top:1px solid #2d2d3e;display:flex;justify-content:center}.game-screen-playing .game-footer{background:transparent;border:none;position:fixed;bottom:0;left:0;right:0;padding:20px;z-index:100}@media(max-width:768px){.game-top{flex-wrap:wrap;gap:15px;justify-content:center;text-align:center}.game-main{padding:40px 20px}.game-screen-playing .game-main{padding-bottom:200px}.game-screen-waiting{border-radius:0}.game-main-waiting{padding-top:60px;gap:50px}.game-main-waiting .category-name{font-size:48px}.game-screen-playing .category-name{font-size:24px}.game-screen-playing .game-footer{padding:15px}}.results-screen{background:transparent;border-radius:0;box-shadow:none;width:100%;max-width:600px;padding:0;text-align:center;border:none;min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.results-image-container{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.results-image{width:100%;height:auto;display:block;margin:0;padding:0;object-fit:cover}.image-overlay-box{position:absolute;top:10px;left:8px;width:45%;height:75%;background:#fff;opacity:.9;border-radius:12px;display:flex;align-items:center;justify-content:center}.overlay-text{text-align:center;color:#333;font-family:Comic Relief,cursive;font-size:16.8px;font-weight:700;text-transform:uppercase;padding:20px}.results-content{display:flex;flex-direction:column;gap:20px;width:100%;padding:40px}.results-title{font-size:48px;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#9d8df1,#b794f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-stats{display:flex;justify-content:center;align-items:center;padding:20px 0}.stat-item{display:flex;flex-direction:column;gap:10px}.stat-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#a0a0b0}.stat-value{font-size:48px;font-weight:700;color:#fff;line-height:1}.btn-play-again{background:linear-gradient(135deg,#9d8df1,#b794f6);color:#fff;padding:20px 60px;font-size:20px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0006;align-self:center}.btn-play-again:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000080;background:linear-gradient(135deg,#b794f6,#9d8df1)}.btn-play-again:active{transform:translateY(0);box-shadow:0 2px 10px #0003}@media(max-width:768px){.results-content{padding:40px 20px 20px}.results-title,.stat-value{font-size:36px}.btn-play-again{width:100%;max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh}.app{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:0}@media(min-width:769px){.app{align-items:center;padding:20px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}