.app-container{max-width:1200px;margin:0 auto;padding:var(--spacing);min-height:100vh;display:flex;flex-direction:column}.burger{display:none;font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing);background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius);margin-bottom:var(--spacing)}.nav-bar-title{display:flex;justify-content:space-between;gap:.3rem;align-items:baseline}.nav-bar div h1{font-size:1.5rem;margin:0}.nav-bar div h2{font-size:.95rem;font-weight:400;color:#d3d3d3}.nav-buttons button{background-color:var(--color-back-accent);color:var(--color-text);font-weight:700;border:1px solid white;padding:8px 16px;margin-left:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:background-color .2s;width:125px}.nav-buttons button:hover{background-color:#fff}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-back-secondary);border-radius:var(--border-radius);padding:calc(var(--spacing) * 2);box-shadow:0 4px 6px #0000001a}.start-screen h2{margin-bottom:var(--spacing);color:var(--color-primary);text-align:center}.start-screen input{padding:12px;font-size:1.2rem;border:2px solid var(--color-primary);border-radius:var(--border-radius);margin-bottom:var(--spacing);width:100%;max-width:300px;text-align:center;outline:none}.start-screen input:focus{border-color:var(--color-accent);outline:none}.start-screen button{padding:12px 24px;font-size:1.2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;width:100%;max-width:300px;transition:opacity .2s}.start-screen button:hover{opacity:.9}.game-screen{width:100%}.game-header{display:flex;justify-content:space-between;width:100%;margin-bottom:var(--spacing);font-size:1.2rem;font-weight:700;color:var(--color-primary)}.game-color-dynamic{color:var(--color-accent)}.game-board{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);width:100%;justify-content:center}.row{display:flex;flex-direction:row;gap:var(--spacing);width:100%;justify-content:center}.word-container,.text-container{border:4px solid transparent;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s,border-color .2s;flex:1;max-width:300px;aspect-ratio:2 / 1;font-size:1.5rem;font-weight:700}.word-container:active,.text-container:active{transform:scale(.95)}.word-container{color:var(--color-primary);background-color:var(--color-back-primary)}.word-container img{width:100%;height:100%;object-fit:cover}.text-container{color:var(--color-text);background-color:var(--color-back-accent)}.selected{border-color:var(--color-accent)}.incorrect{border-color:var(--color-error);background-color:#ffe6e6}.matched{opacity:.5;pointer-events:none;border-color:#ccc}.scores-screen{width:100%;max-width:600px}.scores-screen h2{color:var(--color-primary);margin-bottom:var(--spacing)}.score-list{list-style:none;width:100%}.score-item{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #ccc;font-size:1.2rem}.score-item:last-child{border-bottom:none}@media(orientation:portrait){.burger{display:block}.row{flex-direction:column;align-items:center}.word-container,.text-container{max-width:100%;width:100%}.text-container,.word-container{aspect-ratio:16 / 4}.nav-buttons{display:none;position:absolute;top:75px;left:50%;transform:translate(-50%);flex-direction:column;background-color:var(--color-accent);padding:10px;border-radius:var(--border-radius);width:88vw;height:200px;justify-content:center;align-items:center}.nav-buttons.open{display:flex}.nav-buttons button{margin:5px 0;width:200px}}:root{--color-back-primary: #e6f0fa;--color-back-secondary: #ffffff;--color-back-accent: #B0E6B0;--color-primary: #008040;--color-secondary: #40E0D0;--color-accent: #8fad2f;--color-error: #8b0000;--color-text: #1a1a1a;--border-radius: 8px;--spacing: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--color-back-primary);color:var(--color-text);line-height:1.6}