.button-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--background);border:none;padding:0;width:80px;height:80px;border-radius:50%;position:relative;overflow:hidden;transition:background-image .3s ease}.button-icon img{width:28px;height:28px;z-index:1;position:relative}.button-icon:hover{background-image:url(/assets/laurel-BpGefMeB.png);background-size:90px 77px;background-position:center 4px;background-repeat:no-repeat}@media (max-width: 768px){.button-icon{width:50px;height:50px}.button-icon img{width:20px;height:20px}.button-icon:hover{background-image:url(/assets/laurel-BpGefMeB.png);background-size:60px 51px;background-position:center 3px;background-repeat:no-repeat}}.button-icon.button-disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.button-icon.button-disabled img{opacity:.5}.button-pulse{animation:hash-pulse 2s infinite}@keyframes hash-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.header{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;padding:15px;background-color:var(--background-secondary);z-index:1000;text-align:center}.header-menu-button{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.header-right-buttons{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;gap:8px;align-items:center}.header h1{margin:0;color:var(--text-primary);font-size:clamp(24px,5vw,36px);line-height:1}.header-title-underline{position:absolute;top:100%;left:0;right:0;width:100%;height:2px;background-color:var(--text-primary);border:none;z-index:1002}@media (max-width: 768px){.header{padding:10px 8px}.header-menu-button{left:8px}.header-right-buttons{right:8px;gap:4px}.header h1{font-size:24px}}.game-card-container{width:80%;max-width:400px;height:400px;perspective:1000px}.game-card-container>div{width:100%!important;height:100%!important}.game-card{width:100%!important;height:100%!important;background:var(--background-secondary);border:2px solid var(--text-primary);text-decoration:none;color:inherit;display:flex!important;flex-direction:column;align-items:center;gap:10px;transition:transform .3s ease-out,box-shadow .3s ease-out;box-shadow:0 2px 4px color-mix(in srgb,var(--text-primary) 10%,transparent);cursor:pointer;box-sizing:border-box;position:relative;transform-style:preserve-3d;backface-visibility:hidden}@keyframes cardWiggle{0%{transform:rotateY(0)}50%{transform:rotateY(5deg)}to{transform:rotateY(0)}}.game-card-front:hover{animation:cardWiggle .6s ease-in-out;box-shadow:0 4px 8px color-mix(in srgb,var(--text-primary) 15%,transparent)}.game-card-front{justify-content:flex-start;padding:15px!important;min-height:100%;gap:5px}.game-card-front .game-image{width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;max-height:none}.game-card-front .game-image img{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:4px;border:4px double var(--text-primary)}.words-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:10px}.arrow{font-size:2rem;color:var(--accent-primary);font-weight:700}.game-card-back{justify-content:flex-start;padding:15px!important;min-height:100%;border:6px double var(--text-primary)}.card-back-content{width:100%;height:100%;display:flex;flex-direction:column;position:relative;padding-top:0}.button-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:15px;z-index:10;position:relative}.example-sentence{flex:1;overflow:hidden;display:flex;align-items:center}.game-sentence{font-size:clamp(.65rem,1.8vw,.85rem);line-height:1.4;color:var(--text-primary);margin:0;text-align:justify;-webkit-hyphens:auto;hyphens:auto;font-style:italic;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical}.clickable-word{font-weight:700;font-family:Courier New,Courier,monospace;color:var(--accent-primary);border-bottom:1px solid var(--accent-dark);padding:0 5px;cursor:pointer;transition:all .2s}.clickable-word:hover{color:var(--accent-dark);border-bottom-color:var(--accent-primary);background:var(--background)}.progress-message{margin-top:10px}.stats-section{padding-top:0;padding-bottom:0;display:flex;flex-direction:column;width:100%}.stats-header{font-size:.9rem;font-weight:600;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;text-align:center}.stats-table{display:flex;flex-direction:column;gap:6px}.stats-labels{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;text-align:center}.stat-label{font-size:.7rem;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.3px;line-height:1.1}.stats-divider{height:1px;background:var(--accent-dark);margin:2px 0}.stats-values{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;text-align:center}.stat-value{font-size:.85rem;font-weight:600;font-family:Courier New,Courier,monospace;color:#007acc;line-height:1.1}.stat-value.completed{color:#43a047}.stat-value.not-started{color:#757575}.stat-value.unconnected{color:#ff9800}.game-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0}.stat-item{display:flex;flex-direction:row;gap:8px;align-items:center}.play-game-button{margin:5px auto 0;flex-shrink:0}.card-buttons{display:flex;gap:0px;justify-content:center;margin:5px auto 0;flex-wrap:wrap}.card-button{flex-shrink:0}.card-buttons:has(.card-button:only-child){justify-content:center}.card-buttons .card-button:only-child{flex:0 0 auto;min-width:120px}.victory-overlay{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1000!important;width:350px!important;height:400px!important;perspective:1000px!important}.victory-overlay>div{width:100%!important;height:100%!important}.victory-overlay .game-card{position:static!important;width:100%!important;height:100%!important;min-height:unset!important}.victory-overlay .game-card-back{padding:20px!important}.game-image{width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.game-image img{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:4px;border:4px double var(--text-primary)}.game-title{font-family:var(--font-body);font-size:1.3rem;color:var(--text-primary);text-align:center;margin:0;flex-shrink:0}@media (max-width: 768px){.game-card-container{width:90%;max-width:280px;height:320px}.victory-overlay{width:280px!important;height:300px!important;max-width:90vw!important;max-height:70vh!important}.game-card-front{padding:12px}.game-card-back{padding:10px}.card-back-content{padding-top:15px}.victory-overlay .game-card-back{padding:12px!important}.victory-overlay .card-back-content{padding-top:8px!important}.victory-overlay .stats-section{padding-top:0!important;padding-bottom:0!important}.victory-overlay .close-button-container{margin-top:8px!important}.game-sentence{font-size:clamp(.55rem,1.3vw,.7rem);font-style:italic;-webkit-line-clamp:4;line-clamp:4}.game-definition{font-size:clamp(.55rem,1.3vw,.75rem);font-style:normal;font-weight:700;-webkit-line-clamp:3;line-clamp:3}.stats-header{font-size:.8rem;margin:0 0 6px}.stats-table,.stats-labels{gap:4px}.stat-label{font-size:.6rem}.stats-values{gap:4px}.stat-value{font-size:.7rem}.game-image{width:100%;height:150px;margin-right:0;margin-bottom:15px}}.game-objective{font-size:clamp(.8rem,2.5vw,1.2rem);margin:0;color:var(--accent-dark);text-align:center;padding:10px;background:var(--background-secondary);width:100%;box-sizing:border-box;flex-shrink:0;border:2px solid var(--accent-dark)}.source,.destination{font-weight:700;font-family:Courier New,Courier,monospace;color:var(--accent-primary);border-bottom:1px solid var(--accent-dark);padding:0 5px}.tutorial-header{display:flex;justify-content:space-between;align-items:flex-start}.tutorial-text{flex:1;margin:0;font-size:clamp(.8rem,2.5vw,1.2rem);color:var(--accent-dark);line-height:1.4}.tutorial-step-number{font-weight:700;font-family:Courier New,Courier,monospace;color:var(--accent-primary);border-bottom:1px solid var(--accent-dark);padding:0 5px}.tutorial-skip-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;flex-shrink:0;margin-left:10px}.tutorial-skip-btn:hover{opacity:1;background-color:var(--background)}.tutorial-skip-icon{width:16px;height:16px}@media (max-width: 768px){.game-objective{min-height:32px;padding:4px 6px;font-size:13px;line-height:1.2}.game-objective p{margin:2px 0}}