@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@700&display=swap);.container{flex-direction:column;padding:10px;width:100%}@media (min-width:768px){.container{flex-direction:row;padding:20px}}@media (min-width:1200px){.container{margin:0 auto;max-width:1140px}}@media (max-width:768px){.game-board-layout{gap:var(--spacing-sm);grid-template-areas:"player-list" "top-players" "main-area" "left-side" "right-side" "player-hand" "controls";grid-template-columns:1fr;grid-template-rows:auto;height:auto;padding:var(--spacing-sm)}.player-status-sidebar{grid-area:player-list}.game-board .top-players{grid-area:top-players}.lobby-status-section,.room-code-display{box-shadow:none;margin:var(--spacing-sm) auto;max-width:300px;padding:var(--spacing-xs) var(--spacing-sm);position:static;width:90%}.lobby-status-section h4{font-size:1.1em;margin-bottom:var(--spacing-xs)}.lobby-label,.status-value{font-size:.9em}.room-code-label{font-size:.75em;margin-bottom:0}.room-code-value{font-size:1.8em;letter-spacing:1px}.game-top-bar{align-items:center;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.player-status-sidebar{background-color:var(--bg-card);border-radius:var(--border-radius-default);box-shadow:0 2px 5px var(--shadow-black);max-height:120px;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-sm);position:static;white-space:nowrap;width:100%}.player-list-grid{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-sm);height:100%}.player-status-item{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;font-size:.85em;height:80px;justify-content:center;max-width:150px;min-width:120px;overflow:hidden;padding:var(--spacing-xs);text-overflow:ellipsis;white-space:normal}.player-name-wrapper{margin-bottom:2px}.player-hand-size,.player-rank{font-size:.75em;margin-left:0}}@media (max-width:768px){.player-status-sidebar::-webkit-scrollbar{height:var(--spacing-sm)}.player-status-sidebar::-webkit-scrollbar-track{background:var(--bg-card-alt);border-radius:var(--border-radius-default)}.player-status-sidebar::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--border-radius-default)}.player-status-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}}@media (max-width:576px){.card-rank{font-size:1.1em}.card-suit-symbol{font-size:1em}}@media (max-width:768px){.pile-area{flex-wrap:wrap;height:auto;min-height:150px;padding:var(--spacing-sm);width:95%}}@media (max-width:576px){.pile-area .card{height:110px;margin:2px;width:80px}}@media (max-width:768px){.button{font-size:1em;padding:var(--spacing-sm) var(--spacing-md)}}:root{--color-dark-blue-gray:#2c3e50;--color-vibrant-green:#2ecc71;--color-gold-yellow:#f1c40f;--color-deep-red:#e74c3c;--color-light-gray:#ecf0f1;--color-muted-gray:#bdc3c7;--color-dark-text:#34495e;--color-white:#fff;--color-off-white:#fdfdfd;--bg-page:var(--color-dark-blue-gray);--bg-card:#34495e;--bg-lobby-card:#465a71;--bg-input:#44586c;--bg-game-board:var(--color-off-white);--bg-error-overlay:#e74c3c33;--suit-black:#222;--suit-red:#d00000;--text-primary:var(--color-light-gray);--text-secondary:var(--color-muted-gray);--text-on-light:var(--color-dark-text);--text-disabled:#bdc3c7;--border-default:#3d516d;--border-accent:#b0c4de;--border-light:#dbe4ee;--action-primary:#3498db;--action-hover:#2980b9;--action-accent:var(
    --color-vibrant-green
  );--action-accent-dark:#27ae60;--action-disabled:#95a5a6;--status-success:#28a745;--status-warning:#ffc107;--status-info:#6c757d;--status-error:var(--color-deep-red);--shadow-black:#0000001a;--shadow-green:#2ecc7180;--shadow-gold:#f1c40f80;--header-height-desktop:80px;--header-height-mobile-fixed:0;--header-height:90px;--border-radius-default:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px}body,html{background-color:#2c3e50;background-color:var(--bg-page);color:#ecf0f1;color:var(--text-primary);font-family:Inter,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}#root{display:flex;flex-direction:column;height:100%}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}.app-container{min-height:100vh;padding-top:0}.app-container,.app-main-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1}.app-main-content{max-width:100vw;padding:24px;padding:var(--spacing-lg);width:100%}.app-title,.game-board-title{color:#34495e;color:var(--color-dark-text);font-family:Montserrat,sans-serif;font-size:2.2em;font-weight:700;margin:0;text-align:center}.app{text-align:center}@media (max-width:768px){.app-container{min-height:0;min-height:auto;padding-top:0;padding-top:var(--header-height-mobile-fixed)}.app-main-content{padding:16px;padding:var(--spacing-md)}}.game-selection-page{padding:20px;text-align:center}.game-selection-page h2{color:var(--text-primary);font-size:2.5em;margin-bottom:40px}.game-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.game-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 8px var(--shadow-black);display:flex;flex-direction:column;text-align:left;transition:transform .2s ease-in-out;width:280px}.game-card .game-thumbnail{border-radius:4px 4px 0 0;display:block;height:auto;margin-bottom:15px;width:100%}.game-card .game-item{padding:20px}.game-card h3{color:var(--text-primary);margin-top:0}.game-card p{color:var(--text-primary);font-size:.9em;margin-bottom:20px}.game-card .play-button{background-color:var(--action-primary);border-radius:5px;color:var(--text-primary);display:inline-block;font-weight:700;padding:10px 15px;text-decoration:none}.game-card .play-button:hover{background-color:var(--action-hover)}.game-card:hover{transform:translateY(-5px)}.game-thumbnail{border-bottom:1px solid var(--border-default);height:180px;object-fit:cover;width:100%}.game-details{display:flex;flex-direction:column;flex-grow:1;padding:20px}.game-details h3{color:var(--text-primary);font-size:1.5em;margin-bottom:10px;margin-top:0}.game-details p{color:var(--text-primary);flex-grow:1;font-size:.95em;line-height:1.5;margin-bottom:20px}.game-actions,.game-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.button{background-color:var(--action-primary);border-radius:5px;color:var(--text-primary);font-size:.9em;min-width:100px;padding:10px 15px;transition:background-color .2s ease}.button:hover:not(:disabled){background-color:var(--action-hover)}.button:disabled{background-color:var(--text-disabled);opacity:.7}.game-card.coming-soon{opacity:.7;pointer-events:none}.game-card.coming-soon .button{background-color:var(--status-info);cursor:not-allowed}@media (max-width:768px){.game-list{align-items:center;flex-direction:column}.game-card{max-width:350px;width:90%}}@media (max-width:480px){.game-selection-page h2{font-size:2em}.button{font-size:.85em;padding:10px 12px}}.game-lobby-page-container{align-items:center;background-color:var(--bg-page);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-lg)}.game-lobby-page-container h2{color:var(--color-deep-red);font-size:2.5em;margin-bottom:var(--spacing-lg);text-shadow:1px 1px 2px var(--shadow-black)}.tabs-container{border-bottom:2px solid var(--border-default);display:flex;margin-bottom:var(--spacing-md);max-width:400px;width:100%}.tab-button{background-color:var(--bg-input);border:none;border-radius:var(--border-radius-default) var(--border-radius-default) 0 0;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1.1em;margin:0 var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease,color .3s ease}.tab-button:hover:not(.active){background-color:color-mix(in srgb,var(--bg-input) 80%,#000)}.tab-button.active{background-color:var(--action-primary);border-bottom:2px solid var(--action-primary);color:var(--color-white);font-weight:700;padding-bottom:calc(var(--spacing-sm) + 2px)}.tab-button:disabled{background-color:var(--action-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.tab-content{background-color:var(--bg-lobby-card);border-radius:var(--border-radius-default);box-shadow:0 4px 8px var(--shadow-black);max-width:400px;padding:var(--spacing-lg);text-align:center;width:100%}.tab-content h2{color:var(--text-primary);font-size:1.5em;margin-bottom:var(--spacing-md)}.form-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{text-align:left}.form-group label{color:#bbb;display:block;margin-bottom:5px}.form-group input,.form-group select{background-color:#444;border:1px solid #555;border-radius:4px;color:#f8f8f2;font-size:1em;padding:10px;width:calc(100% - 20px)}.form-group input:focus,.form-group select:focus{border-color:var(--action-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--action-primary) 30%,#0000);outline:none}button[type=submit]{background-color:var(--status-success);border:none;border-radius:var(--border-radius-default);color:var(--color-white);cursor:pointer;font-size:1.1em;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:background-color .3s ease}button[type=submit]:hover:not(:disabled){background-color:var(--action-accent-dark)}button[type=submit]:disabled{background-color:var(--action-disabled);cursor:not-allowed}.divider{background-image:linear-gradient(to right,#0000,var(--border-default),#0000);border:0;height:1px;margin:var(--spacing-lg) 0;width:80%}.lobbies-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--spacing-md);max-width:1200px;width:100%}.lobby-card{background-color:var(--bg-lobby-card);border:1px solid var(--border-light);border-radius:var(--border-radius-default);box-shadow:0 2px 5px var(--shadow-black);display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.lobby-card:hover{box-shadow:0 6px 12px var(--shadow-black);transform:translateY(-5px)}.lobby-card h4{color:var(--action-primary);font-size:1.5em;margin-bottom:var(--spacing-sm);margin-top:0}.lobby-card p{color:var(--text-primary);margin:var(--spacing-xs) 0}.lobby-status{border-radius:var(--border-radius-default);color:var(--color-white);display:inline-block;font-weight:700;margin-top:var(--spacing-sm);padding:5px 10px}.lobby-status.waiting{background-color:var(--status-success)}.lobby-status.in-progress{background-color:var(--status-warning);color:var(--text-on-light)}.lobby-status.finished{background-color:var(--status-info)}.join-lobby-list-button{background-color:var(--color-vibrant-green);border:none;border-radius:var(--border-radius-default);color:var(--color-white);cursor:pointer;font-size:1em;font-weight:700;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s ease;width:100%}.join-lobby-list-button:hover{background-color:var(--action-accent-dark)}.join-lobby-list-button:disabled{background-color:var(--action-disabled);cursor:not-allowed}.game-page-container{background-color:var(--bg-page);display:flex;flex-direction:column;flex-grow:1;gap:var(--spacing-md);padding:var(--spacing-md)}.game-page-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.5em;justify-content:center;min-height:80vh}.game-page-title{color:var(--text-primary);flex-basis:100%;font-size:2em;margin-bottom:var(--spacing-md);text-align:center;width:100%}.game-page-top-info.desktop-ui{align-items:flex-start;background-color:var(--bg-card);border-radius:var(--border-radius-default);box-shadow:0 2px 5px #0000000d;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.lobby-status-section{background-color:var(--color-white);border:1px solid var(--border-light);border-radius:var(--border-radius-default);box-shadow:0 4px 8px var(--shadow-black);color:var(--text-on-light);left:var(--spacing-md);min-width:200px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;top:var(--spacing-md);z-index:10}.lobby-status-section h4{color:var(--color-dark-text);font-family:Montserrat,sans-serif;font-size:1.4em;margin-bottom:var(--spacing-md);margin-top:0;text-align:center}.lobby-status-grid{grid-gap:var(--spacing-sm) var(--spacing-md);display:grid;gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:auto 1fr}.lobby-status-row{display:contents}.lobby-label{color:var(--text-secondary);font-weight:600;text-align:right}.status-value{color:var(--text-on-light);font-size:1.1em;font-weight:700;text-align:left}.status-indicator-group{align-items:center;display:flex;gap:5px}.status-light{background-color:var(--color-red);border-radius:50%;height:10px;width:10px}.status-light-container{align-items:center;display:flex;justify-content:center;margin-right:var(--spacing-xs);position:relative}.status-light.active,.status-light.active-game{animation:pulse 1.5s ease-in-out infinite;background-color:var(--color-vibrant-green);box-shadow:0 0 5px var(--color-vibrant-green)}.status-light.inactive{background-color:var(--color-muted-gray);box-shadow:0 0 3px var(--color-muted-gray)}.status-light.inactive-game{background-color:var(--color-deep-red);box-shadow:0 0 5px #e74c3cb3}.status-light.disabled{background-color:var(--text-disabled);border:1px solid #ffffff4d;border-radius:50%;height:10px;position:relative;width:10px}.status-light.current-turn-light{background-color:var(--color-gold-yellow);box-shadow:0 0 8px var(--shadow-gold);height:8px;position:absolute;right:-12px;top:-2px;width:8px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.room-code-display{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius-default);box-shadow:0 2px 5px var(--shadow-black);color:var(--text-on-light);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);right:var(--spacing-md);top:var(--spacing-md);z-index:10}.room-code-label{color:var(--text-secondary);font-size:.85em;font-weight:400;letter-spacing:1px;text-transform:uppercase}.room-code-value{color:var(--color-dark-text);font-size:2.2em;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 2px var(--shadow-black)}.room-management-actions.game-page-actions{align-items:flex-start;display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.room-management-actions.game-page-actions .button{font-size:.9em;min-width:100px;padding:var(--spacing-sm) var(--spacing-md)}.header-right-info-column{align-items:flex-end;display:flex;flex-direction:column;gap:10px;margin-left:20px;right:20px;top:20px}.player-status-sidebar{background-color:var(--bg-card);border-radius:var(--border-radius-default);box-shadow:0 2px 5px var(--shadow-black);margin-top:var(--spacing-md);max-height:120px;overflow-x:auto;overflow-y:hidden;padding:var(--spacing-sm);position:relative;scrollbar-width:none;white-space:nowrap;width:100%}.player-list-grid{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-sm);height:100%}.player-status-item{align-items:flex-start;background-color:var(--color-white);border-radius:var(--border-radius-sm);box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:.85em;height:80px;justify-content:center;max-width:150px;min-width:120px;overflow:hidden;padding:var(--spacing-xs);text-overflow:ellipsis;transition:transform .1s ease-out,box-shadow .1s ease-out;white-space:normal}.player-status-item:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-2px)}.player-status-item.you{background-color:color-mix(in srgb,var(--action-primary) 10%,var(--color-white));border:2px solid var(--action-primary)}.player-status-item.current-turn{background-color:color-mix(in srgb,var(--color-green) 10%,var(--color-white));border:2px solid var(--color-green);box-shadow:0 0 10px var(--color-green-light)}.player-name-wrapper{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:5px;margin-bottom:2px}.player-you-tag{background-color:var(--action-primary)}.player-turn-tag,.player-you-tag{border-radius:var(--border-radius-sm);color:var(--color-white);font-size:.7em;font-weight:400;padding:2px 6px}.player-turn-tag{background-color:var(--color-green)}.player-details{color:var(--text-secondary);font-size:.75em}.player-status-sidebar::-webkit-scrollbar{height:var(--spacing-sm)}.player-status-sidebar::-webkit-scrollbar-track{background:var(--bg-card-alt);border-radius:var(--border-radius-default)}.player-status-sidebar::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--border-radius-default)}.player-status-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.player-item{align-items:flex-start;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-default);color:var(--text-primary);display:flex;flex-direction:column;max-height:56px;min-width:175px;padding:var(--spacing-sm);transition:background-color .2s ease,transform .1s ease}.player-item.you{background-color:color-mix(in srgb,var(--color-dark-blue-gray) 90%,var(--color-vibrant-green) 10%);border-color:var(--color-vibrant-green);font-weight:700}.player-item:hover{background-color:color-mix(in srgb,var(--bg-card) 90%,var(--text-primary) 10%);transform:translateY(-2px)}.player-name{color:var(--text-primary);font-weight:700;margin-bottom:3px;position:relative}.player-name span{font-size:.85em;font-weight:400;opacity:.8}.player-hand-size,.player-rank{color:var(--text-secondary);font-size:.85em;margin-left:calc(var(--spacing-md) + var(--spacing-xs))}.player-rank{color:var(--color-gold-yellow);font-style:italic}.player-status-sidebar p{color:var(--text-secondary);padding:var(--spacing-sm);text-align:center}.player-details{display:flex;flex-direction:column;flex-grow:1}.player-card-count,.player-rank,.player-role{color:var(--text-secondary);font-size:.85em;margin-bottom:2px}.game-message{-webkit-overflow-scrolling:touch;background-color:var(--bg-card);border-radius:var(--border-radius-default);box-shadow:0 1px 3px #00000014;color:var(--text-primary);font-size:1.1em;font-weight:500;overflow-x:auto;padding:var(--spacing-sm);padding-bottom:var(--spacing-xs);text-align:center;white-space:nowrap}.start-game-button-container{display:flex;justify-content:center;padding:var(--spacing-md) 0}.start-game-button{background-color:var(--color-vibrant-green);border:none;border-radius:var(--border-radius-lg);box-shadow:0 4px 10px #0080004d;color:var(--color-white);cursor:pointer;font-size:1.2em;font-weight:700;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .2s ease,transform .1s ease}.start-game-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-vibrant-green) 80%,#000);transform:translateY(-2px)}.start-game-button:disabled{background-color:var(--action-disabled);box-shadow:none;cursor:not-allowed;opacity:.7}.rankings-section{border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000001a}.rankings-section h3{color:var(--text-primary);font-size:1.8em}.rankings-list li{background-color:var(--color-white);box-shadow:0 1px 3px #0000000d;color:var(--text-on-light);margin-bottom:var(--spacing-xs)}.error-message,.rankings-list li{border-radius:var(--border-radius-default);padding:var(--spacing-sm)}.error-message{background-color:var(--color-red-light);color:var(--color-red-dark);font-weight:500}@media (max-width:768px){.game-page-container{gap:var(--spacing-sm);padding:var(--spacing-sm)}.game-page-title{font-size:1.5em;margin-bottom:var(--spacing-sm)}.game-page-top-info.desktop-ui{display:none}.game-page-top-info.mobile-ui{align-items:center;background-color:var(--bg-card);border-radius:var(--border-radius-default);box-shadow:0 2px 5px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);width:100%}.game-page-title-mobile{color:var(--text-primary);font-size:1.3em;margin-bottom:var(--spacing-xs);text-align:center;width:100%}.mobile-info-bar{align-items:center;border-radius:var(--border-radius-sm);box-shadow:0 1px 3px #0000000d;display:flex;font-size:.9em;justify-content:space-around;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.mobile-info-bar span{color:var(--text-primary);font-weight:500}.mobile-info-bar strong{color:var(--text-primary);font-weight:600;margin-left:5px}.mobile-game-actions-bar{display:flex;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-xs);width:100%}.mobile-game-actions-bar .mobile-action-button{flex-grow:1;font-size:.8em;max-width:100px;min-width:70px;padding:var(--spacing-xs) var(--spacing-sm)}.mobile-game-actions-bar .delete-button{background-color:var(--color-red);color:var(--color-white)}.lobby-status-section{flex-basis:auto;flex-grow:0;font-size:.8em;padding:var(--spacing-xs);width:100%}.lobby-status-section h4{font-size:1em;margin-bottom:var(--spacing-xs)}.lobby-status-grid{gap:2px 5px}.lobby-label{font-weight:500}.status-light{height:8px;width:8px}.room-code-display,.room-management-actions.game-page-actions{font-size:.9em;justify-content:center;padding:var(--spacing-sm);text-align:center;width:100%}.room-code-display{align-items:center}.room-management-actions.game-page-actions .button{max-width:150px;width:auto}.player-status-sidebar{max-height:100px;padding:var(--spacing-xs)}.player-status-item{font-size:.8em;height:70px;min-width:100px;padding:var(--spacing-xs)}.player-name-wrapper{font-size:.9em}.player-turn-tag,.player-you-tag{font-size:.6em;padding:1px 4px}.player-details{font-size:.7em}.game-message{font-size:1em;padding:var(--spacing-xs)}.start-game-button{font-size:1em;padding:var(--spacing-sm) var(--spacing-md)}.rankings-section{padding:var(--spacing-md)}.rankings-section h3{font-size:1.5em}.rankings-list li{font-size:1em}}.asshole-game-board-wrapper{align-items:center;background-color:var(--bg-page);box-shadow:0 4px 15px var(--shadow-black);color:var(--text-primary);display:flex;flex-direction:column;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:var(--spacing-md) auto;max-width:1200px;min-height:70vh;position:relative;width:100%}.asshole-game-board-wrapper h2{color:var(--text-primary);font-size:2.2em;letter-spacing:1px;margin-bottom:var(--spacing-md)}.asshole-game-board-wrapper h3{color:var(--text-primary);font-size:1.2em;margin-bottom:var(--spacing-lg)}.asshole-game-board-wrapper h2,.asshole-game-board-wrapper h3{position:relative;text-align:center;z-index:5}.error-message{color:var(--status-error);font-size:1.1em;margin-top:var(--spacing-md);text-align:center}@media (max-width:768px){.asshole-game-board-wrapper{align-items:center;flex-direction:column;width:90%}.main-game-content{margin-left:0}}.game-board{align-items:center;display:flex;flex-direction:column;margin-top:var(--spacing-md);max-width:1200px;width:100%}.game-board-layout{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-areas:"top-players" "main-area" "player-hand" "controls";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto;height:100%;overflow-x:hidden;width:100%}.top-players{align-items:flex-start;background-color:#0003;flex-wrap:wrap;gap:var(--spacing-lg);grid-area:top-players;min-height:120px}.main-area,.top-players{border-radius:var(--border-radius-md);display:flex;justify-content:center;padding:var(--spacing-md);width:100%}.main-area{align-items:center;background-color:#0000004d;flex-direction:column;grid-area:main-area;min-height:200px;position:relative}.controls-area{grid-area:controls;justify-content:right;margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.controls-area,.pile-area{align-items:center;display:flex}.pile-area{flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:250px;min-height:150px;position:relative;width:100%}.pile-area h4{color:var(--text-primary);font-size:1.2em;margin-bottom:var(--spacing-sm)}.pile-cards-display{align-items:center;display:flex;height:160px;justify-content:center;margin-bottom:var(--spacing-sm);max-width:180px;overflow:hidden;position:relative;width:100%}.pile-cards-display .card{border-radius:8px;box-shadow:0 4px 8px #0006;height:140px;left:50%;position:absolute;top:50%;transform-origin:center;transition:all .3s ease-out;width:100px}.pile-cards-display .card:last-child{transform:translate(-50%,-50%) rotate(0deg);z-index:5}.pile-cards-display .card:nth-last-child(2){transform:translate(calc(-50% - 10px),calc(-50% - 5px)) rotate(-3deg);z-index:4}.pile-cards-display .card:nth-last-child(3){transform:translate(calc(-50% + 10px),calc(-50% + 5px)) rotate(3deg);z-index:3}.pile-cards-display .card:nth-last-child(4){transform:translate(calc(-50% - 20px),calc(-50% - 10px)) rotate(-6deg);z-index:2}.pile-cards-display .card:nth-last-child(5){transform:translate(calc(-50% + 20px),calc(-50% + 10px)) rotate(6deg);z-index:1}.pile-info{color:var(--text-secondary);font-size:.9em;margin-top:var(--spacing-sm)}.no-pile-message{color:var(--text-secondary);font-style:italic}.opponent-display{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-dark);border-radius:var(--border-radius-md);box-shadow:0 2px 5px #0000004d;display:flex;flex-direction:column;padding:var(--spacing-sm);transition:all .2s ease}.opponent-display.current-turn{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary),inset 0 0 5px var(--color-primary);transform:translateY(-5px)}.opponent-info{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--spacing-xs)}.opponent-name{color:var(--text-primary);font-size:1.1em;font-weight:600}.opponent-cards-count{color:var(--text-secondary);font-size:.8em}.opponent-cards{display:flex;flex-wrap:wrap;gap:-15px;justify-content:center}.opponent-cards .card{border-radius:var(--border-radius-sm);box-shadow:0 1px 3px #0003;height:84px;margin-right:-40px;width:60px}.opponent-cards .card:last-child{margin-right:0}.player-hand-container{align-items:flex-end;margin-top:var(--spacing-lg);overflow-x:hidden;padding:var(--spacing-md) 0;perspective:1000px}.player-hand-container .card{cursor:pointer;margin-left:-50px;position:relative;transform:rotate(0deg);transform-origin:bottom center;transition:transform .2s ease-out,margin-left .2s ease-out,z-index .1s ease;z-index:1}.player-hand-container .card:first-child{margin-left:0}.player-hand-container .card:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-20px) scale(1.05);z-index:10}.player-hand-container .card.selected{border:3px solid var(--action-primary);box-shadow:0 0 15px color-mix(in srgb,var(--action-primary) 70%,#0000);transform:translateY(-30px) scale(1.08);z-index:15}.card-image{align-items:center;background-color:var(
    --color-off-white
  );border:1px solid var(--border-default);border-radius:var(--border-radius-default);box-shadow:1px 1px 3px #0000004d;color:var(--color-dark-text);cursor:pointer;display:flex;font-size:.9em;font-weight:700;height:110px;justify-content:center;position:relative;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;width:80px}.card-image img{display:block;max-height:100%;max-width:100%;object-fit:contain}.card-image.no-image{background-color:var(--color-white);font-size:1em}.card-image.selected{border-color:var(--action-primary);box-shadow:0 5px 15px color-mix(in srgb,var(--action-primary) 60%,#0000);transform:translateY(-10px)}.game-top-bar{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm);width:100%}.game-board-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm);margin-bottom:0;margin-top:0}.player-turn-actions{align-items:flex-end;flex-direction:row;gap:var(--spacing-lg);padding:var(--spacing-xs)}.player-turn-actions,.room-management-actions{display:flex;justify-content:center;max-width:400px;width:100%}.room-management-actions{gap:var(--spacing-md)}.button{border:none;border-radius:var(--border-radius-default);color:var(--color-white);cursor:pointer;flex-grow:1;font-size:1.2em;font-weight:700;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .3s ease,transform .1s ease,box-shadow .3s ease}.button:hover:not(:disabled){box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.button:disabled{background-color:var(--action-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.play-button{background-color:var(--color-vibrant-green)}.play-button:hover:not(:disabled){background-color:var(--action-accent-dark)}.pass-button{background-color:var(--action-primary)}.pass-button:hover:not(:disabled){background-color:var(--action-hover)}.leave-room-button{background-color:var(--color-gold-yellow);color:var(--text-on-light);font-size:.8em;padding:var(--spacing-sm) var(--spacing-xs)}.leave-room-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-gold-yellow) 90%,#000)}.delete-room-button{background-color:var(--color-deep-red)}.delete-room-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-deep-red) 90%,#000)}.rankings-section{background-color:var(--bg-card);border-radius:var(--border-radius-default);box-shadow:0 5px 15px #0006;color:var(--text-primary);margin-top:var(--spacing-lg);max-width:500px;padding:var(--spacing-lg);text-align:center;width:80%}.rankings-section h3{color:var(--action-primary);margin-bottom:var(--spacing-md)}.rankings-list{list-style:none;margin:0;padding:0}.rankings-list li{border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:1.1em;padding:var(--spacing-xs) 0}.rankings-list li:last-child{border-bottom:none}@media (max-width:768px){.asshole-game-board-wrapper{margin:var(--spacing-sm) auto;min-height:auto;padding:var(--spacing-md)}.game-board-layout{gap:var(--spacing-sm);grid-template-areas:"top-players" "main-area" "controls" "player-hand";grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.top-players{gap:var(--spacing-md);min-height:100px;padding:var(--spacing-sm)}.opponent-display{align-items:center;flex-direction:row;gap:var(--spacing-sm);justify-content:space-between;width:100%}.opponent-info{flex-direction:row;gap:var(--spacing-xs);margin-bottom:0}.opponent-name{font-size:1em}.opponent-cards-count{font-size:.7em}.opponent-cards .card{height:63px;margin-right:-25px;width:45px}.main-area{min-height:150px;padding:var(--spacing-sm);width:28%}.pile-area .card{height:112px;width:80px}.pile-cards-display{height:120px;max-width:120px}.pile-cards-display .card{height:98px;width:70px}.game-board-actions{flex-direction:column;gap:var(--spacing-sm)}.player-turn-actions{flex-direction:column;width:100%}.button.pass-button,.button.play-button{font-size:1em;padding:var(--spacing-sm) var(--spacing-md);width:100%}.start-game-button{font-size:1em;margin-top:var(--spacing-md);padding:var(--spacing-md);width:100%}}.card-container{background-color:#fff;border:2px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:112px;justify-content:space-between;overflow:hidden;padding:8px;position:relative;transition:all .2s ease-in-out;width:80px}@media (min-width:640px){.card-container{border-radius:10px;height:128px;padding:10px;width:96px}}@media (min-width:768px){.card-container{border-radius:12px;height:144px;padding:12px;width:112px}}.card-selected{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa;transform:translateY(-16px)}.red-suit{color:var(--suit-red)}.black-suit{color:var(--suit-black)}.card-corner{align-items:center;display:flex;flex-direction:column;line-height:1;position:absolute;z-index:10}.card-top-left{left:8px;top:8px}.card-bottom-right{bottom:8px;right:8px;transform:rotate(180deg)}.card-rank{font-size:1.25rem;font-weight:700}@media (min-width:640px){.card-rank{font-size:1.5rem}}.card-corner-suit-svg{fill:currentColor;height:16px;width:16px}@media (min-width:640px){.card-corner-suit-svg{height:20px;width:20px}}.card-pip-area{box-sizing:border-box;height:100%;left:0;padding:25% 15%;pointer-events:none;position:absolute;top:0;width:100%}.pip-wrapper{fill:currentColor;height:12px;position:absolute;width:12px}@media (min-width:640px){.pip-wrapper{height:16px;width:16px}}@media (min-width:768px){.pip-wrapper{height:20px;width:20px}}.rotated-pip{transform:rotate(180deg)}.pip-position-top-left{left:30%;position:inherit;top:28%;transform:translate(-50%,-50%)}.pip-position-top-right{position:inherit;right:30%;top:28%;transform:translate(50%,-50%)}.pip-position-top-middle{top:28%}.pip-position-top-center-top,.pip-position-top-middle{left:50%;position:inherit;transform:translate(-50%,-50%)}.pip-position-top-center-top{top:38%}.pip-position-middle-left{left:30%;position:inherit;top:50%;transform:translate(-50%,-50%)}.pip-position-middle-right{position:inherit;right:30%;top:50%;transform:translate(50%,-50%)}.pip-position-center-middle{left:50%;position:inherit;top:50%;transform:translate(-50%,-50%)}.pip-position-middle-left-narrow{left:30%;position:inherit;top:43%;transform:translate(-50%,-50%)}.pip-position-middle-right-narrow{position:inherit;right:30%;top:43%;transform:translate(50%,-50%)}.pip-position-center-left-vertical{left:30%;position:inherit;top:58%;transform:translate(-50%,-50%) rotate(180deg)}.pip-position-center-right-vertical{position:inherit;right:30%;top:58%;transform:translate(50%,-50%) rotate(180deg)}.pip-position-bottom-left-rotated{bottom:28%;left:30%;position:inherit;transform:translate(-50%,50%) rotate(180deg)}.pip-position-bottom-right-rotated{bottom:28%;position:inherit;right:30%;transform:translate(50%,50%) rotate(180deg)}.pip-position-bottom-middle-rotated{bottom:28%;left:50%;position:inherit;transform:translate(-50%,50%) rotate(180deg)}.pip-position-bottom-center-bottom-rotated{bottom:38%;left:50%;position:inherit;transform:translate(-50%,50%) rotate(180deg)}.card-center-face-symbol{align-items:center;display:flex;height:60%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.card-center-suit-svg{fill:currentColor;height:100%;width:100%}.card-center-face-image-wrapper{align-items:center;border-radius:4px;display:flex;height:60%;justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.card-center-face-image{border-radius:inherit;height:100%;object-fit:contain;width:100%}.card-face-down{background-color:#1a202c;overflow:hidden}.card-back-pattern,.card-face-down{align-items:center;display:flex;justify-content:center}.card-back-pattern{inset:0}.card-back-symbol{fill:currentColor;color:#90cdf4;height:48px;width:48px;z-index:1}.card-back-gradient{background:linear-gradient(to bottom right,#3b82f6,#4f46e5);border-radius:8px;inset:0;opacity:.7;z-index:0}@media (min-width:640px){.card-back-gradient{border-radius:10px}}@media (min-width:768px){.card-back-gradient{border-radius:12px}}.card-back-initials{color:#fff;font-size:1.875rem;font-weight:700;position:relative;z-index:10}.player-hand-container{align-items:center;background-color:var(--bg-card);border-radius:var(--border-radius-default);box-sizing:border-box;display:flex;height:250px;justify-content:center;margin-bottom:10px;margin-top:auto;overflow:hidden;padding:10px var(--spacing-lg);position:relative;width:100%;z-index:100}.hand-cards-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-grow:1;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.hand-cards-wrapper::-webkit-scrollbar{display:none}.hand-cards{align-items:center;display:inline-flex;height:100%}.card-wrapper{cursor:pointer;flex-shrink:0;margin-right:-90px;position:relative;transition:transform .2s ease-out,box-shadow .2s ease-out,border .2s ease-out;-webkit-user-select:none;user-select:none}.card-wrapper:first-child{margin-left:0}.card-wrapper .card{border-radius:8px;box-shadow:0 4px 8px #0003;height:210px;overflow:hidden;transition:transform .2s ease-out;width:150px}.player-hand-container .card-wrapper:hover .card{box-shadow:0 10px 20px #0000004d;transform:translateY(-20px);z-index:10}.player-hand-container .card-wrapper.selected .card{border:3px solid var(--action-primary);box-shadow:0 0 15px color-mix(in srgb,var(--action-primary) 70%,#0000);transform:translateY(-30px);z-index:15}.scroll-arrow{align-items:center;background-color:#0009;border:none;border-radius:50%;box-shadow:0 2px 5px #0000004d;box-sizing:border-box;color:var(--color-white);cursor:pointer;display:flex;font-size:1.2em;height:40px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,transform .1s ease;width:40px;z-index:20}.scroll-arrow:hover{background-color:#000c;transform:translateY(-50%) scale(1.1)}.scroll-arrow.left-arrow{left:var(--spacing-sm)}.scroll-arrow.right-arrow{right:var(--spacing-sm)}@media (max-width:768px){.player-hand-container{align-items:center;display:flex;height:160px;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:10px var(--spacing-md);width:32%}.hand-cards-wrapper{flex-grow:1}.card-wrapper{margin-right:-20px}.card-wrapper .card{box-shadow:0 2px 5px #0003;height:140px;width:100px}.player-hand-container .card-wrapper:hover .card{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.player-hand-container .card-wrapper.selected .card{border:3px solid var(--action-primary);box-shadow:0 0 10px color-mix(in srgb,var(--action-primary) 70%,#0000);transform:translateY(-15px)}.scroll-arrow{background-color:#000000b3;box-shadow:0 1px 3px #0006;box-sizing:border-box;flex-shrink:0;font-size:.9em;height:30px;left:auto;padding:0;position:static;right:auto;top:auto;transform:none;width:30px}.scroll-arrow:hover{background-color:#000c;transform:scale(1.1)}.card-rank{font-size:1.1em}.card-suit-symbol{font-size:1em}.card-pip-symbol{font-size:1.2em}.card-face-rank{font-size:1.4em}}.app-header{align-items:center;background-color:#282828cc;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;color:var(--color-white);display:flex;height:var(--header-height-desktop);justify-content:space-between;left:0;padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;transition:transform .3s ease-out;width:100%;z-index:1000}.header-left-section{align-items:center;display:flex;gap:var(--spacing-lg)}.app-logo-link{align-items:center;display:flex;height:50px}.app-logo{border-radius:var(--border-radius-sm);height:100%;object-fit:contain;width:auto}.main-nav{display:block}.main-nav ul{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.main-nav .nav-dropdown-toggle,.main-nav a{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;font-size:.95em;font-weight:600;gap:var(--spacing-xs);overflow:hidden;padding:var(--spacing-xs) var(--spacing-md);position:relative;text-decoration:none;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;white-space:nowrap;z-index:1}.main-nav .nav-dropdown-toggle:hover,.main-nav a:hover{background-color:var(--shadow-green);box-shadow:0 0 15px #2ecc714d,0 0 5px var(--shadow-green);color:var(--color-white);transform:translateY(-2px)}.nav-dropdown-toggle.active-dropdown-toggle{background-color:var(--shadow-green);box-shadow:none;transform:none}.nav-item-dropdown{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:5px;position:relative}.nav-dropdown-toggle{margin-bottom:0;padding-right:var(--spacing-sm)}.nav-dropdown-toggle .dropdown-icon{font-size:.8em;margin-left:var(--spacing-xs);transition:transform .2s ease}.dropdown-menu{background-color:#1a1a1acc;border-radius:8px;box-shadow:0 8px 20px var(--shadow-black);display:flex;flex-direction:column;gap:var(--spacing-xs);left:0;list-style:none;margin:0;min-width:280px;opacity:0;padding:var(--spacing-md);pointer-events:none;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease-out,visibility .3s ease-out,transform .3s ease-out;visibility:hidden;z-index:1050}.nav-item-dropdown:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.dropdown-menu li{width:100%}.dropdown-menu a{border-radius:0;display:block;font-size:.9em;font-weight:400;padding:var(--spacing-sm);transition:background-color .15s ease}.dropdown-menu a,.dropdown-menu a:hover{box-shadow:none;color:var(--color-white);transform:none}.dropdown-menu a:hover{background-color:#ffffff14}.dropdown-menu li:first-child a:hover{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-menu li:last-child a:hover{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown-item-content{align-items:center;display:flex;gap:var(--spacing-md)}.dropdown-item-image{border-radius:4px;flex-shrink:0;height:50px;object-fit:contain;width:50px}.dropdown-item-text{display:flex;flex-direction:column;flex-grow:1;text-align:left}.dropdown-item-title{color:var(--color-white);font-size:1.15em;font-weight:700;margin-bottom:2px}.dropdown-item-description{color:#fff9;font-size:.85em;line-height:1.3;white-space:normal}.dropdown-separator{background-color:#ffffff1a;height:1px;margin:var(--spacing-sm) 0;width:100%}.header-right-section{align-items:center;display:flex;gap:var(--spacing-md)}.header-icon-button{background:none;border:none;border-radius:50%;color:var(--color-white);cursor:pointer;font-size:1.2em;padding:var(--spacing-xs);position:relative;transition:background-color .2s ease}.header-icon-button:hover{background-color:#ffffff1a}.user-profile-widget{align-items:center;background-color:#ffffff14;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease}.user-profile-widget:hover{background-color:#ffffff26}.user-avatar{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;font-size:.9em;font-weight:600;height:30px;justify-content:center;width:30px}.user-name{font-size:.9em;font-weight:500}.user-dropdown-icon{font-size:.8em;margin-left:var(--spacing-xs)}.notification-badge{background-color:var(--color-red);border:2px solid var(--bg-page);border-radius:50%;height:12px;position:absolute;right:-5px;top:-5px;width:12px}.mobile-header-bar{align-items:center;box-sizing:border-box;display:none;height:var(--header-height-mobile);justify-content:space-between;padding:0 var(--spacing-md);width:100%}.mobile-header-bar .app-logo-link{height:40px}.mobile-header-right-icons{align-items:center;display:flex;gap:var(--spacing-sm)}.menu-button{background:none;border:none;border-radius:50%;color:var(--color-white);cursor:pointer;font-size:1.5em;padding:var(--spacing-xs);transition:background-color .2s ease}.menu-button:hover{background-color:#ffffff1a}.mobile-menu-panel{-webkit-overflow-scrolling:touch;background-color:#1a1a1ae6;bottom:0;box-shadow:-5px 0 15px #00000080;display:flex;flex-direction:column;max-width:350px;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);width:100%;z-index:1100}.mobile-menu-panel.open{transform:translateX(0)}.mobile-menu-header{align-items:center;background-color:#222;border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--spacing-md)}.mobile-menu-close-button{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:1.8em;padding:var(--spacing-xs);transition:background-color .2s ease,color .2s ease}.mobile-menu-close-button:hover{background-color:#ffffff14;color:var(--color-white)}.mobile-main-nav{flex-grow:1;padding:var(--spacing-lg) 0}.menu-category{margin-bottom:var(--spacing-xl)}.category-title{color:var(--text-secondary);display:block;font-size:.9em;font-weight:700;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding:0 var(--spacing-lg);text-transform:uppercase}.mobile-main-nav ul{list-style:none;margin:0;padding:0}.mobile-main-nav li{margin-bottom:var(--spacing-xs)}.mobile-main-nav li:last-child{margin-bottom:0}.mobile-main-nav a{align-items:center;border-radius:0;color:var(--text-primary);display:flex;font-size:1em;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:background-color .15s ease,color .15s ease}.mobile-main-nav a:hover{background-color:#ffffff14;color:var(--color-white);font-weight:600}.menu-item-content{align-items:center;display:flex;gap:var(--spacing-md)}.menu-item-icon{color:var(--color-secondary);flex-shrink:0;font-size:1.8em;text-align:center;width:40px}.menu-item-text{display:flex;flex-direction:column;flex-grow:1;text-align:left}.menu-item-title{color:var(--text-primary);font-size:1.1em;font-weight:700;margin-bottom:2px}.menu-item-description{color:#fff9;font-size:.8em;line-height:1.3;white-space:normal}.menu-separator{background-color:#ffffff14;height:1px;margin:var(--spacing-sm) var(--spacing-lg);width:auto}.menu-subcategory-title{color:var(--text-secondary);display:block;font-size:.9em;font-weight:700;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);padding:0 var(--spacing-lg);text-transform:uppercase}@media (max-width:768px){.header-left-section,.header-right-section{display:none}.mobile-header-bar{display:flex}.menu-overlay{background-color:#000000b3;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;width:100%;z-index:1090}.app-header.mobile-menu-open+.menu-overlay{opacity:1;visibility:visible}}
/*# sourceMappingURL=main.df746b7d.css.map*/