.game-container{position:relative;width:100vw;height:100vh}.game-container>div{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.game-container>div>*{pointer-events:auto}.background-layer{z-index:var(--layer-background)}.board-layer{z-index:var(--layer-board);flex-direction:column;justify-content:flex-start;padding:20px 1rem 1rem;height:100%;margin:0 auto}.board-layer,.logo-area{display:flex;align-items:center;width:100%}.logo-area{justify-content:center;min-height:60px}.opponents-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;gap:.5rem}.game-logo{max-width:100%;height:auto;max-height:100px;object-fit:contain}.opponent-preview-area{position:fixed;bottom:max(20px,var(--spacing-viewport-sm));left:max(20px,var(--spacing-viewport-sm));display:flex;justify-content:flex-start;align-items:flex-end;padding:var(--spacing-sm);pointer-events:none}@media (max-width:768px){.opponent-preview-area{bottom:max(10px,1.5vw);left:max(10px,1.5vw);padding:.25rem}.board-layer{padding:10px .5rem .5rem;gap:.25rem}.opponent-area{padding:.25rem .5rem;min-height:60px;margin-bottom:.25rem}.opponent-label{font-size:1rem;min-width:40px;padding:.25rem}.center-area{margin:.5rem 0;min-height:80px}.center-area p{font-size:1rem}}.opponent-preview-card{--card-width:200px;--card-height:calc(var(--card-width) * 1.4);display:flex;flex-direction:column-reverse;align-items:center;gap:.5rem;position:relative;background:var(--color-bg-overlay);padding:var(--spacing-md);border-radius:var(--radius-lg);border:2px solid var(--color-border-white);animation:opponent-preview-appear var(--duration-normal) var(--easing-out);box-shadow:var(--shadow-dramatic);transform:scale(1.2)}.opponent-preview-card .card{position:relative!important;left:auto!important;top:auto!important;transform:none!important}.opponent-preview-label{color:var(--color-text-white);font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.opponent-preview-card{--card-width:180px!important;padding:var(--spacing-sm)}}@keyframes opponent-preview-appear{0%{opacity:0;transform:translateX(-20px) scale(1)}to{opacity:1;transform:translateX(0) scale(1.2)}}@keyframes arrow-pulse{0%,to{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.1);opacity:.8}}.opponent-area{width:100%;max-width:800px;padding:var(--spacing-sm);padding-top:calc(var(--spacing-sm) + 10px);border:1px solid var(--color-border-transparent);border-radius:var(--radius-md);background:var(--color-bg-light);transition:all var(--duration-slow) var(--easing-default);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:70px;margin-bottom:.5rem;position:relative;overflow:visible}.opponent-area:hover{background:var(--color-bg-medium);border-color:var(--color-border-white)}.opponent-area.active-player{border:2px solid #fbbf24}.opponent-row-1,.opponent-row-2,.opponent-row-3{flex-shrink:0}.center-area{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;background:var(--color-bg-heavy);border-radius:var(--radius-lg);border:2px dashed var(--color-border-white);margin:var(--spacing-sm) auto;min-height:60px;transition:all .3s ease;width:100%;max-width:800px;position:relative;padding:var(--spacing-sm);flex-wrap:wrap;gap:1rem}.turn-status-message{animation:statusFadeIn .3s ease-in;text-align:center}.turn-status-message h2{color:var(--color-gold);font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}@keyframes statusFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.forfeit-container{display:flex;justify-content:center;align-items:center;padding:.5rem}.forfeit-button{background-color:var(--color-bg-medium);color:var(--color-text-white);border:2px solid var(--color-border-white);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.forfeit-button:hover{background-color:var(--color-red-error);border-color:var(--color-red-error);transform:scale(1.05);box-shadow:0 4px 12px rgba(255,68,68,.3)}.forfeit-button:active{transform:scale(.95)}.play-status-line{display:flex;justify-content:center;align-items:center;background:var(--color-bg-light);color:white;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--color-border-white);margin:.5rem auto;width:fit-content;animation:status-appear .3s ease-out}@keyframes status-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.center-area{min-height:50px;margin:.25rem 0;padding:.25rem;gap:.5rem}.play-status-line{font-size:.75rem;padding:.25rem .75rem;margin:.25rem auto}}.center-area p{color:var(--color-text-muted);font-size:1.2rem;margin:0}.winner-message{animation:winner-appear .5s ease-out;text-align:center}.winner-message h1{margin:0;font-weight:700;animation:winner-pulse 2s ease-in-out infinite}@keyframes winner-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes winner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.center-area.drop-zone-active{background:rgba(76,175,80,.1);border-color:var(--color-success);border-width:3px;box-shadow:0 0 20px rgba(76,175,80,.3)}.center-area.drop-zone-hover{background:rgba(76,175,80,.2);border-color:var(--color-success);border-width:3px;transform:scale(1.02);box-shadow:0 0 30px rgba(76,175,80,.5)}.plays-side-by-side{display:contents}.player-flaw-row{width:50%;max-width:600px;margin:var(--spacing-md) auto;background:var(--color-bg-heavy);border:2px solid var(--color-border-white);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:border-color .3s ease}.player-flaw-row.active-player{border-color:#fbbf24;border-width:3px}.opponent-area.offensive-annoy-target,.player-flaw-row.offensive-annoy-target{border-color:var(--color-success);background:rgba(76,175,80,.1);box-shadow:0 0 20px rgba(76,175,80,.3)}@media (max-width:640px){.player-flaw-row{width:70%;margin:.25rem auto;padding:.5rem}}@media (max-width:400px){.board-layer{padding:2px .25rem .25rem}.opponent-area{min-height:50px;padding:.25rem;margin-bottom:.125rem}.center-area{min-height:40px;margin:.125rem 0;padding:.125rem}.player-flaw-row{width:85%;margin:.125rem auto;padding:.25rem}}.player-flaw-row .opponent-hand{width:100%;justify-content:flex-start}.player-flaw-row .opponent-cards-container{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;max-height:none}.player-flaw-row .opponent-label{background:var(--color-bg-light);color:white;padding:var(--spacing-sm);border-radius:var(--radius-md);font-weight:700;min-width:45px;text-align:center}.reveal-flaw-button{position:fixed;bottom:0;right:0;width:100px;height:100px;background:var(--color-bg-light);border-radius:100% 0 0 0;border:2px solid var(--color-border-white);border-right:none;border-bottom:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:200;padding:20px 0 0 20px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.reveal-flaw-button:hover{background:var(--color-bg-medium)}.reveal-flaw-button:active{background:var(--color-primary)}.reveal-flaw-button .material-symbols-outlined{color:white;font-size:2rem;transform:rotate(90deg);pointer-events:none}.main-player-area{transform-origin:bottom right;transition:transform .3s ease}.main-player-area.collapsed{transform:scale(.6);opacity:.3;transition:transform .3s ease,opacity .3s ease;pointer-events:none}@media (min-width:768px){.reveal-flaw-button{display:none}}@media (max-width:767px){.player-flaw-row{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);width:80%;max-width:400px;z-index:90;transition:z-index 0s .3s}.player-flaw-row.visible{z-index:150;transition:z-index 0s}.main-player-area.collapsed{transform:scale(.4);opacity:.3}}.opponent-info h3{color:white;margin:0 0 1rem;font-size:1rem;text-align:center}.opponent-cards{gap:.5rem;flex-wrap:wrap}.placeholder-card{width:calc(var(--card-width-base) * .5);height:calc(var(--card-width-base) * .5 * var(--card-aspect-ratio));background:var(--color-ui-bg-light);border:1px solid var(--color-border-white);border-radius:6px;transition:all var(--duration-slow) var(--easing-default)}.opponent-area.drag-over{border-color:var(--color-success);background:rgba(74,222,128,.1);transform:scale(1.02)}.opponent-area.drag-over .placeholder-card{transform:scale(1.1);background:rgba(74,222,128,.3);border-color:var(--color-success)}.game-info,.player-info{color:white;text-align:center}@media (min-width:820px){.game-logo{max-height:150px}}@media (min-width:1600px){.board-layer,.opponents-container{max-width:1400px}}@media (min-width:1024px){.board-layer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;height:100vh;box-sizing:border-box}.logo-area{padding:1rem 0 2rem;width:100%;display:flex;justify-content:center}.opponents-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;width:100%;max-width:1200px;margin-bottom:2rem}.game-logo{max-height:180px}.opponent-row-1,.opponent-row-2,.opponent-row-3{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:350px;margin:0 auto}.opponent-area{width:100%;min-height:auto;padding:1rem;margin-bottom:0;flex-direction:column;justify-content:flex-start;align-items:center;background:var(--color-bg-medium);border:2px solid var(--color-border-transparent);box-shadow:0 4px 12px rgba(0,0,0,.2)}.opponent-label{font-size:1.2rem;margin-bottom:1rem}.center-area{min-height:100px;width:100%;margin:1rem auto;gap:1.5rem}.play-status-line{font-size:1rem;padding:.5rem 1.5rem;margin:.75rem auto}.placeholder-card{width:calc(var(--card-width-base) * .7);height:calc(var(--card-width-base) * .7 * var(--card-aspect-ratio))}.opponent-cards{gap:.75rem;padding:1rem}.opponent-preview-card{--card-width:240px!important;padding:1rem}.opponent-preview-area{bottom:30px;left:30px}}@media (max-width:768px){.board-layer{grid-template-areas:"opponent-preview opponent-preview opponent-preview" "opponent-left opponent-top opponent-right" "center-area center-area center-area" "player-area player-area player-area";grid-template-columns:1fr 1fr 1fr;grid-template-rows:80px 100px 1fr 150px}.opponent-area{padding:.25rem}.opponent-preview-card{--card-width:100px}.opponent-hand .opponent-card-wrapper{position:relative!important;display:inline-block;margin:0 2px;transform:none!important}.opponent-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:10px}}.cards-layer{z-index:var(--layer-cards);pointer-events:none}.main-player-area{position:fixed;bottom:20px;right:20px;width:auto;height:auto}.main-player-turn-indicator{position:absolute;top:-40px;right:50%;transform:translateX(50%);display:flex;align-items:center;gap:.5rem;background:var(--color-success);color:white;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;animation:pulse-indicator 2s ease-in-out infinite;z-index:10}.main-player-turn-indicator .material-symbols-outlined{font-size:1.2rem;animation:bounce-arrow 1s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (min-width:1024px) and (max-width:1399px){.main-player-area{position:fixed;bottom:20px;right:calc((100vw - 1200px) / 2);width:auto}}@media (min-width:1400px){.main-player-area{position:fixed!important;bottom:20px!important;right:-174px!important;width:max-content!important;height:auto!important;left:auto!important}}.main-player-label{color:white;font-size:1.2rem;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);background:var(--color-bg-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:.25rem;position:fixed;bottom:20px;right:20px;z-index:300}.dragging-layer{z-index:var(--layer-dragging);pointer-events:none}.dragging-layer>*{pointer-events:auto}.ui-layer{z-index:var(--layer-ui)}.modals-layer{z-index:var(--layer-modals)}.tooltips-layer{z-index:var(--layer-tooltips);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.card-preview{filter:drop-shadow(0 8px 32px rgba(0,0,0,.3));animation:preview-appear var(--duration-normal) var(--easing-out)}.status-bar{position:fixed!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important;z-index:9999!important;pointer-events:none;width:auto;max-width:90vw}.status-bar>*{pointer-events:auto}.status-message{background:rgba(0,0,0,.85);color:rgba(255,255,255,.9);padding:8px 16px;border-radius:var(--radius-md);font-size:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px rgba(0,0,0,.4);animation:slide-up .3s ease-out;white-space:nowrap;min-height:40px}.status-action-btn{background:var(--color-ui-bg-light);color:white;border:1px solid var(--color-ui-border-light);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:80px}.status-action-btn:hover{background:var(--color-ui-border-light);border-color:var(--color-border-white);transform:translateY(-1px)}.status-action-btn:active{transform:translateY(0)}@keyframes slide-up{0%{transform:translateX(-50%) translateY(100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@media (max-width:768px){.status-bar{bottom:15px!important;max-width:95vw}.status-message{padding:6px 12px;font-size:12px;gap:8px;min-height:36px}.status-action-btn{padding:4px 8px;font-size:11px;min-width:70px}}@media (min-width:769px) and (max-width:1023px){.status-bar{bottom:25px!important}.status-message{padding:10px 18px;font-size:15px;gap:14px;min-height:44px}.status-action-btn{padding:7px 14px;font-size:13px;min-width:90px}}@media (min-width:1024px){.status-bar{bottom:30px!important}.status-message{padding:12px 20px;font-size:16px;gap:16px;min-height:48px}.status-action-btn{padding:8px 16px;font-size:14px;min-width:100px}}.deadlock-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:white;padding:2rem 3rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:10000;text-align:center;animation:slideIn .5s ease-out}.deadlock-notification h2{margin:0 0 1rem;font-size:1.5rem}.deadlock-notification p{margin:.5rem 0;font-size:1rem}.card-placeholder .placeholder-card-content{width:var(--card-width);height:var(--card-height);display:flex;align-items:center;justify-content:center;position:relative}.placeholder-dashed-border{width:100%;height:100%;border:2px dashed var(--color-placeholder-gray);border-radius:var(--card-border-radius-small);background-color:rgba(0,0,0,.1);position:relative}.placeholder-dashed-border:after{content:"PLAYED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);color:var(--color-placeholder-gray-light);font-size:calc(var(--card-height) * .08);font-weight:700;letter-spacing:.1em;text-align:center}.card-mat{cursor:pointer;transition:transform .2s ease,z-index .1s ease}.card-mat:hover{transform:translateY(calc(-20vh - 5px));z-index:1000}@media (max-width:400px){.hand-container.mobile-optimized .card-mat{min-width:44px;min-height:44px}.hand-container.mobile-optimized .card-mat.blame-card{--enhanced-touch-padding:8px}.hand-container.mobile-optimized .card-mat.blame-card:before{content:"";position:absolute;top:calc(-1 * var(--enhanced-touch-padding, 0px));left:calc(-1 * var(--enhanced-touch-padding, 0px));right:calc(-1 * var(--enhanced-touch-padding, 0px));bottom:calc(-1 * var(--enhanced-touch-padding, 0px));pointer-events:auto;z-index:1;background:transparent}.hand-container.mobile-optimized .card-mat{--mobile-overlap-reduction:0.8}}.card-mat.blame-card{--card-type-indicator:blame}.card-mat.annoy-card{--card-type-indicator:annoy}.hand-container.debug-mode .card-mat{outline:2px solid rgba(255,0,0,.3)}.hand-container.debug-mode .card-mat.blame-card{outline-color:rgba(0,255,0,.5)}.hand-container.debug-mode .card-mat.annoy-card{outline-color:rgba(255,255,0,.5)}.hand-container{z-index:1}.card-mat{position:relative}.card-mat:focus-within{outline:2px solid var(--color-blue-ios);outline-offset:2px;border-radius:8px}.card-mat{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.card-mat .card{touch-action:manipulation}.hand-container{background-color:transparent;z-index:var(--layer-cards);position:fixed;bottom:0;left:0;right:0;height:auto;max-height:200px;pointer-events:none}.card-mat{width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale));transform:translateY(-20vh);position:absolute;bottom:0;right:0;pointer-events:auto;&.card-0{--card-index:0}&.card-1{--card-index:1}&.card-2{--card-index:2}&.card-3{--card-index:3}&.card-4{--card-index:4}&.card-5{--card-index:5}&.card-6{--card-index:6}&.card-7{--card-index:7}}.card{transform-origin:center center;position:relative;transition:var(--transition-card-transform),rotate var(--duration-medium) var(--easing-inout);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:var(--color-text-primary);border-radius:var(--card-border-radius);border:none;box-shadow:0 0 0 max(1px,calc(1px * var(--card-scale))) var(--color-border-black);width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale));rotate:0deg;&:hover{z-index:10!important;box-shadow:0 0 0 max(1px,calc(1px * var(--card-scale))) var(--color-border-black),3px 3px 4px var(--color-border-black);cursor:grab}&:first-child{z-index:1}&:nth-child(2){z-index:2}&:nth-child(3){z-index:3}&:nth-child(4){z-index:4}&:nth-child(5){z-index:5}&:nth-child(6){z-index:6}&:nth-child(7){z-index:7}&:nth-child(8){z-index:8}&.orientation-top{.top{border-bottom:1px dotted var(--card-midline-border-color)}}&.orientation-bottom{.bottom{border-bottom:1px dotted var(--card-midline-border-color)}}&.no-transition{transition:none!important}.top{rotate:0deg}.bottom{rotate:180deg}.card-back-image{position:absolute;bottom:calc(var(--card-height-base) * .1);left:50%;transform:translateX(-50%);max-height:50%;width:auto;max-width:90%;object-fit:contain;pointer-events:none;z-index:10;opacity:1}.content{display:flex;flex-direction:column;position:absolute;background-color:white;padding:calc(calc(var(--card-height-base) * var(--card-scale)) * .03);z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);--content-margin:calc(calc(var(--card-height-base) * var(--card-scale)) * 0.0025);height:calc(calc(var(--card-height-base) * var(--card-scale)) - calc(var(--content-margin) * 2) - calc(calc(calc(var(--card-height-base) * var(--card-scale)) * .03) * 2));width:calc(calc(var(--card-width-base) * var(--card-scale)) - calc(var(--content-margin) * 2) - calc(calc(calc(var(--card-height-base) * var(--card-scale)) * .03) * 2));border-radius:var(--card-content-border-radius);border:1px solid var(--color-border);box-sizing:border-box;overflow:hidden;justify-content:flex-start;align-items:stretch;.half{height:50%;transition:all .3s ease;position:relative}.half.playable{background:linear-gradient(135deg,rgba(76,175,80,.35),rgba(76,175,80,.2));box-shadow:inset 0 0 20px rgba(76,175,80,.6),0 0 15px rgba(76,175,80,.4);border:2px solid rgba(76,175,80,.6);position:relative}.half.playable:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(76,175,80,.2);animation:pulse-playable 2s ease-in-out infinite;pointer-events:none}@keyframes pulse-playable{0%,to{opacity:0}50%{opacity:.5}}.rotate-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.category{font-family:Poppins,sans-serif;font-weight:700;color:var(--color-text-secondary);text-align:center;font-size:calc(calc(var(--card-height-base) * var(--card-scale)) * .05);margin-bottom:calc(calc(var(--card-height-base) * var(--card-scale)) * .01)}.name{font-weight:700;margin-bottom:calc(calc(var(--card-height-base) * var(--card-scale)) * .01)}.description,.name{display:inline-block;width:100%;font-family:Georgia,Times New Roman,Times,serif;font-size:calc(calc(var(--card-height-base) * var(--card-scale)) * .055);text-align:center}.description{font-style:italic;flex-grow:1}}}.card-preview-backdrop{animation:backdrop-appear var(--duration-normal) var(--easing-out);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.card-preview-card{--preview-scale:var(--card-preview-scale,1.5);animation:preview-appear var(--duration-normal) var(--easing-out);transform:scale(var(--preview-scale));transition:transform var(--duration-normal) var(--easing-out)}.card-preview-card .card{rotate:0deg!important;position:static!important;left:auto!important;top:auto!important}.card-preview-card .rotate-button{pointer-events:auto!important;z-index:calc(var(--layer-preview) + 1)!important;cursor:pointer!important;position:relative;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.card-preview-card{touch-action:manipulation}@media (max-width:413px){.card-preview-card{--card-preview-scale:var(--card-scale-tiny)}}@media (min-width:414px){:root{--card-scale:var(--card-scale-mobile)}.card-preview-card{--card-preview-scale:1.5}}@media (min-width:834px){:root{--card-scale:var(--card-scale-tablet)}}@media (min-width:1113px){:root{--card-scale:var(--card-scale-desktop)}}@keyframes backdrop-appear{0%{opacity:0}to{opacity:1}}@keyframes preview-appear{0%{opacity:0;transform:scale(calc(var(--card-preview-scale) * .9))}to{opacity:1;transform:scale(var(--card-preview-scale))}}.type-annoy{background-image:url(/_next/static/media/mat.annoy.e5c2872b.png)}.type-annoy,.type-blame{background-position:50%;background-repeat:no-repeat;background-size:var(--card-bg-width) var(--card-bg-height)}.type-blame{background-image:url(/_next/static/media/mat.blame.f9ef39d5.png)}.type-flaw{background-image:url(/_next/static/media/mat.flaw.4c3147ea.png)}.type-flaw,.type-super{background-position:50%;background-repeat:no-repeat;background-size:var(--card-bg-width) var(--card-bg-height)}.type-super{background-image:url(/_next/static/media/mat.annoy.e5c2872b.png)}@media (min-width:1024px){.hand-container{--player-card-scale:1.2;--card-scale:calc(1.1 * var(--player-card-scale));--card-spread-angle:50deg;--card-vertical-offset:220px;position:fixed;bottom:20px;right:20px;width:auto;height:auto;max-height:200px;pointer-events:none}.card-mat{--card-elevation:calc(abs(var(--card-index) - var(--center-index)) * -25px)}}@media (min-width:1113px){.hand-container{--player-card-scale:1.0;--card-scale:calc(var(--card-scale-desktop) * var(--player-card-scale));position:fixed;bottom:15px;left:50%;transform:translateX(calc(-50% + 600px - 300px));width:auto;height:auto;max-height:200px;pointer-events:none;--card-spread-angle:45deg;--card-vertical-offset:200px}}@media (min-width:1600px){.hand-container{transform:translateX(calc(-50% + 700px - 300px))}}@keyframes rotate-card-top-bottom{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotate-card-bottom-top{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}.card-mat.playable-glow .card{box-shadow:0 0 0 max(2px,calc(2px * var(--card-scale))) var(--color-gold)}@keyframes rotate-card-content-top-bottom{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotate-card-content-bottom-top{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}.opponent-hand{--card-scale:var(--card-scale-opponent-tablet);position:relative;display:flex;flex-direction:row;align-items:center;gap:1rem;height:100%;width:100%;z-index:100;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer}.long-press-indicator{position:absolute;top:0;right:0;font-family:Material Symbols Outlined;font-size:24px;color:rgba(255,255,255,.9);pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10000;text-shadow:0 4px 20px rgba(0,0,0,1),0 2px 10px rgba(0,0,0,.8);padding:4px}.opponent-hand.has-long-press:not(.eliminated):hover .long-press-indicator{opacity:1}.opponent-badges{position:relative;display:inline-flex;align-items:center}.opponent-label{color:white;font-size:1.2rem;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);border-radius:8px;padding:var(--spacing-sm);min-width:45px;position:relative}.opponent-label,.status-badge{background:var(--color-bg-light);display:flex;align-items:center;justify-content:center}.status-badge{position:absolute;top:-10px;right:-10px;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px rgba(0,0,0,.4);border:2px solid var(--color-bg-dark);z-index:10}.status-badge.turn-badge{color:var(--color-gold);animation:pulse 1.5s ease-in-out infinite}.status-badge.target-badge{background-color:var(--color-red-error);color:white;animation:target-pulse 2s ease-in-out infinite;border-color:var(--color-red-error);box-shadow:0 0 10px rgba(255,68,68,.6)}.status-badge.eliminated-badge{color:var(--color-gray-dark)}.status-badge:nth-of-type(2){right:12px}.status-badge:nth-of-type(3){right:34px}.turn-indicator{color:var(--color-bg-dark);font-size:.75rem}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.target-indicator{color:white;font-size:.75rem}@keyframes target-pulse{0%,to{transform:scale(1) rotate(0deg);opacity:1}25%{transform:scale(1.05) rotate(5deg)}50%{transform:scale(1.1) rotate(0deg);opacity:.8}75%{transform:scale(1.05) rotate(-5deg)}}.opponent-cards{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:.25rem;flex:1;min-height:60px;padding:8px 4px 4px;overflow-x:auto;overflow-y:visible}.opponent-card-wrapper{position:relative;transition:var(--transition-card-transform),var(--transition-card-filter),z-index var(--duration-slow) var(--easing-default);width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale));min-width:calc(var(--card-width-base) * var(--card-scale));min-height:calc(var(--card-height-base) * var(--card-scale));pointer-events:auto}.opponent-hand .card{font-size:.7em;overflow:hidden}.opponent-hand .opponent-card-wrapper.highlighted{z-index:100!important}.opponent-hand .opponent-card-wrapper.highlighted .card{box-shadow:0 0 12px rgba(255,0,255,.8)!important;border:3px solid var(--color-highlight)!important;transition:all var(--duration-fast) var(--easing-default)!important}.opponent-hand.highlighted .opponent-card-wrapper{filter:none;z-index:auto}.opponent-hand.highlighted .opponent-card-wrapper .card{transform:none;box-shadow:none;border-color:auto}.opponent-hand.highlighted{animation:pulse-highlight var(--duration-slower) var(--easing-inout)}@keyframes pulse-highlight{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (min-width:414px){.opponent-hand{--card-scale:var(--card-scale-opponent-mobile)}.opponent-cards{flex-wrap:nowrap}}@media (min-width:834px){.opponent-hand{--card-scale:var(--card-scale-opponent-tablet)}.opponent-cards{flex-wrap:nowrap}}@media (min-width:1024px){.opponent-hand{--card-scale:var(--card-scale-opponent-desktop);flex-direction:column;gap:.5rem;width:100%}.opponent-badges{margin-bottom:.5rem}.opponent-label{font-size:1.1rem;min-width:auto;width:100%;text-align:center}.opponent-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.5rem;max-width:100%}.opponent-card-wrapper{position:relative!important;margin:0}}@media (min-width:1113px){.opponent-hand{--card-scale:var(--card-scale-opponent-desktop)}.opponent-cards{flex-direction:row!important;flex-wrap:wrap;justify-content:center;max-width:100%;gap:.3rem}}.opponent-card-placeholder .placeholder-opponent-card{width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale));border:2px dashed rgba(128,128,128,.5);border-radius:var(--card-border-radius-small);background-color:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;position:relative}.placeholder-opponent-card .placeholder-text{color:rgba(128,128,128,.3);font-size:calc(calc(var(--card-height-base) * var(--card-scale)) * .08);font-weight:700;letter-spacing:.05em;text-transform:uppercase;transform:rotate(-90deg)}.card-count-badge{position:absolute;top:-4px;right:-4px;background-color:var(--color-red-error);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:10}.opponent-hand.eliminated{opacity:.4;filter:grayscale(100%);pointer-events:none}.opponent-hand.eliminated .opponent-label{background-color:var(--color-gray-dark);color:var(--color-gray-medium)}.eliminated-indicator{color:white;font-size:.75rem}.opponent-hand.eliminated .opponent-cards{opacity:.6}.opponent-hand.eliminated .card{filter:brightness(.5);cursor:not-allowed}@media (max-width:768px){.opponent-hand{--card-scale:var(--card-scale-opponent-mobile)}.opponent-cards{flex-wrap:nowrap!important;gap:.15rem;padding:.15rem}.opponent-card-wrapper{flex-shrink:0;margin:0}.opponent-info h3{font-size:.75rem}.card-count-badge{width:20px;height:20px;font-size:.75rem;top:-3px;right:-3px}.status-badge{width:18px;height:18px;top:-8px;right:-8px}.eliminated-indicator,.target-indicator,.turn-indicator{font-size:.65rem}}.played-cards-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding:.25rem;animation:played-cards-appear .5s ease-out;flex:0 0 auto}.played-cards-stack{position:relative;width:calc(var(--card-width-base) * .5);height:calc(var(--card-width-base) * .5 * var(--card-aspect-ratio));flex-shrink:0;--card-scale:var(--card-scale-played-cards)}.stacked-card{position:absolute;width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale));transform-origin:center center;transition:transform .3s ease-out;display:flex;justify-content:center;align-items:center}.stacked-card .card{position:relative!important;background-size:calc(var(--card-width-base) * var(--card-scale) * 2) calc(var(--card-height-base) * var(--card-scale) * 2)!important;overflow:hidden}.bottom-card{z-index:1;transform:rotate(10deg)}.top-card{z-index:2;transform:rotate(-10deg)}.played-cards-stack:hover .bottom-card{transform:rotate(15deg) translateX(-5px)}.played-cards-stack:hover .top-card{transform:rotate(-15deg) translateX(5px)}.played-cards-description{display:flex;flex-direction:column;gap:.125rem;color:var(--color-text-white);flex-shrink:0;min-width:fit-content}.play-description{font-size:.875rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.play-flaw-type{font-size:.75rem;opacity:.9;font-style:italic;white-space:nowrap}@keyframes played-cards-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.played-cards-container{gap:.5rem}.played-cards-stack{width:calc(var(--card-width-base) * .4);height:calc(var(--card-width-base) * .4 * var(--card-aspect-ratio));--card-scale:var(--card-scale-played-mobile)}.play-description{font-size:.75rem}.play-flaw-type{font-size:.625rem}}@media (min-width:1024px){.played-cards-stack{width:calc(var(--card-width-base) * .6);height:calc(var(--card-width-base) * .6 * var(--card-aspect-ratio));--card-scale:var(--card-scale-played-desktop)}.play-description{font-size:1rem}.play-flaw-type{font-size:.875rem}}.flaw-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);z-index:var(--layer-preview-backdrop);animation:fadeIn var(--duration-normal) var(--easing-out)}.flaw-preview-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);z-index:var(--layer-preview);max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-dramatic);animation:slideIn var(--duration-slow) var(--easing-out)}.flaw-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);flex-shrink:0}.flaw-preview-header h3{margin:0;color:var(--color-text);font-size:1.25rem}.flaw-preview-close{background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--spacing-sm);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-normal);-webkit-tap-highlight-color:transparent}.flaw-preview-close:hover{transform:scale(1.1);color:var(--color-red-error)}.flaw-preview-close .material-symbols-outlined{font-size:24px}.flaw-preview-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px;padding-top:var(--spacing-sm);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-ui-border-light) transparent}.flaw-preview-cards::-webkit-scrollbar{width:6px}.flaw-preview-cards::-webkit-scrollbar-track{background:transparent}.flaw-preview-cards::-webkit-scrollbar-thumb{background-color:var(--color-ui-border-light);border-radius:var(--radius-sm)}.flaw-preview-cards::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-white)}.flaw-preview-card-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale));box-sizing:border-box;overflow:visible;flex-shrink:0;--card-scale:2.0}.flaw-preview-card-wrapper .card{transition:transform var(--duration-normal);position:relative!important;width:calc(var(--card-width-base) * var(--card-scale))!important;height:calc(var(--card-height-base) * var(--card-scale))!important;margin:0 auto;display:block!important;box-shadow:none!important;border:calc(1px * var(--card-scale)) solid var(--color-border-black)!important;background-size:calc(var(--card-width-base) * var(--card-scale)) calc(var(--card-height-base) * var(--card-scale))!important;padding:calc(2px * var(--card-scale))!important;box-sizing:border-box!important}.flaw-preview-card-wrapper .card .content{width:calc(100% - calc(6px * var(--card-scale)))!important;height:calc(100% - calc(6px * var(--card-scale)))!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}.flaw-preview-card-wrapper:hover .card{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.3)!important;border:calc(1px * var(--card-scale)) solid var(--color-border-black)!important}.flaw-preview-count-badge{position:absolute;top:-8px;right:-8px;background-color:var(--color-red-error);color:white;width:28px;height:28px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:2px solid white;box-shadow:var(--shadow-light);z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.flaw-preview-cards:after{content:"";position:sticky;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,var(--color-admin-bg-dark) 0,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s}.flaw-preview-cards:hover:after{opacity:1}.flaw-preview-container{width:92vw;height:75vh;max-width:92vw;max-height:75vh;padding:var(--spacing-md)}.flaw-preview-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.flaw-preview-cards{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}.flaw-preview-card-wrapper{--card-scale:2.2;width:100%;max-width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale))}}@media (max-width:480px){.flaw-preview-container{width:94vw;height:80vh;max-width:94vw;max-height:80vh;padding:var(--spacing-md);transform:translate(-50%,-50%)}.flaw-preview-header h3{font-size:1.1rem}.flaw-preview-cards{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.flaw-preview-card-wrapper{--card-scale:2.0;width:100%;max-width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale))}.flaw-preview-count-badge{width:24px;height:24px;font-size:.8rem;top:-6px;right:-6px}}@media (max-width:380px){.flaw-preview-container{width:96vw;height:85vh;max-width:96vw;max-height:85vh;padding:var(--spacing-sm)}.flaw-preview-header{margin-bottom:var(--spacing-sm)}.flaw-preview-header h3{font-size:1rem}.flaw-preview-cards{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.flaw-preview-card-wrapper{--card-scale:1.8;width:100%;max-width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale))}}@media (min-width:769px) and (max-width:1023px){.flaw-preview-container{max-width:700px;width:90vw;min-width:600px}.flaw-preview-cards{grid-template-columns:repeat(2,1fr);gap:30px;padding:25px}.flaw-preview-card-wrapper{--card-scale:3.0;width:100%;max-width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale))}}@media (min-width:1024px) and (max-width:1279px){.flaw-preview-container{max-width:900px;width:85vw;min-width:700px}.flaw-preview-cards{grid-template-columns:repeat(3,1fr);gap:20px;padding:25px}.flaw-preview-card-wrapper{--card-scale:2.5;width:100%;max-width:calc(var(--card-width-base) * var(--card-scale));height:calc(var(--card-height-base) * var(--card-scale))}}@media (min-width:1280px){.flaw-preview-container{max-width:1200px}.flaw-preview-cards{grid-template-columns:repeat(3,1fr);gap:25px;padding:30px}.flaw-preview-card-wrapper{--card-scale:2.8}}@media (min-width:1920px){.flaw-preview-container{max-width:1400px}.flaw-preview-cards{grid-template-columns:repeat(3,1fr);gap:30px;padding:35px}.flaw-preview-card-wrapper{--card-scale:3.2}}.admin-panel{position:fixed;top:0;right:0;background:var(--gradient-admin-primary);border-left:1px solid var(--color-admin-border-light);border:1px solid var(--color-admin-border-light);border-top:none;border-radius:0 0 0 12px;box-shadow:0 4px 20px rgba(0,0,0,.5);z-index:var(--layer-admin-panel);transition:var(--transition-admin-all);min-width:300px;max-width:400px}.admin-panel.collapsed{transform:translateY(-100%)}.admin-panel.collapsed .admin-panel-tab{transform:translateY(100%)}.admin-panel.expanded{transform:translateY(0)}.admin-panel-tab{position:absolute;bottom:-32px;right:30px;background:var(--gradient-admin-secondary);border:1px solid var(--color-admin-border-light);border-top:none;border-radius:0 0 8px 8px;padding:6px 20px;cursor:pointer;color:var(--color-admin-text-secondary);font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--transition-card-hover);text-transform:uppercase;letter-spacing:1px}.admin-panel-tab:hover{background:var(--gradient-admin-tertiary);color:var(--color-admin-text-bright)}.tab-icon{font-size:10px;transition:var(--transition-admin-all)}.tab-text{font-size:11px}.admin-panel-content{padding:16px 20px;color:var(--color-admin-text-primary)}.admin-panel-content h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--color-admin-text-bright);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-admin-border-light);padding-bottom:8px}.admin-control{margin-bottom:12px}.admin-control:last-child{margin-bottom:0}.admin-control-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-admin-text-secondary);cursor:pointer;transition:var(--transition-card-hover)}.admin-control-label:hover{color:var(--color-admin-text-bright)}.admin-control-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-blue-admin)}.admin-control-label span{user-select:none}.admin-input-number{width:80px;padding:4px 8px;background:var(--color-admin-bg-dark);border:1px solid var(--color-admin-border-medium);border-radius:var(--radius-sm);color:var(--color-admin-text-primary);font-size:12px;margin-left:8px;transition:var(--transition-card-hover)}.admin-input-number:hover{border-color:var(--color-admin-border-heavy);background:var(--color-admin-bg-medium)}.admin-input-number:focus{outline:none;border-color:var(--color-blue-admin);background:var(--color-admin-bg-heavy);box-shadow:0 0 0 2px rgba(74,158,255,.2)}.admin-button{width:100%;padding:8px 12px;background:var(--gradient-admin-button);border:1px solid var(--color-admin-border-medium);border-radius:var(--radius-md);color:white;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition-card-hover);text-transform:uppercase;letter-spacing:.5px}.admin-button:hover{background:var(--gradient-admin-button-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,158,255,.3)}.admin-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(74,158,255,.2)}.admin-button-active{background:var(--gradient-admin-button-stop);animation:pulse-button 1.5s ease-in-out infinite}.admin-button:disabled{cursor:not-allowed;opacity:.8}@keyframes pulse-button{0%,to{box-shadow:0 4px 12px rgba(255,158,74,.3)}50%{box-shadow:0 4px 20px rgba(255,158,74,.5)}}.admin-button-debug{background:linear-gradient(135deg,#666,#444);border-color:var(--color-gray-medium)}.admin-button-debug:hover{background:linear-gradient(135deg,#777,#555);box-shadow:0 4px 12px rgba(128,128,128,.3)}.admin-panel-content h4{margin:12px 0 8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.5px}.admin-divider{margin:16px 0;border:none;border-top:1px solid var(--color-admin-border-light)}.admin-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.admin-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-success)}.admin-button-small{width:auto;padding:4px 12px;font-size:11px;min-width:100px}.admin-select{width:100%;padding:6px 10px;background:var(--color-admin-bg-dark);border:1px solid var(--color-admin-border-medium);border-radius:var(--radius-sm);color:var(--color-admin-text-primary);font-size:12px;margin-top:4px;transition:var(--transition-card-hover);cursor:pointer}.admin-select:hover{border-color:var(--color-admin-border-heavy);background:var(--color-admin-bg-medium)}.admin-select:focus{outline:none;border-color:var(--color-blue-admin);background:var(--color-admin-bg-heavy);box-shadow:0 0 0 2px rgba(74,158,255,.2)}.admin-select option{background:#1a1a1a;color:white}.step-autoplay-button{position:fixed;bottom:20px;left:20px;width:48px;height:48px;border-radius:50%;background-color:rgba(30,30,30,.9);border:1px solid rgba(255,255,255,.2);color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1001;box-shadow:0 2px 8px rgba(0,0,0,.3)}.step-autoplay-button:hover{background-color:rgba(50,50,50,.95);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.4);border-color:rgba(255,255,255,.3)}.step-autoplay-button:active{transform:scale(.95)}.step-autoplay-button .material-symbols-outlined{font-size:28px;font-weight:400;color:inherit}@media (max-width:768px){.step-autoplay-button{bottom:15px;right:15px;width:44px;height:44px}.step-autoplay-button .material-symbols-outlined{font-size:24px}}