.notification-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.notification{background-color:#000000e6;color:#fff;padding:16px 24px;border-radius:8px;font-size:16px;text-align:center;opacity:0;transition:opacity .2s ease;white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.notification.visible{opacity:1}@media (max-width: 768px){.notification{font-size:14px;padding:12px 20px;max-width:90vw;white-space:normal}}.card-back-blue-1:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-1.webp)}.card-back-blue-2:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-2.webp)}.card-back-blue-3:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-3.webp)}.card-back-blue-4:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-4.webp)}.card-back-blue-5:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-5.webp)}.card-back-blue-6:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-6.webp)}.card-back-blue-7:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-7.webp)}.card-back-blue-8:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-8.webp)}.card-back-blue-9:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-9.webp)}.card-back-blue-10:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-10.webp)}.card-back-blue-11:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-11.webp)}.card-back-blue-12:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-12.webp)}.card-back-blue-13:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-13.webp)}.card-back-blue-14:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-14.webp)}.card-back-blue-15:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-15.webp)}.card-back-blue-16:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-16.webp)}.card-back-blue-17:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-17.webp)}.card-back-blue-18:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-18.webp)}.card-back-blue-19:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-19.webp)}.card-back-blue-20:not(.card-unrevealed):before{background-image:url(/images/card-blue-back-20.webp)}.card-back-red-1:not(.card-unrevealed):before{background-image:url(/images/card-red-back-1.webp)}.card-back-red-2:not(.card-unrevealed):before{background-image:url(/images/card-red-back-2.webp)}.card-back-red-3:not(.card-unrevealed):before{background-image:url(/images/card-red-back-3.webp)}.card-back-red-4:not(.card-unrevealed):before{background-image:url(/images/card-red-back-4.webp)}.card-back-red-5:not(.card-unrevealed):before{background-image:url(/images/card-red-back-5.webp)}.card-back-red-6:not(.card-unrevealed):before{background-image:url(/images/card-red-back-6.webp)}.card-back-red-7:not(.card-unrevealed):before{background-image:url(/images/card-red-back-7.webp)}.card-back-red-8:not(.card-unrevealed):before{background-image:url(/images/card-red-back-8.webp)}.card-back-red-9:not(.card-unrevealed):before{background-image:url(/images/card-red-back-9.webp)}.card-back-red-10:not(.card-unrevealed):before{background-image:url(/images/card-red-back-10.webp)}.card-back-red-11:not(.card-unrevealed):before{background-image:url(/images/card-red-back-11.webp)}.card-back-red-12:not(.card-unrevealed):before{background-image:url(/images/card-red-back-12.webp)}.card-back-red-13:not(.card-unrevealed):before{background-image:url(/images/card-red-back-13.webp)}.card-back-red-14:not(.card-unrevealed):before{background-image:url(/images/card-red-back-14.webp)}.card-back-red-15:not(.card-unrevealed):before{background-image:url(/images/card-red-back-15.webp)}.card-back-red-16:not(.card-unrevealed):before{background-image:url(/images/card-red-back-16.webp)}.card-back-red-17:not(.card-unrevealed):before{background-image:url(/images/card-red-back-17.webp)}.card-back-red-18:not(.card-unrevealed):before{background-image:url(/images/card-red-back-18.webp)}.card-back-red-19:not(.card-unrevealed):before{background-image:url(/images/card-red-back-19.webp)}.card-back-red-20:not(.card-unrevealed):before{background-image:url(/images/card-red-back-20.webp)}.card-back-neutral-1:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-1.webp)}.card-back-neutral-2:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-2.webp)}.card-back-neutral-3:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-3.webp)}.card-back-neutral-4:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-4.webp)}.card-back-neutral-5:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-5.webp)}.card-back-neutral-6:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-6.webp)}.card-back-neutral-7:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-7.webp)}.card-back-neutral-8:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-8.webp)}.card-back-neutral-9:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-9.webp)}.card-back-neutral-10:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-10.webp)}.card-back-neutral-11:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-11.webp)}.card-back-neutral-12:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-12.webp)}.card-back-neutral-13:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-13.webp)}.card-back-neutral-14:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-14.webp)}.card-back-neutral-15:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-15.webp)}.card-back-neutral-16:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-16.webp)}.card-back-neutral-17:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-17.webp)}.card-back-neutral-18:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-18.webp)}.card-back-neutral-19:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-19.webp)}.card-back-neutral-20:not(.card-unrevealed):before{background-image:url(/images/card-neutral-back-20.webp)}.card-back-black-1:not(.card-unrevealed):before{background-image:url(/images/card-black-back-1.webp)}.card-back-black-2:not(.card-unrevealed):before{background-image:url(/images/card-black-back-2.webp)}.card-back-black-3:not(.card-unrevealed):before{background-image:url(/images/card-black-back-3.webp)}.card-back-black-4:not(.card-unrevealed):before{background-image:url(/images/card-black-back-4.webp)}.card-back-black-5:not(.card-unrevealed):before{background-image:url(/images/card-black-back-5.webp)}.card-back-black-6:not(.card-unrevealed):before{background-image:url(/images/card-black-back-6.webp)}.card-back-black-7:not(.card-unrevealed):before{background-image:url(/images/card-black-back-7.webp)}.card-back-black-8:not(.card-unrevealed):before{background-image:url(/images/card-black-back-8.webp)}.card-back-black-9:not(.card-unrevealed):before{background-image:url(/images/card-black-back-9.webp)}.card-back-black-10:not(.card-unrevealed):before{background-image:url(/images/card-black-back-10.webp)}:not(.card-unrevealed)[class*=card-back-]:not(.card-unrevealed):before{opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;font-size:.875rem;line-height:1.25rem;transition:all .2s;cursor:pointer;border:none;color:#fff}.button.default{background-color:#111827}.button.default:hover{background-color:#1f2937}.button.outline{background-color:transparent;border:1px solid #d1d5db;color:#111827}.button.outline:hover{background-color:#f3f4f6}.switch{position:relative;display:inline-block}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-label{display:block;width:2.5rem;height:1.5rem;background-color:#e5e7eb;border-radius:9999px;cursor:pointer;transition:all .2s}.switch-button{position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;background-color:#fff;border-radius:50%;transition:all .2s}.switch-input:checked+.switch-label{background-color:#2563eb}.switch-input:checked+.switch-label .switch-button{transform:translate(1rem)}.label{font-size:.875rem;line-height:1.25rem;color:#111827}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.dialog-content{padding:1.5rem}.dialog-header{margin-bottom:1.5rem}.dialog-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:#111827;margin:0;margin-bottom:.5rem}.dialog-footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.menu-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1.5rem}.menu-footer-left{display:flex;gap:.5rem}.button.ghost{background-color:transparent;border:1px solid transparent;color:#6b7280;padding:.25rem}.button.ghost:hover{background-color:#f3f4f6}.input{height:40px;width:100%;padding:.5rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;color:#111827;transition:all .2s;margin:0}.input:hover{border-color:#9ca3af}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.input::placeholder{color:#9ca3af}.input-error{border-color:#dc2626}.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.badge{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;transition:all .2s;cursor:pointer;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge:hover{background-color:#e5e7eb}.badge-active{background-color:#2563eb;border-color:#2563eb;color:#fff}.badge-active:hover{background-color:#1d4ed8}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;width:90%;max-width:28rem;position:relative}.dialog-content{padding:1rem}.dialog-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;color:#111827;margin:0;margin-bottom:.25rem}.dialog-description{font-size:.875rem;line-height:1.25rem;color:#6b7280;margin:0}.dialog-footer{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}@media (orientation: landscape) and (max-height: 500px){.dialog-overlay{padding:.5rem}.dialog-content{padding:.75rem}.dialog-header{margin-bottom:.5rem}.dialog-footer{margin-top:.75rem}}@media (max-width: 380px){.dialog-overlay{padding:.5rem}.dialog-content{padding:.75rem}}.select{height:40px;width:100%;padding:0 2.5rem 0 .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;color:#111827;transition:all .2s;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.select:hover{border-color:#9ca3af}.select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.server-status{display:flex;align-items:center;gap:.5rem;padding:.375rem}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.online{background-color:#22c55e}.status-indicator.offline{background-color:#9ca3af}.status-text{font-size:.75rem;color:#6b7280}.dialog-content{max-height:90vh;overflow-y:auto;padding:1rem}.dialog-header{margin-bottom:.75rem}.menu-content{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.menu-item{display:flex;align-items:center;justify-content:space-between}.switch-container{display:flex;align-items:center;gap:.5rem}.menu-actions{display:flex;flex-direction:column;gap:.5rem}.share-container{margin-top:.5rem;text-align:center}.share-button{width:100%;justify-content:center;gap:.5rem}.share-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.dictionary-select-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.dictionary-select{width:100%}.key-content{display:flex;flex-direction:column;gap:1rem}.input-container{display:flex;gap:.5rem;width:100%}.key-input{flex:1}.input-buttons{display:flex;gap:.25rem}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem;margin-bottom:.25rem}.success-message{color:#22c55e;font-size:.875rem;margin-top:.25rem;margin-bottom:.25rem}.action-buttons{display:grid;grid-template-columns:auto 1fr 1fr;gap:.5rem}.options-toggle{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.875rem;padding:.5rem;border-radius:.375rem;cursor:pointer;border:none;background:transparent;width:100%}.options-toggle:hover{background-color:#f3f4f6}.section-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.words-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.recent-keys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.word-badge,.recent-key-badge{height:2rem}.footer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.win-footer{margin-top:1rem}.captain-content{display:flex;flex-direction:column;align-items:center;padding:1.5rem 0}.confirmation-container{width:100%;display:flex;flex-direction:column;align-items:center}.confirmation-instruction{font-size:.875rem;color:#374151;margin:0 0 1rem}.confirmation-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.confirmation-phrase{font-size:1.5rem;font-weight:700;color:#111827;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.confirmation-input{width:160px;height:2.5rem;font-size:1.5rem;text-align:center;font-weight:700;padding:.25rem;letter-spacing:.5px;text-transform:uppercase}.captain-helper-content{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.team-selector{display:flex;align-items:center;gap:1rem}.helper-label{font-size:.875rem;font-weight:500;color:#374151}.team-switch{display:flex;align-items:center;gap:.5rem}.team-label{font-size:.875rem;color:#374151}.helper-placeholder{display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#f3f4f6;border-radius:.5rem;color:#6b7280;font-size:.875rem;text-align:center}.helper-mode{max-width:32rem}.icon-button{padding:.5rem;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.dialog-content,.menu-content,.key-content,.word-badge,.recent-key-badge,.icon-button,.share-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.icon-button,.share-button{-webkit-touch-callout:none;touch-action:manipulation}@media (orientation: landscape) and (max-height: 500px){.dialog-content{max-height:85vh;padding:.75rem}.dialog-header{margin-bottom:.5rem}.menu-content{gap:.75rem;padding:.25rem 0}.words-grid{grid-template-columns:repeat(6,1fr)}.word-badge,.recent-key-badge{height:1.75rem;font-size:.75rem}.action-buttons,.options-toggle{margin-bottom:.75rem}}@media (max-width: 380px){.dialog-content{padding:.75rem}.words-grid{grid-template-columns:repeat(4,1fr)}.word-badge,.recent-key-badge{height:1.75rem;font-size:.75rem}.win-dialog .footer-buttons{grid-template-columns:1fr}}.ai-topic-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.ai-topic-input{width:100%}.ai-topic-counter{font-size:.75rem;color:#6b7280;text-align:right;margin-top:.25rem}.success-message{color:#22c55e;font-size:.875rem;margin-top:.25rem;font-weight:500}@media (orientation: landscape) and (max-height: 500px){.ai-topic-container{gap:.375rem;margin-bottom:.375rem}.ai-topic-counter{font-size:.7rem}}@media (max-width: 380px){.ai-topic-input{font-size:.875rem}.ai-topic-counter{font-size:.7rem}}.plus-icon{display:inline-flex;align-items:center;justify-content:center;padding:0 .25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;margin:0 .25rem;vertical-align:middle;font-weight:600;font-size:.875rem}.language-dialog-content{display:flex;flex-direction:column;gap:1rem}.language-options{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto;padding-right:.5rem}.language-option{display:flex;align-items:center;padding:.75rem 1rem;background:transparent;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:.875rem}.language-option:hover{background-color:#f3f4f6;border-color:#2563eb}.language-option.selected{background-color:#eff6ff;border-color:#2563eb;color:#2563eb}.language-option-label{font-weight:500}.dialog-header-with-close{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.close-button{padding:.25rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease}.close-button:hover{background-color:#f3f4f6;color:#374151}:root{--blue-primary: #2563eb;--blue-secondary: #60a5fa;--blue-border: #3b82f6;--red-primary: #dc2626;--red-secondary: #f87171;--red-border: #ef4444;--white-transparent: rgba(255, 255, 255, .1);--white-border: rgba(255, 255, 255, .2);--border-radius: .375rem;--padding-standard: .75rem}.helper-tip{padding:var(--padding-standard);background-color:#f3f4f6;border-radius:var(--border-radius);margin-top:.5rem;color:#374151;font-size:.875rem;line-height:1.5}.helper-tip .eye-icon{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius);margin:0 .25rem;vertical-align:middle}.team-switch-row{display:flex;align-items:center;gap:1rem;margin-top:1rem}.team-switch-label{font-size:1rem;font-weight:600;color:#374151}.team-switch-container{position:relative;width:3rem;height:1.75rem}.team-switch-input{display:none}.team-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--blue-primary);border-radius:1rem;transition:.2s}.team-switch-slider.red{background-color:var(--red-primary)}.team-switch-button{position:absolute;top:.25rem;left:.25rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:.2s}.team-switch-input:checked+.team-switch-slider .team-switch-button{transform:translate(1.25rem)}.words-list{border-radius:var(--border-radius);overflow:hidden;margin-top:1rem}.words-list.blue{background-color:var(--blue-secondary);border:1px solid var(--blue-border)}.words-list.red{background-color:var(--red-secondary);border:1px solid var(--red-border)}.words-header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-standard);background-color:var(--white-transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.words-title,.words-count{color:#fff;font-weight:500}.words-title{display:flex;align-items:center;gap:.5rem}.words-content{padding:var(--padding-standard)}.word-items-container,.word-items-unrevealed,.word-items-revealed{display:flex;flex-direction:column;gap:.5rem}.word-items-revealed{position:relative;margin-top:.5rem;padding-top:.5rem}.word-items-revealed:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--white-border)}.word-item{padding:var(--padding-standard);border-radius:var(--border-radius);background-color:#ffffffe6;font-size:.875rem;font-weight:500;color:#1f2937}.word-item.revealed{text-decoration:line-through;opacity:.6;background-color:#ffffffb3}.word-item.draggable{cursor:grab;-webkit-user-select:none;user-select:none}.word-item.draggable:hover{background-color:#fff}.word-item.dragging{opacity:.5}.opponent-header{cursor:pointer}.opponent-content{max-height:0;padding:0 var(--padding-standard)}.opponent-content.expanded{max-height:500px;padding-top:var(--padding-standard);padding-bottom:var(--padding-standard)}.opponent-content .words-content{padding:0}.assassin-section{margin-top:1rem;padding:1rem;background-color:#111827;border-radius:var(--border-radius)}.assassin-title{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#fff;margin-bottom:.5rem}.assassin-word{font-size:1.25rem;font-weight:600;color:#fff;text-align:center;padding:var(--padding-standard);background-color:#1f2937;border-radius:var(--border-radius)}.container{height:100dvh;display:flex;flex-direction:column;padding:.375rem}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:.375rem;margin-bottom:.375rem;width:100%;height:calc(100vh - 3.5rem);min-height:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (orientation: portrait){.game-grid{height:auto;aspect-ratio:.8;margin:auto 0}}.game-card{position:relative;cursor:pointer;border-radius:2vmin;overflow:hidden;width:100%;height:100%;min-height:0;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-color .3s ease-in-out}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:2vmin;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.card-content{width:calc(100% - 3vmin);height:calc(100% - 3vmin);border:.4vmin solid #2d231926;border-radius:2vmin;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;padding:.25rem;pointer-events:none;z-index:10}.card-word{font-weight:700;text-align:center;line-height:1.2;font-size:3vmin;z-index:20;position:relative;padding:1vmin;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;pointer-events:none;color:#fff}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2vmin;z-index:5;opacity:0;transition:opacity .3s ease-in-out}.card-flipped{transform:rotateY(180deg);transition:transform 1s ease-in-out}.card-flipped .card-content{opacity:0;transition:opacity .1s ease-in-out .4s}.card-unrevealed .card-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;border-radius:2vmin;background-image:linear-gradient(-45deg,transparent 0%,transparent calc(12% - .6vmin),rgba(255,255,255,.216) calc(12% - .6vmin),rgba(255,255,255,.216) calc(12% + .6vmin),transparent calc(12% + .6vmin),transparent 100%),linear-gradient(-45deg,transparent 0%,transparent calc(40% - 1.4vmin),rgba(255,255,255,.216) calc(40% - 1.4vmin),rgba(255,255,255,.216) calc(40% + 1.4vmin),transparent calc(40% + 1.4vmin),transparent 100%),linear-gradient(-45deg,transparent 0%,transparent calc(70% - .4vmin),rgba(255,255,255,.216) calc(70% - .4vmin),rgba(255,255,255,.216) calc(70% + .4vmin),transparent calc(70% + .4vmin),transparent 100%),linear-gradient(-45deg,transparent 0%,transparent calc(85% - .9vmin),rgba(255,255,255,.216) calc(85% - .9vmin),rgba(255,255,255,.216) calc(85% + .9vmin),transparent calc(85% + .9vmin),transparent 100%);background-position:-35% 0,-15% 0,-40% 0,-20% 0}.card-unrevealed{background-color:#e4d6c5}.card-unrevealed .card-word{color:#39241c}.card-blue{background-color:#2563eb}.card-blue:after{background-color:#2563eb99;opacity:1}.card-red{background-color:#dc2626}.card-red:after{background-color:#dc262699;opacity:1}.card-black{background-color:#111827}.card-black:after{background-color:#11182799;opacity:1}.card-neutral{background-color:#d1d5db}.card-neutral:after{background-color:#d1d5db99;opacity:1}.card-neutral .card-word{color:#111827}.status-bar{background-color:#fff;width:100%;flex-shrink:0;-webkit-user-select:none;user-select:none;margin-top:.375rem}.status-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:.375rem;width:100%}.status-menu{display:flex;align-items:center;justify-content:center;padding:0 .5rem}.menu-buttons{display:flex;gap:.375rem}.status-blue,.status-red{height:40px;display:flex;align-items:center;justify-content:center;border-radius:.375rem}.status-blue{background-color:#2563eb}.status-red{background-color:#dc2626}.team-score{display:flex;align-items:center;justify-content:center;height:100%;color:#fff}.score-value{font-size:1.5rem;font-weight:700;line-height:1}.menu-button,.icon-button{padding:0;width:40px;height:40px;min-width:40px;flex:none;display:flex;align-items:center;justify-content:center}.menu-button.active{background-color:#f3f4f6;color:#2563eb}.share-button{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.share-icons{display:flex;gap:.375rem;margin-top:.5rem;justify-content:center}.captain-button{position:relative;overflow:hidden}.captain-button .button-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.captain-button .press-progress{position:absolute;bottom:0;left:0;height:100%;background-color:#0000001a;transition:width 50ms linear;z-index:15}