@tailwind base;@tailwind components;@tailwind utilities;:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}a,button{cursor:revert}menu,ol,ul{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:normal}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}#__next,body,html{height:100%;margin:0;padding:0}body{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 1;padding:0}.content{padding-top:32px;padding-bottom:32px;width:100%;height:100%;background-color:#fff}.grid-container{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:24px;gap:24px;max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width:640px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.grid-container{grid-template-columns:repeat(4,1fr)}}.card-link{display:block;text-decoration:none;color:inherit}.card{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09);overflow:hidden;transition:all .3s;position:relative;max-width:300px;margin:0 auto}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.card-image-container{width:100%;overflow:hidden}.game-image{width:100%!important;height:auto!important;object-fit:cover;aspect-ratio:300/180;display:block!important;background-color:#eee;min-height:180px;transition:opacity .3s ease}.game-image.loaded{opacity:1}.game-image.hidden{position:absolute;opacity:0;pointer-events:none}.game-image-placeholder{width:100%;aspect-ratio:300/180;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #e8e8e8;color:#8c8c8c;font-size:14px;gap:8px;position:relative;min-height:180px}.game-image-placeholder.loading{background-color:#fafafa}.game-image-placeholder.retrying{background-color:#fff7e6;border-color:#ffd591;color:#d46b08}.game-image-placeholder.error{background-color:#fff2f0;border-color:#ffccc7;color:#cf1322}.game-image-placeholder .loading-spinner{width:24px;height:24px;border-width:2px;margin:0}.game-image-placeholder.retrying .loading-spinner{border-top-color:#d46b08}.game-image-placeholder .error-text,.game-image-placeholder .loading-text{font-size:12px;font-weight:500;margin:0}.game-image-placeholder .game-name-fallback{font-size:11px;font-weight:400;opacity:.8;text-align:center;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.game-image-placeholder svg{opacity:.6;color:inherit}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-image-placeholder.loading{animation:pulse 2s ease-in-out infinite}@media (max-width:480px){.game-image-placeholder{font-size:12px}.game-image-placeholder .error-text,.game-image-placeholder .loading-text{font-size:11px}.game-image-placeholder .game-name-fallback{font-size:10px}.game-image-placeholder .loading-spinner{width:20px;height:20px}.game-image-placeholder svg{width:40px;height:40px}}.card-content{padding:16px}.card-title{margin:0 0 12px;font-size:16px;font-weight:500;color:rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-actions-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%;margin-top:12px}.play-here-button{grid-column:1/-1}.game-card-button-grid{display:flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid;text-decoration:none;min-height:40px;text-align:center}.play-here-button{background-color:#1890ff;color:#fff;border-color:#1890ff}.play-here-button:hover{background-color:#40a9ff;border-color:#40a9ff;transform:translateY(-2px)}.play-here-button:active{background-color:#096dd9;border-color:#096dd9}.eur-button{background-color:#52c41a;color:#fff;border-color:#52c41a}.eur-button:hover{background-color:#73d13d;border-color:#73d13d;transform:translateY(-2px)}.eur-button:active{background-color:#389e0d;border-color:#389e0d}.demo-button{background-color:#722ed1;color:#fff;border-color:#722ed1}.demo-button:hover{background-color:#9254de;border-color:#9254de;transform:translateY(-2px)}.demo-button:active{background-color:#531dab;border-color:#531dab}@media (max-width:480px){.game-card-actions-grid{gap:6px}.game-card-button-grid{font-size:13px;padding:8px 10px;min-height:36px}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh}.loading-spinner{border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:#1890ff;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{padding:50px;text-align:center}.error-message{padding:20px;background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;margin-bottom:20px}.error-message h2{color:#cf1322;margin-top:0;margin-bottom:8px}.back-button{margin-top:20px;padding:8px 16px;background-color:#1890ff;color:#fff;border-radius:4px;cursor:pointer;text-align:center;transition:background-color .3s;display:inline-block}.back-button:hover{background-color:#40a9ff}.empty-message{grid-column:1/-1;text-align:center;padding:40px 0;color:rgba(0,0,0,.45)}.game-container{height:100dvh;width:100dvw;margin:0;padding:0;overflow:hidden}.full-page-iframe{border:none;width:100%;height:100%;display:block}.game-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:rgba(0,0,0,.75)!important}.game-modal-content{position:relative!important;background-color:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;max-width:100vw!important;max-height:100vh!important}@keyframes fadeIn{0%{opacity:.65;transform:scale(.95)}to{opacity:1;transform:scale(1)}}