body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdf6ec;font-family:Fredoka,Baloo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior:none}*{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--p1-color:#ff6b5e;--p2-color:#4dabf7;--ink:#2d2a32;--bg:#fdf6ec;--panel:#fff;--shadow:#2d2a322e;--target:#66bb6a;--accent:#ff6b5e;--wood:#fff;--wood-dark:#6b4f2a;--bg-item:#f2f2f2}*{box-sizing:border-box}body,html{margin:0;overflow:hidden}.App{align-items:center;background-color:#fdf6ec;background-color:var(--bg);color:#2d2a32;color:var(--ink);display:flex;font-family:Fredoka,Baloo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}.App--with-sidebar{align-items:stretch;justify-content:flex-start;padding:0}.sidebar{background-color:#fff;background-color:var(--panel);border-right:4px solid #6b4f2a;border-right:4px solid var(--wood-dark);box-shadow:12px 0 30px #2d2a3229;display:flex;flex-direction:column;flex-shrink:0;gap:16px;height:100vh;padding:22px 14px;position:sticky;top:0;width:240px;z-index:30}.sidebar__brand{align-items:center;border-bottom:3px solid #2d2a3214;display:flex;gap:10px;padding:0 4px 16px}.sidebar__brand-icon{align-items:center;background-color:#ff6b5e;background-color:var(--accent);border-radius:14px;box-shadow:0 4px 0 #2d2a322e;color:#fff;display:inline-flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.sidebar__icon{fill:currentColor;display:block;height:24px;width:24px}.sidebar__brand-text{font-size:24px;font-weight:700;letter-spacing:1px}.sidebar__nav{display:flex;flex-direction:column;gap:10px}.sidebar__nav-item{align-items:center;background-color:initial;border:none;border-radius:14px;color:#2d2a32;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600;gap:12px;height:50px;padding:0 14px;text-align:left;transition:background-color .15s ease,transform .08s ease,box-shadow .08s ease;width:100%}.sidebar__nav-item:hover{background-color:#2d2a3212}.sidebar__nav-item:active{transform:translateY(1px)}.sidebar__nav-item--active{box-shadow:0 4px 0 #2d2a3233;color:#fff}.sidebar__nav-item--active,.sidebar__nav-item--active:hover{background-color:#ff6b5e;background-color:var(--accent)}.sidebar__footer{display:flex;flex-direction:column;gap:10px;margin-top:auto}.sidebar__user{align-items:center;background-color:#fdf6ec;background-color:var(--bg);border-radius:14px;display:flex;gap:10px;overflow:hidden;padding:8px 10px}.sidebar__user-avatar{align-items:center;background-color:#2d2a32;background-color:var(--ink);border-radius:999px;color:#fff;display:inline-flex;flex-shrink:0;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar__user-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav-item--logout{color:#d81b60}.sidebar__version{border-top:3px solid #2d2a3214;color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;padding-top:12px;text-align:center}.app-content{flex:1 1;justify-content:center;min-width:0;padding:20px}.app-content,.mode-menu{align-items:center;display:flex}.mode-menu{background-color:#fff;background-color:var(--panel);border:4px solid #6b4f2a;border:4px solid var(--wood-dark);border-radius:24px;box-shadow:0 18px 0 #2d2a3238,0 30px 60px #2d2a3259;flex-direction:column;gap:16px;padding:48px 56px}.mode-menu .app-title{margin:0}.mode-menu__subtitle{color:#555;font-size:18px;margin:0 0 10px}.mode-menu .pill-button{font-size:20px;min-width:220px;padding:12px 24px}.online-lobby{align-items:center;background-color:#fff;background-color:var(--panel);border:4px solid #6b4f2a;border:4px solid var(--wood-dark);border-radius:24px;box-shadow:0 18px 0 #2d2a3238,0 30px 60px #2d2a3259;display:flex;flex-direction:column;gap:22px;padding:48px 56px}.online-lobby .pill-button{font-size:20px;min-width:220px;padding:12px 24px}.online-lobby__spinner{animation:online-lobby-spin .9s linear infinite;border:6px solid #2d2a3226;border-radius:50%;border-top:6px solid var(--accent);height:44px;width:44px}@keyframes online-lobby-spin{to{transform:rotate(1turn)}}.opponent-left-overlay{align-items:center;background-color:#2d2a3299;display:flex;inset:0;justify-content:center;position:fixed;z-index:90}.opponent-left-overlay__card{align-items:center;background-color:#fff;background-color:var(--panel);border-radius:22px;box-shadow:0 8px 0 #2d2a322e,0 16px 32px #2d2a3240;box-shadow:0 8px 0 var(--shadow),0 16px 32px #2d2a3240;display:flex;flex-direction:column;gap:18px;padding:30px 40px}.opponent-left-overlay__text{font-size:22px;font-weight:600;margin:0}.first-mover-overlay{align-items:center;animation:first-mover-backdrop 2s ease-in-out both;background-color:#fdf6ec73;display:flex;inset:0;justify-content:center;position:absolute;z-index:40}.first-mover-overlay__card{align-items:baseline;animation:first-mover-pop 2s cubic-bezier(.34,1.56,.64,1) both;background-color:#fff;background-color:var(--panel);border:4px solid #6b4f2a;border:4px solid var(--wood-dark);border-radius:24px;box-shadow:0 18px 0 #2d2a3238,0 30px 60px #2d2a3259;color:#2d2a32;color:var(--ink);display:flex;font-size:30px;font-weight:700;gap:8px;padding:22px 36px;white-space:nowrap}.first-mover-overlay__name{color:#ff6b5e;color:var(--accent)}@keyframes first-mover-backdrop{0%{opacity:0}12%{opacity:1}68%{opacity:1}to{opacity:0}}@keyframes first-mover-pop{0%{opacity:0;transform:translateY(18px) scale(.6)}12%{opacity:1;transform:translateY(0) scale(1.08)}22%{transform:translateY(0) scale(1)}68%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.94)}}.invite-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.invite-code{background-color:#fdf6ec;background-color:var(--bg);border:4px solid #6b4f2a;border:4px solid var(--wood-dark);border-radius:18px;box-shadow:inset 0 4px 10px #2d2a321f;color:#2d2a32;color:var(--ink);font-size:52px;font-weight:800;letter-spacing:12px;margin:0;padding:8px 20px 8px 28px;-webkit-user-select:all;user-select:all}.invite-join{align-items:center;display:flex;flex-direction:column;gap:16px}.invite-join__label{color:#555;font-size:18px}.invite-join__input{background-color:#fdf6ec;background-color:var(--bg);border:4px solid #6b4f2a;border:4px solid var(--wood-dark);border-radius:14px;color:#2d2a32;color:var(--ink);font-family:inherit;font-size:26px;font-weight:700;letter-spacing:8px;outline:none;padding:14px 18px;text-align:center;text-transform:uppercase;width:240px}.invite-join__input:focus{border-color:#ff6b5e;border-color:var(--accent);box-shadow:0 0 0 4px #ff6b5e40}.online-lobby__error{color:#d81b60;font-size:16px;font-weight:600;margin:0}.page-row{flex-wrap:wrap;gap:24px;justify-content:center}.board-area,.page-row{align-items:center;display:flex;max-width:100%}.board-area{flex-direction:column;gap:14px;position:relative}.canvas-frame{background-color:#fff;background-color:var(--wood);border:4px solid #6b4f2a;border:4px solid var(--wood-dark);border-radius:18px;box-shadow:0 18px 0 #2d2a3238,0 30px 60px #2d2a3259;overflow:hidden;position:relative}.canvas-inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.canvas-scaled{flex-shrink:0;height:800px;line-height:0;transform-origin:center;width:800px}.timer-badges{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:12}.timer-badge{align-items:center;background-color:#9a959e;border-radius:999px;box-shadow:0 4px 0 #2d2a322e,0 8px 14px #2d2a322e;box-shadow:0 4px 0 var(--shadow),0 8px 14px #2d2a322e;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;left:0;letter-spacing:.5px;min-width:72px;padding:6px 12px;position:absolute;transition:background-color .15s ease,opacity .15s ease}.timer-badge--bottom{bottom:6px}.timer-badge--top{top:6px}.timer-badge--p1.timer-badge--active{background-color:#ff6b5e;background-color:var(--p1-color)}.timer-badge--p2.timer-badge--active{background-color:#4dabf7;background-color:var(--p2-color)}.timer-badge:not(.timer-badge--active){opacity:.5}.timer-badge__icon{fill:currentColor;height:15px;width:15px}.hand{align-items:center;display:flex;flex-direction:column;gap:6px;max-width:100%;position:relative;width:100%}.hand__label{align-items:center;border-radius:999px;box-shadow:0 3px 0 #2d2a322e;box-shadow:0 3px 0 var(--shadow);color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:10px;min-height:40px;padding:2px 14px}.hand__label.player-1{background-color:#ff6b5e;background-color:var(--p1-color)}.hand__label.player-2{background-color:#4dabf7;background-color:var(--p2-color)}.hand__label-name{white-space:nowrap}.hand__label.hand-turn-float{animation:hand-turn-float 2.2s ease-in-out infinite;height:40px;justify-content:center;padding:0 18px}@keyframes hand-turn-float{0%,to{transform:translateX(0)}50%{transform:translateX(12px)}}.hand__label-lock{align-items:center;background-color:#00000038;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:3px 10px;white-space:nowrap}.hand__lock-icon{fill:currentColor;display:block;height:14px;width:14px}.hand__cards{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;line-height:0;max-width:100%;min-height:clamp(81px,11.4vw,132px);position:relative;width:100%}.hand-card{aspect-ratio:326/413;border-radius:12px;cursor:pointer;perspective:900px;position:relative;transition:transform .15s ease;-webkit-user-select:none;user-select:none;width:clamp(64px,9vw,104px)}.hand-card__flip{background-color:#fff;border-radius:12px;box-shadow:0 3px 0 #2d2a322e,0 10px 18px #2d2a3238;box-shadow:0 3px 0 var(--shadow),0 10px 18px #2d2a3238;inset:0;position:absolute;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.hand-card--face-down .hand-card__flip{transform:rotateY(180deg)}.hand-card--face-down .hand-card__front{visibility:hidden}.hand-card__inner{inset:0;position:absolute;transform-style:preserve-3d}.hand-card__face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;inset:0;overflow:hidden;position:absolute}.hand-card__back{transform:rotateY(180deg)}.hand-card__art{border-radius:12px;display:block;height:100%;width:100%}.hand-card:not(.hand-card--inactive):hover{transform:translateY(-14px) scale(1.08) rotate(2deg);z-index:10}.hand-card--inactive{cursor:default}.hand-card--targeting{animation:card-target-pulse .9s ease-in-out infinite;outline:3px solid #66bb6a;outline:3px solid var(--target);outline-offset:3px}.hand-card--drawn{animation:card-deal .5s cubic-bezier(.22,.8,.36,1) both;animation-delay:calc(var(--i)*.1s)}.card-activate-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:70}.card-activate{animation:card-activate 2.2s cubic-bezier(.22,.8,.36,1) both;aspect-ratio:326/413;position:relative;width:clamp(120px,18vw,190px)}.card-activate__flip{animation:card-activate-flip 2.2s cubic-bezier(.22,.8,.36,1) both;inset:0;position:absolute;transform-style:preserve-3d}.card-activate__face{backface-visibility:hidden;border-radius:16px;box-shadow:0 14px 34px #2d2a3259;inset:0;overflow:hidden;position:absolute}.card-activate__face img{border-radius:16px;display:block;height:100%;width:100%}.card-activate__back{transform:rotateY(180deg)}.card-activate__label{animation:card-activate-label .4s ease-out .9s both;background-color:#ff6b5e;background-color:var(--accent);border-radius:999px;bottom:-38px;box-shadow:0 4px 0 #2d2a3233;color:#fff;font-size:16px;font-weight:700;left:50%;letter-spacing:2px;padding:4px 16px;position:absolute;transform:translateX(-50%)}.card-discard-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:70}.card-discard{animation:card-discard 2.4s cubic-bezier(.22,.8,.36,1) both;position:relative;width:clamp(120px,18vw,190px)}.card-discard img{border-radius:16px;box-shadow:0 14px 34px #2d2a3259;width:100%}.card-discard__label{animation:card-discard-label .4s ease-out .9s both;background-color:#f59e0b;border-radius:999px;bottom:-38px;box-shadow:0 4px 0 #2d2a3233;color:#fff;font-size:16px;font-weight:700;left:50%;letter-spacing:2px;padding:4px 16px;position:absolute;transform:translateX(-50%)}.winner-overlay{align-items:center;background-color:#2d2a328c;display:flex;inset:0;justify-content:center;position:absolute;z-index:30}.winner-overlay__card{align-items:center;background-color:#fff;background-color:var(--panel);border-radius:22px;box-shadow:0 8px 0 #2d2a322e,0 16px 32px #2d2a3240;box-shadow:0 8px 0 var(--shadow),0 16px 32px #2d2a3240;display:flex;flex-direction:column;gap:16px;padding:26px 34px}.winner-overlay__text{font-size:26px;font-weight:600;margin:0}.deck-fab{-webkit-tap-highlight-color:transparent;background-color:#fff;border:none;border-radius:0;box-shadow:0 1px 0 #ecd9b0,0 2px 0 #e6d0a4,0 3px 0 #dfc698,0 4px 0 #d8bc8c,0 6px 14px #2d2a3247;cursor:pointer;left:50%;left:var(--fab-left,50%);padding:0;position:fixed;top:50%;top:var(--fab-top,50%);touch-action:manipulation;transform:translateY(-50%);transition:transform .15s ease,box-shadow .15s ease;width:clamp(52px,7vw,72px);z-index:60}.deck-fab:hover{transform:translateY(calc(-50% - 4px)) scale(1.05)}.deck-fab:active{transform:translateY(calc(-50% + 1px)) scale(.96)}.deck-fab__art{border-radius:0;display:block;width:100%}.deck-fab__count{align-items:center;background-color:#2d2a32;background-color:var(--ink);border-radius:999px;box-shadow:0 3px 0 #2d2a3233;color:#fff;display:inline-flex;font-size:15px;font-weight:600;height:30px;justify-content:center;min-width:30px;position:absolute;right:-9px;top:-9px}.drawer-backdrop{background-color:#2d2a3259;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .28s ease;z-index:64}.drawer-backdrop--visible{opacity:1;pointer-events:auto}.history-drawer{background-color:#fdf6ec;background-color:var(--bg);border-left:4px solid #6b4f2a;border-left:4px solid var(--wood-dark);bottom:0;box-shadow:-14px 0 34px #2d2a3259;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:16px;position:fixed;right:0;top:0;transform:translateX(105%);transition:transform .3s cubic-bezier(.22,.8,.36,1),visibility 0s linear .3s;visibility:hidden;width:min(330px,88vw);z-index:65}.history-drawer--open{transform:translateX(0);transition:transform .3s cubic-bezier(.22,.8,.36,1),visibility 0s;visibility:visible}.history-drawer__header{align-items:center;display:flex;gap:8px;justify-content:space-between}.history-drawer__title{font-size:18px;font-weight:700;letter-spacing:1px}.history-drawer__close{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#2d2a32;background-color:var(--ink);border:none;border-radius:999px;box-shadow:0 3px 0 #2d2a322e;box-shadow:0 3px 0 var(--shadow);color:#fff;cursor:pointer;display:inline-flex;font-size:22px;height:36px;justify-content:center;line-height:1;touch-action:manipulation;width:36px}.history-drawer__close:active{box-shadow:none;transform:translateY(1px)}.history-drawer .history-panel,.history-drawer .info-panel{width:100%}.history-drawer .history-panel__body{flex:1 1;max-height:none}.app-title{font-size:clamp(28px,4vw,38px);font-weight:700;letter-spacing:1px;margin:0}.turn-badge{align-items:center;border-radius:999px;box-shadow:0 5px 0 #2d2a322e,0 10px 18px #2d2a3224;box-shadow:0 5px 0 var(--shadow),0 10px 18px #2d2a3224;color:#fff;display:inline-flex;font-size:18px;font-weight:600;height:50px;justify-content:center;min-width:200px;padding:0 24px;-webkit-user-select:none;user-select:none}.turn-badge.player-1{background-color:#ff6b5e;background-color:var(--p1-color)}.turn-badge.player-2{background-color:#4dabf7;background-color:var(--p2-color)}.info-panel{background-color:#fff;background-color:var(--panel);border-radius:16px;box-shadow:0 4px 0 #2d2a322e,0 10px 18px #2d2a3224;box-shadow:0 4px 0 var(--shadow),0 10px 18px #2d2a3224;font-size:15px;font-weight:500;padding:12px 14px;text-align:left;width:min(170px,22vw)}.info-panel p{margin:4px 0}.info-panel__hint{color:#66bb6a;color:var(--target);font-weight:600}.info-panel__lock{color:#d81b60;font-weight:600}.history-panel{background-color:#fff;background-color:var(--panel);border-radius:16px;box-shadow:0 4px 0 #2d2a322e,0 10px 18px #2d2a3224;box-shadow:0 4px 0 var(--shadow),0 10px 18px #2d2a3224;display:flex;flex-direction:column;gap:6px;padding:10px 12px;text-align:left;width:min(190px,24vw)}.history-panel__header{align-items:center;display:flex;gap:8px;justify-content:space-between}.history-panel__title{font-size:14px;font-weight:700;letter-spacing:.5px}.history-panel__export{background-color:#2d2a32;background-color:var(--ink);border:none;border-radius:999px;box-shadow:0 2px 0 #2d2a322e;box-shadow:0 2px 0 var(--shadow);color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 10px}.history-panel__export:active{box-shadow:none;transform:translateY(1px)}.history-panel__verbose{align-items:center;color:#555;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;-webkit-user-select:none;user-select:none}.history-panel__body{font-family:Courier New,Consolas,monospace;font-size:12px;line-height:1.5;max-height:220px;overflow-y:auto}.history-panel__move{color:#ff6b5e;color:var(--accent);font-family:Fredoka,Baloo\ 2,sans-serif;font-weight:700;margin-top:4px}.history-panel__line{white-space:pre-wrap;word-break:break-word}.history-panel__empty{color:#999;font-size:12px;margin:0}.history-panel__diagram{border-top:1px dashed #ddd;font-size:11px;line-height:1.4;margin:6px 0 0;padding-top:6px;white-space:pre}.pill-button{background-color:#2d2a32;background-color:var(--ink);border:none;border-radius:999px;box-shadow:0 5px 0 #2d2a322e,0 10px 18px #2d2a3224;box-shadow:0 5px 0 var(--shadow),0 10px 18px #2d2a3224;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:600;height:52px;letter-spacing:.5px;padding:0 30px;transition:transform .08s ease,box-shadow .08s ease}.pill-button:hover{transform:translateY(-2px)}.pill-button:active{box-shadow:0 2px 0 #2d2a322e,0 6px 12px #2d2a321f;box-shadow:0 2px 0 var(--shadow),0 6px 12px #2d2a321f;transform:translateY(3px)}.pill-button--small{font-size:16px;height:44px;padding:0 20px}.pill-button--accent{background-color:#ff6b5e;background-color:var(--accent)}.card-menu-backdrop{inset:0;position:fixed;z-index:39}.card-menu{align-items:center;background-color:#fff;background-color:var(--panel);border-radius:16px;box-shadow:0 10px 0 #2d2a322e,0 18px 36px #2d2a3247;box-shadow:0 10px 0 var(--shadow),0 18px 36px #2d2a3247;display:flex;flex-direction:column;gap:10px;max-width:min(220px,80vw);padding:14px;position:fixed;transform:translate(-50%,calc(-100% - 12px));z-index:40}.card-menu__preview{border-radius:12px;width:110px}.card-menu__preview img{border-radius:12px;box-shadow:0 3px 0 #2d2a322e,0 18px 36px #2d2a3247;box-shadow:0 3px 0 var(--shadow),0 18px 36px #2d2a3247;display:block;width:100%}.card-menu__name{font-size:16px;font-weight:600;margin:0}.card-modal{background-color:#2d2a3299;inset:0;justify-content:center;position:fixed;z-index:50}.card-modal,.card-modal__panel{align-items:center;display:flex}.card-modal__panel{background-color:#fff;background-color:var(--panel);border-radius:22px;box-shadow:0 10px 0 #2d2a322e,0 24px 48px #2d2a324d;box-shadow:0 10px 0 var(--shadow),0 24px 48px #2d2a324d;flex-direction:column;gap:14px;max-width:min(440px,90vw);padding:26px 30px}.card-modal__card{animation:card-to-modal .45s cubic-bezier(.22,.8,.36,1) both;width:160px}.card-modal__card img{border-radius:14px;box-shadow:0 8px 20px #2d2a3240;display:block;width:100%}.card-modal__name{font-size:22px;font-weight:700;margin:0}.card-modal__desc{color:#555;font-size:16px;line-height:1.5;margin:0;max-width:320px}@keyframes card-to-modal{0%{opacity:0;transform:translate(0) scale(.5);transform:translate(var(--from-x,0),var(--from-y,0)) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes card-deal{0%{opacity:0;transform:translate(340px) rotate(6deg) scale(.5)}60%{opacity:1;transform:translate(-8px) rotate(-2deg) scale(1.06)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}@keyframes card-activate{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.15)}60%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes card-activate-flip{0%{transform:rotateY(0deg)}30%{transform:rotateY(180deg)}50%{transform:rotateY(180deg)}70%{transform:rotateY(1turn)}to{transform:rotateY(1turn)}}@keyframes card-activate-label{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes card-discard{0%{opacity:0;transform:translate(0) rotate(6deg) scale(.55);transform:translate(var(--from-x,0),var(--from-y,0)) rotate(6deg) scale(.55)}35%{opacity:1;transform:translate(0) rotate(-2deg) scale(1.1)}65%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(70px) rotate(-12deg) scale(.8)}}@keyframes card-discard-label{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes card-target-pulse{0%,to{box-shadow:0 0 0 0 #66bb6ab3}50%{box-shadow:0 0 0 10px #66bb6a00}}.hand-card--chainable{animation:card-chainable-pulse .9s ease-in-out infinite;outline:3px solid #4dabf7;outline-offset:3px}@keyframes card-chainable-pulse{0%,to{box-shadow:0 0 0 0 #4dabf7b3}50%{box-shadow:0 0 0 10px #4dabf700}}.hand-card--leaving{animation:card-leave .6s cubic-bezier(.22,.8,.36,1) forwards;pointer-events:none;z-index:5}@keyframes card-leave{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translate(150px,80px) rotate(14deg) scale(.7)}}@media (max-width:640px){.App{padding:8px}.sidebar{gap:12px;padding:14px 8px;width:64px}.sidebar__brand{justify-content:center;padding:0 0 12px}.sidebar__brand-text,.sidebar__label,.sidebar__version{display:none}.sidebar__nav-item{justify-content:center;padding:0}.sidebar__user{justify-content:center;padding:6px}.app-content{padding:8px}.deck-fab{bottom:max(10px,env(safe-area-inset-bottom));left:auto;right:max(10px,env(safe-area-inset-right));top:auto;transform:none;width:52px}.deck-fab:hover{transform:translateY(-4px) scale(1.05)}.deck-fab:active{transform:translateY(1px) scale(.96)}.mode-menu,.online-lobby{gap:14px;padding:26px 18px}.mode-menu .pill-button,.online-lobby .pill-button{font-size:18px;min-width:min(220px,78vw)}.invite-code{font-size:40px;letter-spacing:8px}.first-mover-overlay__card{font-size:20px;padding:14px 22px}.invite-join__input{font-size:22px;width:200px}.canvas-frame{border-radius:14px;border-width:3px;box-shadow:0 10px 0 #2d2a3238,0 18px 34px #2d2a324d}.hand-card{width:clamp(46px,12.5vw,104px)}.hand__cards{gap:4px;min-height:clamp(58px,16vw,132px)}.hand__label{font-size:12px;min-height:34px;padding:2px 12px}.hand__label.hand-turn-float{height:34px}.timer-badge{font-size:12px;min-width:58px;padding:5px 9px}.history-drawer{width:88vw}.card-menu{bottom:14px;left:50%!important;max-width:92vw;right:auto;top:auto!important;transform:translateX(-50%);width:min(300px,92vw)}.winner-overlay__text{font-size:20px}}@media (max-width:400px){.hand-card{width:clamp(42px,12vw,104px)}}.account-screen,.auth-screen{align-items:center;background-color:#fff;background-color:var(--panel);border:4px solid #6b4f2a;border:4px solid var(--wood-dark);border-radius:24px;box-shadow:0 18px 0 #2d2a3238,0 30px 60px #2d2a3259;display:flex;flex-direction:column;gap:16px;max-width:600px;padding:48px 56px;width:100%}.account-screen .app-title,.auth-screen .app-title{margin:0}.auth-screen__subtitle{color:#555;font-size:18px;margin:0 0 6px}.auth-form{gap:14px;width:100%}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{color:#555;font-size:14px;font-weight:600;gap:6px;text-align:left}.auth-field input{background-color:#fff;border:2px solid #2d2a3238;border-radius:12px;color:#2d2a32;color:var(--ink);font-family:inherit;font-size:16px;height:48px;outline:none;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease}.auth-field input:focus{border-color:#ff6b5e;border-color:var(--accent);box-shadow:0 0 0 3px #ff6b5e40}.auth-error{color:#d81b60;font-weight:600;margin:0}.auth-switch{color:#555;font-size:14px;margin:4px 0 0}.auth-switch__link{background:none;border:none;color:#ff6b5e;color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;padding:0}.auth-version{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;margin:8px 0 0}.account-info{background-color:#fdf6ec;background-color:var(--bg);border-radius:12px;display:flex;flex-direction:column;gap:2px;padding:10px 16px}.account-info p{margin:0}.account-info__name{font-size:18px;font-weight:700}.account-info__email{color:#555}.account-games{max-height:40vh;min-height:160px;overflow-y:auto;width:100%}.account-games__title{font-size:16px;margin:0 0 8px}.account-games__empty{color:#999;margin:0}.account-games__list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.account-game{align-items:center;background-color:#f2f2f2;background-color:var(--bg-item);border-radius:12px;display:flex;gap:10px;padding:10px 14px}.account-game__result{font-weight:700;min-width:52px}.account-game--win .account-game__result{color:#2e7d32}.account-game--loss .account-game__result{color:#c62828}.account-game--draw .account-game__result{color:#f57f17}.account-game__mode{color:#555;flex:1 1;text-align:left}.account-game__date{color:#999;font-size:13px}.account-screen__actions{display:flex;gap:12px}.loading{color:#555;font-size:20px}@media (max-width:640px){.account-screen,.auth-screen{gap:14px;padding:26px 18px}}
/*# sourceMappingURL=main.2686b6af.css.map*/