.card{width:var(--card-base-width, clamp(42px, 6.5cqw, 70px));height:var(--card-base-height, clamp(60px, 9.1cqw, 98px));container-type:size;container-name:card;--card-rank-font-size: clamp(10px, calc(11cqh + 2.8cqw) , 26px);--card-suit-font-size: clamp(7px, calc(7.2cqh + 2cqw) , 18px);--card-corner-font-size: clamp(8px, calc(9cqh + 2.2cqw) , 22px);--card-suit-large-font-size: clamp(16px, calc(31cqh + 7cqw) , 48px);--card-count-font-size: clamp(9px, calc(1.6cqh + .9cqw) , 22px);border-radius:var(--card-border-radius-large);box-shadow:0 var(--card-shadow-y) var(--card-shadow-blur) var(--card-shadow-medium);transition:all .2s ease,width .3s ease,height .3s ease;position:relative;background:#fff;opacity:1;-webkit-user-select:none;user-select:none;overflow:visible}.card__front,.card__back{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--card-border-radius-large);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--card-padding);box-sizing:border-box;overflow:hidden}.card__front.card-front-pattern{border:var(--card-border-width) solid var(--card-border-color);background:#fff;opacity:1;box-shadow:none}.card__side-column{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.card__side-column--left{align-self:flex-start}.card__side-column--right{align-self:flex-end}.card__side-column:not(.card__side-column--joker){position:absolute;width:auto;height:auto;z-index:1}.card__side-column--left:not(.card__side-column--joker){top:var(--card-corner-inset-block);left:var(--card-corner-inset-inline)}.card__side-column--right:not(.card__side-column--joker){bottom:var(--card-corner-inset-block);right:var(--card-corner-inset-inline)}.card__side-column--joker{align-items:center;justify-content:center}.card__side-column--joker.card__side-column--right{transform:rotate(180deg)}.card-rank-pattern--joker{writing-mode:vertical-rl;text-orientation:upright;white-space:normal;font-size:var(--card-joker-font-size)!important;font-weight:700;line-height:.7;letter-spacing:var(--card-joker-letter-spacing);color:#1f2937}.card--small .card-rank-pattern--joker,.card--play .card-rank-pattern--joker{font-size:calc(10px * var(--ui-font-scale))!important}.card--hand .card-rank-pattern--joker{font-size:clamp(9px,10cqh,14px)!important;letter-spacing:-.34em!important}.card__back.card-back-pattern{background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;border:var(--card-border-width) solid rgba(248,250,252,.45);box-shadow:inset 0 0 0 clamp(1px,.2cqh,2px) #0f172a99}.play-history-timeline__card.card--face-down .card__back.card-back-pattern{background:linear-gradient(135deg,#1e293b,#334155)}.card__back.card-back-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 2px,transparent 2px,transparent 4px);border-radius:var(--card-border-radius-large)}.card__count{position:relative;z-index:1;color:#fff;font-size:var(--card-count-font-size);font-weight:700}.card__corner{display:flex;flex-direction:column;align-items:center;gap:var(--card-corner-gap);flex-shrink:0;z-index:1}.card__corner--top-left{align-self:flex-start}.card__corner--bottom-right{align-self:flex-end;transform:rotate(180deg)}.card-corner-pattern{font-size:var(--card-corner-font-size);font-weight:700}.card-rank-pattern{font-size:var(--card-rank-font-size);font-weight:700;line-height:1;color:#1f2937;display:block;white-space:nowrap}.card-suit-pattern{font-size:var(--card-suit-font-size);line-height:1;display:block}.card-suit-pattern--red{color:#dc2626}.card-suit-pattern--black{color:#1f2937}.card__center{display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden;min-height:0;position:relative;z-index:0}.card-suit-large-pattern{font-size:var(--card-suit-large-font-size);line-height:1;display:block;text-align:center}.card-suit-large-pattern--red{color:#dc2626}.card-suit-large-pattern--black{color:#1f2937}.card--hand .card__center-rank-suit,.card--small .card__center-rank-suit,.card--normal .card__center-rank-suit,.card--play .card__center-rank-suit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:0;min-width:0;overflow:hidden}.card--hand .card__center-rank-suit .card-suit-large-pattern{margin-top:-.1em;font-size:clamp(11px,calc(19cqh + 6cqw),28px)}.card--small .card__center-rank-suit .card-suit-large-pattern{margin-top:-.1em;font-size:clamp(10px,calc(18cqh + 5cqw),26px)}.card--normal .card__center-rank-suit .card-suit-large-pattern{margin-top:-.1em;font-size:clamp(11px,calc(22cqh + 6cqw),34px)}.card--play .card__center-rank-suit .card-suit-large-pattern{margin-top:-.1em;font-size:clamp(14px,calc(28cqh + 8cqw),44px)}.card--hand .card__center-rank-suit--joker{overflow:visible;padding-block:.12em}.card--hand .card__center-rank-suit--joker .card__center-rank{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.2em;font-size:clamp(9px,calc(19cqh + 5cqw),25px);line-height:1.1}.card--hand .card__center-rank{font-size:clamp(12px,calc(28cqh + 9cqw),40px);font-weight:800;line-height:1;color:#1f2937}.card--small .card__center-rank{font-size:clamp(10px,calc(20cqh + 5cqw),20px);font-weight:800;line-height:1;color:#1f2937}.card--normal .card__center-rank{font-size:clamp(11px,calc(24cqh + 7cqw),28px);font-weight:800;line-height:1;color:#1f2937}.card--play .card__center-rank{font-size:clamp(13px,calc(26cqh + 8cqw),38px);font-weight:800;line-height:1;color:#1f2937}.card__joker-symbol{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.card__joker-symbol-svg{width:100%;height:100%;max-width:clamp(20px,2.6cqh,28px);max-height:clamp(20px,2.6cqh,28px);color:#dc2626}.card--small .card__joker-symbol-svg{max-width:clamp(14px,2cqh,20px);max-height:clamp(14px,2cqh,20px)}.card--hand .card__joker-symbol-svg{max-width:clamp(16px,2.1cqh,21px);max-height:clamp(16px,2.1cqh,21px)}.card--playable{cursor:pointer}@media (hover: hover){.card--playable:hover{transform:translateY(calc(var(--card-shadow-y) * -1));box-shadow:0 calc(var(--card-shadow-y) * 2) calc(var(--card-shadow-blur) * 2) #00000040}}.card--selected{transform:translateY(calc(var(--card-shadow-y) * -2));box-shadow:0 0 0 var(--card-shadow-y) #3b82f6}.card--disabled{opacity:1;cursor:not-allowed}@media (hover: hover){.card--disabled:hover{transform:none;box-shadow:0 2px 8px var(--card-shadow-medium)}}.card--mini{width:var(--card-mini-width, clamp(20px, 3.2cqw, 36px));height:var(--card-mini-height, clamp(28px, 4.5cqw, 50px));--card-mini-text-size: clamp(8px, calc(36cqh + 10cqw) , 24px);--card-mini-corner-rank-size: clamp(5px, calc(28cqh + 7.5cqw) , 16px);--card-mini-corner-suit-size: clamp(4px, calc(24cqh + 6.5cqw) , 14px);--card-mini-corner-pad-block: clamp(1px, calc(.14cqh + .06cqw) , 4px);--card-mini-corner-pad-inline: clamp(2px, calc(.2cqw + .1cqh) , 6px);--card-mini-corner-offset-top: clamp(0px, calc(.16cqh + .05cqw) , 4px);--card-mini-corner-offset-left: clamp(0px, calc(.12cqw + .06cqh) , 4px)}.card--mini .card__front,.card--mini .card__back{padding:0;justify-content:center;align-items:center}.card--mini .card-simple-pattern{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:clamp(0px,calc(.08cqh + .03cqw),4px);font-weight:700;line-height:1;font-size:var(--card-mini-text-size)}.card--mini .card-simple-rank{display:block;font-size:var(--card-mini-text-size);color:#1f2937;line-height:1;text-align:center}.card--mini .card-simple-suit{display:block;font-size:var(--card-mini-text-size);line-height:1;text-align:center}.card-simple-pattern--red .card-simple-suit{color:#dc2626}.card-simple-pattern--black .card-simple-suit{color:#1f2937}.card--mini.card--display .card__front.card-front-pattern{overflow:visible}.card__mini-corner-reveal{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(0px,calc(.06cqh + .02cqw),3px);padding:var(--card-mini-corner-pad-block) var(--card-mini-corner-pad-inline) var(--card-mini-corner-pad-block);margin:0;line-height:1;border:none;border-radius:clamp(2px,calc(.2cqh + .12cqw),5px);background:#fffffff0;box-shadow:none;pointer-events:none;max-width:calc(100% - 2 * var(--card-mini-corner-pad-inline))}.card__mini-corner-reveal--top-left{top:var(--card-mini-corner-offset-top);left:var(--card-mini-corner-offset-left)}.card__mini-corner-reveal--bottom-right{bottom:var(--card-mini-corner-offset-top);right:var(--card-mini-corner-offset-left);transform:rotate(180deg)}.card__mini-corner-reveal-rank{display:block;font-size:var(--card-mini-corner-rank-size);font-weight:800;color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-align:center;line-height:1;text-shadow:0 0 1px rgba(255,255,255,.9)}.card__mini-corner-reveal-suit{display:block;font-size:var(--card-mini-corner-suit-size);font-weight:800;line-height:1;text-align:center}.card__mini-corner-reveal--red .card__mini-corner-reveal-suit{color:#dc2626}.card__mini-corner-reveal--black .card__mini-corner-reveal-suit{color:#0f172a}.card--mini .card__corner,.card--mini .card-suit-large-pattern{display:none}.card--small{width:var(--card-small-width, clamp(34px, 5.2cqw, 58px));height:var(--card-small-height, clamp(48px, 7.3cqw, 82px))}.card--hand{width:var(--card-hand-width);height:var(--card-hand-height)}.card--hand .card__front{z-index:1}.card__hand-corner-peek{display:none}.game-layout.game-layout--portrait-body .card--hand .card__hand-corner-peek{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(0px,.32cqh,4px);box-sizing:border-box;position:absolute;top:clamp(3px,.55cqh,8px);left:clamp(3px,.65cqw,8px);z-index:4;padding:clamp(3px,.38cqh,6px) clamp(4px,.75cqw,10px);border-radius:clamp(4px,.55cqh,7px);background:#fffffff5;line-height:1;pointer-events:none;max-width:min(58%,108px)}.game-layout.game-layout--portrait-body .card--hand .card__hand-corner-peek__rank{font-size:clamp(10px,15.5cqw,16px);font-weight:800;letter-spacing:-.03em;line-height:1}.game-layout.game-layout--portrait-body .card--hand .card__hand-corner-peek__suit{font-size:clamp(11px,17.5cqw,17px);line-height:1}.game-layout.game-layout--portrait-body .card--hand .card__hand-corner-peek--red{color:#dc2626}.game-layout.game-layout--portrait-body .card--hand .card__hand-corner-peek--black{color:#0f172a}.game-layout.game-layout--portrait-body .card--hand .card__hand-corner-peek--joker{color:#7c3aed}.game-layout.game-layout--portrait-body .card--hand .card__corner.card__corner--top-left{opacity:0}@media (max-width: 1199px){.card--hand .card__side-column{display:none}}.card--play{width:var(--played-cards-card-base-width, clamp(70px, 10cqw, 120px));height:var(--played-cards-card-base-height, clamp(98px, 14cqw, 168px))}.card--play .card__joker-symbol-svg{max-width:clamp(28px,4cqh,40px);max-height:clamp(28px,4cqh,40px)}.card--display{cursor:default;opacity:1;pointer-events:none}@media (hover: hover){.card--display:hover{transform:none!important;box-shadow:0 2px 8px var(--card-shadow-medium)!important}}.unified-player-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#3b82f633;border:2px solid rgba(59,130,246,.3);color:#fff;font-weight:600;flex-shrink:0;overflow:hidden}.unified-player-avatar--xxs{width:16px;height:16px;font-size:8px}.unified-player-avatar--xs{width:20px;height:20px;font-size:10px}.unified-player-avatar--sm{width:24px;height:24px;font-size:12px}.unified-player-avatar--md{width:32px;height:32px;font-size:14px}.unified-player-avatar--lg{width:40px;height:40px;font-size:16px}.unified-player-avatar--cpu{background:#64748b33;border-color:#64748b66}.unified-player-avatar--host{background:#fbbf2433;border-color:#fbbf2466}.unified-player-avatar--me{background:#3b82f64d;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.unified-player-avatar--default{border-color:#64748b4d}.header-chat{box-sizing:border-box;position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:calc(3 / 7 * 100%);min-width:0;display:flex;align-items:center}.header-chat__bar{flex:1;min-width:0;display:flex;align-items:center;gap:clamp(4px,.6vw,8px);min-height:clamp(28px,3.6vh,36px);box-sizing:border-box}.header-chat__bar-icon{color:#60a5fa;flex-shrink:0}.header-chat__preview{flex:1 1 auto;min-width:0;display:inline-flex;align-items:baseline;gap:.4rem;padding:clamp(3px,.5vh,5px) clamp(6px,.8vw,10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:clamp(6px,.8vh,10px);color:#e2e8f0eb;font:inherit;font-size:clamp(11px,1.4vh,13px);line-height:1.2;text-align:left;cursor:pointer;overflow:hidden;transition:background-color .15s ease,border-color .15s ease}.header-chat__preview:hover:not(:disabled),.header-chat__preview:focus-visible{background:#60a5fa1f;border-color:#60a5fa73}.header-chat__preview:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:1px}.header-chat__preview:disabled{opacity:.55;cursor:not-allowed}.header-chat__preview-name{flex-shrink:0;color:#93c5fd;font-weight:700;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-chat__preview-name:after{content:":";margin-left:.1rem;color:#93c5fdb3}.header-chat__preview-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0eb;font-weight:500}.header-chat__preview-text--placeholder{color:#94a3b8b3;font-style:italic;font-weight:400}.header-chat__preview-text--system{color:#cbd5e1cc;font-style:italic;font-weight:400}.header-chat__preview--alert{animation:header-chat__preview-alert 1.6s ease-out forwards}@keyframes header-chat__preview-alert{0%{background:#60a5fa47;border-color:#60a5faf2;box-shadow:0 0 #60a5fa8c,0 0 16px 3px #60a5fa73}35%{background:#60a5fa2e;border-color:#60a5fabf;box-shadow:0 0 0 5px #60a5fa1a,0 0 22px 5px #60a5fa59}70%{background:#60a5fa1a;border-color:#60a5fa73;box-shadow:0 0 0 8px #60a5fa00,0 0 18px 3px #60a5fa2e}to{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 0 #60a5fa00,0 0 #60a5fa00}}.header-chat__preview--alert-system{animation:header-chat__preview-alert-system 1.6s ease-out forwards}@keyframes header-chat__preview-alert-system{0%{background:#c4b5fd3d;border-color:#c4b5fde6;box-shadow:0 0 #c4b5fd80,0 0 16px 3px #c4b5fd66}35%{background:#c4b5fd24;border-color:#c4b5fdb3;box-shadow:0 0 0 5px #c4b5fd14,0 0 22px 5px #c4b5fd4d}70%{background:#c4b5fd14;border-color:#c4b5fd66;box-shadow:0 0 0 8px #c4b5fd00,0 0 18px 3px #c4b5fd26}to{background:#ffffff0d;border-color:#ffffff14;box-shadow:0 0 #c4b5fd00,0 0 #c4b5fd00}}.header-chat__form{flex:1 1 auto;display:flex;align-items:center;gap:.35rem;min-width:0}.header-chat__input-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:clamp(2px,.4vw,4px);padding-right:clamp(2px,.4vw,4px);border-radius:.4rem;border:1px solid rgba(96,165,250,.45);background:#0f172ad9;transition:border-color .15s ease,box-shadow .15s ease}.header-chat__input-wrap:focus-within{border-color:#60a5fad9;box-shadow:0 0 0 2px #60a5fa40}.header-chat__input-wrap--disabled{opacity:.55}.header-chat__input{flex:1 1 auto;min-width:0;padding:clamp(4px,.6vh,7px) clamp(8px,1vw,12px);border-radius:.4rem 0 0 .4rem;border:none;background:transparent;color:#fff;font-size:clamp(12px,1.5vh,14px);line-height:1.2}.header-chat__input::placeholder{color:#94a3b8b3}.header-chat__input:focus{outline:none;box-shadow:none}.header-chat__input:disabled{cursor:not-allowed}.header-chat__send-button.send-message-button{flex-shrink:0;width:clamp(22px,2.8vh,26px);height:clamp(22px,2.8vh,26px);min-width:0;min-height:0;padding:0;border-radius:.3rem}.header-chat__close-button{flex-shrink:0;width:clamp(24px,3.2vh,30px);height:clamp(24px,3.2vh,30px);padding:0;border:none;border-radius:50%;background:#ffffff14;color:#cbd5e1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:background-color .15s ease,color .15s ease}.header-chat__close-button:hover{background:#ffffff2e;color:#fff}.header-chat__close-button:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:2px}.header-chat__panel{position:absolute;top:100%;left:0;right:0;max-height:min(50dvh,360px);overflow-y:auto;overscroll-behavior:contain;padding:.45rem .6rem .55rem;background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 36px #00000073;box-sizing:border-box;z-index:1;animation:header-chat__panel-open .18s ease-out}@keyframes header-chat__panel-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-chat__empty{margin:.8rem 0;text-align:center;color:#cbd5e1b3;font-size:.75rem;line-height:1.4}.header-chat__messages{display:flex;flex-direction:column;gap:.35rem}.header-chat__message{display:flex;align-items:flex-start;gap:.4rem;padding:.25rem .4rem;border-radius:.4rem;background:#0f172a66;border:1px solid rgba(255,255,255,.04)}.header-chat__message-avatar{flex-shrink:0;padding-top:.05rem}.header-chat__message-body{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1 auto}.header-chat__message-meta{display:flex;align-items:baseline;gap:.4rem;font-size:.6875rem}.header-chat__message-name{color:#93c5fd;font-weight:700;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-chat__message-time{color:#94a3b8e6;font-feature-settings:"tnum";flex-shrink:0}.header-chat__message-text{font-size:.8125rem;color:#fff;line-height:1.4;word-break:break-word;white-space:pre-wrap}.header-chat__message--system{flex-direction:row;align-items:baseline;justify-content:center;background:transparent;border:none;padding:.1rem .3rem;gap:.5rem}.header-chat__message-system-text{font-size:.75rem;color:#cbd5e1d9;font-style:italic;text-align:center;line-height:1.35;word-break:break-word;white-space:pre-wrap;flex:1 1 auto}.header-chat__message--game .header-chat__message-system-text{color:#c4b5fdd9}.header-chat__error{margin:0 0 .4rem;padding:.2rem .4rem;color:#fca5a5;font-size:.6875rem;background:#7f1d1d73;border:1px solid rgba(248,113,113,.4);border-radius:.35rem}@media (max-width: 1024px){.header-chat__bar{min-height:26px}.header-chat__panel{max-height:min(45dvh,320px);padding:.4rem .5rem .5rem}}@media (max-width: 768px){.header-chat{position:static;transform:none;width:auto;display:block}.header-chat__bar{flex:0 1 auto;padding:2px 6px 3px;min-height:22px;border-top:1px solid rgba(255,255,255,.06);margin-top:2px}.header-chat__preview{padding:2px 6px;font-size:11px}.header-chat__preview-name{max-width:5rem}.header-chat__input{padding:3px 8px;font-size:12px}.header-chat__send-button.send-message-button{width:20px;height:20px}.header-chat__close-button{width:22px;height:22px}.header-chat__panel{max-height:min(45dvh,280px);padding:.35rem .45rem .45rem}.header-chat__message{padding:.2rem .35rem}.header-chat__message-text{font-size:.75rem}}@media (orientation: landscape) and (max-height: 500px){.header-chat{position:static;transform:none;width:auto;display:block}.header-chat__bar{flex:0 1 auto;padding:1px 6px 2px;border-top:1px solid rgba(255,255,255,.06);margin-top:2px;min-height:20px}.header-chat__preview{padding:1px 6px;font-size:11px}.header-chat__input{padding:2px 7px;font-size:12px}.header-chat__send-button.send-message-button{width:18px;height:18px}.header-chat__close-button{width:20px;height:20px}.header-chat__panel{max-height:min(55dvh,200px);padding:.3rem .45rem .4rem}.header-chat__messages{gap:.25rem}.header-chat__message{padding:.15rem .3rem}.header-chat__message-text{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.header-chat__panel{animation:none}.header-chat__preview--alert,.header-chat__preview--alert-system{animation:none;border-color:#60a5fa99;background:#60a5fa14}.header-chat__preview--alert-system{border-color:#c4b5fd8c;background:#c4b5fd14}}.allow-join-toggle{display:inline-flex;align-items:center;gap:.3125rem;height:1.75rem;min-height:1.75rem;padding:0 .5rem;background:transparent;border:1px solid transparent;cursor:pointer;color:#fff;border-radius:.375rem;flex-shrink:0;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease}.allow-join-toggle--on{color:#93c5fd;border-color:#3b82f666;background:#3b82f61f}.allow-join-toggle--off{color:#fbbf24;border-color:#f59e0b66;background:#f59e0b1f}.allow-join-toggle:hover:not(:disabled){background:#ffffff14}.allow-join-toggle--on:hover:not(:disabled){background:#3b82f638;border-color:#3b82f6a6}.allow-join-toggle--off:hover:not(:disabled){background:#f59e0b38;border-color:#f59e0ba6}.allow-join-toggle:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}.allow-join-toggle:disabled{opacity:.45;cursor:not-allowed}.allow-join-toggle__icon{flex-shrink:0}.allow-join-toggle__label{font-size:.75rem;font-weight:600;min-width:4em;text-align:left;white-space:nowrap;line-height:1}@media (max-width: 1024px){.allow-join-toggle{height:1.5rem;min-height:1.5rem;padding:0 .4375rem;gap:.25rem}.allow-join-toggle__label{font-size:.6875rem}}@media (max-width: 768px){.control-section .allow-join-toggle__label{display:none}.control-section .allow-join-toggle{padding:0 .375rem;min-width:auto}}@media (max-width: 480px){.allow-join-toggle{height:1.5rem;min-height:1.5rem;padding:0 .3125rem;gap:.1875rem}.control-section .allow-join-toggle__label{display:inline;font-size:.625rem;min-width:4em}}@media (orientation: landscape) and (max-height: 500px){.allow-join-toggle{height:1.375rem;min-height:1.375rem;padding:0 .3125rem;gap:.1875rem}}.host-badge,.cpu-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--badge-padding-y, .125rem) var(--badge-padding-x, .25rem);border-radius:9999px;font-size:var(--badge-font-size, .625rem);font-weight:600;line-height:1;min-width:fit-content;gap:var(--badge-gap, .125rem);border-width:1px;border-style:solid}.host-badge{background-color:#fbbf24;color:#92400e;border-color:#f59e0b;box-shadow:0 1px 2px #0000000d}.cpu-badge{background-color:#f5f5f5;color:#000;border-color:#e5e7eb;box-shadow:0 1px 2px #0000001a}.host-badge__label,.cpu-badge__label{font-weight:600}.badge__icon{width:var(--badge-icon-size, 14px);height:var(--badge-icon-size, 14px);display:inline-block;vertical-align:middle;flex-shrink:0}.invite-room-modal__content{display:flex;flex-direction:column;align-items:center;gap:var(--modal-gap)}.invite-room-modal__description{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.4;color:#f1f5f9;text-align:center;letter-spacing:.02em}.invite-room-modal__warning{display:flex;align-items:flex-start;gap:.5rem;width:100%;padding:.625rem .75rem;border-radius:.5rem;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fcd34d;font-size:.8125rem;line-height:1.45}.invite-room-modal__warning p{margin:0}.invite-room-modal__warning-icon{flex-shrink:0;margin-top:.125rem}.invite-room-modal__room-id-row{display:grid;grid-template-columns:max-content max-content max-content;grid-template-areas:"label frame copy";justify-content:center;align-items:center;column-gap:.375rem;row-gap:.5rem;width:100%;box-sizing:border-box;padding:.5rem .75rem;border-radius:.5rem;background:#1e293bd9;border:1px solid rgba(59,130,246,.3)}.invite-room-modal__room-id-label{grid-area:label;font-size:.75rem;font-weight:600;color:#94a3b8;white-space:nowrap;line-height:1}.invite-room-modal__room-id-frame{grid-area:frame;--room-id-box-font-size: clamp(.875rem, 3.5vw, 1rem);display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.125rem .25rem .125rem .5rem;box-sizing:content-box;border-radius:.375rem;background:#0f172a99;border:1px solid rgba(59,130,246,.25);color:#fff}.invite-room-modal__room-id-frame--disabled{opacity:.55}.invite-room-modal__room-id-value-text{display:inline-block;flex:0 0 auto;width:10ch;min-width:10ch;max-width:10ch;font-family:Courier New,monospace;font-size:var(--room-id-box-font-size);font-weight:700;color:inherit;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-align:center;-webkit-user-select:all;user-select:all}.invite-room-modal__room-id-frame--hidden .invite-room-modal__room-id-value-text{color:#cbd5e1;-webkit-user-select:none;user-select:none;letter-spacing:.1em}.invite-room-modal__room-id-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;margin:0;border-radius:.25rem;background:transparent;border:none;box-shadow:none;color:#bfdbfed9;cursor:pointer;line-height:0;transition:background .15s ease,color .15s ease,transform .15s ease}.invite-room-modal__room-id-toggle:hover:not(:disabled){background:#3b82f62e;color:#60a5fa;transform:scale(1.08)}.invite-room-modal__room-id-toggle:active:not(:disabled){background:#3b82f647;transform:scale(.96)}.invite-room-modal__room-id-toggle:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.invite-room-modal__room-id-toggle:disabled{cursor:not-allowed;color:#bfdbfe66}.invite-room-modal__room-id-copy-btn{grid-area:copy;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:1.75rem;min-height:1.75rem;padding:0 .5rem;white-space:nowrap;line-height:1}.invite-room-modal__room-id-copy-btn:disabled{opacity:.4;cursor:not-allowed}.invite-room-modal__room-id-copy-btn-text{font-size:.75rem;font-weight:600;line-height:1}.invite-room-modal__qr-wrap{padding:1rem;border-radius:.75rem;background:#fff;box-shadow:0 4px 12px #0003}.invite-room-modal__qr{display:block}.invite-room-modal__link-section{width:100%;display:flex;flex-direction:column;gap:.375rem}.invite-room-modal__link-label{font-size:.75rem;font-weight:600;color:#94a3b8}.invite-room-modal__link-input{width:100%;box-sizing:border-box;padding:.5rem .625rem;border-radius:.375rem;border:1px solid rgba(59,130,246,.35);background:#0f172ab3;color:#e2e8f0;font-size:.8125rem;font-family:Courier New,monospace;letter-spacing:.02em}.invite-room-modal__link-input:focus{outline:2px solid #93c5fd;outline-offset:1px}.invite-room-modal__copy-error{margin:0;width:100%;font-size:.8125rem;color:#fca5a5;text-align:center}.invite-room-modal__actions{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;justify-content:center}.invite-room-modal__copy-btn,.invite-room-modal__share-btn{flex:1 1 auto;min-width:8rem}@container modal (max-width: 310px){.invite-room-modal__room-id-row{grid-template-columns:max-content max-content;grid-template-areas:"label frame" "copy  copy";padding:.4rem .5rem;column-gap:.375rem;row-gap:.375rem}.invite-room-modal__room-id-label{font-size:.6875rem}.invite-room-modal__room-id-frame{--room-id-box-font-size: clamp(.85rem, 3.5vw, 1rem);padding:.125rem .25rem .125rem .375rem;gap:.2rem}.invite-room-modal__room-id-copy-btn{justify-self:center;height:1.5rem;min-height:1.5rem;padding:0 .5rem;gap:.1875rem}.invite-room-modal__room-id-copy-btn-text{font-size:.625rem}}@container modal (max-width: 360px){.invite-room-modal__qr-wrap{padding:.75rem}.invite-room-modal__qr{width:200px!important;height:200px!important}.invite-room-modal__actions{flex-direction:column}.invite-room-modal__copy-btn,.invite-room-modal__share-btn{width:100%}}@media (orientation: landscape) and (max-height: 500px){.invite-room-modal__content{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"warning warning" "roomid  roomid" "qr      actions" "link    link" "error   error";column-gap:.875rem;row-gap:.5rem;align-items:center}.invite-room-modal__description{display:none}.invite-room-modal__warning{grid-area:warning;padding:.4rem .5rem;font-size:.75rem;line-height:1.4}.invite-room-modal__room-id-row{grid-area:roomid;padding:.375rem .5rem;gap:.375rem}.invite-room-modal__qr-wrap{grid-area:qr;padding:.5rem;align-self:center;justify-self:center}.invite-room-modal__qr{width:140px!important;height:140px!important}.invite-room-modal__link-section{grid-area:link;gap:.25rem}.invite-room-modal__link-label{font-size:.6875rem}.invite-room-modal__link-input{padding:.375rem .5rem;font-size:.75rem}.invite-room-modal__copy-error{grid-area:error;text-align:left}.invite-room-modal__actions{grid-area:actions;flex-direction:column;flex-wrap:nowrap;gap:.375rem;align-items:stretch}.invite-room-modal__copy-btn,.invite-room-modal__share-btn{min-width:0;padding:.375rem .625rem;font-size:.8125rem;min-height:2rem;white-space:nowrap;flex:0 0 auto}}.special-effect-announcement{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:grid;place-items:center;padding:var(--layout-overlay-safe-inset, clamp(12px, 2.5vh, 24px));pointer-events:none}.special-effect-announcement--above-card-motion{z-index:var(--z-game-overlay, 5000)}.special-effect-announcement__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--effect-announcement-gap, clamp(4px, .5vh, 8px));text-align:center;color:#fff;padding:var(--layout-overlay-safe-inset, clamp(12px, 2.5vh, 24px));overflow:visible}.special-effect-announcement__effect-name{font-size:var( --overlay-line1-size, clamp(22px, min(10vw, 8svh), 56px) );font-weight:700;letter-spacing:.04em;color:gold;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);white-space:nowrap;padding:var( --effect-announcement-padding-block, clamp(8px, 1.5vh, 20px) );overflow:visible}.special-effect-announcement__line1--with-avatar{display:flex;align-items:center;gap:4px;white-space:nowrap}.special-effect-announcement__line1--with-avatar span{flex-shrink:0}.special-effect-announcement__line1{font-size:var( --overlay-line1-size, clamp(22px, min(10vw, 8svh), 56px) );font-weight:700;letter-spacing:.04em;color:#fffffff2;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);white-space:nowrap;padding:var( --effect-announcement-padding-block, clamp(8px, 1.5vh, 20px) );overflow:visible}.special-effect-announcement__line2{font-size:var( --overlay-line2-size, clamp(13px, min(5.5vw, 4.5svh), 30px) );font-weight:600;color:#fffffff2;line-height:1.3;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);white-space:nowrap;padding:var( --effect-announcement-padding-block, clamp(8px, 1.5vh, 20px) );overflow:visible}.special-effect-announcement__message{font-size:var(--overlay-announcement-message-size, var(--font-size-base));line-height:1.4;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5)}.special-effect-announcement__mini-cards{display:flex;align-items:center;justify-content:center;gap:clamp(4px,.8vh,10px);flex-wrap:wrap;padding:clamp(6px,1vh,12px) clamp(10px,1.6vh,18px);background:#0f172a8c;border:1px solid rgba(255,255,255,.08);border-radius:clamp(8px,1.4vh,14px);box-shadow:0 4px 18px #00000073,inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(clamp(4px,.6vh,8px));-webkit-backdrop-filter:blur(clamp(4px,.6vh,8px));animation:special-effect-announcement-mini-cards-appear .25s ease-out}.special-effect-announcement__mini-card{box-shadow:0 2px 6px #00000073;border-radius:4px}@keyframes special-effect-announcement-mini-cards-appear{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.match-rank-line-chart{width:100%;min-width:0}.match-rank-line-chart__title{margin:0 0 .35rem;padding-bottom:8px;border-bottom:2px solid rgba(59,130,246,.35);font-size:1.0625rem;font-weight:700;color:#fffffff2}.match-rank-line-chart__hint{margin:0 0 .5rem;font-size:.68rem;color:#94a3b8e6}.match-rank-line-chart__chart-wrap{border-radius:8px;border:1px solid #000;background:#0f172aa6;padding:.35rem;min-width:0}.match-rank-line-chart__svg{display:block;width:100%;height:auto;min-height:180px}.match-rank-line-chart__grid-line{stroke:#4755698c;stroke-width:1;stroke-dasharray:4 3}.match-rank-line-chart__y-label{font-size:9px;fill:#cbd5e1f2;font-weight:600}.match-rank-line-chart__y-label--player{font-weight:700;cursor:pointer}.match-rank-line-chart__y-label--dimmed{opacity:.35}.match-rank-line-chart__y-label--active{font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.match-rank-line-chart__rank-axis-label{font-size:9px;fill:#94a3b8eb;font-weight:600;pointer-events:none}.match-rank-line-chart__x-label{font-size:10px;fill:#cbd5e1f2;font-weight:700}.match-rank-line-chart__x-interrupt{font-size:7px;fill:#fca5a5f2;font-weight:600}.match-rank-line-chart__series{cursor:pointer}.match-rank-line-chart__series--dimmed{opacity:.22}.match-rank-line-chart__series--active{opacity:1}.match-rank-line-chart__dot{pointer-events:none}@media (max-width: 390px){.match-rank-line-chart__y-label,.match-rank-line-chart__rank-axis-label{font-size:8px}}.match-cumulative-bar-replay{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end}.match-cumulative-bar-replay__track-wrap{position:relative;flex:1 1 auto;min-height:0;width:100%}.match-cumulative-bar-replay__track{position:relative;height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;min-height:0;width:100%;border-radius:6px 6px 0 0;background:#0f172a8c;border:1px solid rgba(59,130,246,.2);border-bottom:2px solid rgba(148,163,184,.55);overflow:hidden}.match-cumulative-bar-replay__segment{flex-shrink:0;flex-grow:0;height:var(--seg-target-height, 0%);min-height:4px;overflow:hidden;position:relative;border-radius:3px;transition:opacity .18s ease-out,filter .18s ease-out}.match-cumulative-bar-replay__segment--interactive{cursor:pointer}.match-cumulative-bar-replay__segment--dimmed{opacity:.32;filter:saturate(.6)}.match-cumulative-bar-replay__segment--active{opacity:1;filter:brightness(1.18) saturate(1.1);z-index:1}.match-cumulative-bar-replay__segment--active .match-cumulative-bar-replay__segment-fill{box-shadow:inset 0 0 0 1px #facc15d9,inset 0 0 8px 1px #facc158c}.match-cumulative-bar-replay__segment-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;animation:match-cumulative-bar-replay__segment-grow .4s ease-out both}@keyframes match-cumulative-bar-replay__segment-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.match-cumulative-bar-replay__segment--divider{box-shadow:0 -1px #0f172ad9}.match-cumulative-bar-replay__segment--rank .match-cumulative-bar-replay__segment-fill{background:linear-gradient(0deg,#3b82f6fa,#2563ebeb)}.match-cumulative-bar-replay__segment--bonus-final-daifugo .match-cumulative-bar-replay__segment-fill{background:linear-gradient(0deg,#fbbf24fa,#d97706eb)}.match-cumulative-bar-replay__segment--bonus-gekokujo .match-cumulative-bar-replay__segment-fill{background:linear-gradient(0deg,#34d399fa,#10b981eb)}.match-cumulative-bar-replay__segment--bonus-bluff-no1 .match-cumulative-bar-replay__segment-fill{background:linear-gradient(0deg,#a78bfafa,#7c3aedeb)}.match-cumulative-bar-replay__segment--bonus-doubt-no1 .match-cumulative-bar-replay__segment-fill{background:linear-gradient(0deg,#f472b6fa,#db2777eb)}.match-cumulative-bar-replay__segment-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fffffff7;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 1px 1px rgba(15,23,42,.65);pointer-events:none;padding:0 2px;box-sizing:border-box;opacity:0;animation:match-cumulative-bar-replay__segment-label-fade .3s .4s ease-out both}.match-cumulative-bar-replay__segment-label-row{display:inline-flex;align-items:center;justify-content:center;gap:3px;max-width:100%}.match-cumulative-bar-replay__segment-label-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.match-cumulative-bar-replay__segment-label-text,.match-cumulative-bar-replay__segment-label-game{display:inline-block;letter-spacing:.02em}@keyframes match-cumulative-bar-replay__segment-label-fade{0%{opacity:0}to{opacity:1}}.match-cumulative-bar-replay__total{position:absolute;left:0;right:0;display:flex;align-items:baseline;justify-content:center;gap:.15em;padding:0 4px;margin-bottom:0;transform:translateY(calc(-100% + 8px));color:#f8fafc;font-size:clamp(1.05rem,3.4cqw,1.4rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;pointer-events:none;box-sizing:border-box;opacity:0;transition:bottom .4s ease-out,opacity .3s ease-out}.match-cumulative-bar-replay__total[data-visible=true]{opacity:1}.match-cumulative-bar-replay__total-unit{font-size:.55em;font-weight:600;color:#94a3b8}@media (prefers-reduced-motion: reduce){.match-cumulative-bar-replay__segment-fill{animation:none}.match-cumulative-bar-replay__segment-label{animation:none;opacity:1}.match-cumulative-bar-replay__total{transition:none}}.match-result-bonus-legend{position:relative;display:inline-flex}.match-result-bonus-legend__trigger{width:1.5rem;height:1.5rem;padding:0;font-size:.85rem;line-height:1;color:#94a3b8;background:#33415599;border:1px solid rgba(148,163,184,.35);border-radius:50%;cursor:pointer}.match-result-bonus-legend__trigger:hover{color:#e2e8f0;background:#475569cc}.match-result-bonus-legend__panel{position:absolute;bottom:calc(100% + 4px);right:0;z-index:20;min-width:10rem;padding:.5rem .65rem;background:#0f172afa;border:1px solid rgba(59,130,246,.35);border-radius:8px;box-shadow:0 8px 24px #00000059}.match-result-bonus-legend__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.72rem;color:#cbd5e1}.match-result-bonus-legend__list li{display:flex;align-items:center;gap:.4rem}.match-result-bonus-legend__swatch{width:.65rem;height:.65rem;border-radius:2px;flex-shrink:0}.match-result-bonus-legend__swatch--rank{background:linear-gradient(180deg,#3b82f6fa,#2563ebeb)}.match-result-bonus-legend__swatch--final-daifugo{background:linear-gradient(180deg,#fbbf24fa,#d97706eb)}.match-result-bonus-legend__swatch--gekokujo{background:linear-gradient(180deg,#34d399fa,#10b981eb)}.match-result-bonus-legend__swatch--bluff-no1{background:linear-gradient(180deg,#a78bfafa,#7c3aedeb)}.match-result-bonus-legend__swatch--doubt-no1{background:linear-gradient(180deg,#f472b6fa,#db2777eb)}.match-result-player-card{width:100%;min-width:0;display:grid;grid-template-rows:auto 1.3em auto 1.3em auto;align-items:center;justify-items:center;gap:clamp(2px,.6cqh,5px);padding:clamp(6px,1cqh,9px) clamp(4px,.8cqw,7px);border-radius:clamp(8px,1.2cqh,12px);background:#334155d9;border:1px solid rgba(59,130,246,.35);border-top:3px solid rgba(148,163,184,.55);box-sizing:border-box}.match-result-player-card--rank-1{background:linear-gradient(180deg,#ffd70038,#334155e6 55%);border-color:#ffd70080;border-top-color:gold}.match-result-player-card--rank-2{border-color:#c0c0c073;border-top-color:silver}.match-result-player-card--rank-3{border-color:#cd7f3266;border-top-color:#cd7f32}.match-result-player-card--me{box-shadow:0 0 0 2px #93c5fd8c}.match-result-player-card__header{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;min-height:1.5em}.match-result-player-card__rank{font-size:clamp(1rem,2.6cqw,1.35rem);font-weight:800;color:#60a5fa;line-height:1;font-variant-numeric:tabular-nums}.match-result-player-card--rank-1 .match-result-player-card__rank{color:gold}.match-result-player-card--rank-2 .match-result-player-card__rank{color:silver}.match-result-player-card--rank-3 .match-result-player-card__rank{color:#cd7f32}.match-result-player-card__rank-suffix{font-size:.5em;margin-left:.05em}.match-result-player-card__tie{font-size:.6rem;font-weight:700;color:#fde68a;background:#ca8a0459;border:1px solid rgba(250,204,21,.5);border-radius:3px;padding:1px 4px;line-height:1}.match-result-player-card__title{margin:0;font-size:clamp(.7rem,1.7cqw,.85rem);font-weight:700;color:#e2e8f0;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.match-result-player-card__avatar{display:flex;align-items:center;justify-content:center;width:100%}.match-result-player-card__avatar>*{width:clamp(36px,9cqw,56px)!important;height:clamp(36px,9cqw,56px)!important}.match-result-player-card__cpu-badge{flex:0 0 auto;--badge-padding-y: 1px;--badge-padding-x: 3px;--badge-icon-size: 11px;--badge-gap: 0}.match-result-player-card__cpu-badge .cpu-badge__label{display:none}.match-result-player-card__name{margin:0;font-size:clamp(.7rem,1.7cqw,.82rem);font-weight:600;color:#f1f5f9;line-height:1.2;width:100%;max-width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:3px}.match-result-player-card__name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 390px){.match-result-player-card{padding:5px 3px;gap:2px}.match-result-player-card__avatar>*{width:36px!important;height:36px!important}.match-result-player-card__title{font-size:.7rem}.match-result-player-card__name{font-size:.68rem}}.match-result-replay-controls{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem;padding:.25rem 0}.match-result-replay-controls__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:#f8fafc;background:#334155cc;border:1px solid rgba(148,163,184,.4);border-radius:6px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform 60ms ease}.match-result-replay-controls__icon-btn:hover:not(:disabled){background:#475569f2;border-color:#94a3b899}.match-result-replay-controls__icon-btn:active:not(:disabled){transform:translateY(1px)}.match-result-replay-controls__icon-btn:disabled{color:#94a3b873;background:#1e293b8c;border-color:#47556973;cursor:not-allowed}.match-result-replay-controls__icon-btn:focus-visible{outline:2px solid rgba(96,165,250,.8);outline-offset:2px}.match-result-replay-controls__icon-btn--primary{width:2.25rem;height:2.25rem;background:#3b82f666;border-color:#60a5fa8c}.match-result-replay-controls__icon-btn--primary:hover:not(:disabled){background:#3b82f68c;border-color:#60a5fabf}@media (max-width: 390px){.match-result-replay-controls{gap:.4rem}.match-result-replay-controls__icon-btn{width:1.85rem;height:1.85rem}.match-result-replay-controls__icon-btn--primary{width:2.05rem;height:2.05rem}}.btr-game-outcome-badge{display:inline-block;margin-left:.35rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700;letter-spacing:.02em;vertical-align:middle;color:#fecaca;background:#7f1d1d73;border-radius:4px}.btr-game-outcome-badge--compact{margin-left:.25rem;font-size:.65rem;padding:.1rem .35rem}.btr-match-result-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.btr-match-interrupt-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;line-height:1.2;color:#fecaca;background:#7f1d1d8c;border:1px solid rgba(248,113,113,.45);border-radius:6px}.btr-started-at-sub{margin:0;padding:0;font-size:.8125rem;line-height:1.45;font-weight:400;color:#94a3b8eb}.btr-started-at-sub__prefix,.btr-started-at-sub__value{color:inherit;font-weight:inherit;font-size:inherit}.room-match-insights{margin-top:1rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0003;overflow:hidden;min-width:0;max-width:100%}.room-match-insights__tabs{display:flex;flex-wrap:nowrap;gap:0;border-bottom:1px solid rgba(255,255,255,.1)}.room-match-insights__tab{flex:1 1 0;min-width:0;padding:.65rem .5rem;font-size:.875rem;font-weight:600;color:#ffffffa6;background:transparent;border:none;cursor:pointer;transition:color .15s ease,background .15s ease}.room-match-insights__tab:hover{color:#ffffffe6;background:#ffffff0a}.room-match-insights__tab--active{color:gold;background:#ffd70014;box-shadow:inset 0 -2px gold}.room-match-insights__panel{padding:.75rem;max-width:100%;min-width:0}.room-match-insights__panel[hidden]{display:none!important}.room-match-insights__game-match-progress.game-match-progress{margin:0}.room-match-tendency{font-size:.875rem;color:#ffffffeb}.room-match-tendency__hint{margin:0 0 .75rem;padding:.5rem .65rem;font-size:.8125rem;line-height:1.45;color:#ffffffb3;background:#ffc10714;border-radius:6px;border:1px solid rgba(255,193,7,.25)}.room-match-tendency__empty{margin:0;color:#ffffff8c}.room-match-tendency__sticky-bar{position:sticky;top:0;z-index:3;display:flex;flex-direction:column;gap:.35rem;background:#0f172af5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.4rem 0 .5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.room-match-tendency__player-picker{margin:0}.room-match-tendency__chips{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;overflow-y:hidden;padding:2px 4px .15rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.room-match-tendency__chip{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;max-width:11rem;padding:.4rem .65rem;font-size:.8125rem;border:none;border-radius:999px;background:#ffffff0f;color:#ffffffd9;cursor:pointer;box-shadow:0 0 0 1px #fff3;vertical-align:middle;-webkit-tap-highlight-color:transparent}.room-match-tendency__chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.room-match-tendency__chip--active{background:#facc1533;color:#fff;box-shadow:0 0 0 1px #facc158c}.room-match-tendency__chip--overall{margin-right:.25rem;padding-right:.7rem;box-shadow:0 0 0 1px #fff3,inset -1px 0 #ffffff1f}.room-match-tendency__chip--overall.room-match-tendency__chip--active{box-shadow:0 0 0 1px #facc158c,inset -1px 0 #ffffff1f}.room-match-tendency__scope-tabs{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;overflow-y:hidden;padding:2px 4px;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.room-match-tendency__scope-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.25rem;max-width:10rem;padding:.38rem .55rem;font-size:.78rem;font-weight:600;border:none;border-radius:999px;background:#ffffff0f;color:#ffffffd1;cursor:pointer;white-space:nowrap;box-shadow:0 0 0 1px #ffffff2e;-webkit-tap-highlight-color:transparent}.room-match-tendency__scope-tab:hover{color:#fffffff2;background:#ffffff17}.room-match-tendency__scope-tab--active{background:#3b82f62e;color:#fff;box-shadow:0 0 0 1px #60a5fabf}.room-match-tendency__scope-panel{min-height:0;display:flex;flex-direction:column;gap:.6rem}.room-match-tendency__detail{display:grid;grid-template-columns:1fr;gap:.6rem;align-items:start}@media (min-width: 640px){.room-match-tendency__detail{grid-template-columns:repeat(2,minmax(0,1fr))}.room-match-tendency__detail>.room-match-tendency__metric-group--rank{grid-column:1 / -1}}@media (min-width: 1080px){.room-match-tendency__detail{grid-template-columns:repeat(3,minmax(0,1fr))}}.room-match-tendency__overview{margin-bottom:.75rem;padding:.5rem .55rem .55rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#00000024}.room-match-tendency__overview-title{margin:0 0 .5rem;font-size:.875rem;font-weight:700;letter-spacing:.02em;color:#fffffff2}.room-match-tendency__overview-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.room-match-tendency__overview-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.78rem}.room-match-tendency__overview-table caption{padding:0}.room-match-tendency__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.room-match-tendency__overview-table th,.room-match-tendency__overview-table td{padding:.35rem .45rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:baseline}.room-match-tendency__overview-table th[scope=col]{font-weight:600;font-size:.72rem;color:#ffffff94;white-space:nowrap}.room-match-tendency__overview-table-corner{text-align:left;width:auto;min-width:5.5rem;background:#ffffff0f;color:#ffffff80;font-weight:600;font-size:.68rem}.room-match-tendency__overview-table th.room-match-tendency__overview-table-playerhead{max-width:6.5rem;overflow:hidden;text-overflow:ellipsis;text-align:center;vertical-align:bottom;background:#ffffff14;color:#fffffff5;font-weight:700}.room-match-tendency__overview-table th[scope=row]{text-align:left;font-weight:600;color:#ffffffc7;min-width:6.75rem;max-width:9.5rem;white-space:normal;line-height:1.3;background:#ffffff0f}.room-match-tendency__overview-table td{font-variant-numeric:tabular-nums;font-weight:600;color:#ffffffeb}.room-match-tendency__overview-cell--extreme{background:#facc151f}.room-match-tendency__overview-row:nth-child(2n) td{background:#ffffff05}.room-match-tendency__overview-row:nth-child(2n) td.room-match-tendency__overview-cell--extreme{background:#facc151f}.room-match-tendency__overview-row:hover td{background:#ffffff0d}.room-match-tendency__overview-row:hover td.room-match-tendency__overview-cell--extreme{background:#facc152e}.room-match-tendency__overview-row:last-child th,.room-match-tendency__overview-row:last-child td{border-bottom:none}.room-match-tendency__section{margin-bottom:1rem}.room-match-tendency__section:last-child{margin-bottom:0}.room-match-tendency__section-title{margin:0 0 .5rem;font-size:.9375rem;font-weight:700;color:#fffffff2}.room-match-tendency__stats{margin:0;display:grid;gap:.35rem .75rem}.room-match-tendency__stat-row{display:grid;grid-template-columns:minmax(7rem,11rem) 1fr;gap:.35rem .75rem;align-items:baseline;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.room-match-tendency__stat-row dt{margin:0;font-size:.8125rem;color:#ffffffa6}.room-match-tendency__stat-row dd{margin:0;font-size:.875rem;font-weight:600}.room-match-tendency__pass-rate-dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}.room-match-tendency__pass-rate-percent{font-weight:600;color:#fffffff2}.room-match-tendency__pass-rate-count{font-size:.8125rem;font-weight:500;color:#ffffffb8}.room-match-tendency__stat-row--nested{padding-left:.65rem;border-bottom-color:#ffffff0a}.room-match-tendency__stat-row--nested dt{font-size:.78rem}.room-match-tendency__stat-row--nested-deep{padding-left:1.15rem;border-bottom-color:#ffffff09}.room-match-tendency__stat-row--nested-deep dt{font-size:.74rem}.room-match-tendency__metric-group,.room-match-tendency__lead-methods{margin:.65rem 0;padding:.6rem .65rem .55rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0000002e;display:flex;flex-direction:column;gap:.45rem}.room-match-tendency__metric-group:first-child{margin-top:0}.room-match-tendency__detail>.room-match-tendency__metric-group{margin:0}.room-match-tendency__metric-group-title,.room-match-tendency__lead-methods-title{margin:0;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.14);font-size:.9375rem;font-weight:700;letter-spacing:.02em;color:#fffffffa}.room-match-tendency__lead-flat{margin:0}.room-match-tendency__stat-row--lead-total{padding-bottom:.35rem;margin-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.room-match-tendency__stat-row--lead-total dt{font-weight:600;color:#ffffffd9}.room-match-tendency__stat-row--lead-total dd{font-size:.9375rem}.room-match-tendency__lead-subgroup-title{margin:0 0 .3rem;font-size:.8125rem;font-weight:600;color:#ffffffad}.room-match-tendency__stats--branch-nested{margin:0;padding-left:.65rem;margin-left:.35rem;border-left:2px solid rgba(255,255,255,.14)}.room-match-tendency__stats--branch-nested>.room-match-tendency__stats-tier2-wrap{margin-left:.85rem;padding-left:.65rem;border-left:2px solid rgba(255,255,255,.14)}.room-match-tendency__stats-tier2-wrap>.room-match-tendency__stats-tier3-wrap{margin-top:.2rem;margin-left:.55rem;padding-left:.55rem;border-left:2px solid rgba(255,255,255,.1)}.room-match-tendency__lead-branch-column{margin:0;padding-left:.65rem;margin-left:.35rem;border-left:2px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:.45rem}.room-match-tendency__lead-branch-column .room-match-tendency__lead-subgroup{margin:0}.room-match-tendency__lead-branch-column>.room-match-tendency__stats{margin:0}.room-match-tendency__lead-branch-column .room-match-tendency__lead-subgroup .room-match-tendency__stats--branch-nested{margin-left:1.35rem}.room-match-tendency__stat-row--leaf{padding-left:.15rem}.room-match-tendency__stat-row--leaf dt{font-size:.78rem;color:#ffffffb8}.room-match-tendency__muted{font-weight:400;font-size:.75rem;color:#ffffff73}.room-match-tendency__empty-note{margin:0;font-size:.8125rem;color:#ffffff80}@media (max-width: 390px){.room-match-tendency__stat-row{grid-template-columns:1fr}.room-match-insights__tab{font-size:.8125rem;padding:.55rem .35rem}}.match-result-hero{position:relative;display:flex;flex-direction:column;gap:.35rem;min-width:0;--bar-area-height: clamp(180px, 38vh, 360px);--hero-column-min: 84px;--hero-column-max: 140px;--hero-column-gap: clamp(8px, 2.5cqw, 28px);--tick-line-extension: 10px;--tick-label-gap: 4px}.match-result-hero__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-height:1.6em}.match-result-hero__top-slot{display:flex;align-items:center;min-width:0}.match-result-hero__top-slot--right{justify-content:flex-end}.match-result-hero__game-label{margin:0;text-align:center;font-size:.85rem;font-weight:700;color:#e2e8f0f2;letter-spacing:.04em}.match-result-hero__tendency-button{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .85rem;font-size:.78rem;font-weight:600;color:#93c5fd;background:#3b82f629;border:1px solid rgba(59,130,246,.45);border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.match-result-hero__tendency-button:hover{background:#3b82f647;border-color:#60a5fabf;color:#bfdbfe}.match-result-hero__tendency-button:focus-visible{outline:2px solid rgba(96,165,250,.65);outline-offset:2px}.match-result-hero__legend-wrap{position:absolute;bottom:0;right:0;z-index:5}.match-result-hero__scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:2px}.match-result-hero__grid{display:grid;grid-template-columns:repeat(var(--player-count, 4),minmax(var(--hero-column-min),var(--hero-column-max)));grid-template-rows:var(--bar-area-height) auto;column-gap:var(--hero-column-gap);row-gap:0;justify-content:center;width:100%;margin:0 auto;padding:0 clamp(24px,5cqw,40px);box-sizing:border-box}.match-result-hero__tick-grid{grid-row:1;grid-column:1 / -1;position:relative;pointer-events:none;z-index:0;height:100%;min-height:0}.match-result-hero__tick-line{position:absolute;left:calc(-1 * var(--tick-line-extension));right:calc(-1 * var(--tick-line-extension));height:0;border-top:1px dashed rgba(148,163,184,.32)}.match-result-hero__tick-label{position:absolute;top:0;transform:translateY(-50%);font-size:9px;font-weight:600;color:#94a3b8d9;line-height:1;letter-spacing:.02em;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.match-result-hero__tick-label--left{right:100%;margin-right:var(--tick-label-gap);text-align:right}.match-result-hero__tick-label--right{left:100%;margin-left:var(--tick-label-gap);text-align:left}.match-result-hero__bar-cell{grid-row:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;position:relative;z-index:1;transition:opacity .18s ease-out,filter .18s ease-out}.match-result-hero__card-cell{grid-row:2;min-width:0;display:flex;transition:opacity .18s ease-out,filter .18s ease-out}.match-result-hero__bar-cell--interactive,.match-result-hero__card-cell--interactive{cursor:pointer}.match-result-hero__bar-cell--dimmed,.match-result-hero__card-cell--dimmed{opacity:.45;filter:saturate(.7)}.match-result-hero__bar-cell--active,.match-result-hero__card-cell--active{opacity:1;filter:brightness(1.06) saturate(1.05);z-index:2}.match-result-tendency-sheet.modal{display:flex;flex-direction:column;overflow:hidden}.match-result-tendency-sheet .modal__header{flex:0 0 auto;align-items:flex-start}.match-result-tendency-sheet .modal__header-left{flex-wrap:wrap;row-gap:.3rem;align-items:baseline;flex:1 1 auto;min-width:0}.match-result-tendency-sheet .modal__body,.match-result-tendency-sheet .modal__content{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.match-result-tendency-sheet__body{max-height:none;overflow:visible}.match-result-tendency-sheet__title-hint{display:inline-block;flex:1 1 auto;min-width:0;padding:.25rem .55rem;font-size:.72rem;line-height:1.4;font-weight:500;color:#ffffffc7;background:#ffc10714;border:1px solid rgba(255,193,7,.28);border-radius:6px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 480px){.match-result-hero{--hero-column-min: 68px;--hero-column-max: 110px;--hero-column-gap: clamp(4px, 2cqw, 14px);--bar-area-height: clamp(160px, 34vh, 280px);--tick-line-extension: 8px}}@media (max-width: 390px){.match-result-hero{--hero-column-min: 54px;--hero-column-max: 92px;--hero-column-gap: clamp(3px, 1.6cqw, 10px);--tick-line-extension: 6px;--tick-label-gap: 3px}.match-result-hero__grid{padding:0 22px}.match-result-hero__tick-label{font-size:8px}}@media (orientation: landscape) and (max-height: 500px){.match-result-hero{--bar-area-height: clamp(110px, 26vh, 180px)}}.completed-game-series-result{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:2px solid rgba(148,163,184,.3);border-radius:12px;padding:1.25rem;margin-top:0;box-shadow:0 18px 40px #0003,0 4px 12px #0000001a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.completed-game-series-result__header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid rgba(148,163,184,.3)}.completed-game-series-result__title{font-size:1.375rem;font-weight:700;color:var(--color-text-primary, #f1f5f9);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px}.completed-game-series-result__winner{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#ffd70040,#ffc10726);border:2px solid rgba(255,215,0,.6);border-radius:10px;box-shadow:0 4px 16px #ffd70033,inset 0 1px #ffffff1a;animation:winnerPulse 2s ease-in-out infinite}@keyframes winnerPulse{0%,to{box-shadow:0 4px 16px #ffd70033,inset 0 1px #ffffff1a}50%{box-shadow:0 6px 24px #ffd70066,inset 0 1px #ffffff1a}}.completed-game-series-result__winner-label{font-size:1.25rem;color:var(--color-text-secondary, #cbd5e1);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.completed-game-series-result__winner-name{font-size:1.125rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px}.completed-game-series-result__winner-points{font-size:.875rem;color:gold;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.completed-game-series-result__sections{display:flex;flex-direction:row;gap:1.25rem;align-items:flex-start}.completed-game-series-result__section{display:flex;flex-direction:column;gap:.875rem;flex:1;min-width:0}.completed-game-series-result__section:first-child{flex:0 0 40%;max-width:40%}.completed-game-series-result__section:last-child{flex:1;min-width:0}.completed-game-series-result__section-title{font-size:1.0625rem;font-weight:700;color:var(--color-text-primary, #f1f5f9);margin:0;padding-bottom:8px;border-bottom:2px solid rgba(59,130,246,.4);text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.3px}.completed-game-series-result__points-ranking{display:flex;flex-direction:column;gap:8px}.completed-game-series-result__points-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1e293bb3;border:2px solid rgba(148,163,184,.15);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px #0000001a}.completed-game-series-result__points-item:hover{background:#1e293be6;border-color:#94a3b866;transform:translateY(-2px);box-shadow:0 10px 24px #0000002e}.completed-game-series-result__points-item--winner{background:linear-gradient(135deg,#ffd70040,#ffc10726);border-color:#ffd70099;box-shadow:0 4px 16px #ffd7004d,inset 0 1px #ffffff1a}.completed-game-series-result__points-item--winner:hover{box-shadow:0 6px 20px #ffd70066,inset 0 1px #ffffff1a;transform:translateY(-3px)}.completed-game-series-result__points-item--current{border-color:#a78bfa;border-width:2px;background:#c4b5fd33;box-shadow:0 2px 8px #c4b5fd4d}.completed-game-series-result__points-item--current:hover{background:#c4b5fd40;box-shadow:0 4px 12px #c4b5fd66}.completed-game-series-result__points-rank{font-size:1rem;font-weight:700;color:#60a5fa;min-width:3rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2);background:#60a5fa1a;padding:6px 10px;border-radius:8px;border:1px solid rgba(96,165,250,.3)}.completed-game-series-result__points-item--winner .completed-game-series-result__points-rank{color:gold;background:#ffd70026;border-color:#ffd70066}.completed-game-series-result__points-info{display:flex;align-items:center;justify-content:space-between;flex:1;gap:1rem}.completed-game-series-result__points-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #f1f5f9);display:flex;align-items:center;gap:.625rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.completed-game-series-result__winner-badge{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:trophyShine 2s ease-in-out infinite}@keyframes trophyShine{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.completed-game-series-result__points-value{font-size:1rem;font-weight:700;color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.3px}.completed-game-series-result__points-item--winner .completed-game-series-result__points-value{color:gold}.completed-game-series-result__game-results{display:flex;flex-direction:column;gap:.875rem;max-height:500px;overflow-y:auto;overflow-x:hidden;padding-right:4px;min-height:0}.completed-game-series-result__game-result{background:#1e293bb3;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:1rem;box-shadow:0 6px 16px #0000001a;transition:all .2s ease}.completed-game-series-result__game-result:hover{background:#1e293bd9;border-color:#94a3b866;box-shadow:0 10px 22px #00000024}.completed-game-series-result__game-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid rgba(148,163,184,.2)}.completed-game-series-result__game-number{font-size:1rem;font-weight:700;color:#60a5fa;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.3px}.completed-game-series-result__game-date{font-size:.8125rem;color:var(--color-text-secondary, #cbd5e1);font-weight:500}.completed-game-series-result__game-rankings{display:flex;flex-direction:column;gap:6px}.completed-game-series-result__game-ranking{display:flex;align-items:center;gap:.875rem;padding:.625rem .875rem;background:#33415580;border-radius:8px;font-size:.875rem;border:1px solid transparent;transition:all .2s ease}.completed-game-series-result__game-ranking:hover{background:#334155b3;border-color:#3b82f633}.completed-game-series-result__game-ranking--current{background:#c4b5fd33;border:1px solid rgba(196,181,253,.4);box-shadow:0 2px 6px #c4b5fd33}.completed-game-series-result__game-rank{font-weight:700;color:#60a5fa;min-width:5rem;text-align:left;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.completed-game-series-result__game-player-name{flex:1;color:var(--color-text-primary, #f1f5f9);font-weight:600;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.completed-game-series-result__game-points{font-weight:700;color:#c4b5fd;min-width:3rem;text-align:right;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.completed-game-series-result__game-results{--scrollbar-width: 10px;--scrollbar-radius: 5px;--scrollbar-track: rgba(15, 23, 42, .55);--scrollbar-thumb: rgba(251, 191, 36, .6);--scrollbar-thumb-hover: rgba(252, 211, 77, .95);--scrollbar-thumb-active: #fde68a;--scrollbar-thumb-ff: #fbbf24}@media (max-width: 1024px){.completed-game-series-result{padding:.75rem}.completed-game-series-result__header{gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.completed-game-series-result__title{font-size:1.125rem}.completed-game-series-result__winner{padding:.5rem .75rem}.completed-game-series-result__winner-label{font-size:1rem}.completed-game-series-result__winner-name{font-size:.9375rem}.completed-game-series-result__winner-points{font-size:.75rem}.completed-game-series-result__sections{gap:.75rem}.completed-game-series-result__section{gap:.5rem}.completed-game-series-result__section-title{font-size:.875rem;padding-bottom:.375rem}.completed-game-series-result__points-ranking{gap:.375rem}.completed-game-series-result__points-item{padding:.5rem .75rem}.completed-game-series-result__points-rank{font-size:.8125rem;min-width:2.5rem;padding:.25rem .5rem}.completed-game-series-result__points-name{font-size:.8125rem}.completed-game-series-result__points-value{font-size:.875rem}.completed-game-series-result__game-results{gap:.5rem;max-height:350px}.completed-game-series-result__game-result{padding:.625rem}.completed-game-series-result__game-result-header{margin-bottom:.5rem;padding-bottom:.5rem}.completed-game-series-result__game-number{font-size:.875rem}.completed-game-series-result__game-date{font-size:.75rem}.completed-game-series-result__game-rankings{gap:.25rem}.completed-game-series-result__game-ranking{padding:.375rem .5rem;font-size:.8125rem}}@media (max-height: 450px){.completed-game-series-result{padding:.5rem}.completed-game-series-result__header{gap:.375rem;margin-bottom:.5rem;padding-bottom:.375rem}.completed-game-series-result__title{font-size:1rem}.completed-game-series-result__winner{padding:.375rem .5rem}.completed-game-series-result__winner-label{font-size:.875rem}.completed-game-series-result__winner-name{font-size:.8125rem}.completed-game-series-result__winner-points{font-size:.6875rem}.completed-game-series-result__sections{gap:.5rem}.completed-game-series-result__section{gap:.375rem}.completed-game-series-result__section-title{font-size:.8125rem;padding-bottom:.25rem}.completed-game-series-result__points-ranking{gap:.25rem}.completed-game-series-result__points-item{padding:.375rem .5rem}.completed-game-series-result__points-rank{font-size:.75rem;min-width:2rem;padding:.2rem .375rem}.completed-game-series-result__points-name{font-size:.75rem}.completed-game-series-result__points-value{font-size:.8125rem}.completed-game-series-result__game-results{gap:.375rem;max-height:200px}.completed-game-series-result__game-result{padding:.5rem}.completed-game-series-result__game-number{font-size:.8125rem}.completed-game-series-result__game-date{font-size:.6875rem}.completed-game-series-result__game-ranking{padding:.25rem .375rem;font-size:.75rem}}@media (max-width: 768px){.completed-game-series-result{padding:1rem;border-radius:10px;margin-top:0}.completed-game-series-result__header{gap:.625rem;margin-bottom:1rem;padding-bottom:.875rem}.completed-game-series-result__title{font-size:1.25rem}.completed-game-series-result__winner{flex-direction:column;gap:6px;padding:8px 16px}.completed-game-series-result__winner-label{font-size:1.125rem}.completed-game-series-result__winner-name{font-size:1rem}.completed-game-series-result__winner-points{font-size:.8125rem}.completed-game-series-result__sections{flex-direction:column;gap:1rem}.completed-game-series-result__section:first-child{flex:1;max-width:100%}.completed-game-series-result__section:last-child{flex:1;min-width:0}.completed-game-series-result__section{gap:.75rem}.completed-game-series-result__section-title{font-size:1rem;padding-bottom:6px}.completed-game-series-result__points-ranking{gap:6px}.completed-game-series-result__points-item{padding:.625rem .875rem;gap:.875rem}.completed-game-series-result__points-rank{font-size:.9375rem;min-width:2.5rem;padding:5px 8px}.completed-game-series-result__points-info{flex-direction:column;align-items:flex-start;gap:.625rem}.completed-game-series-result__points-name{font-size:.875rem}.completed-game-series-result__points-value{font-size:.9375rem}.completed-game-series-result__game-results{gap:.75rem;max-height:350px}.completed-game-series-result__game-result{padding:.875rem}.completed-game-series-result__game-result-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;padding-bottom:.625rem}.completed-game-series-result__game-number{font-size:.9375rem}.completed-game-series-result__game-date{font-size:.75rem}.completed-game-series-result__game-rankings{gap:5px}.completed-game-series-result__game-ranking{flex-wrap:wrap;font-size:.8125rem;gap:.625rem;padding:.5rem .75rem}.completed-game-series-result__game-rank{font-size:.8125rem;min-width:4.5rem}.completed-game-series-result__game-player-name{font-size:.8125rem}.completed-game-series-result__game-points{font-size:.8125rem;min-width:2.5rem}}@media (max-height: 900px){.completed-game-series-result{padding:clamp(.75rem,1.5cqh,1.25rem)}.completed-game-series-result__header{gap:clamp(.5rem,1cqh,.75rem);margin-bottom:clamp(.75rem,1.5cqh,1.25rem);padding-bottom:clamp(.5rem,1cqh,1rem)}.completed-game-series-result__title{font-size:clamp(1.125rem,2.2cqh,1.375rem)}.completed-game-series-result__winner{padding:clamp(6px,1.2cqh,10px) clamp(12px,2.4cqh,18px);gap:clamp(6px,1.2cqh,10px)}.completed-game-series-result__winner-label{font-size:clamp(1rem,2cqh,1.25rem)}.completed-game-series-result__winner-name{font-size:clamp(1rem,2cqh,1.125rem)}.completed-game-series-result__winner-points{font-size:clamp(.75rem,1.5cqh,.875rem)}.completed-game-series-result__sections{gap:clamp(.75rem,1.5cqh,1.25rem)}.completed-game-series-result__section{gap:clamp(.625rem,1.2cqh,.875rem)}.completed-game-series-result__section-title{font-size:clamp(.9375rem,1.8cqh,1.0625rem);padding-bottom:clamp(4px,.8cqh,8px)}.completed-game-series-result__points-ranking{gap:clamp(4px,.8cqh,8px)}.completed-game-series-result__points-item{padding:clamp(.5rem,1cqh,.75rem) clamp(.75rem,1.5cqh,1rem);gap:clamp(.75rem,1.5cqh,1rem)}.completed-game-series-result__points-rank{font-size:clamp(.875rem,1.7cqh,1rem);min-width:clamp(2.5rem,5cqw,3rem);padding:clamp(4px,.8cqh,6px) clamp(8px,1.6cqh,10px)}.completed-game-series-result__points-name{font-size:clamp(.875rem,1.7cqh,.9375rem)}.completed-game-series-result__points-value{font-size:clamp(.875rem,1.7cqh,1rem)}.completed-game-series-result__game-results{max-height:clamp(300px,50cqh,500px);gap:clamp(.625rem,1.2cqh,.875rem)}.completed-game-series-result__game-result{padding:clamp(.75rem,1.5cqh,1rem)}.completed-game-series-result__game-result-header{margin-bottom:clamp(.5rem,1cqh,.75rem);padding-bottom:clamp(.5rem,1cqh,.75rem)}.completed-game-series-result__game-number{font-size:clamp(.9375rem,1.8cqh,1rem)}.completed-game-series-result__game-date{font-size:clamp(.75rem,1.5cqh,.8125rem)}.completed-game-series-result__game-rankings{gap:clamp(4px,.8cqh,6px)}.completed-game-series-result__game-ranking{padding:clamp(.5rem,1cqh,.625rem) clamp(.75rem,1.5cqh,.875rem);gap:clamp(.625rem,1.2cqh,.875rem);font-size:clamp(.8125rem,1.6cqh,.875rem)}.completed-game-series-result__game-rank{font-size:clamp(.8125rem,1.6cqh,.875rem);min-width:clamp(4rem,8cqw,5rem)}.completed-game-series-result__game-player-name{font-size:clamp(.8125rem,1.6cqh,.875rem)}.completed-game-series-result__game-points{font-size:clamp(.8125rem,1.6cqh,.875rem);min-width:clamp(2.5rem,5cqw,3rem)}}@media (max-height: 700px){.completed-game-series-result__sections{flex-direction:column}.completed-game-series-result__section:first-child{flex:1;max-width:100%}.completed-game-series-result__game-results{max-height:clamp(200px,40cqh,350px)}}@media (max-height: 600px){.completed-game-series-result{padding:clamp(.5rem,1cqh,.75rem)}.completed-game-series-result__header{gap:clamp(.375rem,.75cqh,.5rem);margin-bottom:clamp(.5rem,1cqh,.75rem);padding-bottom:clamp(.375rem,.75cqh,.5rem)}.completed-game-series-result__title{font-size:clamp(1rem,2cqh,1.125rem)}.completed-game-series-result__winner{padding:clamp(4px,.8cqh,6px) clamp(8px,1.6cqh,12px);gap:clamp(4px,.8cqh,6px)}.completed-game-series-result__winner-label,.completed-game-series-result__winner-name{font-size:clamp(.9375rem,1.8cqh,1rem)}.completed-game-series-result__winner-points{font-size:clamp(.6875rem,1.4cqh,.75rem)}.completed-game-series-result__sections{flex-direction:column;gap:clamp(.5rem,1cqh,.75rem)}.completed-game-series-result__section{gap:clamp(.5rem,1cqh,.625rem)}.completed-game-series-result__section-title{font-size:clamp(.875rem,1.7cqh,.9375rem);padding-bottom:clamp(3px,.6cqh,6px)}.completed-game-series-result__points-ranking{gap:clamp(3px,.6cqh,6px)}.completed-game-series-result__points-item{padding:clamp(.375rem,.75cqh,.5rem) clamp(.625rem,1.2cqh,.75rem);gap:clamp(.625rem,1.2cqh,.75rem)}.completed-game-series-result__points-rank{font-size:clamp(.8125rem,1.6cqh,.875rem);min-width:clamp(2rem,4cqw,2.5rem);padding:clamp(3px,.6cqh,5px) clamp(6px,1.2cqh,8px)}.completed-game-series-result__points-name,.completed-game-series-result__points-value{font-size:clamp(.8125rem,1.6cqh,.875rem)}.completed-game-series-result__game-results{max-height:clamp(150px,35cqh,300px);gap:clamp(.5rem,1cqh,.625rem)}.completed-game-series-result__game-result{padding:clamp(.5rem,1cqh,.75rem)}.completed-game-series-result__game-result-header{margin-bottom:clamp(.375rem,.75cqh,.5rem);padding-bottom:clamp(.375rem,.75cqh,.5rem)}.completed-game-series-result__game-number{font-size:clamp(.875rem,1.7cqh,.9375rem)}.completed-game-series-result__game-date{font-size:clamp(.6875rem,1.4cqh,.75rem)}.completed-game-series-result__game-rankings{gap:clamp(3px,.6cqh,5px)}.completed-game-series-result__game-ranking{padding:clamp(.375rem,.75cqh,.5rem) clamp(.625rem,1.2cqh,.75rem);gap:clamp(.5rem,1cqh,.625rem);font-size:clamp(.75rem,1.5cqh,.8125rem)}.completed-game-series-result__game-rank{font-size:clamp(.75rem,1.5cqh,.8125rem);min-width:clamp(3.5rem,7cqw,4.5rem)}.completed-game-series-result__game-player-name{font-size:clamp(.75rem,1.5cqh,.8125rem)}.completed-game-series-result__game-points{font-size:clamp(.75rem,1.5cqh,.8125rem);min-width:clamp(2rem,4cqw,2.5rem)}}.completed-game-series-result>.match-overall-daifugo-banner+.completed-game-series-result__score-matrix{margin-top:0}.completed-game-series-result>.completed-game-series-result__score-matrix{margin-top:.35rem}.completed-game-series-result__score-matrix{width:100%;min-width:0}.match-result-detail-frame{display:flex;flex-direction:column;gap:.35rem;min-width:0}.match-result-detail{display:flex;flex-direction:column;gap:var(--space-sm, .5rem);min-width:0}.match-result-detail__hero{min-width:0}.match-result-detail--with-side{flex-direction:row;align-items:stretch;gap:clamp(.6rem,1.2vw,1rem)}.match-result-detail--with-side .match-result-detail__hero{flex:1.7 1 0;min-width:0}.match-result-detail--with-side .match-result-detail__hero .match-result-hero{--bar-area-height: clamp(200px, 52vh, 460px)}.match-result-detail__side{flex:1 1 0;min-width:0;align-self:stretch;min-height:0;display:flex;flex-direction:column;gap:.45rem;--score-matrix-font-scale: .78;--rank-chart-min-height: 92px;font-size:calc(1rem * var(--score-matrix-font-scale))}.match-result-detail__side-section{min-width:0;min-height:0}.match-result-detail__side-section--score-matrix{flex:0 0 auto}.match-result-detail__side-section--rank-line,.match-result-detail__side-section--rank-line .match-rank-line-chart{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.match-result-detail__side-section--rank-line .match-rank-line-chart__chart-wrap{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:stretch}.match-result-detail__side .game-match-score-matrix{gap:.25rem}.match-result-detail__side .game-match-score-matrix__section-head{margin-bottom:.15rem;padding-bottom:3px}.match-result-detail__side .game-match-score-matrix__section-title{font-size:.88rem}.match-result-detail__side .game-match-score-matrix__table{font-size:.68rem;--player-col-w: 4.75rem;--total-col-w: 2.5rem}.match-result-detail__side .game-match-score-matrix__table th,.match-result-detail__side .game-match-score-matrix__table td{padding:.22rem .28rem}.match-result-detail__side .game-match-score-matrix__game-cell-slot{min-height:2.05rem}.match-result-detail__side .game-match-score-matrix__acq-rank{font-size:.74rem}.match-result-detail__side .game-match-score-matrix__badge-chip--with-points{padding:1px 4px;gap:2px}.match-result-detail__side .game-match-score-matrix__badge-points{font-size:.62rem}.match-result-detail__side .game-match-score-matrix__total-value{font-size:.82rem}.match-result-detail__side .game-match-score-matrix__hint{display:none}.match-result-detail__side .match-rank-line-chart__title{margin-bottom:.18rem;padding-bottom:4px;font-size:.88rem}.match-result-detail__side .match-rank-line-chart__hint{display:none}.match-result-detail__side .match-rank-line-chart__chart-wrap{padding:.2rem}.match-result-detail__side .match-rank-line-chart__svg{flex:1 1 0;width:100%;height:100%;min-height:var(--rank-chart-min-height);max-height:none}@media (max-width: 768px){.match-result-detail--with-side{flex-direction:column;gap:var(--space-sm, .5rem)}.match-result-detail--with-side .match-result-detail__hero,.match-result-detail__side{flex:1 1 auto;width:100%}.match-result-detail__side{--score-matrix-font-scale: 1;font-size:1rem}.match-result-detail__side .game-match-score-matrix__table,.match-result-detail__side .game-match-score-matrix__section-title,.match-result-detail__side .game-match-score-matrix__acq-rank,.match-result-detail__side .game-match-score-matrix__total-value,.match-result-detail__side .game-match-score-matrix__hint,.match-result-detail__side .match-rank-line-chart__title,.match-result-detail__side .match-rank-line-chart__hint{font-size:unset}.match-result-detail__side .game-match-score-matrix__table{--player-col-w: 7.25rem;--total-col-w: 3.75rem}.match-result-detail__side .game-match-score-matrix__table th,.match-result-detail__side .game-match-score-matrix__table td{padding:.45rem .55rem}.match-result-detail__side .game-match-score-matrix__game-cell-slot{min-height:3rem}.match-result-detail__side .match-rank-line-chart__svg{flex:0 0 auto;height:auto;min-height:180px;max-height:none}.match-result-detail__side-section--rank-line,.match-result-detail__side-section--rank-line .match-rank-line-chart,.match-result-detail__side-section--rank-line .match-rank-line-chart__chart-wrap{flex:0 0 auto;display:block;min-height:0}.match-result-detail__side .game-match-score-matrix__hint,.match-result-detail__side .match-rank-line-chart__hint{display:block}}.match-result-detail-frame--swipe{gap:.25rem;min-height:0}.match-result-detail-frame--swipe .match-result-detail--with-side{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;min-height:0}.match-result-detail-frame--swipe .match-result-detail--with-side::-webkit-scrollbar{display:none}.match-result-detail-frame--swipe .game-match-score-matrix__scroll,.match-result-detail-frame--swipe .match-result-hero__scroll{overflow-x:visible;overflow-y:visible}.match-result-detail-frame--swipe .match-result-detail__side{display:contents}.match-result-detail-frame--swipe .match-result-detail--with-side>.match-result-detail__hero,.match-result-detail-frame--swipe .match-result-detail__side-section{flex:0 0 100%;width:100%;min-width:100%;max-width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.match-result-detail-frame--swipe .match-result-detail--with-side>.match-result-detail__hero{display:flex;flex-direction:column}.match-result-detail-frame--swipe .match-result-detail--with-side .match-result-detail__hero .match-result-hero{flex:1 1 0;min-height:0}.match-result-detail-frame--swipe .match-result-detail--with-side .match-result-detail__hero .match-result-hero__scroll{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.match-result-detail-frame--swipe .match-result-detail--with-side .match-result-detail__hero .match-result-hero__grid{flex:1 1 0;min-height:0;height:100%;grid-template-rows:minmax(var(--bar-area-height),1fr) auto}.match-result-detail-frame--swipe .match-result-detail__pager{flex:0 0 auto}@media (orientation: landscape) and (max-height: 500px){.match-result-detail-frame--swipe{gap:.15rem;flex:1 1 0}.match-result-detail-frame--swipe .match-result-detail--with-side{flex:1 1 0}.match-result-detail-frame--swipe .match-result-detail--with-side .match-result-detail__hero .match-result-hero{--bar-area-height: clamp(80px, 26vh, 120px);gap:.2rem}.match-result-detail-frame--swipe .match-result-hero__top{min-height:1.3em;gap:.4rem}.match-result-detail-frame--swipe .match-result-hero__game-label{font-size:.72rem}.match-result-detail-frame--swipe .match-result-hero__tendency-button{padding:.18rem .55rem;font-size:.66rem}.match-result-detail-frame--swipe .match-result-player-card{padding:3px;gap:1px;grid-template-rows:auto 1.1em auto 1.1em auto}.match-result-detail-frame--swipe .match-result-player-card__avatar>*{width:30px!important;height:30px!important}.match-result-detail-frame--swipe .match-result-player-card__rank{font-size:.95rem}.match-result-detail-frame--swipe .match-result-player-card__title,.match-result-detail-frame--swipe .match-result-player-card__name{font-size:.62rem}.match-result-detail-frame--swipe .match-result-player-card__tie{font-size:.52rem;padding:0 3px}.match-result-detail-frame--swipe .match-result-replay-controls{padding:.1rem 0;gap:.35rem}.match-result-detail-frame--swipe .match-result-replay-controls__icon-btn{width:1.55rem;height:1.55rem}.match-result-detail-frame--swipe .match-result-replay-controls__icon-btn--primary{width:1.75rem;height:1.75rem}.match-result-detail-frame--swipe .match-result-detail--with-side>.match-result-detail__hero,.match-result-detail-frame--swipe .match-result-detail__side-section{padding:0}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix{gap:.25rem}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__section-head{margin-bottom:.15rem;padding-bottom:3px}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__section-title{font-size:.85rem}.match-result-detail-frame--swipe .match-result-detail__side .match-rank-line-chart__title{margin-bottom:.15rem;padding-bottom:3px;font-size:.85rem}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__hint,.match-result-detail-frame--swipe .match-result-detail__side .match-rank-line-chart__hint{display:none}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__table{font-size:.7rem}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__table th,.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__table td{padding:.22rem .3rem}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__game-cell-slot{min-height:2.1rem}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__acq-rank{font-size:.75rem}.match-result-detail-frame--swipe .match-result-detail__side .game-match-score-matrix__total-value{font-size:.85rem}.match-result-detail-frame--swipe .match-result-detail__side{--score-matrix-font-scale: 1;font-size:1rem}.match-result-detail-frame--swipe .match-result-detail__side-section--rank-line{display:flex;flex-direction:column;min-height:0}.match-result-detail-frame--swipe .match-result-detail__side-section--rank-line .match-rank-line-chart{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.match-result-detail-frame--swipe .match-result-detail__side .match-rank-line-chart__chart-wrap{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:.2rem}.match-result-detail-frame--swipe .match-result-detail__side .match-rank-line-chart__svg{flex:1 1 0;width:100%;height:100%;min-height:110px;max-height:none}.match-result-detail--with-side .match-result-detail__hero .match-result-hero{--bar-area-height: clamp(120px, 36vh, 220px)}.match-result-detail__side{--rank-chart-min-height: 70px}}.match-result-detail__pager{display:none}.match-result-detail-frame--swipe .match-result-detail__pager{display:flex;justify-content:center;align-items:center;gap:.55rem;padding:.15rem 0 .05rem}@media (orientation: landscape) and (max-height: 500px){.match-result-detail-frame--swipe .match-result-detail__pager{gap:.4rem;padding:0 0 .05rem}.match-result-detail-frame--swipe .match-result-detail__pager-button{padding:.15rem}.match-result-detail-frame--swipe .match-result-detail__pager-dot{width:7px;height:7px}}.match-result-detail__pager-button{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;background:transparent;border:0;cursor:pointer;border-radius:999px;-webkit-tap-highlight-color:transparent}.match-result-detail__pager-button:focus-visible{outline:2px solid rgba(96,165,250,.65);outline-offset:2px}.match-result-detail__pager-dot{display:block;width:8px;height:8px;border-radius:50%;background:#94a3b873;transition:background-color .18s ease,transform .18s ease}.match-result-detail__pager-button--active .match-result-detail__pager-dot{background:#60a5faf2;transform:scale(1.3)}.match-result-detail-frame--paged{display:flex;flex-direction:column;gap:.5rem;min-height:0}.match-result-detail-frame--paged .match-result-detail--with-side{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;flex-direction:initial;gap:0;overflow:visible;scroll-snap-type:none;min-height:0}.match-result-detail-frame--paged .match-result-detail__side{display:contents}.match-result-detail-frame--paged .match-result-detail__hero,.match-result-detail-frame--paged .match-result-detail__side-section{grid-row:1;grid-column:1;width:100%;min-width:0;visibility:hidden;pointer-events:none}.match-result-detail-frame--paged .match-result-detail__hero{display:flex;flex-direction:column;flex:0 0 auto}.match-result-detail-frame--paged .match-result-detail__side-section--score-matrix{display:block;flex:0 0 auto}.match-result-detail-frame--paged .match-result-detail__side-section--rank-line{display:flex;flex-direction:column;flex:0 0 auto}.match-result-detail-frame--paged[data-active-page="0"] .match-result-detail__hero,.match-result-detail-frame--paged[data-active-page="1"] .match-result-detail__side-section--score-matrix,.match-result-detail-frame--paged[data-active-page="2"] .match-result-detail__side-section--rank-line{visibility:visible;pointer-events:auto}.match-result-detail-frame--paged .match-result-detail__side{--score-matrix-font-scale: 1;font-size:1rem}.match-result-detail-frame--paged .match-result-detail__side .game-match-score-matrix__table,.match-result-detail-frame--paged .match-result-detail__side .game-match-score-matrix__section-title,.match-result-detail-frame--paged .match-result-detail__side .game-match-score-matrix__acq-rank,.match-result-detail-frame--paged .match-result-detail__side .game-match-score-matrix__total-value,.match-result-detail-frame--paged .match-result-detail__side .match-rank-line-chart__title{font-size:unset}.match-result-detail-frame--paged .match-result-detail__side .game-match-score-matrix__table{--player-col-w: 7rem;--total-col-w: 3.5rem}.match-result-detail-frame--paged .match-result-detail__side .game-match-score-matrix__table th,.match-result-detail-frame--paged .match-result-detail__side .game-match-score-matrix__table td{padding:.4rem .55rem}.match-result-detail-frame--paged .match-result-detail__side .match-rank-line-chart__svg{width:100%;height:auto;min-height:220px;max-height:none}.match-result-detail-frame--paged .match-result-detail__pager{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem 0 .15rem}.match-result-detail__pager--tabs{flex-wrap:wrap}.match-result-detail__pager-tabs{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.match-result-detail__pager-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;min-height:2.25rem;background:#0f172a8c;color:#e2e8f0eb;border:1px solid rgba(96,165,250,.35);border-radius:999px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}.match-result-detail__pager-tab:hover{background:#3b82f62e;border-color:#60a5faa6}.match-result-detail__pager-tab:focus-visible{outline:2px solid rgba(96,165,250,.75);outline-offset:2px}.match-result-detail__pager-tab--active{background:#3b82f6d9;color:#fff;border-color:#60a5faf2;box-shadow:0 2px 10px #3b82f64d}.match-result-detail__pager-tab-index{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;background:#0f172a8c;color:#e2e8f0eb;font-size:.78rem;font-weight:700}.match-result-detail__pager-tab--active .match-result-detail__pager-tab-index{background:#ffffffd9;color:#0f172af2}.match-result-detail__pager-tab-label{white-space:nowrap}.match-result-detail__pager-nav{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#0f172a8c;color:#e2e8f0eb;border:1px solid rgba(96,165,250,.35);border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.match-result-detail__pager-nav:hover:not(:disabled){background:#3b82f640;border-color:#60a5fabf}.match-result-detail__pager-nav:focus-visible{outline:2px solid rgba(96,165,250,.75);outline-offset:2px}.match-result-detail__pager-nav:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 520px){.match-result-detail__pager-tab{padding:.35rem .55rem;font-size:.82rem}.match-result-detail__pager-tab-label{display:none}.match-result-detail__pager-nav{width:2.1rem;height:2.1rem;font-size:1.2rem}}.game-match-progress{min-width:0;max-width:100%;padding:var(--match-progress-padding);background-color:var(--match-progress-panel-bg);border-radius:var(--match-progress-radius);border:clamp(1px,.15cqh,2px) solid var(--match-progress-border-color);display:flex;flex-direction:column;gap:var(--match-progress-content-gap)}.game-match-progress__interrupt-row{display:flex;justify-content:flex-end;align-items:center;min-height:1.4rem}@media (min-width: 769px){.game-match-progress .match-result-detail-frame--paged .match-result-hero{--bar-area-height: clamp(280px, 42vh, 360px)}.game-match-progress .match-result-detail-frame--paged .match-rank-line-chart__svg{min-height:220px}}@media (max-width: 768px) and (orientation: portrait){.game-match-progress{padding:calc(var(--match-progress-padding) * .9)}.game-match-progress .match-result-detail-frame--paged .match-result-hero{--bar-area-height: clamp(180px, 32vh, 260px)}.game-match-progress .match-result-detail-frame--paged .match-result-replay-controls__icon-btn{width:1.7rem;height:1.7rem}.game-match-progress .match-result-detail-frame--paged .match-result-replay-controls__icon-btn--primary{width:1.9rem;height:1.9rem}}.game-match-progress__points h4{margin:0 0 var(--match-progress-section-title-margin-end) 0;color:#e2e8f0;font-size:var(--match-progress-section-title-size);font-weight:600}.game-match-progress__points-list{display:flex;flex-direction:column;gap:var(--match-progress-list-gap)}.game-match-progress__points-item{display:flex;align-items:center;flex-wrap:var(--match-progress-points-item-flex-wrap);gap:var(--match-progress-card-gap);padding:var(--match-progress-card-padding);background-color:#0f172a80;border-radius:var(--match-progress-card-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.1);transition:all .2s ease}.game-match-progress__points-item:hover{background-color:#0f172ab3;border-color:#3b82f64d}.game-match-progress__points-item--current{background-color:#3b82f626;border-color:#3b82f666;box-shadow:0 0 clamp(6px,1cqh,10px) #3b82f633}.game-match-progress__points-rank{min-width:var(--match-progress-rank-min-inline);color:#fbbf24;font-weight:600;font-size:var(--match-progress-subtitle-size);display:flex;align-items:center;gap:var(--space-2xs)}.game-match-progress__rank-change{font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-tag-padding-block) var(--match-progress-tag-padding-inline);border-radius:var(--match-progress-tag-radius);display:inline-flex;align-items:center;gap:calc(var(--space-2xs) / 2)}.game-match-progress__rank-change--up{color:#10b981;background-color:#10b9811a}.game-match-progress__rank-change--down{color:#ef4444;background-color:#ef44441a}.game-match-progress__rank-change--same{color:#94a3b8;background-color:#94a3b81a}.game-match-progress__points-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2xs)}.game-match-progress__points-name{color:#e2e8f0;font-size:var(--match-progress-subtitle-size);display:flex;align-items:center;gap:var(--space-xs)}.game-match-progress__you-badge{background-color:#3b82f633;color:#60a5fa;font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-tag-padding-block) var(--match-progress-tag-padding-inline);border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3)}.game-match-progress__points-value{color:#94a3b8;font-size:var(--match-progress-meta-size);font-weight:500}.game-match-progress__point-changes{display:flex;flex-wrap:wrap;gap:var(--match-progress-point-change-gap);margin-top:var(--match-progress-point-change-gap)}.game-match-progress__point-change{font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-point-change-padding-block) var(--match-progress-point-change-padding-inline);border-radius:var(--match-progress-tag-radius);display:inline-block}.game-match-progress__point-change--positive{color:#10b981;background-color:#10b9811a}.game-match-progress__point-change--negative{color:#ef4444;background-color:#ef44441a}.game-match-progress__point-change--zero{color:#94a3b8;background-color:#94a3b81a}.game-match-progress__points-previous-rank{color:#64748b;font-size:var(--match-progress-caption-size);margin-left:var(--match-progress-previous-rank-margin-left);margin-top:var(--match-progress-previous-rank-margin-top);width:var(--match-progress-previous-rank-width)}.game-match-progress__game-results{margin-top:var(--match-progress-results-margin-top)}.game-match-progress__game-results h4{margin:0 0 var(--match-progress-section-title-margin-end) 0;color:#e2e8f0;font-size:var(--match-progress-section-title-size);font-weight:600}.game-match-progress__game-results-list{display:flex;flex-direction:column;gap:var(--match-progress-result-gap)}.game-match-progress__game-result{background-color:#0f172a80;border-radius:var(--match-progress-card-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.1);overflow:hidden;transition:all .2s ease}.game-match-progress__game-result--current{border-color:#3b82f666;box-shadow:0 0 clamp(6px,1cqh,10px) #3b82f633}.game-match-progress__game-result-header{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:var(--match-progress-game-result-header-flex-wrap);gap:var(--match-progress-result-header-gap);padding:var(--match-progress-card-padding);background:none;border:none;color:#e2e8f0;cursor:pointer;text-align:left;transition:background-color .2s ease}.game-match-progress__game-result-header:hover{background-color:#3b82f61a}.game-match-progress__game-result-header:not(button){cursor:default}.game-match-progress__game-result-header:not(button):hover{background-color:transparent}.game-match-progress__game-number{font-weight:600;font-size:var(--match-progress-subtitle-size);color:#fff}.game-match-progress__current-badge{background-color:#3b82f633;color:#60a5fa;font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-tag-padding-block) var(--match-progress-tag-padding-inline);border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3)}.game-match-progress__game-date{color:#94a3b8;font-size:var(--match-progress-meta-size);margin-left:var(--match-progress-game-date-margin-left);width:var(--match-progress-game-date-width)}.game-match-progress__expand-icon{color:#94a3b8;font-size:var(--match-progress-caption-size);margin-left:var(--space-xs);transition:transform .2s ease}.game-match-progress__game-rankings{padding:var(--match-progress-result-padding);background-color:#0f172a4d;border-top:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.1);display:flex;flex-direction:column;gap:var(--match-progress-result-gap)}.game-match-progress__game-ranking{display:flex;align-items:center;flex-wrap:var(--match-progress-game-ranking-flex-wrap);gap:var(--match-progress-ranking-gap);padding:var(--match-progress-ranking-padding);background-color:#0f172a4d;border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.05);transition:all .2s ease}.game-match-progress__game-ranking:hover{background-color:#0f172a80}.game-match-progress__game-ranking--current{background-color:#3b82f61a;border-color:#3b82f64d}.game-match-progress__game-rank{min-width:var(--match-progress-rank-min-inline);color:#fbbf24;font-weight:600;font-size:var(--match-progress-meta-size)}.game-match-progress__game-player-name{flex:1;color:#e2e8f0;font-size:var(--match-progress-meta-size);display:flex;align-items:center;gap:var(--space-xs)}.game-match-progress__you-badge-small{background-color:#3b82f633;color:#60a5fa;font-size:var(--match-progress-caption-size);font-weight:600;padding:calc(var(--match-progress-tag-padding-block) * .8) calc(var(--match-progress-tag-padding-inline) * .75);border-radius:var(--match-progress-tag-radius);border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3)}.game-match-progress__game-rank-name{color:#94a3b8;font-size:var(--match-progress-caption-size);min-width:var(--match-progress-ranking-min-inline);text-align:var(--match-progress-ranking-name-align)}.game-match-progress__game-points{color:#94a3b8;font-size:var(--match-progress-caption-size);font-weight:500;min-width:var(--match-progress-ranking-point-min-inline);text-align:var(--match-progress-ranking-point-align)}.game-match-progress__game-progress-info{color:#94a3b8;font-size:var(--match-progress-caption-size);margin-left:auto;margin-right:var(--space-xs)}.game-match-progress__game-section-title{color:#e2e8f0;font-size:var(--match-progress-caption-size);font-weight:600;margin-top:var(--match-progress-section-title-margin-start);margin-bottom:var(--match-progress-section-title-margin-end);padding:var(--match-progress-section-title-padding-block) 0;border-bottom:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.2)}.game-match-progress__game-section-divider{height:clamp(1px,.15cqh,2px);background-color:#3b82f61a;margin:var(--match-progress-divider-margin-block) 0}.game-match-progress__game-status{color:#10b981;font-size:var(--match-progress-tag-font-size);font-weight:600;padding:var(--match-progress-status-padding-block) var(--match-progress-status-padding-inline);border-radius:var(--match-progress-status-radius);background-color:#10b9811a;border:clamp(1px,.15cqh,2px) solid rgba(16,185,129,.2)}.game-match-progress__game-hand-count{color:#94a3b8;font-size:var(--match-progress-caption-size);font-weight:400;margin-left:auto}.game-match-progress__game-status-message{padding:var(--match-progress-result-padding);text-align:center;color:#94a3b8;font-size:var(--match-progress-meta-size);font-style:italic}.game-page{height:100%;max-height:none;min-height:0;width:100%;max-width:100%;min-width:var(--game-page-min-inline);background:#1e293b;color:#fff;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;transition:background .3s ease;position:relative;flex:1 1 auto;overscroll-behavior:none}body.revolution .game-page{background:#4a1f1f}.game-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap)}.game-loading__spinner .loading-spinner__inner{width:var(--game-page-spinner-size);height:var(--game-page-spinner-size);border-width:calc(4px * var(--border-scale-base, 1));transition:width .3s ease,height .3s ease}.game-loading p{font-size:var(--game-state-text-size);color:#e2e8f0;transition:font-size .3s ease}.game-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.error-title{font-size:var(--game-state-title-size);font-weight:600;color:#fca5a5;margin:0;transition:font-size .3s ease}.game-error p{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center;max-width:var(--game-state-message-max);margin:0;transition:font-size .3s ease,max-width .3s ease}.error-actions{display:flex;gap:calc(12px * var(--spacing-scale-base, 1));margin-top:var(--game-state-gap)}.retry-button{background:#3b82f6;color:#fff;border:none;padding:var(--game-state-button-padding-block) var(--game-state-button-padding-inline);border-radius:var(--game-state-button-radius);cursor:pointer;font-size:var(--game-state-button-font-size);font-weight:500;transition:background .2s ease,padding .3s ease,font-size .3s ease;min-height:var(--game-state-button-min-height)}.retry-button:hover{background:#2563eb}.back-button{background:#6b7280;color:#fff;border:none;padding:var(--game-state-button-padding-block) var(--game-state-button-padding-inline);border-radius:var(--game-state-button-radius);cursor:pointer;font-size:var(--game-state-button-font-size);font-weight:500;transition:background .2s ease,padding .3s ease,font-size .3s ease;min-height:var(--game-state-button-min-height)}.back-button:hover{background:#4b5563}.game-ended{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.game-ended-title{font-size:var(--game-state-title-size);font-weight:600;color:#c4b5fd;margin:0;transition:font-size .3s ease}.game-ended-message{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center;max-width:var(--game-state-message-max);margin:0;transition:font-size .3s ease,max-width .3s ease}.game-ended-countdown{font-size:var(--game-state-subtext-size);color:#94a3b8;text-align:center;margin-top:calc(10px * var(--spacing-scale-base, 1));transition:font-size .3s ease}.game-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.game-not-found p{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center;transition:font-size .3s ease}.game-page__next-game-preparing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:var(--game-state-gap);padding:var(--game-state-padding)}.game-page__next-game-preparing p{font-size:var(--game-state-text-size);color:#e2e8f0;text-align:center}.game-start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);opacity:0;animation:fadeIn .3s ease-in forwards;pointer-events:none}.game-start-overlay--fading-out{animation:fadeOut .3s ease-out forwards}.game-start-overlay__content{text-align:center}.game-start-overlay__title{font-size:clamp(48px,8vw,96px);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(96,165,250,.8),0 0 40px rgba(96,165,250,.6),0 4px 8px rgba(0,0,0,.5);margin:0;letter-spacing:.1em}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.card-actor-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1200;overflow:visible}.card-actor{position:fixed;transform:translate(-50%,-50%);pointer-events:none;will-change:transform,opacity;animation-delay:var(--card-actor-delay, 0ms);animation-duration:var(--card-actor-duration, .4s);animation-timing-function:var(--card-actor-easing, ease-out);animation-fill-mode:forwards}.card-actor--discard-arc{animation:none}.card-actor--penalty_to_hand{animation:none;z-index:1202}.card-actor--penalty-insert{animation:none;z-index:1203}.card-actor--penalty-self-hand .card.card--hand{width:var(--card-hand-width);height:var(--card-hand-height)}.card-actor--hand_to_play,.card-actor--play_to_hand{animation-name:cardActorHandToPlayMove;z-index:1201}.card-actor--hand_to_play .card .card__front,.card-actor--hand_to_play .card .card__back,.card-actor--play_to_hand .card .card__front,.card-actor--play_to_hand .card .card__back{animation-name:cardActorRadiusMorph;animation-duration:var(--card-actor-duration, .4s);animation-timing-function:var(--card-actor-easing, ease-out);animation-fill-mode:forwards;animation-delay:var(--card-actor-delay, 0ms)}@keyframes cardActorRadiusMorph{0%{border-radius:var(--card-actor-radius-from, 6px);border-width:var(--card-actor-border-from, 1px)}to{border-radius:calc(var(--card-actor-radius-to, 10px) / var(--card-actor-scale-to, 1));border-width:calc(var(--card-actor-border-to, 1.4px) / var(--card-actor-scale-to, 1))}}.card-actor:not(.card-actor--discard-arc):not(.card-actor--hand_to_play):not(.card-actor--play_to_hand){animation-name:cardActorMove}@keyframes cardActorMove{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--card-actor-dx, 0),var(--card-actor-dy, 0)) scale(1);opacity:1}}@keyframes cardActorHandToPlayMove{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--card-actor-dx, 0),var(--card-actor-dy, 0)) scale(var(--card-actor-scale-to, 1));opacity:1}}.card-actor .card{width:100%;height:100%}.card-actor--penalty_to_hand .card{border-radius:6px;box-shadow:inset 0 0 0 2px #ff3d3d,0 0 0 2px #ff3d3d8c,0 0 12px #ff3d3db3}.hand{padding:0;min-height:var(--hand-card-min-height);height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#1e293b;overflow:visible;background:transparent;border-radius:0;position:relative;width:100%;margin-top:0}.hand__cards:not(:hover)::-webkit-scrollbar{opacity:.3;transition:opacity .3s ease}.hand__cards:hover::-webkit-scrollbar{opacity:1}.hand__cards{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;align-content:flex-end;justify-content:flex-start;margin-top:calc(-1 * var(--hand-cards-lift-buffer));padding:var(--hand-cards-lift-buffer) calc(var(--hand-cards-padding-inline) + clamp(4px,1cqw,8px)) var(--hand-area-overlay-clearance, clamp(2px, .4cqh, 4px)) calc(var(--hand-cards-padding-inline) + clamp(4px,1cqw,8px));overflow-x:auto;overflow-y:visible;min-height:calc(var(--hand-card-min-height) + var(--hand-cards-lift-buffer));height:100%;gap:0;scrollbar-width:thin;scrollbar-color:#64748b #1e293b;width:100%;box-sizing:border-box;position:relative;background-color:#67341e00;transition:padding .3s ease,overflow-x .3s ease;-webkit-overflow-scrolling:touch;touch-action:pan-x}.hand__cards[data-hand-scroll=locked]{overflow-x:clip!important;overflow-y:visible;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.hand__cards[data-hand-scroll=locked]::-webkit-scrollbar{display:none}@container hand-column (max-width: 520px){.hand__cards{padding-left:clamp(4px,1cqw,8px);padding-right:clamp(4px,1cqw,8px);padding-bottom:var( --hand-area-overlay-clearance, clamp(2px, .4cqh, 4px) )}.hand__cards[data-hand-scroll=locked]{justify-content:center}}.hand__cards--overlapping{gap:0}.hand__cards{--scrollbar-width: var(--hand-cards-scrollbar-height);--scrollbar-radius: calc(3px * var(--radius-scale-base, 1))}.hand__card-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0;margin-top:0;touch-action:manipulation;margin-left:var( --card-margin-left, 0 );z-index:1;transition:transform .2s ease,z-index .2s ease}.hand__card-flip-inner{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.hand__revealed-label-slot{width:100%;max-width:var(--card-hand-width);align-self:stretch;flex:0 0 0;height:0;margin:0;padding:0;pointer-events:none;position:relative}.game-layout.game-layout--portrait-body .hand__revealed-label-slot{container-type:inline-size;container-name:hand-revealed}@media (hover: hover){.hand__card-wrapper:hover,.hand__card-wrapper:active{z-index:10}.hand__cards:has(.hand__card-wrapper:hover) .hand__card-wrapper:hover~.hand__card-wrapper{transform:translate(var(--card-overlap, 0))}}.hand__card-wrapper--long-press{z-index:10}.hand__cards:has(.hand__card-wrapper--long-press) .hand__card-wrapper--long-press~.hand__card-wrapper{transform:translate(var(--card-overlap, 0))}.hand__card-wrapper--long-press .hand__revealed-label{transform:translate(-50%) translateY(-5px)}.hand__card-wrapper--long-press .hand__card{transform:translateY(var(--hand-card-hover-offset))}.hand__card-wrapper--long-press .hand__card.card--playable{box-shadow:0 calc(var(--card-shadow-y) * 2) calc(var(--card-shadow-blur) * 2) #00000040}.hand__card-wrapper--penalty-recent .hand__card{border-radius:6px;box-shadow:inset 0 0 0 2px #ff3d3d,0 0 0 2px #ff3d3d8c,0 0 12px #ff3d3db3;transition:box-shadow .2s ease-out}.hand__card-wrapper--penalty-recent-leaving .hand__card{border-radius:6px;box-shadow:inset 0 0 0 2px #ff3d3d,0 0 0 2px #ff3d3d8c,0 0 12px #ff3d3db3;transition:none}.hand__card-wrapper--penalty-recent-leaving.hand__card-wrapper--penalty-fade-out .hand__card{box-shadow:none;transition:box-shadow .7s ease-out}@media (prefers-reduced-motion: reduce){.hand__card-wrapper--penalty-recent .hand__card,.hand__card-wrapper--penalty-recent-leaving .hand__card,.hand__card-wrapper--penalty-recent-leaving.hand__card-wrapper--penalty-fade-out .hand__card{transition:none}}.hand__card-wrapper--long-press .hand__card.card--selected{transform:translateY(var(--hand-card-selected-offset))}.hand__card-wrapper--dimmed .hand__card{opacity:1;filter:grayscale(1) brightness(.85) contrast(.9)}.hand__card-wrapper--exchange-determined .hand__card{box-shadow:0 0 0 2px #22c55ecc,0 2px 8px #22c55e4d}.hand__card-wrapper--exchange-choose-from .hand__card{box-shadow:0 0 0 2px #3b82f699,0 2px 8px #3b82f640}.hand__card-controls{position:absolute;top:calc(-18px * var(--spacing-scale-base, 1));left:50%;transform:translate(-50%);display:flex;gap:calc(4px * var(--spacing-scale-sm, 1));z-index:20;align-items:center}.hand__face-toggle{background:#334155;border:calc(1px * var(--border-scale-base, 1)) solid #475569;border-radius:calc(4px * var(--radius-scale-base, 1));color:#e2e8f0;font-size:var(--hand-face-toggle-font-size);width:var(--hand-face-toggle-size);height:var(--hand-face-toggle-size);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease,width .3s ease,height .3s ease;padding:0;line-height:1}.hand__face-toggle:hover:not(:disabled){background:#475569;border-color:#64748b;transform:scale(1.1)}.hand__face-toggle:disabled{opacity:.5;cursor:not-allowed}.hand__face-toggle--face-up{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand__face-toggle--face-up:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.hand__face-toggle--face-down{background:#64748b;border-color:#64748b}.hand__face-toggle--face-down:hover:not(:disabled){background:#475569;border-color:#64748b}.hand__revealed-label{position:absolute;bottom:clamp(4px,.8cqh,10px);left:50%;transform:translate(-50%);background:#10b981f2;color:#fff;height:clamp(12px,calc(var(--card-hand-height) * .2),36px);min-height:clamp(12px,calc(var(--card-hand-height) * .2),36px);padding:0 clamp(6px,1.6cqw,14px);border-radius:clamp(3px,.7cqh,7px);font-size:clamp(10px,calc(var(--card-hand-height) * .09),16px);font-weight:600;white-space:nowrap;z-index:100;box-shadow:0 calc(2px * var(--size-scale-base, 1)) calc(6px * var(--size-scale-base, 1)) #0006;pointer-events:none;transition:transform .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;gap:clamp(3px,.7cqh,7px);border:clamp(1px,.18cqh,2px) solid rgba(255,255,255,.3);max-width:calc(100% - clamp(8px,1.5cqw,18px));box-sizing:border-box}.hand__revealed-label-icon{width:1em;height:1em;flex:0 0 auto;display:block}@media (hover: hover){.hand__card-wrapper:hover .hand__revealed-label{transform:translate(-50%) translateY(-5px)}}.hand__card-wrapper:has(.hand__card.card--selected) .hand__revealed-label{transform:translate(-50%) translateY(-10px)}@media (max-width: 1200px),(max-height: 520px){.hand__revealed-label span{display:none}.hand__revealed-label{padding:clamp(2px,.6cqh,6px);gap:0}}@container hand-revealed (min-width: 70px){.hand__revealed-label span{display:inline}.hand__revealed-label{padding:0 clamp(6px,1.6cqw,14px);gap:clamp(3px,.7cqh,7px)}}.hand__card{transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:1;transform:translateY(0);flex-shrink:0;width:var(--card-hand-width);max-width:var(--card-hand-width);height:var(--card-hand-height);margin-top:0}@media (hover: hover){.hand__card-wrapper:hover .hand__card{transform:translateY(var(--hand-card-hover-offset))}}.hand__card-wrapper .hand__card.card--selected{transform:translateY(var(--hand-card-selected-offset));box-shadow:0 0 0 2px #3b82f6,0 8px 24px #3b82f680}@media (hover: hover){.hand__card-wrapper:hover .hand__card.card--selected{transform:translateY(var(--hand-card-selected-offset))}}.hand__card-wrapper--pending-arrival{visibility:hidden;opacity:0;pointer-events:none}.hand__card-wrapper--arrival-offset{z-index:6}.hand__card-wrapper--arrival-offset .hand__card-flip-inner{transform:translateY(var(--hand-card-arrival-offset, -24px))}.hand__cards[data-hand-settle-active=true] .hand__card-wrapper--arrival-offset .hand__card-flip-inner{transform:translateY(0);transition:transform var(--hand-settle-duration, .28s) cubic-bezier(.22,1,.36,1)}.hand__card-wrapper--slot-measure,.hand__card-wrapper--slot-reserved{visibility:hidden;pointer-events:none;min-width:var(--card-hand-width, var(--hand-card-width, 56px));width:var(--card-hand-width, var(--hand-card-width, 56px));min-height:var(--card-hand-height, var(--hand-card-min-height, 80px))}.hand__card-wrapper--hand-to-play-source-fade{pointer-events:none}.hand__card-wrapper--hand-to-play-source-fade>.hand__card{animation:handToPlaySourceFade .18s ease-out forwards}@keyframes handToPlaySourceFade{0%{opacity:1;transform:none}to{opacity:0;visibility:hidden;transform:none}}.hand__card-wrapper--discard-lift{transform:translateY(calc(-1 * var(--hand-discard-lift-offset, 28px)));z-index:6;transition:transform var(--hand-discard-lift-duration, .1s) cubic-bezier(.22,1,.36,1)}.hand__card-wrapper--discard-lift .hand__card{box-shadow:0 6px 16px #00000047}.hand__card-wrapper--qb-lift{transform:translateY(calc(-1 * var(--hand-discard-lift-offset, 28px)));z-index:6;transition:transform .2s cubic-bezier(.22,1,.36,1)}.hand__card-wrapper--qb-lift .hand__card{box-shadow:0 6px 16px #00000047}@media (hover: hover){.hand-area--rank-declaration-selecting .hand__cards:has(.hand__card-wrapper:hover) .hand__card-wrapper:hover~.hand__card-wrapper--qb-lift{transform:translateY(calc(-1 * var(--hand-discard-lift-offset, 28px))) translate(var(--card-overlap, 0))}.hand-area--rank-declaration-selecting .hand__card-wrapper--qb-lift:hover .hand__card{transform:none}}.hand-area--rank-declaration-selecting .hand__cards:has(.hand__card-wrapper--long-press) .hand__card-wrapper--long-press~.hand__card-wrapper--qb-lift{transform:translateY(calc(-1 * var(--hand-discard-lift-offset, 28px))) translate(var(--card-overlap, 0))}.hand-area--rank-declaration-selecting .hand__card-wrapper--qb-lift.hand__card-wrapper--long-press .hand__card{transform:none}.hand__cards[data-hand-settle-active=true] .hand__card-wrapper{transition:margin-left var(--hand-settle-duration, .28s) cubic-bezier(.22,1,.36,1),transform var(--hand-settle-duration, .28s) cubic-bezier(.22,1,.36,1)}@media (hover: hover){.hand__card-wrapper--interactive{cursor:pointer}.hand__card-wrapper:not(.hand__card-wrapper--interactive) .hand__card{cursor:not-allowed}}.player-info-panel-wrapper{position:fixed;z-index:var(--z-game-overlay, 5000);pointer-events:none}.player-info-panel{position:relative;background:#1e293bf2;border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.2);border-radius:var(--radius-md, clamp(6px, .9cqh, 10px));padding:var(--space-sm, clamp(6px, .9cqh, 10px)) var(--space-md, clamp(8px, 1.2cqw, 14px));min-width:clamp(120px,18cqw,160px);box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:fadeIn .2s ease-out}.player-info-panel__header{border-bottom:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);padding-bottom:var(--space-xs, clamp(4px, .7cqh, 8px));margin-bottom:var(--space-sm, clamp(6px, 1cqh, 10px))}.player-info-panel__name{font-size:calc(12px * var(--ui-font-scale));font-weight:600;color:#f8fafc}.player-info-panel__content{display:flex;flex-direction:column;gap:var(--space-xs, clamp(4px, .7cqh, 8px))}.player-info-panel__item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm, clamp(6px, 1cqh, 10px))}.player-info-panel__label{display:flex;align-items:center;gap:var(--space-2xs, clamp(3px, .5cqh, 6px));font-size:calc(10px * var(--ui-font-scale));color:#94a3b8}.player-info-panel__value{font-size:calc(11px * var(--ui-font-scale));font-weight:600;color:#f8fafc}.player-info-panel__mini-card{display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-info-panel__mini-card-back{position:relative;width:clamp(10px,1.4cqh,14px);height:clamp(14px,2.2cqh,20px);border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px));background:linear-gradient(135deg,#1e293b,#334155);border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);box-shadow:0 1px 2px #0000001a}.player-info-panel__mini-card-back:before{content:"";position:absolute;top:clamp(1px,.2cqh,2px);left:clamp(1px,.2cqw,2px);right:clamp(1px,.2cqw,2px);bottom:clamp(1px,.2cqh,2px);border-radius:var(--radius-sm, clamp(1px, .2cqh, 2px));background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 3px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.game-player-info-modal-wrapper{max-width:min(40vw,600px)!important;width:min(40vw,600px)!important;min-width:min(100%,280px)}@media (max-width: 768px) and (orientation: portrait){.game-player-info-modal-wrapper{width:min(calc(100vw - 20px),520px)!important;max-width:min(calc(100vw - 20px),520px)!important;min-width:0!important}}.game-player-info-modal{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.game-player-info-modal--compact-portrait{gap:.875rem;padding:.75rem .875rem 1rem}.game-player-info-modal__header-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem 1rem;width:100%}.game-player-info-modal__avatar-section{display:flex;justify-content:center;align-items:center;width:auto;flex-shrink:0}.game-player-info-modal__name-column{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:100%;flex:0 1 auto}.game-player-info-modal__title-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;min-width:0;max-width:100%}.game-player-info-modal__name{margin:0;font-size:1.375rem;font-weight:600;color:#fff;text-align:center;word-break:break-word;line-height:1.25;flex:0 1 auto}.game-player-info-modal--compact-portrait .game-player-info-modal__name{font-size:1.15rem}.game-player-info-modal__cpu-profile{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%;margin-top:.5rem;padding:.5rem .75rem;background:#0f172a8c;border:1px solid rgba(59,130,246,.25);border-radius:.5rem;box-sizing:border-box}.game-player-info-modal__cpu-basic{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .85rem;width:100%}.game-player-info-modal__cpu-basic-item{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:0}.game-player-info-modal__cpu-k{font-size:.75rem;font-weight:600;color:#94a3b8;min-width:2em}.game-player-info-modal__cpu-v{font-size:.875rem;font-weight:500;color:#e2e8f0}.game-player-info-modal__cpu-logic{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;padding-top:.45rem;border-top:1px solid rgba(148,163,184,.16)}.game-player-info-modal__cpu-logic-heading{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#94a3b8}.game-player-info-modal__cpu-logic-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;width:100%}.game-player-info-modal__cpu-logic-chip{position:relative;display:inline-flex;align-items:center;gap:.25rem;max-width:100%;padding:.22rem .42rem;color:#cbd5e1;font-size:.68rem;font-weight:700;line-height:1.2;background:#1e293bd1;border:1px solid rgba(148,163,184,.24);border-radius:999px;cursor:help;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.game-player-info-modal__cpu-logic-chip:hover,.game-player-info-modal__cpu-logic-chip:focus-visible{transform:translateY(-1px);border-color:#93c5fd8f;box-shadow:0 8px 18px #0f172a38}.game-player-info-modal__cpu-logic-chip:focus-visible{outline:2px solid rgba(96,165,250,.86);outline-offset:2px}.game-player-info-modal__cpu-logic-chip--enabled{color:#dbeafe;background:#2563eb38;border-color:#60a5fa5c}.game-player-info-modal__cpu-logic-chip--disabled{opacity:.62}.game-player-info-modal__cpu-logic-chip-state{font-size:.58rem;color:#93c5fd}.game-player-info-modal__cpu-logic-chip--disabled .game-player-info-modal__cpu-logic-chip-state{color:#94a3b8}.game-player-info-modal__cpu-logic-tooltip{position:absolute;z-index:20;bottom:calc(100% + .5rem);left:50%;width:max-content;max-width:min(13rem,72vw);padding:.45rem .55rem;color:#f8fafc;font-size:.68rem;font-weight:600;line-height:1.45;text-align:left;white-space:normal;pointer-events:none;background:linear-gradient(135deg,#0f172afa,#1e293bf5);border:1px solid rgba(148,163,184,.28);border-radius:.55rem;box-shadow:0 14px 30px #02061757,inset 0 1px #ffffff0f;transform:translate(-50%)}.game-player-info-modal__cpu-logic-tooltip:after{content:"";position:absolute;top:100%;left:50%;width:.55rem;height:.55rem;background:#0f172afa;border-right:1px solid rgba(148,163,184,.24);border-bottom:1px solid rgba(148,163,184,.24);transform:translate(-50%,-50%) rotate(45deg)}.game-player-info-modal__actions{display:flex;justify-content:center;align-items:center;width:100%;gap:.5rem}.game-player-info-modal__doubt-section{display:flex;justify-content:center;width:100%;padding-top:.75rem;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.1);box-sizing:border-box}.game-player-info-modal__doubt-row{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;padding:.4rem .65rem;background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;width:fit-content;max-width:100%;box-sizing:border-box}.game-player-info-modal__doubt-label{font-size:.8125rem;color:#94a3b8;font-weight:500}.game-player-info-modal__doubt-value{font-size:.8125rem;font-weight:600;color:#f8fafc}.game-player-info-modal__previous-rank{font-size:1rem;font-weight:600;padding:.25rem .75rem;border-radius:6px;white-space:nowrap}.game-player-info-modal__previous-rank--daifugo{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440,#f59e0b26);text-shadow:0 0 8px rgba(251,191,36,.5)}.game-player-info-modal__previous-rank--fugo{color:#e2e8f0;background:linear-gradient(135deg,#94a3b833,#64748b26)}.game-player-info-modal__previous-rank--heimin{color:#86efac;background:#22c55e26}.game-player-info-modal__previous-rank--hinmin{color:#fdba74;background:#ea580c26}.game-player-info-modal__previous-rank--daihinmin{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#6366f11a)}.game-player-info-modal__hand-section{display:flex;flex-direction:column;gap:.5rem;width:100%;padding-top:.25rem}.game-player-info-modal__hand-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#f8fafc}.game-player-info-modal__hand-count{font-size:.75rem;font-weight:500;color:#94a3b8}.game-player-info-modal__hand-cards{--card-mini-width: clamp(26px, 5.2cqw, 52px);--card-mini-height: clamp(36px, 7.2cqw, 72px);--hand-row-height: calc(var(--card-mini-height) + 4px);max-height:calc(2.5rem + 3 * var(--hand-row-height));display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;align-content:flex-start;align-items:flex-start;padding:.75rem;background:#0f172a80;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);min-height:calc(var(--card-mini-height) + 4px + 1.25rem);width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.game-player-info-modal__hand-card-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid rgba(148,163,184,.4);border-radius:6px;background:#94a3b81a;box-sizing:border-box;width:calc(var(--card-mini-width) + 4px);height:calc(var(--card-mini-height) + 4px);min-width:30px;min-height:40px}.game-player-info-modal__hand-card{flex-shrink:0;display:block;width:var(--card-mini-width);height:var(--card-mini-height);min-width:26px;min-height:36px}.game-player-info-modal__hand-cards{--scrollbar-width: 6px;--scrollbar-radius: 3px}.game-player-card{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);align-items:stretch;align-content:stretch;container-type:size;--player-card-name-size: clamp(12px, 1.7cqh, 22px);--player-card-doubt-size: clamp(11px, 1.4cqh, 20px);--player-card-meta-size: clamp(10px, 1.2cqh, 16px);--player-card-row-gap: clamp(2px, .4cqh, 6px);--player-card-mini-count-size: clamp(10px, 1.2cqh, 16px);padding:var(--player-card-padding, clamp(1px, .2cqh, 3px));background:#ffffff0d;border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid transparent;border-radius:var(--card-border-radius-large, 8px);transition:all .2s ease;position:relative;overflow:hidden;width:100%;box-sizing:border-box;white-space:nowrap;z-index:1;min-height:var(--player-card-min-height, 28px);gap:var(--player-card-gap, var(--space-2xs, clamp(2px, .3cqh, 4px)))}.game-player-card:hover{border-color:#fff6}.game-player-card--me{border-color:#3b82f699;background:#3b82f61a}.game-player-card__row{display:flex;align-items:center;gap:var(--player-card-row-gap, var(--space-xs, clamp(4px, .7cqh, 8px)));white-space:nowrap;overflow:hidden;min-width:0;min-height:0;height:100%}.game-player-card__avatar{display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;z-index:10;flex-shrink:0}.game-player-card__row--first{justify-content:flex-start;overflow:visible}.game-player-card__row--second{justify-content:flex-end}.game-player-card__row--third{grid-column:1 / -1;min-height:0;justify-content:flex-start}.game-player-card__row--meta{display:none;grid-column:1 / -1;justify-content:flex-start;font-size:var(--player-card-meta-size);color:#cbd5f5;gap:clamp(4px,.6cqh,8px)}.game-player-card__meta-item{display:inline-flex;align-items:center;gap:clamp(4px,.5cqh,8px)}.game-player-card__meta-label{color:#94a3b8;font-weight:600}.game-player-card__meta-value{color:#e2e8f0;font-weight:700}.game-player-card__meta-separator{color:#475569}.game-player-card__name-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1px,.2cqh,3px);flex:1;min-width:0;overflow:hidden}.game-player-name{font-size:var(--player-card-name-size, 10px);font-weight:500;color:#f8fafc;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.game-player-card__rank-badge{font-size:clamp(8px,1cqh,11px);font-weight:600;color:#fbbf24;background:#fbbf2433;padding:clamp(1px,.15cqh,2px) clamp(4px,.5cqw,6px);border-radius:var(--radius-sm, 4px);white-space:nowrap;line-height:1.2;border:1px solid rgba(251,191,36,.4)}.game-doubt-tickets{display:flex;align-items:center;gap:var(--space-2xs, clamp(2px, .4cqh, 5px));font-weight:600;font-size:var(--player-card-doubt-size, 11px);color:#fbbf24;line-height:1.1;white-space:nowrap;flex-shrink:0;min-width:0}.game-mini-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-mini-card-back-pattern{position:relative;width:var(--player-card-mini-width, var(--mini-card-width, clamp(10px, 1.6cqh, 14px)));height:var(--player-card-mini-height, var(--mini-card-height, clamp(14px, 2.4cqh, 20px)));border-radius:var(--card-border-radius-small, clamp(2px, .3cqh, 4px));background:linear-gradient(135deg,#1e293b,#334155);border:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);box-shadow:0 clamp(1px,.2cqh,2px) clamp(2px,.4cqh,4px) #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-mini-card-back-pattern:before{content:"";position:absolute;top:clamp(1px,.2cqh,2px);left:clamp(1px,.2cqw,2px);right:clamp(1px,.2cqw,2px);bottom:clamp(1px,.2cqh,2px);border-radius:calc(var(--card-border-radius-small, 2px) - 1px);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 1px,transparent 1px,transparent 3px);opacity:.6}.game-mini-card-count{position:relative;z-index:1;font-size:var(--player-card-mini-count-size, 10px);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;white-space:nowrap}@container (min-height: 56px){.game-player-card__row--meta{display:flex}}@container (min-height: 84px) and (min-width: 180px){.game-player-card{grid-template-rows:auto minmax(0,1fr) auto;--player-card-name-size: clamp(14px, 1.9cqh, 26px);--player-card-doubt-size: clamp(12px, 1.6cqh, 22px);--player-card-meta-size: clamp(11px, 1.3cqh, 18px);--player-card-mini-width: clamp(16px, 4cqh, 34px);--player-card-mini-height: clamp(22px, 5.6cqh, 46px);--player-card-mini-count-size: clamp(12px, 1.4cqh, 18px)}.game-player-card__row--first{align-self:start}.game-player-card__row--second{align-self:stretch;justify-content:center}.game-player-card__row--second .game-doubt-tickets{display:none}.game-player-card__row--meta{display:flex;justify-content:space-between;width:100%}.game-player-card__avatar .unified-player-avatar{width:clamp(26px,3.4cqh,40px);height:clamp(26px,3.4cqh,40px);font-size:clamp(11px,1.5cqh,18px)}}.game-player-list{color:#fff;background:#1e293b;border-radius:clamp(6px,.9cqh,10px);padding:var(--player-list-padding);height:100%;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;box-sizing:border-box}.game-player-list__header{display:flex;justify-content:space-between;align-items:center;border-bottom:clamp(1px,.15cqh,2px) solid rgba(255,255,255,.1);margin-bottom:var(--player-list-header-margin-bottom);flex-shrink:0}.game-player-list__title{font-size:var(--player-list-title-size);font-weight:600;color:#f8fafc;margin:0}.game-player-list__content{display:flex;flex-direction:column;gap:var(--player-list-content-gap);overflow-y:auto;overflow-x:hidden;flex:1 1 0;min-height:0;justify-content:flex-start;align-items:stretch;--scrollbar-width: var(--player-list-scrollbar-width);--scrollbar-radius: clamp(2px, .3cqh, 4px);scroll-behavior:smooth}.game-player-row{display:grid;grid-template-columns:var(--player-list-indicator-column) 1fr;grid-template-areas:"indicator card";align-items:center;min-height:var(--player-list-row-min-height);flex-shrink:0}.game-player-row__indicator{grid-area:indicator;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(2px,.3cqh,4px);min-height:var(--player-list-row-min-height)}.game-player-row__card{grid-area:card;width:100%}.turn-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#fbbf2433;border:clamp(1px,.15cqh,2px) solid rgba(251,191,36,.5)}.turn-indicator svg{color:#fbbf24}.play-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#4ade8033;border:clamp(1px,.15cqh,2px) solid rgba(74,222,128,.5)}.play-indicator svg{color:#4ade80}.pass-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#94a3b833;border:clamp(1px,.15cqh,2px) solid rgba(148,163,184,.5)}.pass-indicator svg{color:#94a3b8}.through-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#60a5fa33;border:clamp(1px,.15cqh,2px) solid rgba(96,165,250,.5)}.through-indicator svg{color:#60a5fa}.four-stop-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#f59e0b33;border:clamp(1px,.15cqh,2px) solid rgba(245,158,11,.5)}.four-stop-indicator svg{color:#f59e0b}.doubt-indicator{display:flex;align-items:center;justify-content:center;width:var(--player-list-indicator-size);height:var(--player-list-indicator-size);border-radius:50%;background:#ef444433;border:clamp(1px,.15cqh,2px) solid rgba(239,68,68,.5)}.doubt-indicator svg{color:#ef4444}.play-history-special-effect__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs, 4px);width:100%}.play-history-special-effect__title{font-size:var(--play-history-label-size, 10px);font-weight:600;color:var(--color-special-effect, #a78bfa);text-transform:uppercase;letter-spacing:.02em}.play-history-special-effect__summary{font-size:var(--play-history-summary-size, 11px);color:var(--play-history-summary-color, #94a3b8);line-height:1.3}.play-history-special-effect__summary--four-ticket{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.play-history-special-effect__ticket-count{font-size:1.4em;font-weight:600;margin:0 .25em}.play-history-special-effect__ranks{font-size:var(--play-history-summary-size, 11px);color:var(--play-history-summary-color, #94a3b8);line-height:1.3}.play-history-special-effect__cards-by-player{display:flex;flex-direction:column;gap:var(--space-2xs, 4px);width:100%}.play-history-special-effect__player-cards{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.play-history-special-effect__player-name{font-size:var(--play-history-summary-size, 11px);color:var(--play-history-summary-color, #94a3b8);flex-shrink:0;min-width:3em}.play-history-special-effect__cards{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.play-history-special-effect__mini-card{flex-shrink:0}.play-history-special-effect__mini-card--face-down{opacity:.85}.play-history-special-effect__face-down-cards{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.play-history-special-effect__overflow{font-size:10px;color:var(--play-history-summary-color, #94a3b8);margin-left:2px}.play-history-special-effect__summary--with-icon{display:flex;align-items:center;gap:6px}.play-history-special-effect__direction-icon{flex-shrink:0;font-size:1.5em;line-height:1}.play-history-special-effect__summary--with-icon .play-history-special-effect__direction-icon{color:var(--color-special-effect, #a78bfa)}.play-history-special-effect__strength-change{display:flex;align-items:center;gap:8px}.play-history-special-effect__strength-badge{font-size:var(--play-history-summary-size, 11px);font-weight:600;color:var(--color-special-effect, #a78bfa);padding:2px 6px;background:color-mix(in srgb,var(--color-special-effect, #a78bfa) 15%,transparent);border-radius:4px}@media (max-width: 1199px){.play-history-special-effect__content,.play-history-special-effect__cards-by-player{gap:clamp(1px,.2cqh,3px)}.play-history-special-effect__player-cards{gap:2px}.play-history-special-effect__overflow{font-size:9px}.play-history-special-effect__summary--with-icon,.play-history-special-effect__strength-change{gap:4px}.play-history-special-effect__strength-badge{padding:1px 4px}}.play-history-timeline{display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border-radius:0;border:none;width:100%;height:100%;min-height:fit-content;max-height:100%;overflow:hidden;box-sizing:border-box}.play-history-timeline__header{display:flex;align-items:center;padding-block:var(--space-2xs) var(--space-xs);padding-inline:0;margin:0;flex-shrink:0;border:none}.play-history-timeline__title{font-size:var(--play-history-title-size);font-weight:600;color:var(--play-history-title-color);letter-spacing:var( --play-history-title-letter-spacing, clamp(.08px, .06cqw, .3px) );text-transform:uppercase}.play-history-timeline__scroll-wrapper{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.play-history-timeline__fade{position:absolute;left:0;right:0;height:clamp(16px,2.5cqh,28px);pointer-events:none;z-index:1}.play-history-timeline__fade--top{top:0;background:linear-gradient(to bottom,rgba(30,41,59,.7) 0%,rgba(30,41,59,.35) 50%,transparent 100%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.play-history-timeline__fade--bottom{bottom:0;background:linear-gradient(to top,rgba(30,41,59,.7) 0%,rgba(30,41,59,.35) 50%,transparent 100%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}body.revolution .play-history-timeline__fade--top{background:linear-gradient(to bottom,rgba(74,31,31,.7) 0%,rgba(74,31,31,.35) 50%,transparent 100%)}body.revolution .play-history-timeline__fade--bottom{background:linear-gradient(to top,rgba(74,31,31,.7) 0%,rgba(74,31,31,.35) 50%,transparent 100%)}.play-history-timeline__container{flex:1 1 auto;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(107,114,128,.4) rgba(30,41,59,.2);-webkit-overflow-scrolling:touch;touch-action:pan-y;box-sizing:border-box;padding:0}.play-history-timeline__container{--scrollbar-width: clamp(4px, .6cqw, 8px);--scrollbar-radius: var(--radius-sm, clamp(3px, .4cqh, 5px))}.play-history-timeline__content{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1cqh,14px);width:100%;min-height:min-content;box-sizing:border-box}.play-history-timeline__turn-panel{display:flex;flex-direction:column;gap:clamp(4px,.5cqh,8px);width:100%;padding:clamp(6px,.8cqh,10px);background:#00000026;border-radius:clamp(6px,.8cqh,10px);border:1px solid rgba(255,255,255,.08)}.play-history-timeline__turn-panel--current{border-color:#60a5fa59;background:#60a5fa0f}.play-history-timeline__turn-header{font-size:clamp(10px,1.2cqh,13px);font-weight:600;color:#94a3b8;letter-spacing:.03em;flex-shrink:0}.play-history-timeline__turn-content{display:flex;flex-direction:column;gap:clamp(6px,.8cqh,10px);width:100%}.play-history-timeline__play-group{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.play-history-timeline__play-group--with-special-effects{flex-direction:column;flex-wrap:nowrap;overflow-x:visible;overflow-y:visible;gap:clamp(4px,.5cqh,6px)}.play-history-timeline__doubt-result-penalty-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px;width:100%}.play-history-timeline__play-group-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.play-history-timeline__play-group-special-effects{display:flex;flex-direction:column;gap:clamp(4px,.5cqh,6px);width:100%}.play-history-timeline__player-avatar{flex-shrink:0}.play-history-timeline__item--doubted{border-color:#ef444480;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #ef444466}.play-history-timeline__item--outcome-uncertain{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 1px 2px #00000026}.play-history-timeline__item--special-effect{background:#a855f71f;border-color:#a855f773}.play-history-timeline__item--special-effect-result{background:#a78bfa1a;border-color:#a78bfa59}.play-history-timeline__item--result-success{background:#4ade801f;border-color:#4ade8080;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #4ade8040}.play-history-timeline__item--result-success.play-history-timeline__item--special-effect{background:#4ade8026;border-color:#4ade808c}.play-history-timeline__item--result-fail{background:#f871711f;border-color:#f8717180;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #f8717140}.play-history-timeline__item--result-fail.play-history-timeline__item--special-effect{background:#f8717126;border-color:#f871718c}.play-history-timeline__item--four-stop-compact.play-history-timeline__item--result-success,.play-history-timeline__item--doubt.play-history-timeline__item--result-success{background:#4ade801f;border-color:#4ade8080}.play-history-timeline__item--four-stop-compact.play-history-timeline__item--result-fail,.play-history-timeline__item--doubt.play-history-timeline__item--result-fail{background:#f871711f;border-color:#f8717180}.play-history-timeline__item{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:clamp(8px,1cqw,14px);row-gap:var(--play-history-card-gap);padding:clamp(6px,.7cqh,10px) clamp(8px,1cqw,14px);background:#ffffff0f;border-radius:clamp(4px,.5cqh,6px);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 2px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;width:fit-content;min-width:var(--play-history-item-min-inline, clamp(36px, 5.5cqw, 60px));max-width:100%;min-height:0;box-sizing:border-box;cursor:default;position:relative}.play-history-timeline__item:has(.play-history-timeline__item-content){display:flex;flex-direction:column;grid-template-columns:unset;grid-template-rows:unset}.play-history-timeline__item-content--vertical{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.5cqh,6px);width:100%;min-width:0}.play-history-timeline__result-badge{position:absolute;top:clamp(2px,.25cqh,4px);right:clamp(2px,.25cqw,4px);width:clamp(14px,1.8cqh,20px);height:clamp(14px,1.8cqh,20px);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:clamp(8px,1cqh,11px);font-weight:700;line-height:1;z-index:10}.play-history-timeline__result-badge--success{background:#4ade80e6;color:#052e16}.play-history-timeline__result-badge--fail{background:#f87171e6;color:#450a0a}.play-history-timeline__item--latest{border-color:var(--play-history-latest-border-color);background:var(--play-history-latest-background);box-shadow:0 1px 3px #0003,0 0 0 1px #60a5fa4d;animation:play-history-latest-pulse 2s ease-out 1}@keyframes play-history-latest-pulse{0%{box-shadow:0 1px 3px #0003,0 0 0 2px #60a5fa80}to{box-shadow:0 1px 3px #0003,0 0 0 1px #60a5fa4d}}.play-history-timeline__card-wrapper--pair{gap:0}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:first-child{z-index:6}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(2){z-index:5}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(3){z-index:4}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(4){z-index:3}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(5){z-index:2}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:nth-child(6){z-index:1}.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:not(:first-child){margin-left:clamp(-20px,-3.2cqw,-32px)}.play-history-timeline__card-wrapper{--card-mini-text-size: clamp(10px, 42cqh, 22px);display:flex;align-items:center;justify-content:flex-start;position:relative;min-height:0;min-width:0;overflow:visible;gap:clamp(2px,.3cqh,4px);flex-wrap:wrap;width:fit-content}.play-history-timeline__mini-card{transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;will-change:transform;position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.play-history-timeline__mini-card--doubted-success,.play-history-timeline__mini-card--doubted-fail{position:relative}.play-history-timeline__doubted-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(14px,2cqh,22px);font-weight:700;line-height:1;text-shadow:0 0 2px #fff,0 0 4px #fff,0 1px 3px rgba(0,0,0,.8);z-index:20;pointer-events:none}.play-history-timeline__doubted-badge--fail{color:#ef4444}.play-history-timeline__doubted-badge--success{color:#4ade80}.play-history-timeline__declared-rank-on-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--card-mini-text-size);font-weight:700;line-height:1;color:#1f2937;background:#fff;padding:clamp(3px,.4cqh,5px) clamp(4px,.5cqw,7px);border-radius:var(--radius-sm, clamp(3px, .4cqh, 5px));z-index:10;white-space:nowrap;display:block;box-shadow:0 var(--card-shadow-y, clamp(1px, .125cqh, 2px)) var(--card-shadow-blur, clamp(2px, .3cqh, 4px)) #0000004d;pointer-events:none}.play-history-timeline__joker-label-on-card{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:var(--card-mini-text-size);font-weight:700;line-height:1;color:#1f2937;background:#fff;padding:clamp(3px,.4cqh,5px) clamp(4px,.5cqw,7px);border-radius:var(--radius-sm, clamp(3px, .4cqh, 5px));z-index:11;white-space:nowrap;display:block;box-shadow:0 var(--card-shadow-y, clamp(1px, .125cqh, 2px)) var(--card-shadow-blur, clamp(2px, .3cqh, 4px)) #0000004d;pointer-events:none}.play-history-timeline__declared-rank-on-card--joker{writing-mode:vertical-rl!important;text-orientation:upright!important;white-space:normal!important;font-size:var(--card-mini-text-size)!important;font-weight:700!important;line-height:.85!important;letter-spacing:var( --play-history-joker-letter-spacing, clamp(-4px, -.5cqh, -2px) )!important;padding-block:var( --play-history-joker-padding-block, clamp(1px, .125cqh, 2px) )!important;padding-inline:var( --play-history-joker-padding-inline, clamp(2px, .25cqw, 3px) )!important;display:inline-block!important;transform:translate(-50%,-50%)!important;color:#1f2937!important;text-align:center!important;vertical-align:middle!important;box-sizing:border-box!important;margin:0!important}.play-history-timeline__overflow-badge{position:absolute;right:clamp(-4px,-.5cqw,-8px);top:clamp(-4px,-.5cqh,-6px);font-size:var( --play-history-more-font, clamp(6px, .7cqh, 8px) );font-weight:600;color:#e2e8f0;background:#000000bf;padding:clamp(1px,.2cqh,3px) clamp(2px,.4cqw,5px);border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px));z-index:10;white-space:nowrap;border:clamp(1px,.125cqh,2px) solid rgba(255,255,255,.1)}.play-history-timeline__more-cards{position:absolute;right:var(--player-seat-indicator-offset, clamp(-8px, -1cqw, -12px));top:50%;transform:translateY(-50%);font-size:var( --play-history-more-font, clamp(6px, .7cqh, 8px) );font-weight:600;color:#e2e8f0;background:#000000bf;padding:var(--space-2xs, clamp(1px, .2cqh, 3px)) var(--space-2xs, clamp(2px, .4cqw, 5px));border-radius:var(--radius-sm, clamp(2px, .3cqh, 4px));z-index:10;border:var(--border-thin, clamp(1px, .125cqh, 2px)) solid rgba(255,255,255,.1);white-space:nowrap}.play-history-timeline__info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:var(--play-history-info-gap);flex:0 0 auto;min-width:0;overflow:hidden;padding:0;margin:0}.play-history-timeline__info--with-effect-result{flex-direction:column;align-items:flex-start;gap:clamp(2px,.3cqh,4px)}.play-history-timeline__effect-result-row{width:100%;display:flex;justify-content:center;align-items:center}.play-history-timeline__special-effect-result{font-size:clamp(10px,1.2cqh,13px);font-weight:700;line-height:1;flex-shrink:0}.play-history-timeline__special-effect-result--success{color:#4ade80}.play-history-timeline__special-effect-result--fail{color:#f87171}.play-history-timeline__player-name{font-size:var(--play-history-player-name-size, clamp(12px, 1.4cqh, 17px));font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3;letter-spacing:.02em;text-align:left;padding:0;box-sizing:border-box;text-shadow:0 1px 2px rgba(0,0,0,.3)}.play-history-timeline__declared-rank{font-size:clamp(6px,.7cqh,8px);color:#fbbf24;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2;letter-spacing:clamp(.05px,.04cqw,.2px)}.play-history-timeline__item--pass{opacity:.7;grid-template-columns:auto auto}.play-history-timeline__pass-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-pass-background);border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) dashed var(--play-history-pass-border-color)}.play-history-timeline__pass-text{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.play-history-timeline__item--finished-player{opacity:.9;grid-template-columns:auto auto}.play-history-timeline__finished-player-badge{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-finished-background, rgba(34, 197, 94, .2));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-finished-border-color, rgba(34, 197, 94, .5))}.play-history-timeline__finished-player-rank{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:var(--play-history-finished-text-color, #22c55e);letter-spacing:.02em}.play-history-timeline__item--doubt-penalty{opacity:.85;grid-template-columns:auto auto;padding:clamp(4px,.5cqh,6px) clamp(5px,.7cqw,8px)}.play-history-timeline__doubt-penalty-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.3cqh,4px);flex:0 0 auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-penalty-background, rgba(239, 68, 68, .15));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-penalty-border-color, rgba(239, 68, 68, .4))}.play-history-timeline__doubt-penalty-text{font-size:clamp(8px,1cqh,11px);font-weight:600;color:var(--play-history-penalty-text-color, #ef4444);letter-spacing:.02em}.play-history-timeline__doubt-penalty-count{font-size:1.4em;font-weight:600;color:var(--play-history-penalty-text-color, #ef4444);margin:0 .25em}.play-history-timeline__doubt-penalty-unit{font-size:.75em;font-weight:500}.play-history-timeline__info--doubt-penalty{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.5cqh,6px);min-width:0}.play-history-timeline__info--doubt-penalty .play-history-timeline__player-name{text-align:center}.play-history-timeline__doubt-penalty-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1px,.2cqw,3px);align-items:center}.play-history-timeline__doubt-penalty-cards .play-history-timeline__mini-card{margin-left:0}.play-history-timeline__item--doubt-revealed{opacity:.85;grid-template-columns:auto auto}.play-history-timeline__doubt-revealed-badge{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:clamp(36px,4.5cqw,52px);min-height:clamp(24px,3cqh,36px);flex-shrink:0;background:var(--play-history-revealed-background, rgba(34, 197, 94, .15));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-revealed-border-color, rgba(34, 197, 94, .4))}.play-history-timeline__doubt-revealed-text{font-size:clamp(8px,1cqh,11px);font-weight:600;color:var(--play-history-revealed-text-color, #22c55e);letter-spacing:.02em}.play-history-timeline__info--doubt-revealed{display:flex;flex-direction:column;gap:clamp(4px,.5cqh,6px);min-width:0}.play-history-timeline__doubt-revealed-cards{display:flex;flex-wrap:wrap;gap:clamp(4px,.6cqw,8px);align-items:center}.play-history-timeline__doubt-revealed-cards .play-history-timeline__mini-card{margin-left:0}.play-history-timeline__item--doubt-result{opacity:.9;display:grid;grid-template-columns:auto 1fr;gap:clamp(6px,.8cqw,10px);align-items:stretch;padding:clamp(4px,.5cqh,6px) clamp(5px,.7cqw,8px)}.play-history-timeline__doubt-result-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,.5cqh,6px);min-width:clamp(48px,6cqw,72px)}.play-history-timeline__doubt-player-name{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:var(--play-history-doubt-text-color, #fbbf24);text-align:center}.play-history-timeline__doubt-result-badge{display:flex;align-items:center;justify-content:center}.play-history-timeline__doubt-result-text{font-size:clamp(8px,1cqh,11px);font-weight:600;letter-spacing:.02em}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-success .play-history-timeline__doubt-result-text{color:#4ade80}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-fail .play-history-timeline__doubt-result-text{color:#f87171}.play-history-timeline__doubt-result-right{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.3cqh,4px);padding:clamp(2px,.3cqh,4px);border:clamp(1px,.15cqh,2px) solid transparent;border-radius:clamp(4px,.5cqh,6px);min-width:0}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-success .play-history-timeline__doubt-result-right{border-color:#ef444466;background:#ef44440f}.play-history-timeline__item--doubt-result.play-history-timeline__item--result-fail .play-history-timeline__doubt-result-right{border-color:#4ade8066;background:#4ade800f}.play-history-timeline__doubt-result-declared-ranks{font-size:clamp(8px,1cqh,11px);color:var(--play-history-summary-color, #94a3b8);text-align:center}.play-history-timeline__doubt-result-cards{display:flex;flex-wrap:wrap;gap:clamp(1px,.2cqw,3px);align-items:center;justify-content:center}.play-history-timeline__doubt-result-cards .play-history-timeline__mini-card{margin-left:0}.play-history-timeline__doubt-result-right .play-history-timeline__player-name--target{text-align:center}.play-history-timeline__item--selecting{opacity:.9;border-style:dashed;border-color:#60a5fa80}.play-history-timeline__selecting-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.play-history-timeline__selecting-spinner{flex-shrink:0}.play-history-timeline__selecting-spinner .loading-spinner__inner{width:clamp(10px,1.6cqh,14px);height:clamp(10px,1.6cqh,14px);border-width:clamp(1px,.2cqh,2px)}.play-history-timeline__selecting-label{font-size:clamp(8px,1cqh,11px);font-weight:600;color:#60a5fa;letter-spacing:.02em}.play-history-timeline__item--doubt{opacity:.9;grid-template-columns:auto auto}.play-history-timeline__item--doubt .play-history-timeline__info{display:flex;flex-direction:column;align-items:stretch;gap:clamp(2px,.3cqh,4px);min-width:0}.play-history-timeline__item--doubt .play-history-timeline__effect-result-row{width:100%}.play-history-timeline__doubt-icon{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:clamp(36px,4.5cqw,52px);min-height:var(--card-mini-height, clamp(28px, 4.5cqw, 50px));flex-shrink:0;background:var(--play-history-doubt-background, rgba(251, 191, 36, .15));border-radius:clamp(4px,.5cqh,6px);border:clamp(1px,.125cqh,2px) solid var(--play-history-doubt-border-color, rgba(251, 191, 36, .5))}.play-history-timeline__item--doubt .play-history-timeline__item-content{flex:1;min-height:0}.play-history-timeline__doubt-text{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:var(--play-history-doubt-text-color, #fbbf24);letter-spacing:.02em}.play-history-timeline__doubt-result{font-size:clamp(10px,1.2cqh,13px);font-weight:700;line-height:1}.play-history-timeline__doubt-result--success{color:#4ade80}.play-history-timeline__doubt-result--fail{color:#f87171}.play-history-timeline__chain{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:calc(14px * var(--ui-font-scale));padding:0 clamp(3px,.5cqw,6px);height:100%;align-self:stretch;box-sizing:border-box;line-height:1;opacity:.7;transition:opacity .2s ease}.play-history-timeline__chain:hover{opacity:1}.play-history-timeline__item--four-stop{border-color:var(--play-history-four-stop-border-color);background:var(--play-history-four-stop-background);position:relative}.play-history-timeline__item--four-stop.play-history-timeline__item--latest{border-color:#fbbf2499;background:#fbbf2426;box-shadow:0 0 0 clamp(1px,.125cqh,2px) #fbbf244d}.play-history-timeline__item--four-stop-target{border-color:var(--play-history-four-stop-target-border-color);background:var(--play-history-four-stop-target-background);box-shadow:0 0 0 clamp(1px,.125cqh,2px) #dc26264d}.play-history-timeline__four-stop-icon{position:absolute;top:clamp(-6px,-.7cqh,-4px);left:clamp(-6px,-.7cqw,-4px);width:clamp(12px,1.8cqh,18px);height:clamp(12px,1.8cqh,18px);display:flex;align-items:center;justify-content:center;background:#dc2626;border-radius:50%;z-index:10;box-shadow:0 clamp(1px,.15cqh,2px) clamp(2px,.3cqh,4px) #0006;border:clamp(1px,.125cqh,2px) solid rgba(255,255,255,.2)}.play-history-timeline__four-stop-icon-svg{width:clamp(8px,1.2cqh,12px);height:clamp(8px,1.2cqh,12px);color:#fff;stroke:#fff}.play-history-timeline__item--four-stop{position:relative}.play-history-timeline__four-stop-badge{display:none}.play-history-timeline__item--four-stop-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,.5cqh,6px);padding:clamp(6px,.7cqh,10px) clamp(8px,1cqw,14px);min-width:auto}.play-history-timeline__item-content--vertical .play-history-timeline__card-wrapper{display:flex;align-items:center;justify-content:center}.play-history-timeline__card-wrapper--four-stop{--card-mini-width: clamp(14px, 2.2cqw, 24px);--card-mini-height: clamp(20px, 3.2cqw, 34px);--card-mini-text-size: clamp(10px, 1.5cqh, 14px);gap:0}.play-history-timeline__card-wrapper--four-stop.play-history-timeline__card-wrapper--pair .play-history-timeline__mini-card:not(:first-child){margin-left:clamp(-14px,-2.2cqw,-24px)}.play-history-timeline__four-stop-title{font-size:clamp(7px,.9cqh,10px);font-weight:600;color:#fbbf24;letter-spacing:.02em;line-height:1}.play-history-timeline__mini-card .card--mini .card-simple-pattern,.play-history-timeline__mini-card .card--mini .card-simple-rank,.play-history-timeline__mini-card .card--mini .card-simple-suit{font-size:var(--card-mini-text-size)}:root[data-aspect=portrait] .play-history-timeline__card-wrapper{height:calc(100% - clamp(12px,1.8cqh,18px));min-height:clamp(18px,2.8cqh,25px)}.play-history-timeline__item--card-exchange{opacity:.9;background:#8b5cf614;border-color:#8b5cf64d}.play-history-timeline__card-exchange-header{margin-bottom:clamp(4px,.5cqh,6px)}.play-history-timeline__card-exchange-label{font-size:clamp(9px,1.1cqh,12px);font-weight:600;color:#a78bfa;letter-spacing:.02em}.play-history-timeline__card-exchange-list{display:flex;flex-direction:column;gap:clamp(6px,.8cqh,10px)}.play-history-timeline__card-exchange-row{display:flex;flex-direction:column;gap:clamp(2px,.3cqh,4px)}.play-history-timeline__card-exchange-pair{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:clamp(9px,1.1cqh,12px)}.play-history-timeline__card-exchange-arrow{color:#94a3b8;font-weight:500}.play-history-timeline__card-exchange-type{font-size:clamp(8px,1cqh,11px);color:#64748b}.play-history-timeline__card-exchange-cards{display:flex;flex-wrap:wrap;gap:2px;align-items:center}@media (max-width: 1199px){.play-history-timeline__fade{height:clamp(8px,1.2cqh,14px)}.play-history-timeline__header{padding-block:clamp(2px,.3cqh,4px) clamp(4px,.5cqh,6px);padding-inline:0}.play-history-timeline__content{gap:clamp(4px,.6cqh,8px)}.play-history-timeline__turn-panel{padding:clamp(4px,.5cqh,6px);gap:clamp(2px,.35cqh,5px)}.play-history-timeline__turn-header{font-size:clamp(9px,1cqh,11px)}.play-history-timeline__turn-content{gap:clamp(4px,.5cqh,6px)}.play-history-timeline__play-group--with-special-effects,.play-history-timeline__play-group-row,.play-history-timeline__play-group{gap:3px}.play-history-timeline__play-group-special-effects{gap:clamp(2px,.35cqh,4px)}.play-history-timeline__item{padding:clamp(4px,.5cqh,6px) clamp(5px,.7cqw,10px);column-gap:clamp(5px,.7cqw,10px)}.play-history-timeline__item-content--vertical{gap:clamp(2px,.35cqh,4px)}.play-history-timeline__result-badge{width:clamp(12px,1.5cqh,16px);height:clamp(12px,1.5cqh,16px);font-size:clamp(7px,.85cqh,9px)}.play-history-timeline__special-effect-result{font-size:clamp(9px,1cqh,11px)}.play-history-timeline__pass-icon,.play-history-timeline__finished-player-badge{min-width:clamp(28px,3.5cqw,40px);min-height:clamp(18px,2.2cqh,28px)}.play-history-timeline__pass-text{font-size:clamp(8px,.95cqh,10px)}.play-history-timeline__declared-rank{font-size:clamp(5px,.6cqh,7px)}}.timer-strip{display:flex;width:100%;height:100%;min-height:clamp(18px,2.2cqh,24px);border-radius:inherit;box-sizing:border-box}.timer-strip__track{position:relative;flex:1;width:100%;min-width:0;min-height:inherit;height:100%;border-radius:inherit;background:#ffffff2e;overflow:hidden}.timer-strip__fill{position:absolute;inset:0 auto 0 0;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;will-change:transform;border-radius:0;background:#eab308}.timer-strip__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 clamp(8px,1.2cqw,12px);font-size:clamp(11px,1.2cqh,13px);font-weight:600;font-variant-numeric:tabular-nums;color:#fef08a;line-height:1;white-space:nowrap;pointer-events:none;text-shadow:0 0 4px rgba(15,23,42,.9),0 1px 2px rgba(15,23,42,.85)}.timer-strip--warning .timer-strip__label{color:#fdba74}.timer-strip--warning .timer-strip__fill{background:#f59e0b}.hand-area__avatar-timer-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 2px rgba(0,0,0,.55))}.hand-area__avatar-timer-bg{stroke:#ffffff2e;stroke-width:8}.hand-area__avatar-timer-progress{stroke:#fbbf24;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(251,191,36,.55))}.hand-area__avatar-timer-progress--warning{stroke:#ef4444;filter:drop-shadow(0 0 2px rgba(239,68,68,.7))}.hand-area__avatar-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:62%;height:62%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0f172ac7;color:#fbbf24;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;font-size:clamp(13px,3.8cqh,20px);text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.9);pointer-events:none;-webkit-user-select:none;user-select:none}.hand-area__avatar-timer-text--warning{color:#fecaca;background:#7f1d1dd9}.hand-area{display:flex;flex-direction:column;gap:0;padding:0 var(--hand-area-padding-inline) var(--hand-area-padding-block) var(--hand-area-padding-inline);background:#1e293b;border:var(--border-thin, 1px) solid rgba(255,255,255,.06);border-radius:var(--hand-area-radius, clamp(6px, .8cqh, 10px));height:100%;min-height:0;width:100%;min-width:0;max-width:100%;overflow:visible;position:relative;box-sizing:border-box;transition:background-color .3s ease,padding .3s ease,gap .3s ease;container-type:size;container-name:hand-area;--card-hand-height: min( clamp(61px, 87cqh, 326px), calc(26cqw / .714) );--card-hand-width: calc(var(--card-hand-height) * .714);--hand-card-min-height: var(--card-hand-height);--hand-area-overlay-clearance: clamp(14px, 2.2cqh, 28px)}body.revolution .hand-area{background:#4a1f1f}.hand-area--current-turn{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3);outline-offset:calc(-1 * var(--hand-area-highlight-border-width));box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a;animation:pulse-border 2s ease-in-out 0s infinite;gap:0}body.revolution .hand-area--current-turn{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3)}.hand-area--four-stop-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3);outline-offset:calc(-1 * var(--hand-area-highlight-border-width));box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a;animation:pulse-border 2s ease-in-out 0s infinite}body.revolution .hand-area--four-stop-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3)}.hand-area--special-effect-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3);outline-offset:calc(-1 * var(--hand-area-highlight-border-width));box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a;animation:pulse-border 2s ease-in-out 0s infinite}body.revolution .hand-area--special-effect-selecting{background:#f59e0b26!important;outline:var(--hand-area-highlight-border-width) solid rgba(245,158,11,.3)}.hand-area__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;border-radius:var(--hand-area-radius, clamp(6px, .8cqh, 10px));z-index:var(--z-game-overlay, 5000);cursor:pointer;pointer-events:auto}.hand-area__rank-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.hand-area__rank-overlay-text{font-size:clamp(16px,35cqh,72px);font-weight:800;color:#fbbf24;text-align:center;line-height:1.1;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5);padding:clamp(4px,1cqh,12px);word-break:keep-all}.hand-area__player-info{position:absolute;left:var(--hand-area-padding-inline);right:var(--hand-area-padding-inline);bottom:var(--hand-area-padding-block);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(8px,1.2cqw,20px);min-height:0;z-index:12;pointer-events:none;container-type:inline-size;container-name:player-info}.hand-area__meta-item{display:inline-flex;align-items:baseline;gap:clamp(4px,.6cqh,8px);white-space:nowrap}.hand-area__player-info-group{display:flex;align-items:center;gap:clamp(6px,.8cqw,12px);margin-right:0}.hand-area__player-info-group--identity{grid-column:1;justify-self:start;min-width:0}.hand-area__player-info-group--clickable .hand-area__player-avatar,.hand-area__player-info-group--clickable .hand-area__player-name{cursor:pointer;transition:filter .18s ease,color .18s ease,text-shadow .18s ease}.hand-area__player-info-group--clickable:hover .hand-area__player-avatar{filter:brightness(1.18) drop-shadow(0 0 6px rgba(96,165,250,.7))}.hand-area__player-info-group--clickable:hover .hand-area__player-name{color:#fff;text-shadow:0 0 8px rgba(96,165,250,.75),0 0 6px rgba(15,23,42,.92),0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,1)}.hand-area__doubt-ticket-info{grid-column:2;justify-self:center;display:inline-flex;flex-direction:column;align-items:center;gap:clamp(1px,.25cqh,4px);min-width:0}.hand-area__meta-item--hand{grid-column:3;justify-self:start;margin-left:clamp(8px,2cqw,32px)}.hand-area__meta-label{font-size:clamp(13px,1.7cqh,22px);color:#cbd5e1;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.hand-area__meta-value{font-size:clamp(15px,2cqh,26px);color:#f8fafc;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.hand-area__meta-item--doubt .hand-area__meta-value{color:#fdba74}.hand-area__doubt-ticket-stack{--doubt-ticket-h: clamp(14px, 1.85cqh, 24px);--doubt-ticket-w: calc(var(--doubt-ticket-h) * 2.667);display:inline-flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:clamp(2px,.4cqw,6px);padding:clamp(2px,.4cqh,5px) 0;pointer-events:none}.hand-area__doubt-ticket-icon{width:var(--doubt-ticket-w);height:var(--doubt-ticket-h);flex-shrink:0;filter:drop-shadow(0 0 1px rgba(0,0,0,.85)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}@container player-info (max-width: 180px){.hand-area__previous-rank{display:none}}@media (min-width: 1200px){:root[data-aspect=portrait] .hand-area__player-info{justify-content:center}}@media (max-width: 1199px){.hand-area__player-info .hand-area__previous-rank{display:none}.hand-area__player-info .hand-area__meta-item .hand-area__meta-label{color:#cbd5e1f2}}@media (max-width: 1199px) and (orientation: landscape){.hand-area__player-info{left:calc(var(--hand-area-padding-inline) + 1%);right:calc(var(--hand-area-padding-inline) + 1%);filter:drop-shadow(0 0 4px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(0,0,0,.4))}}.hand-area__player-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:clamp(40px,12cqh,120px);height:clamp(40px,12cqh,120px);pointer-events:auto;opacity:1;background-color:#1e293b;border-radius:50%;position:relative}.hand-area__player-avatar>*:not(.hand-area__avatar-timer){width:100%!important;height:100%!important;min-width:0;min-height:0}.hand-area__player-name{font-size:clamp(18px,3cqh,32px);font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(140px,22cqw,320px);text-shadow:0 0 6px rgba(15,23,42,.92),0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,1);pointer-events:auto}.hand-area__previous-rank{font-size:clamp(9px,1.1cqh,15px);font-weight:600;padding:.15em .5em;border-radius:4px;white-space:nowrap;flex-shrink:0}.hand-area__previous-rank--daifugo{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440,#f59e0b26)}.hand-area__previous-rank--fugo{color:#e2e8f0;background:linear-gradient(135deg,#94a3b833,#64748b26)}.hand-area__previous-rank--heimin{color:#86efac;background:#22c55e26}.hand-area__previous-rank--hinmin{color:#fdba74;background:#ea580c26}.hand-area__previous-rank--daihinmin{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#6366f11a)}@container hand-area (min-height: 300px){.hand-area__player-info{gap:clamp(14px,1.8cqw,28px)}.hand-area__player-avatar{width:clamp(56px,13cqh,120px);height:clamp(56px,13cqh,120px)}.hand-area__player-name{font-size:clamp(22px,3.2cqh,36px)}.hand-area__meta-label{font-size:clamp(15px,1.9cqh,22px)}.hand-area__meta-value{font-size:clamp(18px,2.3cqh,28px)}.hand-area__doubt-ticket-stack{--doubt-ticket-h: clamp(18px, 2.4cqh, 28px)}}@container hand-area (min-height: 500px){.hand-area__player-info{gap:clamp(18px,2.4cqw,40px)}.hand-area__player-avatar{width:clamp(72px,14cqh,140px);height:clamp(72px,14cqh,140px)}.hand-area__player-name{font-size:clamp(26px,3.6cqh,44px)}.hand-area__meta-label{font-size:clamp(17px,2.1cqh,26px)}.hand-area__meta-value{font-size:clamp(22px,2.6cqh,34px)}.hand-area__doubt-ticket-stack{--doubt-ticket-h: clamp(22px, 2.7cqh, 34px)}}@container hand-area (max-height: 200px){.hand-area__player-avatar{width:clamp(32px,11cqh,56px);height:clamp(32px,11cqh,56px)}.hand-area__player-name{font-size:clamp(14px,2.4cqh,22px)}.hand-area__meta-label,.hand-area__meta-value{font-size:clamp(11px,1.7cqh,17px)}.hand-area__doubt-ticket-stack{--doubt-ticket-h: clamp(12px, 1.7cqh, 18px)}}@container hand-area (max-height: 120px){.hand-area__player-avatar{width:clamp(26px,10cqh,44px);height:clamp(26px,10cqh,44px)}.hand-area__player-name{font-size:clamp(12px,2.2cqh,18px)}.hand-area__meta-label,.hand-area__meta-value{font-size:clamp(10px,1.5cqh,14px)}.hand-area__doubt-ticket-stack{--doubt-ticket-h: clamp(10px, 1.4cqh, 14px)}}.hand-area__four-stop-selecting-info{display:flex;align-items:center;gap:var(--hand-area-row-gap);padding:calc(var(--hand-area-row-gap) / 2) var(--hand-area-padding-inline);width:100%;justify-content:center}.hand-area__four-stop-selecting-info-icon{font-size:var(--hand-area-info-icon-font)}.hand-area__four-stop-selecting-info-text{font-size:var(--hand-area-info-text-font);font-weight:500;color:#fbbf24;white-space:nowrap;animation:text-pulse 2s ease-in-out 0s infinite}@keyframes pulse-border{0%,to{border-color:#f59e0b4d;box-shadow:0 0 #f59e0b66}50%{border-color:#f59e0b99;box-shadow:0 0 0 clamp(2px,.3cqh,4px) #f59e0b1a}}.hand-area__normal-card-selecting-info{display:flex;align-items:center;gap:var(--hand-area-row-gap);padding:calc(var(--hand-area-row-gap) / 2) var(--hand-area-padding-inline);width:100%;justify-content:flex-end}.hand-area__normal-card-selecting-info-icon{font-size:clamp(12px,1.4cqh,16px)}.hand-area__normal-card-selecting-info-text{font-size:clamp(9px,1.1cqh,13px);font-weight:500;color:#fbbf24;white-space:nowrap;text-align:right;animation:text-pulse 2s ease-in-out 0s infinite}.hand-area__normal-card-selecting-info-text--warning{color:#f87171}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}.hand-area__hand{width:100%;overflow-x:visible;overflow-y:visible;position:relative;flex:1 1 auto;min-width:0;min-height:0}.hand-area__board-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:clamp(6px,1cqw,8px);width:100%;flex:1 1 auto;min-width:0;min-height:0;max-width:100%;align-content:stretch;box-sizing:border-box;container-type:size;container-name:hand-board-strip}.hand-area__hand-column{flex:5 1 0;display:flex;flex-direction:column;gap:0;overflow:visible;container-type:size;container-name:hand-column;min-width:0;min-height:0;max-width:100%;box-sizing:border-box}.hand-area__hand-controls{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * .8);padding:0 var(--hand-area-padding-inline);box-sizing:border-box}.hand-area__spectator-join-spacer{flex:0 0 auto;width:clamp(100px,14cqw,150px);min-width:0}.hand-area--spectator-join-visible .hand__cards{justify-content:center}.hand-area__spectator-join-area{flex:0 0 auto;width:clamp(100px,14cqw,150px);min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:var(--hand-area-row-gap);box-sizing:border-box;align-self:stretch;container-type:size;container-name:spectator-join-area}.hand-area__spectator-join-area .hand-area__action-buttons{display:flex;flex-direction:column;flex:0 0 auto;gap:calc(var(--hand-area-row-gap) * .8)}.hand-area__spectator-join-area .hand-area__action-button--spectator-join{flex:0 0 auto;width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.3;font-size:clamp(14px,3.5cqh,22px);padding:calc(var(--hand-area-button-padding-block) * .9) calc(var(--hand-area-button-padding-inline) * .7)}.hand-area__side-controls{flex:2 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--hand-area-row-gap);align-items:stretch;justify-content:flex-end;align-self:stretch;max-height:100%;overflow-y:auto;box-sizing:border-box;container-type:size;container-name:hand-side-controls}.hand-area__controls{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * 1.2);align-items:stretch;min-height:0;flex:0 0 auto}.hand-area__controls+.hand-area__action-buttons{margin-top:calc(var(--hand-area-control-gap) * 1.25)}.hand-area__face-and-ranks{display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(var(--hand-area-control-gap) * 1.15);width:100%;align-items:center;margin-top:0}.hand-area__face-and-ranks--hand-row{position:static;margin-top:0;background:transparent}.hand-area__face-and-ranks--pinned{position:sticky;bottom:0;z-index:2;margin-top:auto;background:inherit}.hand-area__controls .hand-area__face-and-ranks--pinned{position:static;margin-top:0}:root[data-aspect=portrait] .hand-area__side-controls{min-width:0}:root[data-aspect=portrait] .hand-area__face-and-ranks{flex-direction:row;flex-wrap:wrap}:root[data-aspect=portrait] .hand-area__action-buttons{width:100%}.hand-area__face-choice{display:flex;flex-shrink:0}.hand-area__face-toggle{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:var(--hand-area-action-button-height);min-height:clamp(24px,8vh,44px);background:#334155;border:clamp(2px,.25cqh,4px) solid #475569;border-radius:clamp(6px,.8cqh,10px);color:#e2e8f0;font-size:clamp(10px,1.1vh,14px);font-weight:600;padding:calc(var(--space-2xs) * 1.35) calc(var(--space-sm) * 1);cursor:pointer;transition:all .2s ease,padding .3s ease,font-size .3s ease;white-space:nowrap}.hand-area__face-toggle:hover:not(:disabled){background:#475569;border-color:#64748b;transform:translateY(clamp(-1px,-.125cqh,-2px));box-shadow:0 clamp(2px,.25cqh,4px) clamp(4px,.5cqh,8px) #0003}.hand-area__face-toggle:disabled{opacity:.5;cursor:not-allowed}.hand-area__face-toggle--face-up{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand-area__face-toggle--face-up:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,.9cqh,12px) #3b82f666}.hand-area__face-toggle--face-down{background:#7c3aed;border-color:#7c3aed;color:#fff}.hand-area__face-toggle--face-down:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9;box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,.9cqh,12px) #7c3aed66}.hand-area__face-toggle--disabled{opacity:.5;cursor:not-allowed}.hand-area__face-toggle--revealed-warning{border-color:#f59e0b!important;background:#78350f!important;position:relative}.hand-area__face-toggle--revealed-warning:after{content:"⚠️";position:absolute;top:clamp(-8px,-1cqh,-6px);right:clamp(-8px,-1cqw,-6px);font-size:clamp(14px,1.6cqh,18px);background:#f59e0b;border-radius:50%;width:clamp(18px,2.6cqh,24px);height:clamp(18px,2.6cqh,24px);display:flex;align-items:center;justify-content:center;box-shadow:0 clamp(2px,.3cqh,4px) clamp(3px,.5cqh,6px) #0000004d}.hand-area__declared-ranks{display:flex;flex:1 1 auto;min-width:0}.hand-area__declared-ranks--inline{flex:1 1 auto}.hand-area__declared-ranks-content{display:flex;flex-wrap:nowrap;gap:clamp(4px,.5cqh,8px);align-items:center;width:100%;overflow-x:auto;padding:0}.hand-area__declared-rank-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}.hand-area__declared-rank-button{background:#334155;border:clamp(1px,.125cqh,2px) solid #475569;border-radius:clamp(4px,.5cqh,6px);color:#e2e8f0;font-size:calc(clamp(15px,2.1cqh,24px)*1.05);font-weight:600;padding:calc(var(--hand-area-row-gap) * .95) calc(var(--hand-area-row-gap) * 1.8);min-width:calc(var(--hand-area-rank-button-min-inline) * 1.35);cursor:pointer;transition:all .2s ease,padding .3s ease,font-size .3s ease;white-space:nowrap}.hand-area__declared-rank-button:hover:not(:disabled){background:#475569;border-color:#64748b;transform:translateY(clamp(-1px,-.125cqh,-2px))}.hand-area__declared-rank-button:disabled{opacity:.5;cursor:not-allowed}.hand-area__declared-rank-button--set{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand-area__declared-rank-button--set:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.hand-area__declared-rank-button--disabled,.hand-area__declared-rank-button:disabled{opacity:.5;cursor:not-allowed;background:#334155;border-color:#475569}.hand-area__declared-rank-button--disabled:hover,.hand-area__declared-rank-button:disabled:hover{background:#334155;border-color:#475569;transform:none}.hand-area__declared-rank-button--set.hand-area__declared-rank-button--disabled,.hand-area__declared-rank-button--set:disabled{background:#3b82f680;border-color:#3b82f680;color:#ffffffb3}.hand-area__action-buttons{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * .9);flex-shrink:0;flex:0 0 auto;width:100%;align-content:stretch;align-items:stretch;padding:clamp(2px,.4cqh,6px) 0}.hand-area__card-exchange-info{display:flex;flex-direction:column;gap:clamp(2px,.4cqh,6px);padding:clamp(6px,1cqh,10px) clamp(8px,1.4cqh,12px);background:#3b82f61f;border:clamp(1px,.15cqh,2px) solid rgba(59,130,246,.3);border-radius:clamp(6px,.8cqh,10px);color:#e2e8f0;font-size:clamp(11px,1.2cqh,14px);font-weight:600;text-align:center}.hand-area__card-exchange-selected{color:#93c5fd;font-weight:500}.hand-area__reaction-layout{display:flex;flex-direction:column;gap:var(--hand-area-row-gap);width:100%;align-items:stretch}.hand-area__reaction-buttons{display:flex;flex-direction:column;gap:calc(var(--hand-area-row-gap) * 1.25);flex:1 1 auto;align-content:stretch;align-items:stretch}.hand-area__reaction-row{display:flex;gap:calc(var(--hand-area-row-gap) * 1.25);width:100%}.hand-area__reaction-row>.hand-area__action-button{flex:1 1 0;max-width:calc(50% - (var(--hand-area-row-gap) * .7))}.hand-area__reaction-preparing,.hand-area__reaction-waiting{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2cqh,12px);width:100%;padding:clamp(8px,1.2cqh,12px) clamp(10px,1.6cqw,14px);background:#0f172aa6;border:clamp(1px,.15cqh,2px) solid rgba(148,163,184,.35);border-radius:clamp(6px,.8cqh,10px);color:#f8fafc;font-size:clamp(12px,1.3cqh,14px);font-weight:500;box-sizing:border-box}.hand-area__reaction-preparing-spinner{flex-shrink:0}.hand-area__reaction-preparing-spinner .loading-spinner__inner{width:clamp(10px,1.6cqh,14px);height:clamp(10px,1.6cqh,14px);border-width:clamp(1px,.2cqh,2px)}.hand-area__reaction-preparing-text{color:#f8fafc}.hand-area__action-button{display:flex;align-items:center;justify-content:center;padding:calc(var(--hand-area-button-padding-block) * .9) calc(var(--hand-area-button-padding-inline) * .9);border-radius:clamp(6px,.8cqh,10px);font-size:clamp(var(--hand-area-button-font-size),calc(var(--hand-area-action-button-height) * .45),calc(var(--hand-area-button-font-size) * 2));font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease,padding .3s ease,font-size .3s ease;border:clamp(1px,.125cqh,2px) solid transparent;white-space:nowrap;text-align:center;height:var(--hand-area-action-button-height);min-height:0;width:100%}.hand-area__primary-actions{display:flex;flex-direction:row;gap:calc(var(--hand-area-row-gap) * 1.25);width:100%;flex:1 1 auto;align-content:stretch;align-items:stretch}.hand-area__action-buttons>.hand-area__action-button,.hand-area__primary-actions>.hand-area__action-button,.hand-area__reaction-buttons>.hand-area__action-button{width:100%;min-width:0}.hand-area__primary-actions>.hand-area__action-button{flex:1 1 0;max-width:calc(50% - (var(--hand-area-row-gap) * .7));height:var(--hand-area-action-button-height);min-height:0}.hand-area__pass-row{display:flex;width:100%}.hand-area__pass-row>.hand-area__action-button{height:var(--hand-area-action-button-height);min-height:0}@media (max-height: 720px){.hand-area__primary-actions>.hand-area__action-button,.hand-area__pass-row>.hand-area__action-button{height:min(var(--hand-area-action-button-height),clamp(24px,30.5cqh,80px));font-size:clamp(10px,10.6cqh,24px)}}.hand-area__action-button--play,.hand-area__action-button--play-face-up,.hand-area__action-button--play-face-down{background:#334155;border-color:#475569;color:#e2e8f0}.hand-area__action-button--play-face-down{position:relative;box-shadow:inset 0 0 0 clamp(2px,.3cqh,4px) #0f172a;overflow:hidden}.hand-area__action-button--play:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--play-face-up:hover:not(:disabled),.hand-area__action-button--play-face-down:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--play.hand-area__action-button--enabled,.hand-area__action-button--play-face-up.hand-area__action-button--enabled,.hand-area__action-button--play-face-down.hand-area__action-button--enabled{background:#15803d;border-color:#166534;color:#f8fafc}.hand-area__action-button--play.hand-area__action-button--enabled:hover:not(:disabled){background:#16a34a;border-color:#14532d}.hand-area__action-button--play-face-up.hand-area__action-button--enabled:hover:not(:disabled),.hand-area__action-button--play-face-down.hand-area__action-button--enabled:hover:not(:disabled){background:#16a34a;border-color:#14532d}.hand-area__action-button--pass{background:#334155;border-color:#475569;color:#e2e8f0}.hand-area__action-button--pass:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--pass.hand-area__action-button--enabled{background:#64748b;border-color:#64748b;color:#fff}.hand-area__action-button--pass.hand-area__action-button--enabled:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--special-effect{background:#334155;border-color:#475569;color:#e2e8f0}.hand-area__action-button--special-effect:hover:not(:disabled){background:#475569;border-color:#64748b}.hand-area__action-button--special-effect.hand-area__action-button--enabled{background:#3b82f6;border-color:#3b82f6;color:#fff}.hand-area__action-button--special-effect.hand-area__action-button--enabled:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.hand-area__action-button--doubt.hand-area__action-button--enabled{background:#f97316;border-color:#f97316;color:#fff}.hand-area__action-button--doubt.hand-area__action-button--enabled:hover:not(:disabled){background:#ea580c;border-color:#ea580c}.hand-area__action-button--four-stop{background:#7f1d1d;border-color:#b91c1c;color:#fee2e2}.hand-area__action-button--four-stop:hover:not(:disabled){background:#991b1b;border-color:#ef4444}.hand-area__action-button--four-stop.hand-area__action-button--enabled{background:#dc2626;border-color:#ef4444;color:#fff}.hand-area__action-button--four-stop.hand-area__action-button--enabled:hover:not(:disabled){background:#b91c1c;border-color:#f87171}.hand-area__action-button--four-stop:disabled{background:#475569;border-color:#64748b;color:#e2e8f0;opacity:1}.hand-area__action-button--through{background:#3f3f46;border-color:#52525b;color:#e4e4e7}.hand-area__action-button--through:hover:not(:disabled){background:#52525b;border-color:#71717a}.hand-area__action-button--through.hand-area__action-button--enabled{background:#6b7280;border-color:#9ca3af;color:#fff}.hand-area__action-button--through.hand-area__action-button--enabled:hover:not(:disabled){background:#4b5563;border-color:#94a3b8}.hand-area__action-button:disabled{opacity:.5;cursor:not-allowed}.hand-area__four-stop-info{display:flex;align-items:center;justify-content:center;padding:clamp(4px,.6cqh,8px) clamp(8px,1.2cqw,16px);min-height:var(--hand-area-action-button-height);background:#3b82f61a;border:clamp(1px,.125cqh,2px) solid rgba(59,130,246,.3);border-radius:clamp(6px,.8cqh,10px);font-size:clamp(var(--hand-area-button-font-size),calc(var(--hand-area-action-button-height) * .45),calc(var(--hand-area-button-font-size) * 2));color:#93c5fd;white-space:nowrap}.hand-area__four-stop-count{font-weight:600;text-align:center;width:100%}.hand-area__action{flex:0 0 auto;min-width:clamp(100px,16cqw,140px);max-width:clamp(140px,22cqw,200px)}:root[data-aspect=portrait] .hand-area__declared-ranks-label{display:none}@container hand-side-controls (max-height: 96px){.hand-area__side-controls .hand-area__action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:clamp(2px,.5cqw,6px);padding:0;overflow:hidden;block-size:var(--hand-area-action-button-height);min-block-size:32px}@supports (display: contents){.hand-area__side-controls .hand-area__primary-actions,.hand-area__side-controls .hand-area__pass-row,.hand-area__side-controls .hand-area__reaction-layout,.hand-area__side-controls .hand-area__reaction-buttons,.hand-area__side-controls .hand-area__reaction-row{display:contents}}.hand-area__side-controls .hand-area__primary-actions>.hand-area__action-button{flex:1.4 1 0;width:0;min-width:0;max-width:none}.hand-area__side-controls .hand-area__pass-row>.hand-area__action-button{flex:.7 1 0;width:0;min-width:clamp(60px,15cqw,90px);max-width:none}.hand-area__side-controls .hand-area__four-stop-info{flex:.7 1 0;width:0;min-width:clamp(60px,15cqw,90px);max-width:none;min-height:0;height:100%;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.15;padding:clamp(4px,.6cqh,6px) clamp(6px,1.2cqw,10px);font-size:clamp(9px,2.8cqw,12px)}.hand-area__side-controls .hand-area__reaction-layout:has(.hand-area__reaction-waiting) .hand-area__reaction-buttons{display:none}.hand-area__side-controls .hand-area__reaction-waiting{flex:1 1 0;width:0;min-width:0;max-width:none}.hand-area__side-controls .hand-area__action-buttons>.hand-area__action-button,.hand-area__side-controls .hand-area__reaction-buttons>.hand-area__action-button,.hand-area__side-controls .hand-area__reaction-row>.hand-area__action-button{flex:1 1 0;width:0;min-width:0;max-width:none}.hand-area__side-controls .hand-area__action-button{height:100%;min-height:0;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.15;text-align:center;padding-inline:clamp(6px,1.2cqw,10px);padding-block:clamp(4px,.9cqh,8px);font-size:clamp(9px,2.8cqw,12px)}}@media (min-width: 1200px){.hand-area__hand-column{flex:7 1 0}.hand-area__side-controls{flex:1 1 0}}@media (min-width: 1920px){.hand-area__hand-column{flex:8 1 0}.hand-area__side-controls{flex:1 1 0}}.declared-rank-badge{position:absolute;top:0;left:0;z-index:20;padding:clamp(2px,.3cqh,4px) clamp(3px,.5cqw,6px);font-size:calc(14px * var(--ui-font-scale));font-weight:700;line-height:1;color:#fff;background:#000000b3;border:clamp(1px,.15cqh,2px) solid rgba(255,255,255,.2);border-radius:clamp(3px,.5cqh,5px);white-space:nowrap;pointer-events:none;box-shadow:0 clamp(1px,.15cqh,2px) clamp(2px,.3cqh,4px) #0000004d}.card-stack__declared-rank.declared-rank-badge{padding:clamp(3px,.5cqh,6px) clamp(6px,1cqw,10px);font-size:var(--card-rank-font-size);border-radius:clamp(4px,.7cqh,8px);border-width:clamp(1px,.2cqh,2px);box-shadow:0 clamp(2px,.3cqh,4px) clamp(4px,.6cqh,8px) #0006}.declared-rank-badge--joker{writing-mode:vertical-rl;text-orientation:upright;font-size:calc(11px * var(--ui-font-scale));line-height:.9;letter-spacing:clamp(-3px,-.4cqh,-1px);padding:clamp(1px,.2cqh,2px) clamp(2px,.3cqw,4px);white-space:normal}.card-stack__declared-rank.declared-rank-badge--joker{font-size:var(--card-joker-font-size, var(--card-rank-font-size));padding:clamp(2px,.3cqh,4px) clamp(3px,.5cqw,6px);letter-spacing:clamp(-4px,-.5cqh,-2px)}.card-stack{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:visible;padding:0;box-sizing:border-box}.card-stack__card-wrapper{position:absolute;opacity:1;transform-origin:center center}.card-stack__card-container{position:relative;transform:scale(var(--card-stack-scale, 1));transform-origin:center center;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.card-stack--animate-reveal .card-stack__flip-scene{perspective:1000px;perspective-origin:center center;position:relative;display:flex;align-items:center;justify-content:center;width:var(--card-base-width);height:var(--card-base-height);flex-shrink:0}.card-stack--animate-reveal .card-stack__flip-inner{position:relative;transform-style:preserve-3d;transform:rotateY(0);transform-origin:center center;animation:cardStackDoubtFlipReveal .72s ease-in-out forwards;animation-delay:var(--card-stack-flip-delay, 0ms);width:100%;height:100%;box-sizing:border-box}.card-stack--animate-reveal .card-stack__flip-face{position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.card-stack--animate-reveal .card-stack__flip-face--back{transform:rotateY(0);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-stack--animate-reveal .card-stack__flip-face--front{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:rotateY(180deg)}.card-stack--animate-reveal .card-stack__flip-face .card-stack__declared-rank{z-index:2}@keyframes cardStackDoubtFlipReveal{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.card-stack__card-unit{display:flex;flex-direction:column;align-items:center;transition:transform var(--play-area-return-lift-duration, .2s) cubic-bezier(.22,1,.36,1);will-change:transform}.card-stack__card-unit--return-lift{transform:translateY(calc(-1 * var(--play-area-return-lift-offset, 28px)))}.card-stack__card{transition:none;pointer-events:none}.card-stack__card-wrapper--flight-managed{visibility:hidden;pointer-events:none;animation:none!important}.card-stack__card-wrapper--revealed-arrival{visibility:visible;pointer-events:none}.turn-direction-chip{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:clamp(4px,.6cqw,8px);pointer-events:none;background:#1e293beb;color:#cbd5e1;padding:var(--game-state-indicator-padding-block, 6px) var(--game-state-indicator-padding-inline, 12px);min-width:var(--game-state-indicator-min-width, 80px);min-height:var(--game-state-indicator-min-height, 32px);border-radius:var(--game-state-indicator-radius, 9999px);border:1px solid rgba(148,163,184,.35);box-shadow:0 2px 6px #0f172a59;align-self:flex-end;font-size:var(--game-state-indicator-font-size, 13px);font-weight:600;line-height:1;text-shadow:var( --game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8) )}.turn-direction-chip--reversed{background:#334155e0;border-color:#94a3b880;color:#e2e8f0}.turn-direction-chip--revolution{background:#3c1c20e0;border-color:#f871714d;color:#fecaca;box-shadow:0 2px 6px #0f172a59,0 0 6px #ef44441f}.turn-direction-chip--revolution.turn-direction-chip--reversed{background:#492024d9;border-color:#f8717166;color:#fee2e2}.turn-direction-chip__icon-shell{display:inline-flex;align-items:center;justify-content:center;transform-origin:center center}.turn-direction-chip--reversed .turn-direction-chip__icon-shell{transform:scaleX(-1)}.turn-direction-chip__icon{width:clamp(14px,2.2cqh,22px);height:clamp(14px,2.2cqh,22px);flex-shrink:0;transform-origin:center center}.turn-direction-chip__text{white-space:nowrap;font-size:inherit;font-weight:inherit;line-height:1.15}.turn-direction-chip--just-changed{animation:turn-direction-chip-pulse .8s ease-out}.turn-direction-chip--just-changed .turn-direction-chip__icon{animation:turn-direction-icon-spin .8s cubic-bezier(.22,1,.36,1)}.turn-direction-chip--revolution.turn-direction-chip--just-changed .turn-direction-chip__icon{animation-name:turn-direction-icon-spin-revolution}@keyframes turn-direction-chip-pulse{0%{box-shadow:0 2px 6px #0f172a59}25%{box-shadow:0 0 0 6px #f8fafc59,0 0 22px #cbd5e1b3,0 4px 18px #94a3b880}60%{box-shadow:0 0 0 3px #cbd5e140,0 3px 12px #0f172a8c}to{box-shadow:0 2px 6px #0f172a59}}.turn-direction-chip--revolution.turn-direction-chip--just-changed{animation-name:turn-direction-chip-pulse-revolution}@keyframes turn-direction-chip-pulse-revolution{0%{box-shadow:0 2px 6px #0f172a59,0 0 6px #ef44441f}25%{box-shadow:0 0 0 5px #fca5a547,0 0 16px #f871718c,0 4px 14px #ef444459}60%{box-shadow:0 0 0 2px #fca5a52e,0 3px 10px #7f1d1d66}to{box-shadow:0 2px 6px #0f172a59,0 0 6px #ef44441f}}@keyframes turn-direction-icon-spin{0%{transform:rotate(0) scale(.6);filter:drop-shadow(0 0 0 transparent)}35%{transform:rotate(180deg) scale(1.5);filter:drop-shadow(0 0 8px rgba(203,213,225,.85))}70%{transform:rotate(320deg) scale(1.1);filter:drop-shadow(0 0 4px rgba(203,213,225,.5))}to{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 0 transparent)}}@keyframes turn-direction-icon-spin-revolution{0%{transform:rotate(0) scale(.6);filter:drop-shadow(0 0 0 transparent)}35%{transform:rotate(180deg) scale(1.5);filter:drop-shadow(0 0 6px rgba(248,113,113,.6))}70%{transform:rotate(320deg) scale(1.1);filter:drop-shadow(0 0 3px rgba(252,165,165,.4))}to{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 0 transparent)}}.turn-order-burst{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.turn-order-burst__ring{position:absolute;width:clamp(96px,40cqmin,280px);height:clamp(96px,40cqmin,280px);border-radius:50%;border:clamp(2px,.4cqmin,4px) solid rgba(226,232,240,.85);box-shadow:0 0 24px #cbd5e18c,inset 0 0 24px #cbd5e159;animation:turn-order-burst-ring 1.5s cubic-bezier(.22,1,.36,1) forwards}.turn-order-burst--revolution .turn-order-burst__ring{border-color:#fca5a599;box-shadow:0 0 22px #f8717166,inset 0 0 22px #f8717140}.turn-order-burst__icon-shell{display:inline-flex;align-items:center;justify-content:center;width:clamp(80px,36cqmin,240px);height:clamp(80px,36cqmin,240px);transform-origin:center center}.turn-order-burst--reversed .turn-order-burst__icon-shell{transform:scaleX(-1)}.turn-order-burst__icon{width:100%;height:100%;color:#f8fafcf5;filter:drop-shadow(0 0 1.5px rgba(15,23,42,.95)) drop-shadow(0 0 3px rgba(15,23,42,.85)) drop-shadow(0 1px 4px rgba(15,23,42,.55)) drop-shadow(0 0 22px rgba(203,213,225,.7));transform-origin:center center;animation:turn-order-burst-pop 1.5s cubic-bezier(.22,1,.36,1) forwards}.turn-order-burst--revolution .turn-order-burst__icon{color:#fee2e2f0;filter:drop-shadow(0 0 1.5px rgba(40,6,10,.95)) drop-shadow(0 0 3px rgba(40,6,10,.85)) drop-shadow(0 1px 4px rgba(40,6,10,.55)) drop-shadow(0 0 18px rgba(248,113,113,.5))}@keyframes turn-order-burst-pop{0%{opacity:0;transform:rotate(-180deg) scale(.35)}18%{opacity:1;transform:rotate(0) scale(1.3)}45%{opacity:1;transform:rotate(0) scale(1.05)}75%{opacity:.85;transform:rotate(0) scale(1.2)}to{opacity:0;transform:rotate(0) scale(1.6)}}@keyframes turn-order-burst-ring{0%{opacity:0;transform:scale(.25);border-width:clamp(2px,.4cqmin,4px)}25%{opacity:1;transform:scale(1)}70%{opacity:.55;transform:scale(1.6);border-width:clamp(1px,.2cqmin,2px)}to{opacity:0;transform:scale(2.4);border-width:0}}@media (prefers-reduced-motion: reduce){.turn-direction-chip--just-changed,.turn-direction-chip--just-changed .turn-direction-chip__icon{animation:none}.turn-order-burst__ring{animation:none;opacity:0}.turn-order-burst__icon{animation:none;opacity:.85;transform:scale(1)}}.revolution-indicator{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;background:#b91c1cf2;color:#fff;padding:var(--game-state-indicator-padding-block, 6px) var(--game-state-indicator-padding-inline, 12px);min-width:var(--game-state-indicator-min-width, 80px);min-height:var(--game-state-indicator-min-height, 32px);border-radius:var(--game-state-indicator-radius, 9999px);font-size:var(--game-state-indicator-font-size, 13px);font-weight:700;line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8));box-shadow:var(--revolution-indicator-shadow);align-self:center}.revolution-indicator__text{display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;line-height:1.15;white-space:nowrap;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8))}.jack-back-indicator{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;color:#fff;padding:var(--game-state-indicator-padding-block, 6px) var(--game-state-indicator-padding-inline, 12px);min-width:var(--game-state-indicator-min-width, 80px);min-height:var(--game-state-indicator-min-height, 32px);border-radius:var(--game-state-indicator-radius, 9999px);font-size:var(--game-state-indicator-font-size, 13px);font-weight:700;line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8));align-self:center}.jack-back-indicator--palette-revolution{background:#c82d2df2;box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #ef444459}.jack-back-indicator--palette-normal{background:#1d4ed8f2;box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #3b82f661}.jack-back-indicator__text{display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;line-height:1.15;white-space:nowrap;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8))}.force-face-up-indicator{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;background:#0d9488f2;color:#fff;padding:var(--game-state-indicator-padding-block, 6px) var(--game-state-indicator-padding-inline, 12px);min-width:var(--game-state-indicator-min-width, 80px);min-height:var(--game-state-indicator-min-height, 32px);border-radius:var(--game-state-indicator-radius, 9999px);font-size:var(--game-state-indicator-font-size, 13px);font-weight:700;line-height:1;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8));box-shadow:0 clamp(2px,.3cqh,4px) clamp(6px,1cqh,10px) #0d94884d;align-self:center}.force-face-up-indicator__text{display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:inherit;line-height:1.15;white-space:nowrap;text-shadow:var(--game-state-indicator-text-shadow, 0 1px 2px rgba(0, 0, 0, .8))}.game-state-indicator{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--hud-gap, 6px);flex-shrink:0;padding:0;width:100%;line-height:1}.game-state-indicator--single,.game-state-indicator--multiple{justify-content:center}.game-state-indicator--multiple{flex-wrap:wrap;align-content:center;row-gap:var(--hud-gap, 6px);max-width:100%;box-sizing:border-box;--game-state-indicator-min-width: clamp(52px, 22cqw, 100px);--game-state-indicator-padding-inline: clamp(6px, 1.4cqw, 12px);--game-state-indicator-font-size: clamp(10px, 2.4cqh, 14px)}.game-state-indicator--empty{min-height:clamp(24px,2.5cqh,36px)}.played-cards-area{grid-area:center;position:relative;display:grid;grid-template-rows:minmax(0,1fr);grid-template-areas:"stack";row-gap:0;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;box-sizing:border-box;overflow:hidden;z-index:var(--played-cards-area-z-index, 10);--card-base-height: var(--played-cards-card-base-height);--card-base-width: var(--played-cards-card-base-width);--card-stack-max-height: calc( 100% * var(--played-cards-stack-height-factor) );--card-stack-max-width: calc(100% * var(--played-cards-stack-width-factor));--card-stack-scale-by-height: calc( var(--card-stack-max-height) / var(--card-base-height) );--card-stack-scale-by-width: calc( var(--card-stack-max-width) / var(--card-base-width) );--card-stack-scale: var(--played-cards-stack-layer-scale, 1);--played-cards-play-info-nudge-y: clamp(-18px, -2.2cqh, -8px);--played-cards-play-info-stack-gap: clamp(20px, 3cqh, 34px)}.played-cards-area__state-strip{position:absolute;right:clamp(4px,1.4cqw,14px);bottom:clamp(1px,.4cqh,8px);transform-origin:right bottom;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:var(--hud-gap, 6px);width:max-content;max-width:clamp(72px,18cqw,132px);max-height:92%;padding:var(--space-2xs);box-sizing:border-box;pointer-events:none;overflow:visible;z-index:5}.played-cards-area__state-strip .game-state-indicator{flex-direction:column;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-end;width:max-content;max-width:100%;row-gap:var(--hud-gap, 6px)}.played-cards-area__state-strip:has(.game-state-indicator--empty){display:none}.played-cards-area__turn-direction-strip{position:absolute;left:50%;bottom:clamp(1px,.4cqh,8px);transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-2xs);box-sizing:border-box;pointer-events:none;overflow:visible;z-index:5}.played-cards-area__turn-direction-strip .turn-direction-chip{flex-shrink:0}.played-cards-area__game-state{pointer-events:none}.played-cards-area__play-info-strip{display:flex;align-items:center;justify-content:center;padding:var(--space-2xs) var(--space-xs);flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box;min-height:clamp(26px,2.75cqh,42px);margin-top:var(--played-cards-play-info-nudge-y);margin-bottom:var(--played-cards-play-info-stack-gap);position:relative;z-index:2}.played-cards-area__stack-stage{grid-area:stack;position:relative;min-height:0;min-width:0;width:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:stretch;padding:var(--space-2xs) var(--space-3xs);overflow:hidden;box-sizing:border-box;container-type:size;container-name:played-cards-stack-stage;--played-cards-viewport-short: var( --arena-viewport-short, min(100cqw, 100cqh) )}.played-cards-area__stack-hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.played-cards-area__stack-hud-overlay>*{pointer-events:auto}.played-cards-area__stack-card-stage--jack-back:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--played-cards-jack-back-aura-size);height:var(--played-cards-jack-back-aura-size);aspect-ratio:1;box-sizing:border-box;pointer-events:none;z-index:0;border-radius:50%;animation:played-cards-jack-back-aura-pulse 2.8s ease-in-out infinite}.played-cards-area__stack-card-stage--jack-back.played-cards-area__stack-card-stage--jack-back-palette-revolution:before{background:radial-gradient(circle at 50% 50%,#fca5a55c,#ef444438 34%,#b91c1c1a 52%,#450a0a00 74%)}.played-cards-area__stack-card-stage--jack-back.played-cards-area__stack-card-stage--jack-back-palette-normal:before{background:radial-gradient(circle at 50% 50%,#60a5fa75,#3b82f64d 34%,#2563eb24 52%,#1e3a8a00 74%)}@media (prefers-reduced-motion: reduce){.played-cards-area__stack-card-stage--jack-back:before{animation:none}}@keyframes played-cards-jack-back-aura-pulse{0%,to{opacity:.88;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}.played-cards-area__stack-card-stage .played-cards-area__turn-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:visible}.played-cards-area__turn-indicator .played-cards-area__next-turn-instructions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:var(--space-xs);box-sizing:border-box;max-width:100%;text-align:center;text-wrap:balance;font-size:var(--played-cards-empty-text-size);font-weight:600;line-height:1.25;color:#f1f5f9;text-shadow:0 0 12px rgba(15,23,42,.95),0 1px 3px rgba(15,23,42,.9);pointer-events:none}.played-cards-area__stack-layer{position:relative;z-index:2;width:min(100%,var(--played-cards-stage-max-inline, 100%));max-width:100%;height:min(100%,var(--played-cards-stage-max-block, 100%));max-height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:visible;--card-stack-max-height: calc( 100cqh * var(--played-cards-stack-height-factor) );--card-stack-max-width: calc( 100cqw * var(--played-cards-stack-width-factor) );--card-stack-scale-by-height: calc( var(--card-stack-max-height) / var(--card-base-height) );--card-stack-scale-by-width: calc( var(--card-stack-max-width) / var(--card-base-width) );--played-cards-stack-layer-scale: clamp( var(--played-cards-stack-scale-min, 1), min( var(--card-stack-scale-by-height), var(--card-stack-scale-by-width) ), var(--played-cards-stack-scale-max, 3) );--card-stack-scale: var(--played-cards-stack-layer-scale)}.played-cards-area__stack-stage>.played-cards-area__stack-layer{flex:1 1 0;min-height:0;width:auto;max-width:none;height:auto;max-height:100%;display:flex;align-items:center;justify-content:center}.played-cards-area__stack-with-info{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;position:relative;gap:0}.played-cards-area__stack-center-block{display:flex;flex-direction:column;align-items:stretch;flex:0 1 auto;max-height:100%;min-height:0;width:100%;overflow:visible}.played-cards-area__stack-card-stage{position:relative;flex:0 1 auto;min-height:0;width:100%;overflow:visible;--played-cards-card-stage-height: calc( var(--card-base-height) * var(--card-stack-scale, 1) );--played-cards-card-stage-width: calc( var(--card-base-width) * var(--card-stack-scale, 1) );--played-cards-jack-back-card-span: max( var(--played-cards-card-stage-height), var(--played-cards-card-stage-width) )}.played-cards-area__stack-card-stage--jack-back{--played-cards-jack-back-aura-size: min( calc(var(--played-cards-jack-back-card-span) * 1.36), min(100cqw, var(--played-cards-viewport-short)) )}.played-cards-area__stack-main{flex:0 1 auto;min-height:0;width:100%;height:calc(var(--card-base-height) * var(--card-stack-scale, 1));max-height:calc(100cqh * var(--played-cards-stack-height-factor, 1));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;box-sizing:border-box}.played-cards-area__stack-main>*{flex-shrink:0}.played-cards-area__card-stack{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;z-index:1}.played-cards-area__stack-main>.played-cards-area__card-stack.card-stack{align-items:center;justify-content:center}.played-cards-area__stack-main:has(.played-cards-area__layered-stack){height:auto;min-height:0;padding-top:clamp(10px,5cqh,28px)}.played-cards-area__stack-main:has(.played-cards-area__empty-state){height:min(36cqh,220px);max-height:calc(100cqh * var(--played-cards-stack-height-factor, 1))}.played-cards-area__stack-main .played-cards-area__layered-stack{position:relative;width:100%;max-width:min(100%,var(--played-cards-stage-max-inline, 100%));max-height:100%;min-height:0;flex:0 1 auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.played-cards-area__layered-stack .played-cards-area__card-stack--base{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.played-cards-area__layered-stack .played-cards-area__card-stack--four-stop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform:translateY(-8%) rotate(-12deg);transform-origin:center center}.played-cards-area[data-continuation-display] .card-stack__card-wrapper,.played-cards-area__card-stack--doubt-reveal .card-stack__card-wrapper{animation:none}.played-cards-area__card-stack--doubt-reveal .card-stack__card-container{display:flex;align-items:center;justify-content:center}.played-cards-area__empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#9ca3af;text-align:center;padding:var(--space-xs);box-sizing:border-box;z-index:1}@media (max-width: 1199px){.played-cards-area{--hud-gap: 2px;--game-state-indicator-padding-block: 2px;--game-state-indicator-padding-inline: 6px;--game-state-indicator-font-size: 9px;--game-state-indicator-min-width: 52px;--game-state-indicator-min-height: clamp(16px, 2.2cqh, 22px);--played-cards-play-info-nudge-y: clamp(-14px, -1.6cqh, -6px);--played-cards-play-info-stack-gap: clamp(16px, 2.4cqh, 26px)}.played-cards-area__state-strip{padding:2px var(--space-2xs)}.played-cards-area__state-strip .game-state-indicator--empty{min-height:clamp(14px,1.5cqh,20px)}.played-cards-area__play-info-strip{padding:2px var(--space-2xs);min-height:clamp(14px,1.5cqh,22px)}.played-cards-area__play-info-strip .stack-play-info{padding:clamp(2px,.28cqh,4px) clamp(5px,.72cqw,10px);font-size:clamp(10px,1.2cqh,13px);gap:clamp(3px,.45cqw,6px)}}@media (orientation: portrait){.played-cards-area__stack-stage>.played-cards-area__stack-layer{--played-cards-stage-available: min(100cqw, 100cqh);--played-cards-stage-side: min( var( --played-cards-stage-max-inline, var(--played-cards-stage-available) ), var( --played-cards-stage-max-block, var(--played-cards-stage-available) ), var(--played-cards-stage-available) );--card-stack-max-height: calc( var(--played-cards-stage-side) * var(--played-cards-stack-height-factor) );--card-stack-max-width: calc( var(--played-cards-stage-side) * var(--played-cards-stack-width-factor) );--card-base-height: clamp( 72px, calc(var(--played-cards-stage-side) * .44), 300px );--card-base-width: clamp( 50px, calc(var(--played-cards-stage-side) * .31), 210px );flex:1 1 0;min-width:0;min-height:0;width:100%;max-width:min(100%,var(--played-cards-stage-max-inline, 100%));height:100%;max-height:min(100%,var(--played-cards-stage-max-block, 100%));aspect-ratio:1;align-self:center;margin-inline:auto;box-sizing:border-box}}.game-layout[data-layout-mode^=mobile-] .played-cards-area__stack-stage>.played-cards-area__stack-layer{--played-cards-stage-available: min(100cqw, 100cqh);--played-cards-stage-side: min( var( --played-cards-stage-max-inline, var(--played-cards-stage-available) ), var( --played-cards-stage-max-block, var(--played-cards-stage-available) ), var(--played-cards-stage-available) );--card-stack-max-height: calc( var(--played-cards-stage-side) * var(--played-cards-stack-height-factor) );--card-stack-max-width: calc( var(--played-cards-stage-side) * var(--played-cards-stack-width-factor) );--card-base-height: clamp( 72px, calc(var(--played-cards-stage-side) * .44), 300px );--card-base-width: clamp( 50px, calc(var(--played-cards-stage-side) * .31), 210px );flex:1 1 0;min-width:0;min-height:0;width:100%;max-width:min(100%,var(--played-cards-stage-max-inline, 100%));height:100%;max-height:min(100%,var(--played-cards-stage-max-block, 100%));aspect-ratio:1;align-self:center;margin-inline:auto;margin-block:auto;box-sizing:border-box}@media (orientation: landscape) and (max-height: 420px){.played-cards-area{--played-cards-play-info-nudge-y: clamp(-10px, -1.3cqh, -4px);--played-cards-play-info-stack-gap: clamp(12px, 1.9cqh, 22px);--game-state-indicator-min-height: clamp(14px, 1.8cqh, 20px)}.played-cards-area__play-info-strip{min-height:clamp(12px,1.4cqh,20px);padding:1px var(--space-2xs)}.played-cards-area__state-strip{padding:1px var(--space-2xs)}.played-cards-area__state-strip .game-state-indicator--empty{min-height:clamp(12px,1.3cqh,18px)}.played-cards-area__play-info-strip .stack-play-info{padding:clamp(1px,.2cqh,2px) clamp(3px,.5cqw,6px);font-size:clamp(8px,1cqh,11px);gap:clamp(2px,.3cqw,4px)}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 500px){.played-cards-area__play-info-strip{min-height:clamp(18px,2cqh,28px)}}.play-sheet{position:relative;z-index:10}.penalty-deck{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--penalty-deck-gap);padding:var(--penalty-deck-padding);background:#ffffff05;border-radius:var(--penalty-deck-radius);height:auto;width:auto;overflow:visible;box-sizing:border-box;transition:padding .3s ease,gap .3s ease,border-radius .3s ease}.penalty-deck__label{font-size:var(--penalty-deck-label-size);font-weight:600;color:#fbbf24;text-align:center;flex-shrink:0;line-height:1.2;white-space:normal;max-width:100%;transition:font-size .3s ease}.penalty-deck__container{position:relative;width:var(--penalty-deck-card-inline);aspect-ratio:5 / 7;flex-shrink:0;max-width:100%;overflow:visible;transition:width .3s ease}.penalty-deck__card{position:relative;width:100%;height:100%;overflow:visible}.penalty-deck__card-inner{width:100%;height:100%;position:relative}.penalty-deck__card-inner .card__count{position:absolute;top:0;right:0;bottom:0;left:0;font-size:clamp(18px,50cqh,80px)!important;font-weight:700!important;color:#fff!important;text-shadow:0 clamp(2px,.125cqh,4px) clamp(4px,.25cqh,6px) rgba(0,0,0,.5);z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.2cqh,10px);transition:font-size .3s ease;line-height:1}.penalty-deck__card-inner .card__count:after{content:"枚";font-size:clamp(10px,18cqh,28px)!important;font-weight:600!important;line-height:1;margin-top:clamp(2px,.6cqh,6px);transition:font-size .3s ease}.game-layout{--played-cards-area-min-height-desktop: clamp(180px, 20cqh, 220px);--played-cards-area-min-height-tablet: clamp(160px, 18cqh, 200px);--played-cards-area-min-height-mobile: clamp(140px, 16cqh, 180px);--play-area-seat-stack-max-height: var(--player-seats-area-height);--play-area-played-min-height: var(--played-cards-area-min-height-desktop);--play-area-main-overflow: visible}:root[data-aspect=standard] .game-layout{--play-area-played-min-height: var(--played-cards-area-min-height-tablet);--play-area-main-overflow: hidden}:root[data-aspect=portrait] .game-layout{--play-area-played-min-height: var(--played-cards-area-min-height-mobile);--play-area-main-overflow: hidden}.play-area__main-area{--played-cards-area-z-index: 10}.play-area__history-section{grid-area:history;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:transparent;border:none;padding:0;margin:0}.play-area__events-and-actions-panel{grid-area:events;position:relative;width:100%;max-width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.play-area__penalty-deck-section{grid-area:penalty;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.play-area__penalty-deck-slot{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.play-area__penalty-deck{width:100%;height:auto}.play-area__penalty-deck-section--below-stack{grid-area:unset;width:100%;max-width:min(100%,720px);margin-inline:auto;flex-shrink:0;height:auto;max-height:none;min-height:0;flex-direction:row;align-items:center;justify-content:center;gap:clamp(6px,1.2cqw,14px);padding-block:clamp(2px,.35cqh,8px);overflow:visible}.play-area__penalty-deck-section--below-stack .play-area__penalty-deck-slot,.play-area__penalty-deck-section--below-stack .play-area__timer-slot{flex:0 1 auto;min-height:0;max-height:none}.play-area__penalty-deck-section--below-stack .play-area__timer{padding:clamp(4px,.7cqh,12px)}.play-area__penalty-deck-section--below-stack .penalty-deck,.play-area__penalty-deck-section--below-stack .play-area__penalty-deck{width:auto;max-width:100%}.play-area__penalty-deck-section--below-stack .penalty-deck__container{width:clamp(28px,14cqw,56px);max-width:100%;aspect-ratio:5 / 7;height:auto}.play-area__stack-hud-overlay-item{position:absolute;bottom:clamp(1px,.4cqh,8px);z-index:2;display:flex;align-items:flex-end;justify-content:center;max-width:min(46%,168px);filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.play-area__stack-hud-overlay-item--penalty{left:clamp(1px,.9cqw,10px);max-width:min(52%,200px);transform:scale(.96);transform-origin:left bottom}.play-area__stack-hud-overlay-item--timer{right:clamp(1px,.9cqw,10px);transform:scale(.9);transform-origin:right bottom}.play-area__stack-hud-overlay-item .play-area__penalty-deck-slot,.play-area__stack-hud-overlay-item .play-area__timer-slot{flex:0 0 auto;width:auto;min-width:0;min-height:0;max-width:100%}.play-area__stack-hud-overlay-item .play-area__timer{padding:clamp(2px,.42cqh,8px);border-radius:clamp(8px,1.2cqh,16px)}.play-area__stack-hud-overlay-item--penalty .penalty-deck,.play-area__stack-hud-overlay-item--penalty .play-area__penalty-deck{gap:clamp(2px,.3cqh,5px);padding:clamp(2px,.35cqh,6px)}.play-area__stack-hud-overlay-item--penalty .penalty-deck__label{font-size:clamp(6px,1.25cqh,11px);line-height:1.15}.play-area__stack-hud-overlay-item--penalty .penalty-deck__container{width:clamp(34px,14cqw,62px);max-width:100%}.game-layout:not(.game-layout--portrait-body) .play-area__stack-hud-overlay-item--penalty{transform:scale(1);transform-origin:left bottom}.game-layout:not(.game-layout--portrait-body) .play-area__stack-hud-overlay-item--penalty .penalty-deck__container{width:clamp(40px,5.5cqw,72px)}.play-area__main-penalty-row-spacer{grid-area:penalty;min-height:0;height:0;overflow:hidden;pointer-events:none}.play-area__timer-slot{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.play-area__timer-slot--above-overlay{position:relative;z-index:calc(var(--z-game-overlay, 5000) + 1)}.play-area__timer{display:flex;align-items:center;justify-content:center;padding:clamp(6px,1.2vh,14px);background:#ffffff05;border-radius:clamp(10px,2vh,20px);backdrop-filter:blur(clamp(4px,.6vh,8px));-webkit-backdrop-filter:blur(clamp(4px,.6vh,8px))}.play-area__timer .reaction-timer,.play-area__timer .action-decision-timer,.play-area__timer .special-effect-selection-timer{pointer-events:auto}@media (max-width: 1199px){.game-layout__hand-area-penalty .penalty-deck,.game-layout__hand-area-penalty .play-area__penalty-deck{max-width:100%;min-width:0}.game-layout__hand-area-penalty .penalty-deck__container{max-width:100%}}:root[data-aspect=standard] .play-area__main-area,:root[data-aspect=portrait] .play-area__main-area{flex-direction:column}.play-area__hand-area{grid-area:hand;position:relative;width:100%;max-width:100%;min-height:0;height:100%;max-height:100%;min-width:0;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;z-index:15;pointer-events:auto;margin:0;padding:0;background:#1e293b;box-shadow:none;display:flex;flex-direction:column}.play-area__hand-area:before{display:none}.play-area--revolution .play-area__hand-area{background:#3b0d0d;box-shadow:none}.play-area--revolution .play-area__hand-area:before{display:none}.play-area__hand-area>*{position:relative;z-index:1}.play-area__card-stack{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:auto;height:auto}.play-area__notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1cqh,10px);max-width:clamp(300px,40cqw,400px);width:auto;margin-top:clamp(-60px,-8cqh,-100px)}.play-area__play-history-timeline{width:100%;flex:1 1 0;min-height:0;box-sizing:border-box}:root[data-aspect=portrait] .played-cards{padding:var(--space-xs);gap:var(--space-2xs)}:root[data-aspect=portrait] .play-area__header{padding-bottom:var(--space-2xs)}:root[data-aspect=portrait] .play-area__main-area{gap:var(--space-xs)}.play-area__reaction-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .3s ease-out}.play-area__reaction-overlay--buttons{align-items:center;padding-top:0;justify-content:center}.play-area__reaction-overlay--buttons .play-area__reaction-ui{margin-top:clamp(150px,21cqh,250px)}@media (orientation: landscape) and (max-height: 420px){.play-area__reaction-overlay--buttons .play-area__reaction-ui{margin-top:clamp(60px,14cqh,100px)}.play-area__reaction-ui{gap:clamp(6px,1.2cqh,10px);padding:var(--play-area-reaction-gap) clamp(8px,1cqw,14px);min-width:min(100%,200px);max-width:min(90%,320px)}.play-area__reaction-content{padding:clamp(6px,1.2cqh,12px) clamp(10px,1.8cqw,20px)}.play-area__action-buttons{padding:clamp(4px,.6cqh,8px) clamp(6px,1cqw,12px);gap:clamp(4px,.6cqh,8px)}.play-area__button{padding:clamp(6px,1cqh,12px) clamp(10px,1.6cqw,20px);font-size:clamp(10px,1.1cqh,14px);min-height:clamp(32px,3.8cqh,44px)}.play-area__timer-container{margin-top:clamp(50px,10cqh,90px);max-width:clamp(280px,50cqw,400px)}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 500px){.play-area__reaction-overlay--buttons .play-area__reaction-ui{margin-top:clamp(70px,16cqh,120px)}.play-area__reaction-ui{gap:clamp(8px,1.4cqh,12px)}.play-area__button{font-size:clamp(11px,1.2cqh,15px);min-height:clamp(34px,4.2cqh,48px)}.play-area__timer-container{margin-top:clamp(60px,11cqh,100px)}}.play-area__reaction-ui{position:relative;z-index:1;pointer-events:auto;background:transparent;padding:var(--play-area-reaction-gap) clamp(12px,1.3cqw,20px);animation:slideInFromBottom .3s ease-out;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.6cqh,20px);min-width:var(--play-area-reaction-min-width);max-width:clamp(280px,50cqw,500px)}.play-area__reaction-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--play-area-reaction-gap);width:100%;padding:clamp(12px,1.6cqh,20px) clamp(16px,2.4cqw,32px)}:root[data-aspect=portrait] .play-area__reaction-content{flex-direction:column;gap:var(--play-area-reaction-gap)}.play-area__action-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--play-area-reaction-button-gap);flex-wrap:nowrap;flex:1;width:100%;background:#1e293b26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:clamp(10px,1.2cqh,14px);padding:clamp(6px,.8cqh,10px) clamp(8px,1.2cqw,16px);box-sizing:border-box}.play-area__timer-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:100%;max-width:clamp(400px,60cqw,600px);display:flex;justify-content:center;pointer-events:none;margin-top:clamp(80px,12cqh,140px)}.play-area__button{display:flex;align-items:center;justify-content:center;padding:clamp(10px,1.4cqh,18px) clamp(16px,2.4cqw,32px);border:none;border-radius:clamp(6px,.8cqh,10px);font-size:clamp(12px,1.4cqh,16px);font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffffff0d;color:#94a3b8;white-space:nowrap;flex:1;min-width:0;min-height:clamp(40px,4.8cqh,56px);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #0003}.play-area__button:hover:not(:disabled){background:#ffffff1a;transform:translateY(clamp(-2px,-.25cqh,-4px));box-shadow:0 clamp(4px,.5cqh,8px) clamp(10px,1.2cqh,16px) #0000004d}.play-area__button--enabled{opacity:1;color:#f8fafc;cursor:pointer;font-weight:900}.play-area__button--doubt.play-area__button--enabled{background:#fbbf24cc;color:#fff;border:clamp(2px,.25cqh,4px) solid rgba(251,191,36,.8);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #fbbf244d}.play-area__button--doubt.play-area__button--enabled:hover:not(:disabled){background:#fbbf24d9;border-color:#fbbf24e6;box-shadow:0 clamp(4px,.5cqh,8px) clamp(12px,1.6cqh,20px) #fbbf2466}.play-area__button--four-stop.play-area__button--enabled{background:#ef4444cc;color:#fff;border:clamp(2px,.25cqh,4px) solid rgba(239,68,68,.8);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #ef44444d}.play-area__button--four-stop.play-area__button--enabled:hover:not(:disabled){background:#ef4444d9;border-color:#ef4444e6;box-shadow:0 clamp(3px,.5cqh,6px) clamp(10px,1.6cqh,16px) #ef444466}.play-area__button--four-stop:disabled{background:#475569bf;border-color:#64748bd9;color:#e2e8f0;box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #0003}.play-area__button--through.play-area__button--enabled{background:#94a3b8cc;color:#fff;border:clamp(2px,.25cqh,4px) solid rgba(148,163,184,.8);box-shadow:0 clamp(2px,.25cqh,4px) clamp(6px,.8cqh,10px) #94a3b84d}.play-area__button--through.play-area__button--enabled:hover:not(:disabled){background:#94a3b8d9;border-color:#94a3b8e6;box-shadow:0 clamp(3px,.5cqh,6px) clamp(10px,1.6cqh,16px) #94a3b866}.play-area__button--disabled{opacity:.4;color:#64748b;cursor:not-allowed;background:#ffffff08;border:clamp(1px,.125cqh,2px) solid rgba(255,255,255,.05)}.play-area__button--disabled:hover{transform:none;background:#ffffff08;border-color:#ffffff0d}.play-area__button:disabled{cursor:not-allowed;opacity:.4}.play-area__button:disabled:hover{transform:none;background:#ffffff08}.play-area__button-text{font-weight:500}.play-area__button--enabled .play-area__button-text{font-weight:700}:root[data-aspect=portrait] .play-area__reaction-ui{max-width:90%}:root[data-aspect=portrait] .play-area__action-buttons{flex-direction:column;width:100%}:root[data-aspect=portrait] .play-area__button{width:100%;min-width:0}.play-area__reaction-preparing{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4cqh,12px);width:100%;color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500;-webkit-user-select:none;user-select:none;padding:clamp(6px,.8cqh,10px) clamp(8px,1.2cqw,16px);background:#1e293b26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:clamp(10px,1.2cqh,14px);box-sizing:border-box}.play-area__reaction-preparing-spinner{flex-shrink:0}.play-area__reaction-preparing-spinner .loading-spinner__inner{width:clamp(12px,1.4cqh,16px);height:clamp(12px,1.4cqh,16px);border-width:clamp(2px,.25cqh,4px)}.play-area__reaction-preparing-text{color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500}.play-area__reaction-waiting{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(8px,1.4cqh,12px);color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500;-webkit-user-select:none;user-select:none;background:#1e293b26;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:clamp(10px,1.2cqh,14px);padding:clamp(6px,.8cqh,10px) clamp(8px,1.2cqw,16px);box-sizing:border-box}.play-area__reaction-waiting-text{color:#f8fafce6;font-size:clamp(12px,1.4cqh,16px);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timer-progress-bar__container{width:var(--reaction-timer-size);height:var(--reaction-timer-size);position:relative;display:flex;align-items:center;justify-content:center;transition:width .3s ease,height .3s ease}.timer-progress-bar__circle{width:100%;height:100%}.timer-progress-bar__background{stroke:#ffffff1a;stroke-width:var(--reaction-timer-stroke-width)}.timer-progress-bar__progress{stroke:#fbbf24;stroke-width:var(--reaction-timer-stroke-width);stroke-linecap:round;transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 var(--reaction-timer-shadow) rgba(251,191,36,.5))}.timer-progress-bar__progress--warning{stroke:#ef4444;filter:drop-shadow(0 0 var(--reaction-timer-shadow) rgba(239,68,68,.6))}.timer-progress-bar__progress--ended{stroke:#9ca3af;filter:none;transition:none}.timer-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10;font-size:var(--reaction-timer-font-size)}.timer-text{position:relative;width:auto;height:auto;display:flex;align-items:center;justify-content:center;z-index:20}.timer-text__content{font-size:var(--reaction-timer-text-size);font-weight:700;color:#fbbf24;line-height:1;text-shadow:0 0 calc(var(--reaction-timer-shadow) * 2) rgba(251,191,36,.6);transition:font-size .3s ease,color .2s ease}.timer-text--warning .timer-text__content{color:#ef4444;text-shadow:0 0 calc(var(--reaction-timer-shadow) * 2) rgba(239,68,68,.6)}.timer-text--ended .timer-text__content{color:#9ca3af;text-shadow:0 0 var(--reaction-timer-shadow) rgba(156,163,175,.4)}.reaction-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--reaction-timer-size, clamp(80px, 10cqh, 120px));height:var(--reaction-timer-size, clamp(80px, 10cqh, 120px));margin:0 auto;transition:opacity .2s ease,visibility .2s ease;position:relative;background:#1e293b4d;backdrop-filter:blur(var(--reaction-timer-blur, clamp(6px, .8cqh, 10px)));-webkit-backdrop-filter:blur(var(--reaction-timer-blur, clamp(6px, .8cqh, 10px)));border-radius:50%;padding:var(--reaction-timer-padding, clamp(6px, .8cqh, 10px));box-sizing:border-box}.four-stop-card-selection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:1.5rem;padding-bottom:90px;pointer-events:none;animation:fourStopCardSelectionOverlayEntrance .4s ease-out forwards}.four-stop-card-selection-overlay__main{font-size:var(--overlay-line1-size, clamp(32px, 8cqh, 72px));font-weight:800;color:#e85555;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(6px, 1.2cqh, 12px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(8px, 1.5cqh, 16px)) rgba(0,0,0,.5);letter-spacing:.06em}.four-stop-card-selection-overlay__sub{margin-top:.35em;font-size:var(--overlay-line2-size, clamp(18px, 4cqh, 36px));font-weight:600;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:.04em;border-bottom:3px solid rgba(220,100,100,.9);padding-bottom:.1em}@keyframes fourStopCardSelectionOverlayEntrance{0%{opacity:0}to{opacity:1}}@media (max-width: 1199px){.four-stop-card-selection-overlay{padding-bottom:0}}.doubt-overlay.central-announcement{animation-name:doubtOverlayEntrance}.doubt-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay, 500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:doubtOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.doubt-result-overlay__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:doubtOverlayFlash .5s ease-out forwards}.doubt-result-overlay__text{position:relative;z-index:1;font-size:var( --overlay-line1-size, clamp(22px, min(10vw, 8svh), 56px) );font-weight:800;color:#fff;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:doubtOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.doubt-result-overlay--success .doubt-result-overlay__text{color:#4ade80;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5)}.doubt-result-overlay--failure .doubt-result-overlay__text{color:#f87171;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5)}@media (max-width: 1199px){.doubt-result-overlay{padding-bottom:0}}.finished-player-display{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-informational-overlay, 4000);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:centralOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.finished-player-display__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:finishedPlayerFlash .5s ease-out forwards}.finished-player-display__content{position:relative;z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;text-align:center}.finished-player-display__line1{font-size:var( --overlay-line1-size, clamp(22px, min(10vw, 8svh), 56px) );font-weight:800;color:gold;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.finished-player-display__line2{display:flex;align-items:center;justify-content:center}.finished-player-display__player-name{font-size:var( --overlay-line2-size, clamp(13px, min(5.5vw, 4.5svh), 30px) );font-weight:600;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:.04em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .25s both}@keyframes finishedPlayerFlash{0%{background:radial-gradient(circle at center,rgba(255,215,0,.2) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@media (max-width: 1199px){.finished-player-display{padding-bottom:0}}.central-announcement{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-blocking-overlay, 7500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:centralOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.central-announcement__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:centralOverlayFlash .5s ease-out forwards}.central-announcement__text{position:relative;z-index:1;font-size:var( --overlay-line1-size, clamp(22px, min(10vw, 8svh), 56px) );font-weight:800;letter-spacing:.06em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.central-announcement--default .central-announcement__text{color:#fff;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5)}.central-announcement--doubt .central-announcement__text{color:#f5a623;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5)}.central-announcement--doubt .central-announcement__flash{animation-name:centralOverlayFlashDoubt}@keyframes centralOverlayEntrance{0%{opacity:0}to{opacity:1}}@keyframes centralOverlayFlash{0%{background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@keyframes centralOverlayFlashDoubt{0%{background:radial-gradient(circle at center,rgba(255,200,150,.25) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@keyframes centralOverlayTextPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1199px){.central-announcement{padding-bottom:0}}@media (prefers-reduced-motion: reduce){.central-announcement,.central-announcement__flash,.central-announcement__text{animation:none!important}}.special-effect-cutin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-blocking-overlay, 7500);display:flex;align-items:center;justify-content:center;padding-top:var( --special-effect-cutin-padding-top, 1.5rem );padding-bottom:90px;pointer-events:none;animation:centralOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.special-effect-cutin__effects{display:flex;flex-direction:column;gap:var(--special-effect-cutin-effects-gap, clamp(12px, 2cqh, 24px));align-items:center;justify-content:center;max-height:95vh;overflow:visible;padding:0 var( --special-effect-cutin-effects-padding-inline, clamp(32px, 5cqh, 56px) )}.special-effect-cutin__effects--many{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--special-effect-cutin-many-gap, clamp(8px, 1.5cqh, 16px));max-width:var( --special-effect-cutin-many-max-width, min(90vw, 480px) );max-height:var(--special-effect-cutin-many-max-height, 75vh);padding:clamp(8px,1.5cqh,16px) var( --special-effect-cutin-effects-padding-inline, clamp(32px, 5cqh, 56px) );overflow:visible}.special-effect-cutin__effects--many .special-effect-cutin__effect-name{font-size:var( --overlay-line2-size, clamp(13px, min(5.5vw, 4.5svh), 30px) );justify-self:center}.special-effect-cutin__effect-name{position:relative;z-index:1;font-size:var( --overlay-line1-size, clamp(22px, min(10vw, 8svh), 56px) );font-weight:800;color:gold;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);letter-spacing:.06em;animation:centralOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.special-effect-cutin__effect-name:nth-child(1){animation-delay:.05s}.special-effect-cutin__effect-name:nth-child(2){animation-delay:.25s}.special-effect-cutin__effect-name:nth-child(3){animation-delay:.45s}.special-effect-cutin__effect-name:nth-child(4){animation-delay:.65s}.special-effect-cutin__effect-name:nth-child(5){animation-delay:.85s}.special-effect-cutin__effect-name:nth-child(6){animation-delay:1.05s}@media (max-width: 1199px){.special-effect-cutin{padding-bottom:0}}.special-effect-cutin--steady,.special-effect-cutin--steady .special-effect-cutin__effect-name{animation:none!important}@media (prefers-reduced-motion: reduce){.special-effect-cutin,.special-effect-cutin__effect-name{animation:none!important}}.game-info-area{display:flex;flex-direction:column;gap:var(--space-xs, clamp(4px, .7cqh, 10px));padding:var(--space-sm, clamp(6px, 1cqh, 14px));background:#1e293b;border-radius:var(--radius-md, clamp(6px, .9cqh, 10px));min-height:0;min-width:0;overflow:hidden;height:100%;max-height:100%;box-sizing:border-box;transition:padding .3s ease,gap .3s ease,border-radius .3s ease}.game-info-area__header{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.1);margin-bottom:var(--space-xs, clamp(4px, .7cqh, 8px));flex-shrink:0;padding-bottom:var(--space-xs, clamp(4px, .7cqh, 8px));height:auto;transition:margin-bottom .3s ease,padding-bottom .3s ease}.game-info-area__title{font-size:var(--font-sm, clamp(9px, calc(12px * var(--font-scale-base, 1)), 14px));font-weight:600;color:#f8fafc;margin:0;transition:font-size .3s ease}.game-info-area__logs-container{flex:1 1 clamp(140px,26cqw,240px);overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%}.game-info-area__logs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2xs, clamp(3px, .5cqh, 6px));transition:gap .3s ease}.game-info-area__log-item{display:flex;gap:var(--space-sm, clamp(6px, 1cqh, 10px));font-size:var(--font-xs, clamp(6px, calc(10px * var(--font-scale-sm, 1)), 12px));line-height:1.4;padding:var(--space-2xs, clamp(3px, .5cqh, 6px)) 0;border-bottom:var(--border-thin, clamp(1px, .15cqh, 2px)) solid rgba(255,255,255,.05);transition:font-size .3s ease,padding .3s ease,gap .3s ease}.game-info-area__log-time{color:#94a3b8;font-size:var(--font-xs, clamp(5px, calc(9px * var(--font-scale-sm, 1)), 11px));flex-shrink:0;min-width:clamp(24px,5cqw,60px);transition:font-size .3s ease,min-width .3s ease}.game-info-area__log-message{color:#e2e8f0;flex:1;word-break:break-word}.game-info-area__logs-empty{color:#64748b;font-size:var(--font-xs, clamp(8px, calc(10px * var(--font-scale-sm, 1)), 12px));text-align:center;padding:var(--space-lg, clamp(10px, 2cqh, 20px));transition:font-size .3s ease,padding .3s ease}.game-info-area__logs-container{--scrollbar-width: clamp(3px, .4cqw, 5px);--scrollbar-radius: var(--radius-sm, clamp(2px, .3cqh, 4px))}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2cqh,20px);color:#fff}.loading-message{font-size:calc(16px * var(--ui-font-scale));font-weight:500;text-align:center}.loading-progress{width:clamp(140px,25cqw,200px);display:flex;flex-direction:column;gap:clamp(6px,1cqh,10px)}.progress-bar{width:100%;height:clamp(6px,.9cqh,10px);background:#fff3;border-radius:clamp(3px,.5cqh,5px);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#34d399);transition:width .3s ease}.progress-text{font-size:calc(12px * var(--ui-font-scale));text-align:center;opacity:.8}.seat-mini-timer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:calc(var(--player-seat-indicator-z-index, 2) + 1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.seat-mini-timer__ring{width:100%;height:100%;transform:rotate(-90deg)}.seat-mini-timer__track{stroke:#ffffff47;stroke-width:var(--seat-mini-timer-stroke, 5)}.seat-mini-timer__progress{stroke:#eab308;stroke-width:var(--seat-mini-timer-stroke, 5);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.seat-mini-timer--warning .seat-mini-timer__progress{stroke:#f59e0b}.seat-mini-timer__seconds{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--seat-mini-timer-font-size, clamp(8px, 2.2cqh, 14px));font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:#fef08a;text-shadow:0 0 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.85)}@media (prefers-reduced-motion: reduce){.seat-mini-timer__progress{transition:none}}.player-seats{--player-seats-z-index: 5;--player-seat-z-index-current: 1;--player-seat-indicator-z-index: 2;--player-seat-bg: rgba(30, 41, 59, .8);--player-seat-bg-revolution: #572424;--player-seat-bg-selecting: rgba(245, 158, 11, .15);--player-seat-border-selecting: rgba(245, 158, 11, .3);--player-seat-bg-passed: rgba(148, 163, 184, .2);--player-seat-bg-four-stop: rgba(239, 68, 68, .2);--player-seat-bg-last-played: rgba(96, 165, 250, .15);--player-seat-border-last-played: rgba(96, 165, 250, .35);--player-seat-animation-duration: 2s}:root[data-aspect=portrait] .player-seats-area--top:not(.player-seats-area--portrait-overlay):not(.player-seats-area--portrait-arena):not(.player-seats-area--portrait-mid-column):not(.player-seats-area--portrait-top-row):not(.player-seats-area--portrait-second-row) .player-seats,.game-layout[data-aspect=portrait] .player-seats-area--top:not(.player-seats-area--portrait-overlay):not(.player-seats-area--portrait-arena):not(.player-seats-area--portrait-mid-column):not(.player-seats-area--portrait-top-row):not(.player-seats-area--portrait-second-row) .player-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(clamp(118px,26cqh,198px),auto);align-items:stretch;justify-items:stretch;gap:clamp(3px,.45cqw,8px);min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:clamp(8px,1.5cqh,18px);-webkit-overflow-scrolling:touch}:root[data-aspect=portrait] .player-seats-area--top:not(.player-seats-area--portrait-overlay):not(.player-seats-area--portrait-arena):not(.player-seats-area--portrait-mid-column):not(.player-seats-area--portrait-top-row):not(.player-seats-area--portrait-second-row) .player-seat,.game-layout[data-aspect=portrait] .player-seats-area--top:not(.player-seats-area--portrait-overlay):not(.player-seats-area--portrait-arena):not(.player-seats-area--portrait-mid-column):not(.player-seats-area--portrait-top-row):not(.player-seats-area--portrait-second-row) .player-seat{min-width:0;width:100%;max-width:none;flex:unset}.player-seat__content>.player-seat__row,.player-seat__content>.player-seat__rank-overlay,.player-seat__content>.player-seat__previous-rank-overlay,.player-seat__content .player-seat__meta-overlay-item{opacity:var(--player-seat-content-dim, 1)}.player-seat__identity-overlay{position:absolute;left:clamp(10px,6cqw,40px);bottom:clamp(3px,.55cqh,10px);max-width:calc(100% - clamp(20px,12cqw,80px));z-index:18;display:flex;flex-direction:row;align-items:flex-end;gap:clamp(4px,.85cqw,10px);min-width:0;pointer-events:none}.player-seat__identity-overlay .player-seat__avatar{pointer-events:auto;cursor:pointer}.player-seat__identity-overlay .player-seat__name-wrap{min-width:0;max-width:100%;flex:0 1 auto;align-self:flex-end;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;line-height:1.05;pointer-events:auto;cursor:pointer}.player-seat__identity-overlay .player-seat__name{font-size:clamp(18px,3.4cqh,28px);font-weight:700;color:#f1f5f9;text-shadow:0 0 8px rgba(15,23,42,.95),0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,1);pointer-events:auto;cursor:pointer}.player-seat__identity-overlay .player-seat__avatar,.player-seat__identity-overlay .player-seat__name{transition:filter .18s ease,color .18s ease,text-shadow .18s ease}.player-seat__identity-overlay:hover .player-seat__avatar{filter:brightness(1.18) drop-shadow(0 0 6px rgba(96,165,250,.7))}.player-seat__identity-overlay:hover .player-seat__name{color:#fff;text-shadow:0 0 8px rgba(96,165,250,.75),0 0 10px rgba(15,23,42,.95),0 1px 3px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,1)}.player-seat__previous-rank-overlay{position:absolute;top:clamp(3px,.55cqh,10px);left:clamp(4px,.8cqw,12px);z-index:17;pointer-events:none}.player-seat__meta-overlay-group{display:contents}.player-seat__meta-overlay-item{display:inline-flex;align-items:center;gap:clamp(2px,.35cqw,5px);text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none}.player-seat__meta-overlay-item--top-center{position:absolute;top:clamp(3px,.55cqh,10px);left:50%;transform:translate(-50%);z-index:17}.player-seat__meta-overlay-item--bottom-right{position:absolute;bottom:clamp(3px,.55cqh,10px);right:clamp(20px,14cqw,80px);z-index:17}.player-seat__meta-overlay-label{font-size:clamp(11px,1.45cqh,16px);color:#cbd5e1;font-weight:600}.player-seat__meta-overlay-value{font-size:clamp(13px,1.8cqh,20px);color:#f8fafc;font-weight:700;font-variant-numeric:tabular-nums}.player-seat__meta-overlay-item--doubt .player-seat__meta-overlay-value{color:#fbbf24}.player-seat__meta-overlay-icon{flex-shrink:0;width:clamp(13px,1.7cqh,19px);height:clamp(13px,1.7cqh,19px);filter:drop-shadow(0 0 2px rgba(0,0,0,1)) drop-shadow(0 0 3px rgba(0,0,0,.8))}.player-seat__meta-overlay-item--doubt.player-seat__meta-overlay-item--top-center{display:inline-flex;flex-direction:column;align-items:center;gap:clamp(1px,.25cqh,4px)}.player-seat__doubt-ticket-stack{--doubt-ticket-h: clamp(12px, 1.65cqh, 20px);--doubt-ticket-w: calc(var(--doubt-ticket-h) * 2.667);display:inline-flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:clamp(2px,.45cqw,5px);pointer-events:none}.player-seat__doubt-ticket-icon{width:var(--doubt-ticket-w);height:var(--doubt-ticket-h);flex-shrink:0;filter:drop-shadow(0 0 1px rgba(0,0,0,.95)) drop-shadow(0 1px 2px rgba(0,0,0,.55))}.player-seat__doubt-ticket-icon--empty{display:none;opacity:.5}.player-seat__doubt-ticket-text{display:none;align-items:baseline;gap:.3em;white-space:nowrap;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,1),0 0 4px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)}.player-seat__doubt-ticket-text-label{font-size:clamp(11px,1.45cqh,16px);color:#cbd5e1;font-weight:600}.player-seat__doubt-ticket-text-value{font-size:clamp(13px,1.8cqh,20px);color:#fdba74;font-weight:800;font-variant-numeric:tabular-nums}.game-layout[data-layout-mode=mobile-portrait] .player-seat__doubt-ticket-stack>.player-seat__doubt-ticket-icon:not(:first-child),.game-layout[data-layout-mode=mobile-portrait-wide] .player-seat__doubt-ticket-stack>.player-seat__doubt-ticket-icon:not(:first-child),.game-layout[data-layout-mode=mobile-landscape-compact] .player-seat__doubt-ticket-stack>.player-seat__doubt-ticket-icon:not(:first-child){display:none}.game-layout[data-layout-mode=mobile-portrait] .player-seat__doubt-ticket-stack,.game-layout[data-layout-mode=mobile-portrait-wide] .player-seat__doubt-ticket-stack,.game-layout[data-layout-mode=mobile-landscape-compact] .player-seat__doubt-ticket-stack{--doubt-ticket-h: clamp(8px, 1.2cqh, 12px)}.game-layout[data-layout-mode=mobile-portrait] .player-seat__doubt-ticket-icon--empty,.game-layout[data-layout-mode=mobile-portrait-wide] .player-seat__doubt-ticket-icon--empty,.game-layout[data-layout-mode=mobile-landscape-compact] .player-seat__doubt-ticket-icon--empty{display:inline-block}.game-layout[data-layout-mode=mobile-portrait] .player-seat__doubt-ticket-text,.game-layout[data-layout-mode=mobile-portrait-wide] .player-seat__doubt-ticket-text,.game-layout[data-layout-mode=mobile-landscape-compact] .player-seat__doubt-ticket-text{display:inline-flex}.game-layout[data-layout-mode=mobile-portrait] .player-seat__doubt-ticket-text-label,.game-layout[data-layout-mode=mobile-portrait-wide] .player-seat__doubt-ticket-text-label,.game-layout[data-layout-mode=mobile-landscape-compact] .player-seat__doubt-ticket-text-label{display:none}.game-layout[data-layout-mode=mobile-portrait] .player-seat__meta-overlay-item--doubt.player-seat__meta-overlay-item--top-center,.game-layout[data-layout-mode=mobile-portrait-wide] .player-seat__meta-overlay-item--doubt.player-seat__meta-overlay-item--top-center,.game-layout[data-layout-mode=mobile-landscape-compact] .player-seat__meta-overlay-item--doubt.player-seat__meta-overlay-item--top-center{top:clamp(2px,.4cqh,5px);flex-direction:row;align-items:center;gap:clamp(2px,.5cqw,4px)}.game-layout[data-layout-mode=mobile-portrait] .player-seat__doubt-ticket-text-value,.game-layout[data-layout-mode=mobile-portrait-wide] .player-seat__doubt-ticket-text-value,.game-layout[data-layout-mode=mobile-landscape-compact] .player-seat__doubt-ticket-text-value{font-size:clamp(11px,16cqh,14px)}.player-seats{position:relative;width:100%;height:100%;display:flex;flex-direction:row;gap:min(var(--player-seat-gap),clamp(2px,.35cqh,6px));pointer-events:none;min-height:0;max-height:100%;overflow:visible;box-sizing:border-box;align-items:center}.player-seat{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;pointer-events:auto;min-width:var(--player-seat-min-inline);max-width:none;width:100%;flex:1 1 0;white-space:normal;flex-shrink:1;box-sizing:border-box;height:100%;max-height:100%;overflow:hidden;container-type:size;container-name:player-seat;border:var(--border-thin, 1px) solid rgba(255,255,255,.06);border-radius:var(--player-seat-select-radius)}.player-seats-area--top .player-seats{justify-content:space-between}.player-seats-area--bottom .player-seats{justify-content:space-between;padding-left:0;padding-right:0;gap:var(--player-seat-bottom-gap, var(--player-seat-gap))}.player-seat--current{z-index:var(--player-seat-z-index-current)}.player-seat--selecting-cards{background:var(--player-seat-bg-selecting);border:var(--player-seat-select-border-width) solid var(--player-seat-border-selecting);border-radius:var(--player-seat-select-radius);animation:pulse-border var(--player-seat-animation-duration) ease-in-out infinite}.player-seat--last-played{background:var(--player-seat-bg-last-played);border:var(--player-seat-select-border-width) solid var(--player-seat-border-last-played);border-radius:var(--player-seat-select-radius)}.player-seat--seven-pass-candidate,.player-seat--seven-pass-preview,.player-seat--seven-pass-selected{--seven-pass-highlight-color: rgba(245, 158, 11, .85)}.player-seat--seven-pass-candidate{box-shadow:0 0 0 2px #f59e0b66;animation:player-seat-seven-pass-candidate-pulse 1.8s ease-in-out infinite}.player-seat--seven-pass-preview{box-shadow:0 0 0 3px #fb923cd9,0 0 16px 4px #fb923c73;transform:scale(1.02);transform-origin:center center;transition:transform .18s ease,box-shadow .18s ease;z-index:3}.player-seat--seven-pass-selected{box-shadow:0 0 0 3px #ea580cf2,0 0 18px 6px #ea580c80;z-index:3}.player-seat--seven-pass-selected:after{content:"✓";position:absolute;top:clamp(4px,.8cqh,8px);right:clamp(4px,.8cqw,10px);width:clamp(18px,3.2cqh,26px);height:clamp(18px,3.2cqh,26px);display:flex;align-items:center;justify-content:center;background:#ea580c;color:#fff;font-size:clamp(11px,2cqh,16px);font-weight:800;line-height:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 1px 3px #00000080;z-index:22;pointer-events:none}@keyframes player-seat-seven-pass-candidate-pulse{0%,to{box-shadow:0 0 0 2px #f59e0b4d}50%{box-shadow:0 0 0 3px #f59e0b8c}}@media (prefers-reduced-motion: reduce){.player-seat--seven-pass-candidate{animation:none;box-shadow:0 0 0 2px #f59e0b80}.player-seat--seven-pass-preview{transform:none}}@keyframes pulse-border{0%,to{border-color:var(--player-seat-border-selecting);box-shadow:0 0 #f59e0b66}50%{border-color:#f59e0b99;box-shadow:0 0 0 var(--hand-area-highlight-shadow-size) #f59e0b1a}}.player-seat__indicator-wrapper{position:absolute;left:50%;transform:translate(-50%);z-index:var(--player-seat-indicator-z-index)}.player-seat__indicator-wrapper--top-stack{bottom:var(--player-seat-indicator-offset);top:auto}.player-seat__indicator-wrapper--bottom-stack{top:var(--player-seat-indicator-offset);bottom:auto}.player-seat__indicator{display:flex;align-items:center;justify-content:center;width:var(--player-seat-indicator-size);height:var(--player-seat-indicator-size);padding:var(--player-seat-indicator-padding);box-sizing:border-box;border-radius:50%;background:#000000b3;border:var(--player-seat-indicator-border-width) solid;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.player-seat__indicator--turn{border-color:#fbbf24;background:#fbbf2433}.player-seat__indicator--play{border-color:#4ade80;background:#4ade8033}.player-seat__indicator--four-stop{border-color:#f59e0b;background:#f59e0b33}.player-seat__indicator--four-stop-selecting{border-color:#f59e0b;background:#f59e0b4d;width:auto;min-width:var(--player-seat-four-stop-min-inline);height:var(--player-seat-four-stop-height);padding:0 var(--player-seat-four-stop-padding-inline);border-radius:var(--radius-lg);gap:var(--player-seat-four-stop-gap);animation:pulse var(--player-seat-animation-duration) ease-in-out infinite}.player-seat__indicator--four-stop-selecting .player-seat__indicator-text{font-size:var(--player-seat-four-stop-font);font-weight:600;color:#f59e0b;white-space:nowrap}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.player-seat__indicator--doubt{border-color:#ef4444;background:#ef444433}.player-seat__indicator--through{border-color:#60a5fa;background:#60a5fa33}.player-seat__indicator--pass{border-color:#94a3b8;background:#94a3b833}.player-seat__content{position:relative;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;justify-items:stretch;gap:0;padding:var(--player-seat-content-padding);min-width:var(--player-seat-min-inline);width:100%;height:100%;box-sizing:border-box;background:var(--player-seat-bg);border-radius:var(--player-seat-select-radius);overflow:hidden;container-type:size;container-name:player-seat-content;--player-seat-content-dim: 1;--player-seat-avatar-size-local: clamp(18px, 48cqh, 112px);--player-seat-name-font: clamp(10px, 1.2cqh, 14px);--player-seat-mini-height-local: clamp(22px, 90cqh, 200px);--player-seat-mini-width-local: calc( var(--player-seat-mini-height-local) * .72 );--player-seat-pass-font-size-local: clamp(18px, 28cqh, 72px);--player-seat-pass-letter-spacing-local: .06em}body.revolution .player-seat__content{background:var(--player-seat-bg-revolution)}.player-seat--selecting-cards .player-seat__content,body.revolution .player-seat--selecting-cards .player-seat__content{background:var(--player-seat-bg-selecting)}.player-seat--last-played .player-seat__content,body.revolution .player-seat--last-played .player-seat__content{background:var(--player-seat-bg-last-played)}.player-seat--passed .player-seat__content,body.revolution .player-seat--passed .player-seat__content{background:var(--player-seat-bg-passed);--player-seat-content-dim: .6}.player-seat--selecting-cards.player-seat--passed .player-seat__content{background:var(--player-seat-bg-selecting);--player-seat-content-dim: 1}.player-seat--last-played.player-seat--passed .player-seat__content{background:var(--player-seat-bg-last-played);--player-seat-content-dim: 1}.player-seat__row{display:flex;align-items:center;gap:var(--player-seat-row-gap);width:100%;box-sizing:border-box;min-height:0}.player-seat__previous-rank{font-size:clamp(11px,1.4cqh,16px);font-weight:600;padding:clamp(2px,.3cqh,4px) clamp(4px,.6cqw,8px);border-radius:4px;white-space:nowrap}.player-seat__previous-rank--daifugo{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440,#f59e0b26);text-shadow:0 0 8px rgba(251,191,36,.5)}.player-seat__previous-rank--fugo{color:#e2e8f0;background:linear-gradient(135deg,#94a3b833,#64748b26)}.player-seat__previous-rank--heimin{color:#86efac;background:#22c55e26}.player-seat__previous-rank--hinmin{color:#fdba74;background:#ea580c26}.player-seat__previous-rank--daihinmin{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf633,#6366f11a)}.player-seat__row--second{min-height:0;width:100%;height:100%;justify-content:center;align-items:stretch;gap:clamp(3px,.45cqw,6px);overflow:hidden;position:relative;container-type:size;container-name:row-second}.player-seat__hand-wrap{flex:1 1 0;align-self:stretch;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column}.player-seat__avatar{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--player-seat-avatar-size-local);height:var(--player-seat-avatar-size-local);pointer-events:auto;background-color:#1e293b;border-radius:50%;--seat-mini-timer-size: var(--player-seat-avatar-size-local);--seat-mini-timer-stroke: clamp( 2px, calc(var(--player-seat-avatar-size-local) * .09), 6px );--seat-mini-timer-font-size: clamp( 7px, calc(var(--player-seat-avatar-size-local) * .36), 22px )}.player-seat__avatar .unified-player-avatar{width:100%;height:100%;max-width:100%;max-height:100%;font-size:var(--seat-mini-timer-font-size, 12px);box-sizing:border-box}.player-seat__name-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;flex:1;min-width:0;min-height:0;align-self:center;overflow:hidden}.player-seat__name{font-size:var(--player-seat-name-font);font-weight:600;line-height:1.15;color:#f8fafc;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.player-seat__rank-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.player-seat__rank-overlay-text{font-size:clamp(16px,35cqh,72px);font-weight:800;color:#fbbf24;text-align:center;line-height:1.1;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.5);padding:clamp(4px,1cqh,12px);word-break:keep-all}.player-seat__hand-cards{display:flex;align-items:center;gap:0;flex-wrap:nowrap;justify-content:center;width:100%;max-width:100%;overflow:hidden;padding:clamp(4px,.6cqh,9px) 6%;height:100%;min-height:var(--player-seat-mini-height-local);box-sizing:border-box;container-type:size;container-name:hand-cards;--player-seat-mini-card-overlap-local: clamp(-16px, -4cqw, -8px)}.player-seat__hand-cards[data-card-count="6"],.player-seat__hand-cards[data-card-count="7"]{--player-seat-mini-card-overlap-local: clamp(-14px, -3.5cqw, -10px)}.player-seat__hand-cards[data-card-count="8"],.player-seat__hand-cards[data-card-count="9"]{--player-seat-mini-card-overlap-local: clamp(-18px, -4.5cqw, -12px)}.player-seat__hand-cards[data-card-count="10"],.player-seat__hand-cards[data-card-count="11"],.player-seat__hand-cards[data-card-count="12"],.player-seat__hand-cards[data-card-count="13"],.player-seat__hand-cards[data-card-count="14"]{--player-seat-mini-card-overlap-local: clamp(-22px, -5.5cqw, -14px)}.player-seat__timer{flex-shrink:0;margin-top:clamp(3px,.4cqh,5px);width:100%}.player-seat__mini-card-wrapper{flex-shrink:0;margin-left:var(--player-seat-mini-card-overlap-local);position:relative;width:var(--player-seat-mini-width-local);min-width:var(--player-seat-mini-width-local);height:var(--player-seat-mini-height-local)}.player-seat__mini-card-wrapper:first-child{margin-left:0;--player-seat-visible-center: calc(var(--player-seat-mini-width-local) / 2)}.player-seat__mini-card-wrapper:not(:first-child){--player-seat-visible-center: calc( ( var(--player-seat-mini-width-local) + var(--player-seat-overlap-px, 0px) ) / 2 )}.player-seat__mini-card-wrapper:not(:has(+.player-seat__mini-card-wrapper)){--player-seat-visible-center: calc(var(--player-seat-mini-width-local) / 2)}.player-seat__hand-cards--fan .player-seat__mini-card-wrapper,.player-seat__hand-cards--fan .player-seat__mini-card-wrapper:not(:first-child),.player-seat__hand-cards--fan .player-seat__mini-card-wrapper:not(:has(+.player-seat__mini-card-wrapper)){--player-seat-visible-center: calc(var(--player-seat-mini-width-local) / 2)}.player-seat__mini-card-wrapper:has(+.player-seat__mini-card-wrapper--zone-departing,+.player-seat__mini-card-wrapper--slot-reserved,+.player-seat__mini-card-wrapper--pending-arrival){--player-seat-visible-center: calc(var(--player-seat-mini-width-local) / 2)}.player-seat__mini-card-wrapper:last-child{margin-right:0}.player-seat__mini-card-wrapper--qb-lift{z-index:8;transform:translate(var(--player-seat-fan-translate-x, 0px)) translateY(calc(var(--player-seat-fan-translate-y, 0px) + clamp(-7px,-1.4cqh,-20px))) rotate(var(--player-seat-fan-rotate, 0deg));transform-origin:bottom center;transition:transform .2s cubic-bezier(.22,1,.36,1),z-index .2s ease}.player-seat__hand-cards--fan{align-items:center;justify-content:center;padding-top:clamp(6px,.75cqh,12px);padding-bottom:clamp(3px,.4cqh,7px)}:root[data-aspect=portrait] .player-seat__hand-cards--fan,.game-layout[data-aspect=portrait] .player-seat__hand-cards--fan{overflow:hidden;flex:1 1 0;min-height:0;padding-top:clamp(4px,.75cqh,12px);padding-bottom:clamp(8px,1.2cqh,16px);padding-left:4%;padding-right:4%;box-sizing:border-box}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__content{min-width:0;overflow:hidden;--player-seat-mini-height-local: max( 36px, var(--player-seat-overlay-max-mini-h, 104px) );--player-seat-mini-width-local: calc( var(--player-seat-mini-height-local) * .72 )}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__row--second{overflow:hidden}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards{overflow:hidden;padding-left:0;padding-right:0}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards--fan{overflow:hidden;padding-left:0;padding-right:0;--player-seat-mini-card-overlap-local: clamp(-20px, -5.2cqw, -9px)}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="6"],.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="7"]{--player-seat-mini-card-overlap-local: clamp(-22px, -5.8cqw, -11px)}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="8"],.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="9"]{--player-seat-mini-card-overlap-local: clamp(-25px, -6.5cqw, -13px)}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="10"],.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="11"],.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="12"],.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="13"],.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards[data-card-count="14"]{--player-seat-mini-card-overlap-local: clamp(-28px, -7.2cqw, -15px)}@container player-seat (max-width: 160px){.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__hand-cards--fan{--player-seat-mini-card-overlap-local: clamp(-26px, -7cqw, -13px)}}.player-seat__hand-cards--fan .player-seat__mini-card-wrapper{transform:translate(var(--player-seat-fan-translate-x, 0px)) translateY(var(--player-seat-fan-translate-y, 0px)) rotate(var(--player-seat-fan-rotate, 0deg));transform-origin:bottom center}.player-seat__mini-card-wrapper--qb-lift .player-seat__mini-card{box-shadow:0 4px 12px #00000047}.player-seat__hand-cards[data-hand-settle-active=true] .player-seat__mini-card-wrapper{transition:transform var(--hand-settle-duration, .28s) cubic-bezier(.22,1,.36,1)}.player-seat__mini-card-flip-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.player-seat__mini-card.card--mini.card--display .card__mini-corner-reveal{z-index:auto}.player-seat__mini-card-wrapper--zone-departing{visibility:hidden;opacity:0;pointer-events:none;animation:none!important;transition:none!important}.player-seat__mini-card-wrapper--slot-reserved{visibility:hidden;opacity:0;pointer-events:none;animation:none!important;transition:none!important;min-width:var(--player-seat-mini-card-width, 28px);width:var(--player-seat-mini-card-width, 28px)}.player-seat__hand-cards--hand-to-play-flight .player-seat__mini-card-wrapper,.player-seat__hand-cards--hand-to-play-flight .player-seat__mini-card{transition:none!important}.player-seat__mini-card-wrapper--flight-managed,.player-seat__mini-card-wrapper--pending-arrival{visibility:hidden;animation:none!important;pointer-events:none}.player-seat__mini-card{flex-shrink:0;transition:transform .2s ease,z-index .2s ease;position:relative}.player-seat__mini-card-wrapper .player-seat__mini-card.card--mini{width:100%;height:100%}.player-seat__mini-card:hover{transform:translateY(clamp(-3px,-.4cqh,-5px)) scale(1.15);z-index:10}.player-seat__hand-count-overflow{font-size:clamp(9px,1cqh,12px);color:#94a3b8;padding:clamp(2px,.25cqh,4px) clamp(3px,.4cqw,5px);background:#94a3b833;border-radius:clamp(4px,.5cqh,6px);white-space:nowrap;margin-left:clamp(-6px,-.8cqw,-10px);z-index:20;position:relative}.player-seat__mini-card.card--mini{width:var(--player-seat-mini-width-local);height:var(--player-seat-mini-height-local);font-size:var(--player-seat-mini-card-font-size)}@container row-second (min-height: 20px){.player-seat__hand-cards{--player-seat-mini-height-local: 100%}}.player-seat__mini-card.card--mini .card__front,.player-seat__mini-card.card--mini .card__back{justify-content:center;align-items:center;padding:0}.player-seat__mini-card.card--mini .card__center{justify-content:center;align-items:center}.player-seat__mini-card.card--mini .card-simple-pattern{justify-content:center;align-items:center;gap:clamp(0px,.1cqh,1px)}.player-seat__mini-card.card--mini .card-simple-rank{font-size:clamp(9px,calc(var(--player-seat-mini-height-local) * .52),24px);font-weight:700;line-height:1.05}.player-seat__mini-card.card--mini .card-simple-suit{font-size:clamp(7px,calc(var(--player-seat-mini-height-local) * .38),18px);font-weight:700;line-height:1}.player-seat__mini-card.card--revealed .card__front,.player-seat__mini-card.card--revealed .card__back{justify-content:flex-start;padding-left:0}.player-seat__mini-card.card--revealed .card__center{position:absolute;left:var(--player-seat-visible-center);top:50%;transform:translate(-50%,-50%);justify-content:center;padding:0}@container player-seat (min-height: 90px){.player-seat__content{--player-seat-name-font: clamp(13px, 1.72cqh, 19px);--player-seat-pass-font-size-local: clamp(20px, 28cqh, 80px);--player-seat-mini-height-local: clamp(18px, 82cqh, 200px)}}@container player-seat (min-height: 120px){.player-seat__content{--player-seat-name-font: clamp(15px, 1.98cqh, 22px);--player-seat-pass-font-size-local: clamp(22px, 28cqh, 88px)}}@container player-seat (max-height: 85px){.player-seat__content{--player-seat-name-font: clamp(12px, 1.46cqh, 16px);--player-seat-mini-height-local: clamp(18px, 82cqh, 70px)}}@container player-seat (max-height: 70px){.player-seat__content{--player-seat-name-font: clamp(11px, 1.36cqh, 15px);--player-seat-mini-height-local: clamp(14px, 82cqh, 58px);--player-seat-pass-font-size-local: clamp(16px, 24cqh, 54px)}.player-seat__hand-cards{--player-seat-mini-height-local: 82cqh}}@container player-seat (max-height: 60px){.player-seat__content{--player-seat-name-font: clamp(11px, 1.32cqh, 14px);--player-seat-pass-font-size-local: clamp(14px, 22cqh, 46px);--player-seat-mini-height-local: clamp(12px, 82cqh, 50px)}.player-seat__hand-cards{--player-seat-mini-height-local: 82cqh}}@container player-seat (max-height: 120px) and (max-width: 240px){.player-seat__hand-cards{--player-seat-mini-height-local: 82%;padding:clamp(3px,.5cqh,6px) 6%}}@container player-seat (min-height: 90px) and (max-height: 120px) and (max-width: 240px){.player-seat__hand-cards{padding:clamp(4px,.8cqh,8px) 6%}}@container player-seat (max-width: 140px){.player-seat__content{--player-seat-name-font: clamp(11px, 1.32cqh, 15px);--player-seat-mini-height-local: clamp(12px, 82cqh, 62px)}.player-seat__hand-cards{--player-seat-mini-height-local: 82%;padding:clamp(3px,.5cqh,6px) 6%;--player-seat-mini-card-overlap-local: clamp(-20px, -5cqw, -12px)}.player-seat__hand-cards[data-card-count="8"],.player-seat__hand-cards[data-card-count="9"],.player-seat__hand-cards[data-card-count="10"],.player-seat__hand-cards[data-card-count="11"],.player-seat__hand-cards[data-card-count="12"],.player-seat__hand-cards[data-card-count="13"],.player-seat__hand-cards[data-card-count="14"]{--player-seat-mini-card-overlap-local: clamp(-24px, -6cqw, -16px)}}@container player-seat (min-width: 100px) and (max-width: 140px){.player-seat__hand-cards{padding:clamp(4px,.8cqh,8px) 6%}}@container player-seat (max-width: 100px){.player-seat__hand-cards{padding:clamp(2px,.4cqh,5px) 6%;--player-seat-mini-card-overlap-local: clamp(-24px, -6cqw, -16px)}.player-seat__hand-cards[data-card-count="8"],.player-seat__hand-cards[data-card-count="9"],.player-seat__hand-cards[data-card-count="10"],.player-seat__hand-cards[data-card-count="11"],.player-seat__hand-cards[data-card-count="12"],.player-seat__hand-cards[data-card-count="13"],.player-seat__hand-cards[data-card-count="14"]{--player-seat-mini-card-overlap-local: clamp(-28px, -7cqw, -20px)}}@container player-seat (max-width: 240px){.player-seat__identity-overlay .player-seat__avatar{width:min(var(--player-seat-avatar-size-local),38cqw,60cqh);height:min(var(--player-seat-avatar-size-local),38cqw,60cqh);filter:drop-shadow(0 0 3px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(0,0,0,.7))}}.player-seat__pass-indicator{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:100%;font-size:var(--player-seat-pass-font-size-local);font-weight:800;color:#fff;text-align:center;letter-spacing:var(--player-seat-pass-letter-spacing-local);line-height:1;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5);z-index:5;pointer-events:none;white-space:nowrap}.player-seat__through-indicator{letter-spacing:.05em}.player-seat__four-stop-indicator,.player-seat__doubt-indicator{color:#b91c1c;text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6)}.player-seat__reaction-bubble--portal{position:fixed;transform:translate(-50%,clamp(4px,1.4vh,10px));z-index:60;display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:min(60vw,280px);box-sizing:border-box;padding:clamp(3px,.8vh,6px) clamp(10px,2.2vw,16px);border-radius:999px;box-shadow:0 4px 10px #0000008c,0 2px 4px #00000073,0 0 0 1px #00000059;pointer-events:none;white-space:nowrap;animation:player-seat-reaction-bubble-pop .22s cubic-bezier(.16,.84,.44,1);will-change:transform,opacity}.player-seat__reaction-bubble-text{font-size:clamp(12px,1.8vh,18px);font-weight:800;letter-spacing:.04em;line-height:1.1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 3px rgba(0,0,0,.5)}.player-seat__reaction-bubble--portal:before{content:"";position:absolute;left:50%;bottom:100%;width:0;height:0;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid currentColor;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.4))}.player-seat__reaction-bubble--pass{color:#334155;background:linear-gradient(180deg,#475569,#1e293b)}.player-seat__reaction-bubble--through{color:#64748b;background:linear-gradient(180deg,#64748b,#475569)}.player-seat__reaction-bubble--four-stop{color:#ef4444;background:linear-gradient(180deg,#ef4444,#b91c1c)}.player-seat__reaction-bubble--doubt{color:#f59e0b;background:linear-gradient(180deg,#f59e0b,#b45309)}.player-seat__reaction-bubble--ready{color:#10b981;background:linear-gradient(180deg,#10b981,#047857)}.player-seat__reaction-bubble--self{transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px)));animation-name:player-seat-reaction-bubble-pop-self}.player-seat__reaction-bubble--self:before{top:100%;bottom:auto;border-top:8px solid currentColor;border-bottom:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}@keyframes player-seat-reaction-bubble-pop{0%{opacity:0;transform:translate(-50%,calc(clamp(4px,1.4vh,10px) - 6px)) scale(.85)}60%{opacity:1;transform:translate(-50%,clamp(4px,1.4vh,10px)) scale(1.04)}to{opacity:1;transform:translate(-50%,clamp(4px,1.4vh,10px)) scale(1)}}@keyframes player-seat-reaction-bubble-pop-self{0%{opacity:0;transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px) + 6px)) scale(.85)}60%{opacity:1;transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px))) scale(1.04)}to{opacity:1;transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px))) scale(1)}}@media (prefers-reduced-motion: reduce){.player-seat__reaction-bubble--portal{animation:none}}.player-seat__play-bubble--portal{position:fixed;transform:translate(-50%,clamp(4px,1.4vh,10px));z-index:60;display:inline-flex;align-items:center;justify-content:center;gap:clamp(4px,.8vw,8px);width:max-content;max-width:min(72vw,320px);box-sizing:border-box;padding:clamp(3px,.8vh,6px) clamp(10px,2.2vw,16px);border-radius:999px;box-shadow:0 4px 10px #0000008c,0 2px 4px #00000073,0 0 0 1px #00000059;pointer-events:none;white-space:nowrap;animation:player-seat-play-bubble-pop .22s cubic-bezier(.16,.84,.44,1);will-change:transform,opacity}.player-seat__play-bubble--face-up{color:#38bdf8;background:linear-gradient(180deg,#1d4ed8,#0c3a99)}.player-seat__play-bubble--face-down{color:#a855f7;background:linear-gradient(180deg,#7e22ce,#4c1d95)}.player-seat__play-bubble--portal:before{content:"";position:absolute;left:50%;bottom:100%;width:0;height:0;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid currentColor;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.4))}.player-seat__play-bubble-face{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(20px,3.6vw,28px);padding:0 clamp(5px,1vw,8px);height:clamp(16px,2.2vh,22px);border-radius:999px;font-size:clamp(11px,1.6vh,14px);font-weight:800;line-height:1;letter-spacing:.06em;background:#ffffffeb;text-shadow:none}.player-seat__play-bubble-face--face-up{color:#1d4ed8}.player-seat__play-bubble-face--face-down{color:#7e22ce}.player-seat__play-bubble-rank{font-size:clamp(12px,1.8vh,18px);font-weight:800;letter-spacing:.04em;line-height:1.1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 3px rgba(0,0,0,.5)}@keyframes player-seat-play-bubble-pop{0%{opacity:0;transform:translate(-50%,calc(clamp(4px,1.4vh,10px) - 6px)) scale(.85)}60%{opacity:1;transform:translate(-50%,clamp(4px,1.4vh,10px)) scale(1.04)}to{opacity:1;transform:translate(-50%,clamp(4px,1.4vh,10px)) scale(1)}}.player-seat__play-bubble--self{transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px)));animation-name:player-seat-play-bubble-pop-self}.player-seat__play-bubble--self:before{top:100%;bottom:auto;border-top:8px solid currentColor;border-bottom:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}@keyframes player-seat-play-bubble-pop-self{0%{opacity:0;transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px) + 6px)) scale(.85)}60%{opacity:1;transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px))) scale(1.04)}to{opacity:1;transform:translate(-50%,calc(-100% - clamp(6px,1.4vh,12px))) scale(1)}}@media (prefers-reduced-motion: reduce){.player-seat__play-bubble--portal{animation:none}}.player-seat--card-exchange{box-shadow:0 0 0 1px #3b82f640}.player-seat--card-exchange.player-seat--selecting-cards{box-shadow:none}.game-layout.game-layout--portrait-body .player-seats--portrait-arena{height:100%;min-height:0;max-height:none;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:center;gap:clamp(4px,.65vw,9px);width:100%}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat{flex:1 1 clamp(72px,22vw,132px);max-width:min(164px,42vw);min-width:clamp(60px,17vw,112px);width:auto;min-height:clamp(72px,10cqh,130px);max-height:min(220px,20cqh);height:auto;align-self:stretch}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__content{flex:1 1 auto;height:100%;min-height:0}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__content{grid-template-rows:minmax(clamp(56px,9cqh,118px),1fr)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-wrap{flex:1 1 auto;min-height:clamp(40px,7cqh,88px)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-cards--fan{flex:1 1 auto;min-height:clamp(36px,6cqh,78px)}@container portrait-arena-seats (max-width: 400px){.game-layout.game-layout--portrait-body .player-seats--portrait-arena{gap:clamp(3px,.5vw,7px)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat{flex:1 1 clamp(62px,19vw,108px);max-width:min(148px,38vw);min-width:clamp(52px,15vw,96px);min-height:clamp(62px,8.5cqh,108px);max-height:min(180px,17cqh)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__content{grid-template-rows:minmax(clamp(48px,7.5cqh,96px),1fr)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-wrap{min-height:clamp(32px,5.5cqh,72px)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-cards--fan{min-height:clamp(28px,5cqh,64px)}}@container game-layout-shell (max-aspect-ratio: 1/1) and (max-height: 720px){.game-layout.game-layout--portrait-body .player-seats--portrait-arena{gap:clamp(3px,.55vw,7px)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat{flex:1 1 clamp(64px,20vw,118px);max-width:min(156px,40vw);min-width:clamp(54px,15vw,100px);min-height:clamp(60px,8.5cqh,108px);max-height:min(180px,17cqh)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__content{grid-template-rows:minmax(clamp(46px,7.5cqh,100px),1fr)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-wrap{min-height:clamp(34px,5.5cqh,76px)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-cards--fan{min-height:clamp(30px,5cqh,68px)}}@container game-layout-shell (max-aspect-ratio: 1/1) and (max-height: 520px){.game-layout.game-layout--portrait-body .player-seats--portrait-arena{align-content:flex-start}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat{flex:1 1 clamp(52px,17vw,92px);max-width:min(128px,36vw);min-width:clamp(44px,13vw,84px);min-height:clamp(48px,7cqh,88px);max-height:min(140px,14cqh)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__content{grid-template-rows:minmax(clamp(38px,6.5cqh,80px),1fr)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-wrap{min-height:clamp(26px,4.5cqh,56px)}.game-layout.game-layout--portrait-body .player-seats--portrait-arena .player-seat__hand-cards--fan{min-height:clamp(22px,4cqh,50px)}}.game-layout.game-layout--portrait-body .player-seats--portrait-mid-column{height:100%;min-height:0;max-height:none;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;gap:var(--portrait-mid-column-seat-gap, clamp(2px, .35cqh, 5px));width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-layout.game-layout--portrait-body .player-seats--portrait-mid-column .player-seat{flex:0 0 auto;width:100%;max-width:none;min-width:0;min-height:clamp(72px,11cqh,132px);max-height:min(200px,44cqh);height:auto;align-self:stretch}.game-layout.game-layout--portrait-body .player-seats--portrait-mid-column .player-seat__content{flex:1 1 auto;height:100%;min-height:0}.game-layout.game-layout--portrait-body .player-seats--portrait-mid-column .player-seat__content{grid-template-rows:minmax(clamp(52px,8.5cqh,108px),1fr)}.game-layout.game-layout--portrait-body .player-seats--portrait-mid-column .player-seat__hand-wrap{flex:1 1 auto;min-height:clamp(36px,6cqh,80px)}.game-layout.game-layout--portrait-body .player-seats--portrait-mid-column .player-seat__hand-cards--fan{flex:1 1 auto;min-height:clamp(32px,5.5cqh,72px)}@container portrait-mid-column-seats (max-width: 120px){.game-layout.game-layout--portrait-body .player-seats--portrait-mid-column .player-seat{min-height:clamp(64px,10cqh,112px);max-height:min(176px,40cqh)}}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .player-seats--portrait-mid-column .player-seat{flex:0 0 var(--portrait-unified-player-sheet-height);height:var(--portrait-unified-player-sheet-height);min-height:var(--portrait-unified-player-sheet-height);max-height:var(--portrait-unified-player-sheet-height)}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .player-seats--portrait-mid-column .player-seat__content{grid-template-rows:minmax(clamp(40px,6cqh,88px),1fr)}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .player-seats--portrait-mid-column .player-seat__hand-wrap{flex:1 1 auto;min-height:clamp(24px,4cqh,56px)}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .player-seats--portrait-mid-column .player-seat__hand-cards--fan{flex:1 1 auto;min-height:clamp(20px,3.5cqh,56px)}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row{height:100%;min-height:0;max-height:none;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:clamp(3px,.9cqw,7px);width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row .player-seat{flex:1 1 0;min-width:0;max-width:calc(50% - 5px);min-height:0;max-height:none;height:100%;align-self:stretch}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row[data-portrait-top-row-players="3"] .player-seat{max-width:calc((100% - 2 * clamp(3px,.9cqw,7px)) / 3)}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row .player-seat:only-child{flex:1 1 auto;max-width:100%;width:100%}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .player-seats--portrait-top-row .player-seat{height:var(--portrait-unified-player-sheet-height);min-height:var(--portrait-unified-player-sheet-height);max-height:var(--portrait-unified-player-sheet-height);align-self:center}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row .player-seat__content{flex:1 1 auto;height:100%;min-height:0}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row .player-seat__content{grid-template-rows:minmax(clamp(40px,6cqh,88px),1fr)}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row .player-seat__hand-wrap{flex:1 1 auto;min-height:clamp(24px,4cqh,56px)}.game-layout.game-layout--portrait-body .player-seats--portrait-top-row .player-seat__hand-cards--fan{flex:1 1 auto;min-height:clamp(20px,3.5cqh,56px)}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row{box-sizing:border-box;height:100%;min-height:0;max-height:none;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:clamp(3px,.9cqw,7px);width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:hidden}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row[data-portrait-second-band-count="2"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;justify-items:stretch;gap:clamp(3px,.9cqw,7px)}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row[data-portrait-second-band-count="2"] .player-seat:nth-child(1){grid-column:1;justify-self:start}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row[data-portrait-second-band-count="2"] .player-seat:nth-child(2){grid-column:2;justify-self:end}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row[data-portrait-second-band-count="1"]{justify-content:flex-start}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row .player-seat{flex:0 1 calc((100% - 2 * clamp(3px,.9cqw,7px)) / 3);min-width:0;max-width:calc((100% - 2 * clamp(3px,.9cqw,7px)) / 3);min-height:0;max-height:none;height:100%;align-self:stretch}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .player-seats--portrait-second-row .player-seat{height:var(--portrait-unified-player-sheet-height);min-height:var(--portrait-unified-player-sheet-height);max-height:var(--portrait-unified-player-sheet-height);align-self:center}@container portrait-second-row-seats (min-width: 0px){.game-layout.game-layout--portrait-body .player-seats--portrait-second-row[data-portrait-second-band-count="2"] .player-seat,.game-layout.game-layout--portrait-body .player-seats--portrait-second-row[data-portrait-second-band-count="1"] .player-seat{width:calc((100cqi - 2 * clamp(3px,.9cqi,7px)) / 3);min-width:calc((100cqi - 2 * clamp(3px,.9cqi,7px)) / 3);max-width:calc((100cqi - 2 * clamp(3px,.9cqi,7px)) / 3);box-sizing:border-box}}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row .player-seat__content{flex:1 1 auto;height:100%;min-height:0}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row .player-seat__content{grid-template-rows:minmax(clamp(40px,6cqh,88px),1fr)}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row .player-seat__hand-wrap{flex:1 1 auto;min-height:clamp(24px,4cqh,56px)}.game-layout.game-layout--portrait-body .player-seats--portrait-second-row .player-seat__hand-cards--fan{flex:1 1 auto;min-height:clamp(20px,3.5cqh,56px)}@container portrait-top-row-seats (max-width: 340px){.game-layout.game-layout--portrait-body .player-seats--portrait-top-row .player-seat{min-height:0;max-height:none}}.rank-selection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-overlay, 5000);pointer-events:none}.rank-selection-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.rank-selection-overlay__content{position:relative;background:#1e293b;border:2px solid #475569;border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:0 8px 32px #0000004d;pointer-events:auto;max-width:min(95vw,720px);max-height:min(90vh,90dvh);display:flex;flex-direction:column;overflow:hidden}.rank-selection-overlay__title{margin:0 0 var(--space-md);font-size:clamp(16px,2cqh,22px);font-weight:600;color:#e2e8f0;text-align:center;flex-shrink:0}.rank-selection-overlay__ranks{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);overflow-y:auto;overflow-x:hidden;min-height:0;flex:1 1 auto}.rank-selection-overlay__rank-button{background:#1e293b;border:2px solid #64748b;border-radius:var(--radius-sm);color:#fff;font-size:clamp(20px,2.5cqh,28px);font-weight:600;padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all .2s ease;min-width:clamp(52px,8cqw,80px);min-height:clamp(48px,6cqh,64px);text-shadow:0 1px 2px rgba(0,0,0,.5)}.rank-selection-overlay__rank-button:hover{background:#334155;border-color:#94a3b8}.rank-selection-overlay__rank-button--selected{background:#0ea5e9;border-color:#38bdf8;color:#fff;font-weight:700;box-shadow:0 0 0 2px #0ea5e966}@media (max-width: 768px),(orientation: landscape) and (max-height: 500px){.rank-selection-overlay__content{max-height:min(88vh,88dvh);margin:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:clamp(12px,2vh,20px)}.rank-selection-overlay__title{margin-bottom:clamp(8px,1.5vh,12px);font-size:clamp(14px,2.5vh,18px)}.rank-selection-overlay__ranks{gap:clamp(6px,1vh,10px)}.rank-selection-overlay__rank-button{min-width:clamp(44px,10vw,64px);min-height:clamp(40px,8vh,56px);padding:clamp(6px,1.2vh,12px) clamp(10px,2vw,16px);font-size:clamp(16px,3vh,22px)}}.selection-card-row{--_selection-count: max(1, var(--selection-card-count, 1));--_selection-gap: var(--action-selection-card-gap, var(--space-sm));--_selection-fit-width: calc( ( 100cqi - (var(--_selection-count) - 1) * var(--_selection-gap) ) / var(--_selection-count) );--action-selection-card-width: max( var(--action-selection-card-min-width, 36px), min( var(--action-selection-card-max-width, 44px), var(--_selection-fit-width) ) );--action-selection-rank-font-size: clamp( 17px, calc(var(--action-selection-card-max-width, 44px) * .42), calc(24px * var(--ui-font-scale, 1)) );--action-selection-suit-font-size: clamp( 13px, calc(var(--action-selection-card-max-width, 44px) * .3), calc(18px * var(--ui-font-scale, 1)) );display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--_selection-gap);width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:var(--space-xs) 0;flex-shrink:1}.selection-card-row .card--mini{width:var(--action-selection-card-width);min-width:var(--action-selection-card-width);aspect-ratio:5 / 7;height:auto;flex-shrink:0}.selection-card-row .card--mini:not(.card--face-down) .card-simple-rank{font-size:min(var(--action-selection-rank-font-size),calc(var(--action-selection-card-width) * .5));font-weight:800;line-height:1}.selection-card-row .card--mini:not(.card--face-down) .card-simple-suit{font-size:min(var(--action-selection-suit-font-size),calc(var(--action-selection-card-width) * .36));line-height:1}.selection-card-row .card--mini:not(.card--face-down) .card-simple-pattern{gap:clamp(1px,3px,4px)}.selection-card-row .card--mini .card__center{width:100%;height:100%;padding:0}.selection-card-row .card--mini .card-simple-pattern{width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.selection-card-row__item{flex:0 0 auto;width:var(--action-selection-card-width);display:flex;flex-direction:column;align-items:center;overflow:hidden}.selection-card-row__card-wrap{position:relative;width:var(--action-selection-card-width);display:flex;align-items:center;justify-content:center;overflow:hidden}.selection-card-row__card{width:var(--action-selection-card-width);display:flex;align-items:center;justify-content:center;overflow:hidden}.selection-card-row__item .card{overflow:hidden}.selection-card-row__rank-button{position:absolute;top:10%;right:10%;bottom:10%;left:10%;display:flex;align-items:center;justify-content:center;background:#1e293bfa;border:2px solid #94a3b8;border-radius:var(--radius-md);color:#fff;font-size:min(var(--action-selection-rank-font-size),calc(var(--action-selection-card-width) * .48));font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 8px #0006;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease;overflow:hidden;padding:2px}.selection-card-row__rank-button--joker{font-size:inherit}.selection-card-row__rank-button--face-up{background:#fff!important;color:#1f2937!important;border-color:#94a3b8!important;text-shadow:none}.selection-card-row__rank-button--face-up:hover{background:#f1f5f9!important;color:#1f2937!important;border-color:#64748b!important}.selection-card-row__rank-joker{font-weight:700}.selection-card-row__rank-button:hover{background:#334155fa;border-color:#cbd5e1;color:#fff}.action-area-panel--rank-declaration{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-xs, 4px);padding:var(--space-xs, 4px) var(--space-xs, 4px);width:100%;flex:1 1 100%;box-sizing:border-box;min-height:0;min-width:0}.action-area-panel--rank-declaration .action-area-panel--rank-declaration__body{display:grid;grid-template-columns:minmax(0,1fr) clamp(72px,14cqw,104px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"hint hint" "grid confirm";column-gap:var(--space-sm, 8px);row-gap:var(--space-2xs, 2px);align-items:stretch;justify-items:stretch;min-height:0;min-width:0;width:100%;flex:1 1 auto;padding:clamp(4px,.5cqh,6px);box-sizing:border-box}.action-area-panel--rank-declaration__hint{grid-area:hint;margin:0;font-size:clamp(11px,1.4vh,14px);text-align:center;color:#94a3b8;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-area-panel--rank-declaration__grid{grid-area:grid;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,minmax(34px,1fr));gap:clamp(4px,.7vh,6px);min-height:0;min-width:0;overflow:hidden}.action-area-panel--rank-declaration__rank-button{min-height:34px;min-width:0;padding:2px 4px;border-radius:6px;background-color:#333;color:#fff;border:1.5px solid #555;font-size:clamp(13px,2.2cqw,18px);font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s,border-color .15s,transform .05s}.action-area-panel--rank-declaration__rank-button:hover:not(:disabled){background-color:#444;border-color:#666}.action-area-panel--rank-declaration__rank-button:active:not(:disabled){transform:scale(.96)}.action-area-panel--rank-declaration__rank-button--selected{background-color:#06c;border-color:#08f}.action-area-panel--rank-declaration__rank-button--selected:hover:not(:disabled){background-color:#0052a3;border-color:#06d}.action-area-panel--rank-declaration__rank-button:disabled{opacity:.45;cursor:not-allowed}.action-area-panel--rank-declaration__confirm{grid-area:confirm;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;min-height:40px;padding:4px 6px;border:none;border-radius:6px;background-color:#444;color:#fff;font-weight:700;cursor:not-allowed;opacity:.55;transition:background-color .2s,opacity .2s,transform .05s}.action-area-panel--rank-declaration__confirm:active:not(:disabled){transform:scale(.97)}.action-area-panel--rank-declaration__confirm-count{font-size:clamp(10px,1.4vh,13px);font-weight:600;opacity:.9;line-height:1}.action-area-panel--rank-declaration__confirm-text{font-size:clamp(14px,1.9vh,17px);line-height:1}.action-area-panel--rank-declaration__confirm--ready{background-color:#16a34a;opacity:1;cursor:pointer;animation:rank-declaration-confirm-pulse 1.2s ease-in-out infinite}.action-area-panel--rank-declaration__confirm--ready:hover:not(:disabled){background-color:#15803d}@keyframes rank-declaration-confirm-pulse{0%,to{box-shadow:0 0 #16a34a8c}50%{box-shadow:0 0 0 6px #16a34a00}}@media (prefers-reduced-motion: reduce){.action-area-panel--rank-declaration__confirm--ready{animation:none}}@media (orientation: landscape) and (max-height: 500px){.action-area-panel--rank-declaration .action-area-panel--rank-declaration__body{grid-template-columns:minmax(0,1fr) clamp(68px,11cqw,92px)}.action-area-panel--rank-declaration__hint{font-size:11px}.action-area-panel--rank-declaration__grid{grid-template-rows:repeat(2,minmax(28px,1fr))}.action-area-panel--rank-declaration__rank-button{min-height:28px;font-size:clamp(12px,1.8cqw,16px)}.action-area-panel--rank-declaration__confirm{min-height:36px}.action-area-panel--rank-declaration__confirm-text{font-size:14px}.action-area-panel--rank-declaration__confirm-count{font-size:11px}}.action-area-slot{display:flex;align-items:flex-end;justify-content:center;width:100%}.action-area-panel{--action-selection-card-max-width: 44px;--action-selection-card-min-width: 36px;--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width);--action-selection-card-gap: var(--space-sm);--action-button-min-height: var( --hand-area-action-button-height, clamp(28px, min(10vh, 13svh), 56px) );--action-button-font-size: clamp( 11px, calc(var(--action-button-min-height) * .38), calc(16px * var(--ui-font-scale, 1)) );--action-button-font-size-lg: clamp( 18px, calc(var(--action-button-min-height) * .42), calc(28px * var(--ui-font-scale, 1)) );--action-button-sub-font-size: clamp( 10px, calc(var(--action-button-font-size) * .72), 13px );--action-hint-font-size: var(--font-sm);--action-hint-font-size-lg: clamp( 16px, 4.5cqw, calc(24px * var(--ui-font-scale, 1)) );--action-rank-overlay-font-size: clamp( 14px, calc(var(--action-selection-card-width) * .45), 40px );display:flex;align-items:center;justify-content:center;min-width:120px;min-height:48px;padding:var(--space-md);container-type:inline-size;container-name:action-panel;border-radius:var(--radius-md);background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.action-area-panel__placeholder{font-size:var(--font-sm);color:#fffc}.action-area-panel--decision{--action-selection-card-max-width: 44px;--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width);--action-panel-inset: 6px;--action-panel-timer-gap: clamp(6px, .85cqh, 10px);--action-panel-timer-radius: clamp(8px, 1.1cqh, 11px);flex-direction:column;align-items:stretch;gap:var(--action-panel-timer-gap);min-width:280px;width:100%;max-width:min(95%,680px);padding:var(--action-panel-inset)}.action-area-panel__timer-cap{flex-shrink:0;width:100%;min-height:clamp(18px,2.2cqh,24px);padding:0;overflow:hidden;border-radius:var(--action-panel-timer-radius, var(--radius-md))}.action-area-panel__body{display:flex;flex:1;min-height:0;min-width:0;padding:clamp(4px,.5cqh,8px);border-radius:var(--radius-sm);background:#0000002e;box-sizing:border-box}.action-area-panel__content{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__left{flex:1;min-width:0;display:flex;flex-direction:row;align-items:stretch;gap:var(--space-sm);overflow:hidden}.action-area-panel__decision-center{flex:1;min-width:200px;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs);overflow:hidden}.action-area-panel__decision-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__decision-hint .action-area-panel__hint{font-size:var(--action-hint-font-size)}.action-area-panel__right{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center}.action-area-panel__right .action-area-panel__button{padding:var(--space-sm) var(--space-lg);min-height:var(--action-button-min-height);min-width:100px;font-size:var(--action-button-font-size)}.action-area-panel__mode-and-bulk-row{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-sm);flex:0 0 auto;min-width:min-content}.action-area-panel__cards,.action-area-panel__four-stop-cards,.action-area-panel__ten-discard-cards,.action-area-panel__card-exchange-cards{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;container-type:inline-size;container-name:selection-cards;overflow-x:auto;overflow-y:hidden;scroll-padding-inline:var(--space-xs);scrollbar-width:thin}.action-area-panel__configure-zone{flex:0 0 auto}.action-area-panel__work-zone{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.action-area-panel__mode-tabs{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-xs);align-self:stretch}.action-area-panel__mode-tabs--two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);align-items:stretch;min-width:0;min-height:0}.action-area-panel__mode-tabs__second-column{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;min-height:0}.action-area-panel__mode-tabs__second-column>.action-area-panel__mode-tab{flex:1;min-height:0}.action-area-panel__mode-tabs__second-column>.action-area-panel__bulk-stair{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-height:0}.action-area-panel__mode-tabs--wide-horizontal-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);align-items:stretch;min-width:0;min-height:0}.action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__face-column{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;min-height:0}.action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column{display:flex;flex-direction:column;min-width:0;min-height:0}.action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column>.action-area-panel__bulk-stair{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-height:0}.action-area-panel__mode-tab{flex:1;min-height:var(--action-button-min-height);display:flex;align-items:center;justify-content:center;width:100%;background:#1e293b;border:2px solid #475569;border-radius:var(--radius-sm);color:#e2e8f0;font-size:var(--action-button-font-size);font-weight:500;padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease,border-color .1s ease,color .1s ease}.action-area-panel__mode-tab:hover:not(:disabled){background:#334155;border-color:#64748b}.action-area-panel__mode-tab--active{background:#0ea5e9;border-color:#38bdf8;color:#fff;font-weight:600}.action-area-panel__mode-tab:disabled{opacity:.5;cursor:not-allowed}.action-area-panel__bulk-stair{display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0;align-self:stretch}.action-area-panel__bulk-stair-btn{flex:1;min-height:var(--action-button-min-height);padding:var(--space-xs) var(--space-sm);font-size:var(--action-button-font-size);font-weight:500;background:#334155;border:1px solid #475569;border-radius:var(--radius-sm);color:#e2e8f0;cursor:pointer;transition:background .1s ease,border-color .1s ease}.action-area-panel__bulk-stair-btn:hover:not(:disabled){background:#475569;border-color:#64748b}.action-area-panel__bulk-stair-btn:disabled{opacity:.5;cursor:not-allowed}.action-area-panel__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.action-area-panel__button{padding:var(--space-xs) var(--space-md);min-height:var(--action-button-min-height);min-width:64px;border-radius:var(--radius-sm);font-size:var(--action-button-font-size);font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #475569;background:#334155;color:#e2e8f0}.action-area-panel__button:hover:not(:disabled){background:#475569}.action-area-panel__button--pass{border-color:#64748b}.action-area-panel__button--pass:hover:not(:disabled){border-color:#94a3b8}.action-area-panel__button--play{background:#22c55e;border-color:#22c55e;color:#fff}.action-area-panel__button--play:hover:not(:disabled){background:#4ade80;border-color:#4ade80}.action-area-panel__button--play.action-area-panel__button--enabled{box-shadow:0 0 0 2px #22c55e66}.action-area-panel__button--pass.action-area-panel__button--enabled,.action-area-panel__button--doubt.action-area-panel__button--enabled,.action-area-panel__button--four-stop.action-area-panel__button--enabled,.action-area-panel__button--through.action-area-panel__button--enabled,.action-area-panel__button--ten-discard.action-area-panel__button--enabled,.action-area-panel__button--seven-pass.action-area-panel__button--enabled,.action-area-panel__button--card-exchange.action-area-panel__button--enabled{box-shadow:0 0 0 2px #94a3b84d}.action-area-panel__button:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 1200px){.action-area-panel--decision{--action-button-min-height: max( 48px, var(--hand-area-action-button-height, 48px) );--action-selection-card-max-width: 52px;--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width);--action-button-font-size-lg: clamp( 18px, calc(var(--action-button-min-height) * .4), calc(26px * var(--ui-font-scale, 1)) )}.action-area-panel__right .action-area-panel__button{padding:var(--space-md) var(--space-xl);min-height:max(52px,var(--action-button-min-height));min-width:140px;font-size:var(--action-button-font-size-lg)}.action-area-panel__mode-tab{min-height:max(44px,var(--action-button-min-height));font-size:var(--action-button-font-size-lg);padding:var(--space-sm) var(--space-md)}.action-area-panel__bulk-stair-btn{min-height:max(40px,calc(var(--action-button-min-height) - 4px));padding:var(--space-sm) var(--space-md);font-size:var(--action-button-font-size-lg)}.action-area-panel__button{padding:var(--space-sm) var(--space-lg);min-height:44px;min-width:80px;font-size:var(--action-button-font-size-lg)}}.action-area-panel__hint-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.action-area-panel__hint-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.action-area-panel__four-stop-count--hint{font-size:var(--action-hint-font-size);color:#ffffffbf}.action-area-panel__hint{font-size:var(--action-hint-font-size-lg);color:#ffffffe6}.action-area-panel__content--reaction{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;min-width:0;overflow:hidden}.action-area-panel--reaction{--action-panel-inset: 6px;--action-panel-timer-gap: clamp(6px, .85cqh, 10px);--action-panel-timer-radius: clamp(8px, 1.1cqh, 11px);flex-direction:column;align-items:stretch;gap:var(--action-panel-timer-gap);min-width:180px;width:100%;max-width:min(92%,520px);min-height:0;padding:var(--action-panel-inset)}.action-area-panel--reaction .action-area-panel__body{flex-direction:column}.action-area-panel--reaction:not(:has(.action-area-panel__timer-cap)) .action-area-panel__body{padding:0;background:transparent}.action-area-panel--reaction:has(.action-area-panel__reaction-waiting),.action-area-panel--reaction:has(.action-area-panel__reaction-preparing){justify-content:center}.action-area-panel__reaction-preparing,.action-area-panel__reaction-waiting{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs)}.action-area-panel__reaction-preparing,.action-area-panel__reaction-waiting{flex:1;justify-content:center;min-height:52px}.action-area-panel__reaction-spinner{flex-shrink:0}.action-area-panel__reaction-text{font-size:var(--font-sm);color:#ffffffe6}.action-area-panel__reaction-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-md);align-items:stretch;justify-content:center;width:100%;min-height:0;flex:1 1 auto}.action-area-panel__reaction-row--split,.action-area-panel__reaction-row--full{display:contents}.action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{flex:1;min-width:clamp(100px,20%,160px);min-height:clamp(44px,min(8cqh,13svh),72px);padding:var(--space-md) var(--space-xl);font-size:clamp(18px,2cqh,26px)}@media (orientation: portrait){.action-area-panel--reaction{--action-panel-inset: clamp(4px, .55cqh, 10px);padding:var(--action-panel-inset)}.action-area-panel__reaction-row--split,.action-area-panel__reaction-row--full{display:flex;min-width:0;width:100%}.action-area-panel__reaction-buttons{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:clamp(4px,.5cqh,8px);flex:1 1 0}.action-area-panel__reaction-row--split{flex-direction:row;flex:1 1 0;min-height:0;gap:var(--space-xs)}.action-area-panel__reaction-row--full{flex:1 1 0;min-height:0;justify-content:stretch}.action-area-panel__reaction-row--split .action-area-panel__button{flex:1 1 0;min-width:0;min-height:0}.action-area-panel__reaction-row--full .action-area-panel__button--through{width:100%;flex:1 1 0;min-width:0;min-height:0}.action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{min-width:0;min-height:0;padding:clamp(4px,.45cqh,8px) var(--space-xs);font-size:clamp(12px,1.65cqh,20px)}.action-area-panel--reaction .action-area-panel__button--doubt .action-area-panel__button-label,.action-area-panel--reaction .action-area-panel__button--four-stop .action-area-panel__button-label{font-size:1.05em;line-height:1.15}.action-area-panel--reaction .action-area-panel__button--doubt .action-area-panel__button-sub,.action-area-panel--reaction .action-area-panel__button--four-stop .action-area-panel__button-sub{font-size:.65em;line-height:1.2}}.game-layout.game-layout--portrait-body .action-area-panel__reaction-buttons{flex-direction:row;flex-wrap:nowrap;gap:clamp(4px,1.8cqw,8px);align-items:center;justify-content:stretch;flex:0 1 auto}.game-layout.game-layout--portrait-body .action-area-panel__reaction-row--split,.game-layout.game-layout--portrait-body .action-area-panel__reaction-row--full{display:contents}.game-layout.game-layout--portrait-body .action-area-panel--reaction{--action-panel-inset: clamp(2px, .35cqh, 6px);padding:var(--action-panel-inset);min-height:0;max-height:100%;box-sizing:border-box}.game-layout.game-layout--portrait-body .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{flex:1 1 0;min-width:0;min-height:clamp(26px,min(7cqh,11svh),48px);max-height:min(52px,14svh);box-sizing:border-box;padding:clamp(3px,.75cqh,8px) clamp(3px,1.2cqw,8px);font-size:var(--action-button-font-size)}.game-layout.game-layout--portrait-body .action-area-panel__button--through{flex:1 1 0;width:auto}.game-layout.game-layout--portrait-body .action-area-panel--reaction .action-area-panel__button--doubt .action-area-panel__button-sub,.game-layout.game-layout--portrait-body .action-area-panel--reaction .action-area-panel__button--four-stop .action-area-panel__button-sub{font-size:var(--action-button-sub-font-size)}.action-area-panel__button--doubt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;background:#f59e0b;border-color:#f59e0b;color:#0f172a}.action-area-panel__button--doubt .action-area-panel__button-label{font-size:1.15em;font-weight:700;line-height:1.2}.action-area-panel__button--doubt .action-area-panel__button-sub{display:flex;align-items:baseline;gap:.1em;font-size:.75em;opacity:.95}.action-area-panel__button--doubt .action-area-panel__button-sub-prefix,.action-area-panel__button--doubt .action-area-panel__button-sub-suffix{font-size:.9em}.action-area-panel__button--doubt .action-area-panel__button-sub-value{font-size:1.15em;font-weight:700}.action-area-panel__button--doubt:hover:not(:disabled){background:#fbbf24;border-color:#fbbf24}.action-area-panel__button--four-stop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;font-weight:700;background:#dc2626;border-color:#dc2626;color:#fff}.action-area-panel__button--four-stop .action-area-panel__button-label{font-size:1.15em;font-weight:700;line-height:1.2}.action-area-panel__button--four-stop .action-area-panel__button-sub{display:flex;align-items:baseline;gap:.1em;font-size:.75em;opacity:.95}.action-area-panel__button--four-stop .action-area-panel__button-sub-prefix,.action-area-panel__button--four-stop .action-area-panel__button-sub-suffix{font-size:.9em}.action-area-panel__button--four-stop .action-area-panel__button-sub-value{font-size:1.15em;font-weight:700}.action-area-panel__button--four-stop:hover:not(:disabled){background:#ef4444;border-color:#ef4444}.action-area-panel__button--four-stop-face-down{position:relative;overflow:hidden}.action-area-panel__button--four-stop-face-down:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 18px,rgba(0,0,0,.12) 18px,rgba(0,0,0,.12) 22px);pointer-events:none}.action-area-panel__button--four-stop-face-down .action-area-panel__four-stop-btn-text--long,.action-area-panel__button--four-stop-face-down .action-area-panel__four-stop-btn-text--short{position:relative;z-index:1}.action-area-panel__four-stop-btn-text--short{display:none}.action-area-panel__four-stop-btn-text--long{display:inline}@media (max-width: 1199px){.action-area-panel__four-stop-btn-text--short{display:inline}.action-area-panel__four-stop-btn-text--long{display:none}}.action-area-panel__button--through{font-weight:700;background:#334155;border-color:#64748b;color:#e2e8f0}.action-area-panel__button--through:hover:not(:disabled){background:#475569;border-color:#94a3b8}.action-area-panel__content--four-stop{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__four-stop-side{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;align-self:stretch}.action-area-panel--four-stop .action-area-panel__four-stop-side .action-area-panel__mode-tabs{flex:1;min-height:0}.action-area-panel--four-stop .action-area-panel__mode-tab{min-height:max(36px,var(--action-button-min-height))}.action-area-panel__four-stop-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs)}.action-area-panel__four-stop-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__four-stop-hint .action-area-panel__hint-stack{gap:0}.action-area-panel__four-stop-hint .action-area-panel__hint{font-size:var(--action-hint-font-size)}.action-area-panel__four-stop-count{font-size:var(--action-hint-font-size);color:#fffc}.action-area-panel__content--ten-discard{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__ten-discard-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs)}.action-area-panel__ten-discard-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__ten-discard-hint .action-area-panel__hint{font-size:var(--action-hint-font-size)}.action-area-panel__ten-discard-count{font-size:var(--action-hint-font-size);color:#fffc}.action-area-panel__button--ten-discard{background:#7c3aed;border-color:#7c3aed;color:#fff}.action-area-panel__button--ten-discard:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6}.action-area-panel__content--seven-pass{display:flex;flex-direction:column;gap:var(--space-xs);min-height:0}.action-area-panel__seven-pass-action-row{flex:1;min-height:0;min-width:0;display:flex;flex-direction:row;align-items:stretch;gap:var(--space-sm)}.action-area-panel__seven-pass-target-buttons{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--space-xs);overflow-x:hidden;overflow-y:hidden;padding-block:2px}.action-area-panel__seven-pass-confirm{flex:0 0 auto;display:flex;align-items:stretch;justify-content:center;min-height:0}.action-area-panel__seven-pass-confirm .action-area-panel__button{min-height:var(--action-button-min-height);min-width:0;width:clamp(72px,16cqw,112px);padding:var(--space-xs) var(--space-sm);font-size:var(--action-button-font-size);white-space:nowrap}.action-area-panel__seven-pass-target-btn{flex:1 1 0;min-width:0;min-height:44px;padding:6px var(--space-xs);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#334155d9;border:2px solid rgba(100,116,139,.7);border-radius:var(--radius-sm);color:#e2e8f0;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease,color .12s ease;font-family:inherit}.action-area-panel__seven-pass-target-btn-name{font-size:var(--action-button-font-size);font-weight:600;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-area-panel__seven-pass-target-btn-handcount{font-size:calc(var(--action-hint-font-size) * .95);line-height:1;color:#e2e8f0d9;font-variant-numeric:tabular-nums}.action-area-panel__seven-pass-target-btn:hover:not(:disabled){background:#475569eb;border-color:#fbbf24d9;color:#fff}.action-area-panel__seven-pass-target-btn--previewing{border-color:#fb923ce6;background:#78350f8c;color:#fff;box-shadow:0 0 0 2px #fb923c59}.action-area-panel__seven-pass-target-btn--selected{background:#ea580cf2;border-color:#fb923c;color:#fff;box-shadow:0 0 0 2px #fbbf2473}.action-area-panel__seven-pass-target-btn--selected:hover:not(:disabled){background:#ea580c;border-color:#fb923c}.action-area-panel__seven-pass-target-btn--auto{cursor:default;opacity:1}.action-area-panel__seven-pass-target-btn:disabled{cursor:not-allowed;opacity:.75}.action-area-panel__seven-pass-target-btn:focus-visible{outline:2px solid rgba(251,191,36,.9);outline-offset:2px}.action-area-panel__seven-pass-status{display:flex;align-items:center;justify-content:center;min-height:1.6em;text-align:center;flex-wrap:wrap;gap:4px}.action-area-panel__seven-pass-status-summary{font-size:var(--action-button-font-size);color:#fff;display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap;justify-content:center}.action-area-panel__seven-pass-status-count{font-weight:700;font-variant-numeric:tabular-nums;color:#fbbf24}.action-area-panel__seven-pass-status-arrow{color:#ffffffd9;margin-inline:2px}.action-area-panel__seven-pass-status-target{font-weight:700;color:#fb923c}.action-area-panel__seven-pass-status .action-area-panel__hint{font-size:var(--action-hint-font-size);color:#ffffffd9}.action-area-panel__button--seven-pass{background:#059669;border-color:#059669;color:#fff}.action-area-panel__button--seven-pass:hover:not(:disabled){background:#10b981;border-color:#10b981}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-action-row{flex-direction:column;gap:var(--space-xs)}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-target-buttons{flex:1 1 auto;min-height:0}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-confirm{flex:0 0 auto;align-self:stretch}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-confirm .action-area-panel__button{width:100%;min-width:0;min-height:clamp(36px,min(7cqh,10svh),52px);padding:clamp(4px,.6cqh,8px) var(--space-sm)}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-target-btn{min-height:clamp(36px,min(7cqh,10svh),52px);padding:4px 2px}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-target-btn-name{font-size:calc(var(--action-button-font-size) * .92)}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-target-btn-handcount{font-size:calc(var(--action-hint-font-size) * .85)}.game-layout.game-layout--portrait-body .action-area-panel--seven-pass .action-area-panel__seven-pass-status{min-height:1.4em;font-size:calc(var(--action-hint-font-size) * .95)}.action-area-panel__content--card-exchange{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-md);min-height:0}.action-area-panel__card-exchange-center{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--space-xs)}.action-area-panel__card-exchange-hint{flex-shrink:0;max-height:2.5em;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area-panel__card-exchange-hint .action-area-panel__hint{font-size:var(--action-hint-font-size)}.action-area-panel__card-exchange-count{font-size:var(--action-hint-font-size);color:#fffc}.action-area-panel__card-exchange-target{font-weight:600;color:#fffffff2}.action-area-panel__button--card-exchange{background:#d97706;border-color:#d97706;color:#fff}.action-area-panel__button--card-exchange:hover:not(:disabled){background:#f59e0b;border-color:#f59e0b}@media (max-width: 560px){.action-area-panel--decision{min-width:200px}.action-area-panel__right .action-area-panel__button{min-width:100px;min-height:44px}.action-area-panel__content{flex-direction:column}}.six-take-card-selection-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--six-take-overlay-backdrop);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);z-index:var(--z-game-interactive-modal, 7600);pointer-events:auto}.six-take-card-selection-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-game-interactive-modal, 7600) + 1);background:var(--six-take-panel-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:var(--six-take-panel-border-width) solid var(--six-take-panel-border-color);border-radius:var(--six-take-panel-radius);padding:var(--six-take-panel-padding);box-shadow:var(--six-take-panel-shadow);min-width:var(--six-take-panel-min-inline);max-width:var(--six-take-panel-max-inline);max-height:var(--six-take-panel-max-block);overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;min-height:0}.six-take-card-selection-panel__content{display:flex;flex-direction:column;gap:var(--six-take-content-gap);flex:1 1 auto;min-height:0}.six-take-card-selection-panel__title{font-size:var(--six-take-title-size);font-weight:700;margin:0;text-align:center;color:var(--six-take-accent-color)}.six-take-card-selection-panel__subtitle{font-size:var(--six-take-subtitle-size);margin:0;text-align:center;color:#fff;line-height:1.6}.six-take-card-selection-panel__note{font-size:var(--six-take-note-size);color:#94a3b8;font-style:italic}.six-take-card-selection-panel__players{display:flex;flex-direction:column;gap:var(--six-take-players-gap);flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:var(--space-2xs);mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}.six-take-card-selection-panel__player-group{display:flex;flex-direction:column;gap:var(--six-take-player-group-gap)}.six-take-card-selection-panel__player-name{font-size:var(--six-take-player-name-size);font-weight:700;margin:0;color:var(--six-take-accent-color);padding:var(--six-take-player-name-padding-block) var(--six-take-player-name-padding-inline);background:var(--six-take-accent-bg);border-radius:var(--six-take-player-name-radius);border-left:var(--six-take-player-name-border-width) solid var(--six-take-player-name-border-color)}.six-take-card-selection-panel__hand{display:flex;flex-wrap:wrap;gap:var(--six-take-hand-gap);justify-content:flex-start;padding:var(--six-take-hand-padding);background:var(--six-take-hand-bg);border-radius:var(--six-take-hand-radius);min-height:var(--six-take-hand-min-block);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000040}.six-take-card-selection-panel__card{cursor:pointer;transition:all .2s ease;position:relative;border-radius:var(--six-take-card-radius)}@media (hover: hover){.six-take-card-selection-panel__card:hover{transform:translateY(calc(-1 * var(--six-take-card-hover-translate)))}}.six-take-card-selection-panel__card.card--selected{transform:translateY(calc(-1 * var(--six-take-card-hover-translate))) scale(var(--six-take-card-selected-scale));box-shadow:var(--six-take-card-selected-shadow);z-index:10;border-radius:var(--six-take-card-radius)}.six-take-card-selection-panel__card.card--selected.card--face-down{background:linear-gradient(135deg,#3b82f633,#3b82f60d)}.six-take-card-selection-panel__card.card--selected.card--face-down:after{content:"✓";position:absolute;top:clamp(3px,.5cqh,6px);right:clamp(3px,.5cqw,6px);width:var(--six-take-card-checkmark-size);height:var(--six-take-card-checkmark-size);background:var(--six-take-card-checkmark-bg);color:var(--six-take-card-checkmark-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--six-take-card-checkmark-font-size);font-weight:700;z-index:20;box-shadow:0 2px 8px #3b82f680;animation:checkmark-appear .3s ease-out}@keyframes checkmark-appear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.six-take-card-selection-panel__selected-count{font-size:var(--six-take-selected-count-size);color:var(--six-take-selected-count-color);text-align:center;font-weight:700;padding:var(--six-take-selected-count-padding-block) var(--six-take-selected-count-padding-inline);animation:text-pulse 2s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:.8}50%{opacity:1}}.six-take-card-selection-panel__progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--six-take-hand-gap);min-width:min(100%,120px);padding:var(--six-take-selected-count-padding-block) var(--six-take-selected-count-padding-inline);background:var(--six-take-progress-track-bg);border-radius:var(--six-take-hand-radius)}.six-take-card-selection-panel__progress-dot{flex:1 1 8px;min-width:8px;max-width:32px;height:6px;border-radius:999px;background:var(--six-take-progress-dot-empty);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.six-take-card-selection-panel__progress-dot[data-filled=true]{background:var(--six-take-progress-dot-filled);box-shadow:0 0 8px #60a5fa99;transform:scaleY(1.15)}.six-take-card-selection-panel__confirm-button{padding:var(--six-take-confirm-padding-block) var(--six-take-confirm-padding-inline);background:var(--six-take-confirm-bg);color:#fff;border:none;border-radius:var(--six-take-card-radius);font-size:var(--six-take-confirm-font-size);font-weight:700;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%;box-shadow:0 8px 24px #38bdf859,inset 0 1px #ffffff40}@media (hover: hover){.six-take-card-selection-panel__confirm-button:hover:not(:disabled){background:var(--six-take-confirm-bg-hover);box-shadow:0 10px 28px #38bdf873,inset 0 1px #ffffff4d}}.six-take-card-selection-panel__confirm-button:disabled{background:var(--six-take-confirm-bg-disabled);box-shadow:none;cursor:not-allowed;opacity:.5}.game-log-dialog__copy-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.8rem;color:#60a5fa;background:#60a5fa26;border:1px solid rgba(96,165,250,.4);border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s}.game-log-dialog__copy-btn:hover{background:#60a5fa40;border-color:#60a5fa99}.game-log-dialog__copy-btn--success{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.game-log-dialog__copy-btn--error{color:#ef4444;background:#ef444426;border-color:#ef444466}.game-log-dialog__copy-btn-label{white-space:nowrap}@media (max-width: 480px){.game-log-dialog__copy-btn-label{display:none}}.game-log-dialog__header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.game-log-dialog__report-hint{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.game-log-dialog__report-hint-text{margin:0;color:#fffc}.game-log-dialog__report-link{color:#60a5fa;text-decoration:none;white-space:nowrap}.game-log-dialog__report-link:hover{text-decoration:underline}.game-log-dialog .modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.game-log-dialog .modal__content{padding:0;max-height:var(--game-log-modal-max-height);overflow:hidden;display:flex;flex-direction:column}.game-log-dialog__content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.game-log-dialog .game-info-area{height:100%;min-height:var(--game-log-panel-min-height);max-height:var(--game-log-panel-max-height);border-radius:0;background:transparent}.game-log-dialog .game-info-area__logs-container{padding:var(--game-log-padding-block) var(--game-log-padding-inline);padding-top:var(--game-log-padding-top-no-title);max-height:calc(var(--game-log-panel-max-height) - var(--game-log-height-offset));overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-log-dialog .game-info-area__log-item{font-size:var(--game-log-item-font-size);padding:var(--game-log-item-padding-block) 0}.game-log-dialog .game-info-area__log-time{font-size:var(--game-log-time-font-size);min-width:var(--game-log-time-min-inline)}.game-log-dialog .game-info-area__log-message{font-size:var(--game-log-message-font-size)}.game-log-dialog--inline{--game-log-modal-max-height: 240px;--game-log-panel-min-height: 120px;--game-log-panel-max-height: 200px}.play-history-drawer-trigger{position:absolute;top:clamp(4px,1cqh,10px);left:clamp(4px,1.5cqw,12px);z-index:calc(var(--played-cards-area-z-index, 10) + 10);pointer-events:auto;touch-action:manipulation;padding:clamp(4px,.8cqh,8px) clamp(10px,2.5cqw,14px);font-size:clamp(11px,2.8cqw,13px);font-weight:600;line-height:1.2;color:#e2e8f0;background:#0f172ad1;border:1px solid rgba(148,163,184,.45);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-history-drawer-trigger:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.play-history-drawer-trigger:active{background:#1e293bf2}.game-notification{position:relative;display:flex;flex-direction:column;gap:var(--notification-gap);max-width:var(--notification-max-inline-size);width:100%;pointer-events:none}.game-notification--fixed{position:fixed;inset-block-start:var(--notification-fixed-inset);inset-inline-end:var(--notification-fixed-inset);z-index:var(--z-game-overlay, 5000);width:auto;max-width:var(--notification-max-inline-size);pointer-events:none}:root[data-aspect=portrait] .game-notification--fixed,:root[data-aspect=standard] .game-notification--fixed{inset-inline-start:var(--notification-fixed-inset);inset-inline-end:var(--notification-fixed-inset);width:calc(100% - (var(--notification-fixed-inset) * 2));max-width:none}.notification{display:flex;align-items:flex-start;gap:var(--notification-gap);padding:var(--notification-padding-block) var(--notification-padding-inline);background:#fff;border:var(--notification-border-width, 1px) solid #e2e8f0;border-radius:var(--notification-radius, 8px);box-shadow:0 var(--notification-shadow-y, 6px) var(--notification-shadow-blur, 10px) -1px #0000001a;cursor:pointer;pointer-events:auto;transition:all .3s ease;animation:slideIn .3s ease-out;position:relative;overflow:hidden}.notification:hover{transform:translate(var(--notification-hover-translate, -4px));box-shadow:0 clamp(6px,.8cqh,10px) clamp(10px,1.2cqh,16px) -2px #00000026}.notification--info{border-left:var(--notification-accent-width, 4px) solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.notification--success{border-left:var(--notification-accent-width, 4px) solid #10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.notification--warning{border-left:var(--notification-accent-width, 4px) solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.notification--error{border-left:var(--notification-accent-width, 4px) solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca)}.notification__content{flex:1;min-width:0}.notification__title{font-size:var(--notification-title-size);font-weight:600;color:#1e293b;margin-bottom:var(--notification-title-gap, 4px);line-height:1.2}.notification__message{font-size:var(--notification-message-size);color:#64748b;line-height:1.4;margin-bottom:var(--notification-title-gap, 4px)}.notification__close{position:absolute;top:var(--notification-close-inset, 8px);right:var(--notification-close-inset, 8px);width:var(--notification-close-size, 1.25rem);height:var(--notification-close-size, 1.25rem);border:none;background:#0000001a;color:#64748b;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--notification-close-font-size, 1rem);font-weight:700;transition:all .2s ease;flex-shrink:0}.notification__close:hover{background:#0003;color:#1e293b}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.played-cards__notification .notification{animation:fadeInUp .3s ease-out}:root[data-aspect=portrait] .notification,:root[data-aspect=standard] .notification{gap:var(--space-xs)}.game-interaction-blocker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-interaction-blocker, 8000);pointer-events:auto;background:transparent}.doubt-penalty-count-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-blocking-overlay, 7500);display:flex;align-items:center;justify-content:center;padding-bottom:90px;pointer-events:none;animation:doubtOverlayEntrance .35s cubic-bezier(.34,1.56,.64,1) forwards}.doubt-penalty-count-overlay__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:doubtOverlayFlash .5s ease-out forwards}.doubt-penalty-count-overlay__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,min(2.5vw,2svh),16px);text-align:center;animation:doubtOverlayTextPop .5s cubic-bezier(.34,1.56,.64,1) .05s both}.doubt-penalty-count-overlay__player{font-size:clamp(18px,min(6vw,5svh),36px);font-weight:700;color:#fff;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);letter-spacing:.04em}.doubt-penalty-count-overlay__count{font-size:var( --overlay-line1-size, clamp(22px, min(10vw, 8svh), 56px) );font-weight:800;color:#f5a623;text-shadow:0 0 var(--overlay-text-shadow-glow, clamp(3px, min(1.1vw, .95svh), 10px)) rgba(0,0,0,.7),0 2px var(--overlay-text-shadow-blur, clamp(5px, min(1.45vw, 1.15svh), 14px)) rgba(0,0,0,.5);letter-spacing:.06em}.doubt-penalty-count-overlay__count-value{display:inline-block;min-width:1.2em;margin:0 .08em}.doubt-penalty-count-overlay__mini-cards{display:flex;align-items:center;justify-content:center;gap:clamp(4px,.8vh,10px);flex-wrap:wrap;padding:clamp(6px,1vh,12px) clamp(10px,1.6vh,18px);background:#0f172a8c;border:1px solid rgba(255,255,255,.08);border-radius:clamp(8px,1.4vh,14px);box-shadow:0 4px 18px #00000073,inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(clamp(4px,.6vh,8px));-webkit-backdrop-filter:blur(clamp(4px,.6vh,8px));animation:doubtPenaltyOverlayMiniCardsAppear .25s ease-out}.doubt-penalty-count-overlay__mini-card{box-shadow:0 2px 6px #00000073;border-radius:4px}@keyframes doubtPenaltyOverlayMiniCardsAppear{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1199px){.doubt-penalty-count-overlay{padding-bottom:0}}@keyframes doubtOverlayEntrance{0%{opacity:0}to{opacity:1}}@keyframes doubtOverlayFlash{0%{background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 60%);opacity:1}to{background:radial-gradient(circle at center,transparent 0%,transparent 60%);opacity:0}}@keyframes doubtOverlayTextPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.cognitive-beat-narration{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:7200;pointer-events:none;max-width:min(90vw,320px);text-align:center}.cognitive-beat-narration__text{display:inline-block;padding:.5rem .85rem;border-radius:.5rem;background:#000000b8;color:#fff;font-size:.95rem;font-weight:600;line-height:1.35}.tutorial-spotlight-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7300;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:1rem 1rem 5.5rem}.tutorial-spotlight-overlay__panel{pointer-events:auto;max-width:min(92vw,360px);padding:.85rem 1rem;border-radius:.75rem;background:#121826f0;color:#fff;box-shadow:0 8px 24px #00000059}.tutorial-spotlight-overlay__title{margin:0 0 .35rem;font-size:1rem}.tutorial-spotlight-overlay__body{margin:0 0 .75rem;font-size:.875rem;line-height:1.45}.tutorial-spotlight-overlay__close{border:0;border-radius:.4rem;padding:.35rem .75rem;background:#ffffff24;color:#fff;cursor:pointer}.game-settings-menu{position:absolute;top:calc(100% + 8px);right:0;background:#1e293bf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--settings-menu-border-width, 1px) solid rgba(255,255,255,.1);border-radius:var(--settings-menu-radius, 8px);box-shadow:0 4px 12px #0000004d;min-width:var(--settings-menu-min-inline, 160px);z-index:1;overflow:hidden}.game-settings-menu__item{width:100%;display:flex;align-items:center;gap:var(--settings-menu-item-gap, 10px);padding:var(--settings-menu-item-padding-block, 10px) var(--settings-menu-item-padding-inline, 12px);border:none;background:transparent;color:#fff;cursor:pointer;transition:background-color .2s ease;text-align:left;font-size:calc(14px * var(--ui-font-scale))}.game-settings-menu__item:hover{background:#ffffff1a}.game-settings-menu__item:active{background:#ffffff26}.game-settings-menu__icon{flex-shrink:0;width:var(--settings-menu-icon-size, 16px);height:var(--settings-menu-icon-size, 16px)}.game-settings-menu__label{flex:1;white-space:nowrap}.game-settings-menu__section{display:flex;flex-direction:column}.game-settings-menu__section-title{padding:var(--settings-menu-item-padding-block, 10px) var(--settings-menu-item-padding-inline, 12px) 4px;font-size:calc(11px * var(--ui-font-scale, 1));font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.game-settings-menu__divider{height:1px;background:#ffffff1a;margin:var(--space-2xs, 4px) 0}.game-settings-menu__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--settings-menu-item-gap, 10px);padding:var(--settings-menu-item-padding-block, 10px) var(--settings-menu-item-padding-inline, 12px);color:#fff;font-size:calc(14px * var(--ui-font-scale))}.game-settings-menu__toggle-row-label{flex:1;white-space:nowrap;color:#ffffffd9}.game-settings-menu__item--danger{color:#ef4444}.game-settings-menu__item--danger:hover{background:#ef444426;color:#f87171}.game-settings-menu__item--danger:active{background:#ef444433;color:#dc2626}.game-settings-menu__item--danger .game-settings-menu__icon,.game-settings-menu__item--danger .game-settings-menu__label{color:currentColor}@media (max-width: 480px){.game-settings-menu__section-title{font-size:calc(10px * var(--ui-font-scale, 1))}.game-settings-menu__item,.game-settings-menu__toggle-row{font-size:calc(12px * var(--ui-font-scale, 1))}}@media (orientation: landscape) and (max-height: 500px){.game-settings-menu__section-title{font-size:calc(10px * var(--ui-font-scale, 1))}.game-settings-menu__item,.game-settings-menu__toggle-row{font-size:calc(12px * var(--ui-font-scale, 1))}}.game-header{flex-shrink:0;position:relative;z-index:var( --z-game-header, 400 );display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(4px,.8vw,12px);padding:clamp(4px,.6vh,10px) clamp(8px,1vw,16px);background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.08);min-height:clamp(40px,5vh,48px);box-sizing:border-box}.game-header__left{order:1}.game-header>.header-chat{order:2}.game-header__right{order:3}@media (max-width: 768px){.game-header>.header-chat{order:4;flex-basis:100%}}.game-header__left{display:flex;align-items:center;gap:clamp(6px,.8vw,12px);min-width:0;flex:0 1 auto;z-index:0}.game-header__logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:clamp(2px,.4vh,6px);border-radius:clamp(6px,.8vh,10px);background:#ffffff0d;transition:opacity .2s ease}.game-header__logo:hover{opacity:.8}.game-header__logo-icon{width:clamp(24px,3.5vh,36px);height:clamp(24px,3.5vh,36px);object-fit:contain;display:block}.game-header__members{flex-shrink:1;min-width:0;display:inline-flex;align-items:center;gap:clamp(4px,.6vw,8px);padding:clamp(2px,.4vh,4px) clamp(6px,.8vw,10px);border-radius:clamp(8px,1vh,12px);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#e2e8f0eb;font:inherit;cursor:default;transition:background-color .15s ease,border-color .15s ease}.game-header__members--clickable{cursor:pointer}.game-header__members--clickable:hover,.game-header__members--clickable:focus-visible{background:#ffffff1f;border-color:#ffffff2e}.game-header__members--clickable:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:2px}.game-header__member-group{display:inline-flex;align-items:center;gap:0;flex-shrink:1;min-width:0}.game-header__member-group-marker{flex-shrink:0;margin-right:4px}.game-header__member-group-marker--participants{color:#cbd5e1}.game-header__member-group-marker--spectators{color:#9ae9b7}.game-header__member-divider{width:1px;height:18px;background:#ffffff2e;flex-shrink:0}.game-header__member-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(15,23,42,.95);background:#0f172af2;margin-left:-6px;line-height:0}.game-header__member-avatar:first-child,.game-header__member-group-marker+.game-header__member-avatar{margin-left:0}.game-header__member-avatar--me{border-color:#60a5fae6;box-shadow:0 0 0 1px #3b82f666}.game-header__member-overflow{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;padding:0 6px;min-width:22px;height:20px;border-radius:10px;background:#94a3b840;color:#cbd5e1;font-size:11px;font-weight:600;line-height:1;flex-shrink:0}.game-header__right{flex-shrink:0;position:relative;z-index:1;display:flex;align-items:center;gap:clamp(6px,.8vw,10px)}.game-header__result-button{font-size:clamp(12px,1.5vh,14px);font-weight:500;padding:clamp(6px,.8vh,10px) clamp(10px,1.2vw,14px);border-radius:clamp(6px,.8vh,10px);background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4);cursor:pointer;transition:all .2s ease}.game-header__result-button:hover{background:#22c55e4d;border-color:#22c55e80}.game-header__menu-anchor{position:relative}.game-header__section-button{width:clamp(36px,5vh,44px);height:clamp(36px,5vh,44px);border:none;border-radius:clamp(8px,1vh,12px);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;text-decoration:none;box-sizing:border-box}.game-header__section-button:hover,.game-header__section-button:focus-visible{background:#fff3;color:#fff}.game-header__section-button:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:2px}.game-header__section-button--active{background:#3b82f64d;color:#93c5fd}.game-header__section-button--active:hover{background:#3b82f666}.game-header__section-icon{width:clamp(18px,2.2vh,22px);height:clamp(18px,2.2vh,22px)}.game-header__section-button.game-header__rules-button{width:auto;gap:clamp(4px,.6vh,6px);padding:0 clamp(8px,1vw,12px)}.game-header__rules-button-label{font-size:clamp(11px,1.4vh,13px);line-height:1;font-weight:500;white-space:nowrap}body.revolution .game-header{background:#4a1f1ff2;border-bottom-color:#ffffff0f}@media (max-width: 1024px){.game-header{padding:2px 4px;min-height:28px}.game-header__left{gap:3px}.game-header__logo{padding:1px 3px;border-radius:3px}.game-header__logo-icon{width:18px;height:18px}.game-header__members{gap:4px;padding:2px 6px;border-radius:6px}.game-header__member-divider{height:16px}.game-header__member-overflow{height:18px;min-width:20px;padding:0 4px;font-size:9px;border-radius:9px;margin-left:3px}.game-header__section-button{width:26px;height:26px;border-radius:5px}.game-header__section-icon{width:14px;height:14px}}@media (max-width: 768px){.game-header{padding:2px 3px;min-height:24px}.game-header__left{gap:2px}.game-header__logo{padding:1px 2px;border-radius:3px}.game-header__logo-icon{width:14px;height:14px}.game-header__members{gap:3px;padding:1px 4px;border-radius:5px}.game-header__member-divider{height:14px}.game-header__member-avatar{border-width:1px;margin-left:-4px}.game-header__member-overflow{height:16px;min-width:18px;padding:0 3px;font-size:8px;border-radius:8px;margin-left:2px}.game-header__section-button{width:22px;height:22px;border-radius:4px}.game-header__section-icon{width:12px;height:12px}}@media (orientation: landscape) and (max-height: 420px){.game-header{padding:2px 4px;min-height:18px}.game-header__logo-icon{width:16px;height:16px}.game-header__members{gap:3px;padding:1px 4px}.game-header__member-divider{height:12px}.game-header__member-avatar{border-width:1px;margin-left:-3px}.game-header__section-button{width:24px;height:24px}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 500px){.game-header{padding:2px 4px;min-height:20px}.game-header__left{gap:2px}.game-header__logo{padding:1px 2px;border-radius:2px}.game-header__logo-icon{width:18px;height:18px}.game-header__members{gap:3px;padding:1px 4px;border-radius:5px}.game-header__member-divider{height:14px}.game-header__member-avatar{border-width:1px;margin-left:-4px}.game-header__member-overflow{height:16px;min-width:18px;padding:0 3px;font-size:8px;border-radius:8px;margin-left:2px}.game-header__section-button{width:26px;height:26px;border-radius:5px}.game-header__section-icon{width:12px;height:12px}.game-header__result-button{font-size:9px;padding:4px 6px}}.game-header-drawer{position:absolute;inset-block-start:0;inset-inline:0;z-index:var(--z-game-header, 400);--game-header-drawer-transition-duration: .22s;pointer-events:none}.game-header-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:0;pointer-events:none;transition:opacity var(--game-header-drawer-transition-duration) ease;z-index:-1}.game-header-drawer--open .game-header-drawer__backdrop{opacity:1;pointer-events:auto}.game-header-drawer__panel{position:absolute;inset-block-start:0;inset-inline:0;display:flex;flex-direction:column;background:#0f172af5;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 6px 20px #0006;transform:translateY(calc(-100% + var(--game-header-drawer-handle-height, clamp(16px, 2.6vh, 22px))));transition:transform var(--game-header-drawer-transition-duration) cubic-bezier(.2,.7,.2,1);pointer-events:auto;overflow:visible}.game-header-drawer--open .game-header-drawer__panel{transform:translateY(0)}.game-header-drawer__panel-body{flex:0 0 auto;display:block;width:100%}.game-header-drawer__panel-body>.game-header{border-bottom:none;background:transparent}.game-header-drawer__handle{flex:0 0 var(--game-header-drawer-handle-height, clamp(16px, 2.6vh, 22px));width:100%;border:none;background:#ffffff0a;color:#ffffffb8;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease}.game-header-drawer__handle:hover,.game-header-drawer__handle:focus-visible{background:#ffffff1a}.game-header-drawer__handle:focus-visible{outline:2px solid rgba(147,197,253,.85);outline-offset:-2px}.game-header-drawer__handle-grip{display:block;width:clamp(28px,8vw,40px);height:3px;border-radius:2px;background:#ffffff8c;transition:background-color .18s ease,transform .18s ease}.game-header-drawer__handle:hover .game-header-drawer__handle-grip,.game-header-drawer__handle:focus-visible .game-header-drawer__handle-grip{background:#ffffffeb}.game-header-drawer--open .game-header-drawer__handle-grip{width:clamp(20px,6vw,32px);background:#ffffffc7}@media (prefers-reduced-motion: reduce){.game-header-drawer__panel,.game-header-drawer__backdrop{transition:none}}.modal-overlay:has(.play-history-drawer){align-items:flex-end;padding:0}.play-history-drawer.modal{width:100%;max-width:100%;margin:0;border-radius:calc(16px * var(--radius-scale-base, 1)) calc(16px * var(--radius-scale-base, 1)) 0 0;max-height:min(78dvh,85vh);border-bottom:none}.play-history-drawer .modal__header{padding-top:calc(1rem * var(--spacing-scale-base, 1));margin-bottom:calc(.75rem * var(--spacing-scale-base, 1))}.play-history-drawer__timeline{min-height:min(52dvh,420px);max-height:min(62dvh,520px)}.room-participants-modal{display:flex;flex-direction:column;gap:var(--modal-gap)}.room-participants-modal__section{display:flex;flex-direction:column;gap:.5rem}.room-participants-modal__section-title{margin:0;font-size:.875rem;font-weight:600;color:#ffffffe6;display:flex;align-items:center;gap:.5rem}.room-participants-modal__count{font-size:.75rem;font-weight:500;color:#94a3b8e6}.room-participants-modal__list{display:flex;flex-direction:column;gap:.375rem;max-height:min(200px,35dvh);overflow-y:auto;padding:.5rem;background:#3b82f614;border-radius:.5rem}.room-participants-modal__section:last-child .room-participants-modal__list{background:#9ae9b714}.room-participants-modal__item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:#0f172a80;border-radius:.5rem;border:1px solid rgba(59,130,246,.2)}.room-participants-modal__item--current{border-color:#3b82f680;background:#3b82f61a}.room-participants-modal__item--clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.room-participants-modal__item--clickable:hover,.room-participants-modal__item--clickable:focus-visible{background:#3b82f62e;border-color:#60a5fa99}.room-participants-modal__item--clickable:active{transform:translateY(1px)}.room-participants-modal__item--clickable:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:2px}.room-participants-modal__name{flex:1;font-size:.875rem;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-participants-modal__badges{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.room-participants-modal__empty{padding:1rem;text-align:center;color:#94a3b8cc;font-size:.875rem}.room-participants-modal__actions{display:flex;justify-content:stretch;width:100%}.room-participants-modal__action-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem .875rem;border-radius:.5rem;border:1px solid rgba(154,233,183,.4);background:#9ae9b71f;color:#9ae9b7;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.room-participants-modal__action-button:hover,.room-participants-modal__action-button:focus-visible{background:#9ae9b738;border-color:#9ae9b799;color:#c5f1d6}.room-participants-modal__action-button:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:2px}.room-participants-modal__action-icon{flex-shrink:0}.room-participants-modal__action-label{line-height:1}@container modal (max-width: 480px){.room-participants-modal{gap:.875rem}.room-participants-modal__section{gap:.4rem}.room-participants-modal__section-title{font-size:.8125rem}.room-participants-modal__count{font-size:.6875rem}.room-participants-modal__list{max-height:min(180px,32dvh);padding:.4rem;gap:.3rem}.room-participants-modal__item{padding:.3rem .4rem}.room-participants-modal__name{font-size:.8125rem}.room-participants-modal__empty{padding:.75rem;font-size:.8125rem}.room-participants-modal__action-button{padding:.5rem .75rem;font-size:.8125rem}}@container modal (max-width: 360px){.room-participants-modal{gap:.75rem}.room-participants-modal__list{max-height:min(160px,28dvh)}}.spectator-info-modal{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1rem}.spectator-info-modal--compact-portrait{gap:1rem;padding:.75rem .875rem 1rem}.spectator-info-modal__avatar-section{display:flex;justify-content:center;align-items:center;width:100%}.spectator-info-modal__avatar-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.spectator-info-modal__status-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid rgba(15,23,42,.95);box-shadow:0 1px 3px #00000073;z-index:1;pointer-events:none}.spectator-info-modal__status-indicator--online{background-color:#22c55e}.spectator-info-modal__status-indicator--offline{background-color:#ef4444}.spectator-info-modal__name-section{display:flex;justify-content:center;align-items:center;width:100%}.spectator-info-modal__name{margin:0;font-size:1.375rem;font-weight:600;color:#fff;text-align:center;word-break:break-word;line-height:1.25}.spectator-info-modal--compact-portrait .spectator-info-modal__name{font-size:1.15rem}.spectator-info-modal__attributes{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:center}.spectator-info-modal__attribute{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;width:100%;justify-content:center}.spectator-info-modal__attribute-label{font-size:.875rem;font-weight:500;color:#e2e8f0}.spectator-info-modal__actions{display:flex;justify-content:center;align-items:center;width:100%;gap:.5rem}.developer-mode-toggle{position:fixed;top:clamp(8px,1vh,16px);right:clamp(8px,1vw,16px);z-index:var(--z-game-overlay, 5000);background:#000c;padding:clamp(6px,.8vh,12px) clamp(8px,1vw,16px);border-radius:clamp(4px,.5vh,6px);border:clamp(1px,.15vh,2px) solid #ff6b6b}.developer-mode-toggle__indicator{display:flex;align-items:center;color:#fff;font-size:clamp(10px,1.2vh,14px);font-weight:700}.developer-mode-toggle__text{-webkit-user-select:none;user-select:none;color:#ff6b6b}.developer-cpu-reaction-control{position:fixed;bottom:clamp(16px,2vh,24px);right:clamp(16px,2vw,24px);z-index:var(--z-game-overlay, 5000);background:#000000e6;border:clamp(1px,.15vh,2px) solid #ff6b6b;border-radius:clamp(6px,.8vh,10px);padding:clamp(12px,1.6vh,20px);min-width:clamp(280px,35vw,400px);max-width:clamp(320px,50vw,480px);box-shadow:0 clamp(4px,.5vh,8px) clamp(12px,1.5vh,20px) #0000004d}.developer-cpu-reaction-control__header{margin-bottom:clamp(10px,1.2vh,16px);padding-bottom:clamp(6px,.8vh,12px);border-bottom:clamp(1px,.15vh,2px) solid #ff6b6b}.developer-cpu-reaction-control__title{color:#ff6b6b;font-size:clamp(14px,1.8vh,20px);font-weight:700}.developer-cpu-reaction-control__content{display:flex;flex-direction:column;gap:clamp(10px,1.2vh,16px)}.developer-cpu-reaction-control__player{display:flex;flex-direction:column;gap:clamp(6px,.8vh,12px);padding:clamp(6px,.8vh,12px);background:#ffffff0d;border-radius:clamp(4px,.5vh,6px)}.developer-cpu-reaction-control__player-name{color:#fff;font-size:clamp(12px,1.5vh,18px);font-weight:700}.developer-cpu-reaction-control__buttons{display:flex;gap:clamp(6px,.8vh,12px);flex-wrap:wrap}.developer-cpu-reaction-control__button{flex:1;min-width:clamp(70px,9vw,100px);padding:clamp(6px,.8vh,12px) clamp(10px,1.2vw,16px);border:none;border-radius:clamp(4px,.5vh,6px);cursor:pointer;font-size:clamp(12px,1.5vh,18px);font-weight:700;transition:all .2s}.developer-cpu-reaction-control__button:disabled{opacity:.5;cursor:not-allowed}.developer-cpu-reaction-control__button--four-stop{background:#4ecdc4;color:#000}.developer-cpu-reaction-control__button--four-stop:hover:not(:disabled){background:#3ab5ad}.developer-cpu-reaction-control__button--doubt{background:#ff6b6b;color:#fff}.developer-cpu-reaction-control__button--doubt:hover:not(:disabled){background:#ff5252}.developer-cpu-reaction-control__button--through{background:#95a5a6;color:#fff}.developer-cpu-reaction-control__button--through:hover:not(:disabled){background:#7f8c8d}:root{--player-seats-area-z-index: 5}.player-seats-area{position:relative;width:100%;height:100%;min-height:0;z-index:var(--player-seats-area-z-index);overflow:hidden;padding:var(--player-seats-area-padding);box-sizing:border-box;pointer-events:var(--player-seats-area-pointer-events);display:flex;align-items:center;justify-content:center}.player-seats-area--top,.player-seats-area--bottom{flex-shrink:0;overflow:visible}:root[data-aspect=portrait] .player-seats-area--top:not(.player-seats-area--portrait-overlay):not(.player-seats-area--portrait-arena):not(.player-seats-area--portrait-mid-column):not(.player-seats-area--portrait-top-row):not(.player-seats-area--portrait-second-row),.game-layout[data-aspect=portrait] .player-seats-area--top:not(.player-seats-area--portrait-overlay):not(.player-seats-area--portrait-arena):not(.player-seats-area--portrait-mid-column):not(.player-seats-area--portrait-top-row):not(.player-seats-area--portrait-second-row){overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}.player-seats-area--top{height:100%;min-height:0}.player-seats-area--bottom{height:100%;min-height:0;margin-bottom:var(--player-seats-area-margin)}.game-layout.game-layout--portrait-body .player-seats-area--portrait-arena{flex:1 1 auto;height:100%;min-height:0;max-height:none;overflow-x:hidden;overflow-y:visible;align-items:center;justify-content:center;align-content:center;padding-inline:var(--player-seats-area-padding);padding-block:clamp(2px,.35cqh,6px);container-type:inline-size;container-name:portrait-arena-seats}@container game-layout-shell (max-aspect-ratio: 1/1) and (max-height: 720px){.game-layout.game-layout--portrait-body .player-seats-area--portrait-arena{padding-block:clamp(1px,.3cqh,6px)}}@container game-layout-shell (max-aspect-ratio: 1/1) and (max-height: 520px){.game-layout.game-layout--portrait-body .player-seats-area--portrait-arena{padding-block:clamp(0px,.25cqh,4px)}}.game-layout.game-layout--portrait-body .player-seats-area--portrait-mid-column{flex:1 1 auto;height:100%;min-height:0;max-height:none;overflow:hidden;align-items:stretch;justify-content:flex-start;padding-inline:clamp(2px,.45cqw,6px);padding-block:clamp(2px,.35cqh,6px);container-type:inline-size;container-name:portrait-mid-column-seats}.game-layout.game-layout--portrait-body .player-seats-area--portrait-top-row{flex:1 1 auto;height:100%;min-height:0;max-height:none;overflow:hidden;align-items:stretch;justify-content:center;align-content:stretch;padding-inline:clamp(2px,.35cqw,5px);padding-block:clamp(1px,.25cqh,4px);container-type:inline-size;container-name:portrait-top-row-seats}.game-layout.game-layout--portrait-body .player-seats-area--portrait-second-row{flex:1 1 auto;height:100%;min-height:0;max-height:none;overflow:hidden;align-items:stretch;justify-content:flex-start;align-content:stretch;padding-inline:clamp(2px,.35cqw,5px);padding-block:clamp(1px,.25cqh,4px);container-type:inline-size;container-name:portrait-second-row-seats}.game-layout.game-layout--portrait-body .player-seats-area--portrait-second-row>.player-seats{flex:1 1 auto;width:100%;min-width:0;align-self:stretch}:root{--gui-layout-scale-min: .6;--gui-layout-scale-max: 1;--gui-motion-duration-overlay: .4s;--gui-motion-duration-hand-remove: .4s;--gui-motion-ease-standard: cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion: reduce){:root{--gui-motion-duration-overlay: .12s;--gui-motion-duration-hand-remove: .12s}}:root{--z-game-overlay: 5000;--z-modal: 100000;--game-overlay-backdrop: rgba(0, 0, 0, .4);--game-overlay-panel-bg: #1e293b;--game-overlay-panel-border: #475569;--game-overlay-panel-shadow: 0 8px 32px rgba(0, 0, 0, .3)}:root{--overlay-line1-size: clamp(1.25rem, 4cqh, 2.5rem);--overlay-line2-size: clamp(1rem, 3cqh, 1.75rem);--overlay-text-shadow-glow: 0 0 12px rgba(255, 215, 0, .85);--overlay-text-shadow-blur: 0 2px 8px rgba(0, 0, 0, .75);--overlay-duration-fade: var(--gui-motion-duration-overlay, .4s)}.game-layout-frame{--overlay-line1-size: clamp(32px, 8cqh, 72px);--overlay-line2-size: clamp(18px, 4cqh, 36px);--overlay-text-shadow-glow: clamp(6px, 1.2cqh, 12px);--overlay-text-shadow-blur: clamp(8px, 1.5cqh, 16px)}:root{--motion-duration-fast: .15s;--motion-duration-overlay: var(--gui-motion-duration-overlay, .4s);--motion-duration-staged-rank: var(--gui-motion-duration-hand-remove, .4s);--motion-duration-card-flight: .46s;--motion-duration-card-flight-penalty: .6s;--motion-ease-standard: var(--gui-motion-ease-standard, ease);--motion-ease-card-flight: cubic-bezier(.22, 1, .36, 1)}@media (orientation: landscape) and (max-height: 520px){.game-layout[data-layout-mode=mobile-landscape-compact]{--layout-scale: .68}}@media (max-width: 768px){.game-layout{--layout-scale: .85}}.game-layout[data-layout-mode=mobile-portrait],.game-layout[data-layout-mode=mobile-portrait-wide]{--played-cards-stack-height-factor: .92;--played-cards-stack-width-factor: .96;--played-cards-stack-scale-max: 4.5}.game-layout-frame{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:#1e293b;box-sizing:border-box;position:relative;--game-layout-frame-pad-block: 0px;--game-layout-frame-pad-inline: 0px;padding:0;overflow-x:auto;overflow-y:visible;--scrollbar-width: 8px;overscroll-behavior:none;--settings-menu-border-width: 1px;--settings-menu-radius: clamp(6px, .8vh, 10px);--settings-menu-min-inline: clamp(140px, 22vw, 200px);--settings-menu-item-gap: clamp(8px, 1.2vh, 12px);--settings-menu-item-padding-block: clamp(8px, 1.2vh, 12px);--settings-menu-item-padding-inline: clamp(10px, 1.6vw, 16px);--settings-menu-icon-size: clamp(12px, 1.6vh, 16px);--notification-gap: clamp(6px, .8vh, 12px);--notification-padding-block: clamp(6px, .8vh, 12px);--notification-padding-inline: clamp(12px, 1.5vw, 18px);--notification-max-inline-size: clamp(280px, 40vw, 480px);--notification-fixed-inset: clamp(12px, 2.5vh, 24px);--notification-title-size: clamp(12px, .8vh, 17px);--notification-message-size: clamp(11px, .7vh, 15px);--notification-border-width: 1px;--notification-radius: clamp(6px, .8vh, 10px);--notification-shadow-y: clamp(4px, .5vh, 8px);--notification-shadow-blur: clamp(6px, .75vh, 12px);--notification-hover-translate: clamp(-3px, -.4vw, -5px);--notification-accent-width: clamp(3px, .4vh, 5px);--notification-title-gap: clamp(3px, .4vh, 5px);--notification-close-inset: clamp(6px, .8vh, 10px);--notification-close-size: clamp(1rem, 1.2vh, 1.25rem);--notification-close-font-size: clamp(.9rem, 1vh, 1rem)}.game-layout-frame__content{flex:1;min-height:0;min-width:0;position:relative;z-index:0;display:flex;align-items:stretch;justify-content:center;padding:0;container-type:size;container-name:game-layout-shell}.game-layout-frame[data-header-mode=drawer]{--game-header-drawer-handle-height: clamp(16px, 2.6vh, 22px)}.game-layout-frame[data-header-mode=drawer] .game-layout-frame__content{padding-block-start:var(--game-header-drawer-handle-height)}@media (max-width: 768px){.game-layout{--layout-scale: .85;--ui-density-scale: .85;--ui-font-scale: .9}}.game-layout{display:grid;--layout-row-top: 2fr;--layout-row-middle: 6.5fr;--layout-row-hand: 2.5fr;grid-template-rows:minmax(var(--player-seats-area-min-height),var(--layout-row-top)) minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));grid-template-columns:100%;grid-template-areas:"player-seats" "main-hand" "main-hand";gap:var(--play-area-gap, clamp(3px, .5cqh, 8px));position:relative;width:100%;height:100%;min-width:280px;min-height:180px;container-type:size;container-name:game-layout;--layout-scale: clamp(.6, calc(100cqh/1080px) , 1);--ui-density-scale: var(--layout-scale);--ui-font-scale: var(--layout-scale);--font-size-xs: clamp(8px, .5cqh, 13px);--font-size-sm: clamp(10px, .65cqh, 15px);--font-size-base: clamp(12px, .8cqh, 17px);--font-size-lg: clamp(13px, .95cqh, 19px);--font-size-xl: clamp(15px, 1.1cqh, 21px);--font-xs: var(--font-size-xs);--font-sm: var(--font-size-sm);--font-base: var(--font-size-base);--font-lg: var(--font-size-lg);--font-xl: var(--font-size-xl);--space-3xs: clamp(1px, .18cqh, 2px);--space-2xs: clamp(2px, .22cqh, 3px);--space-xs: clamp(4px, .45cqh, 7px);--space-sm: clamp(6px, .7cqh, 11px);--space-md: clamp(7px, .9cqh, 14px);--space-lg: clamp(9px, 1.15cqh, 18px);--space-xl: clamp(11px, 1.4cqh, 22px);--border-thin: clamp(1px, .125cqh, 2px);--border-medium: clamp(2px, .25cqh, 4px);--radius-sm: clamp(4px, .5cqh, 6px);--radius-md: clamp(6px, .8cqh, 10px);--radius-lg: clamp(10px, 1.2cqh, 14px);--card-base-width: clamp(30px, 5cqw, 65px);--card-base-height: clamp(42px, 7cqw, 90px);--card-hand-width: clamp(32px, 5.5cqw, 65px);--card-hand-height: clamp(44px, 7.5cqw, 90px);--card-mini-width: clamp(16px, 2.5cqw, 36px);--card-mini-height: clamp(22px, 3.5cqw, 50px);--card-small-width: clamp(28px, 4.5cqw, 58px);--card-small-height: clamp(40px, 6.5cqw, 82px);--played-cards-card-base-width: clamp(50px, 7.5cqw, 100px);--played-cards-card-base-height: clamp(70px, 10.5cqw, 140px);--card-border-radius-large: var(--radius-md);--card-shadow-medium: rgba(0, 0, 0, .15);--card-border-color: #cbd5e1;--card-padding: clamp(4px, .6cqh, 8px);--card-border-width: clamp(1px, .15cqh, 2px);--card-shadow-y: clamp(2px, .25cqh, 4px);--card-shadow-blur: clamp(6px, .8cqh, 10px);--card-corner-inset-block: clamp(4px, .6cqh, 8px);--card-corner-inset-inline: clamp(4px, .6cqw, 8px);--card-corner-gap: clamp(1px, .25cqh, 3px);--card-joker-font-size: calc(10px * var(--ui-font-scale));--card-joker-letter-spacing: calc(-1*clamp(2px, .6cqh, 4px)) ;--header-gap: clamp(6px, .9cqw, 12px);--header-min-height: clamp(24px, 3.2cqh, 48px);--header-max-height: clamp(36px, 5.5cqh, 72px);--header-padding-block: clamp(3px, .45cqh, 6px);--header-padding-inline: clamp(6px, .9cqw, 12px);--play-area-header-gap: clamp(4px, .75cqh, 7px);--play-area-title-font: clamp(7px, .85cqh, 11px);--play-area-history-radius: var(--radius-md);--play-info-gap: var(--space-xs);--play-info-row-gap: var(--space-2xs);--play-info-panel-max-width: clamp(200px, 26cqw, 300px);--play-info-font-size: clamp(7px, .9cqh, 12px);--play-info-badge-font-size: clamp(6px, .8cqh, 11px);--play-info-badge-padding-block: clamp(2px, .22cqh, 3px);--play-info-badge-padding-inline: clamp(4px, .7cqw, 8px);--play-info-separator-padding-inline: clamp(2px, .35cqw, 4px);--play-area-reaction-gap: var(--space-md);--play-area-reaction-button-gap: var(--space-sm);--play-area-reaction-min-width: clamp(200px, 28cqw, 320px);--play-area-bottom-seats-margin-bottom: var(--space-md);--play-area-hand-area-margin-top: var(--space-2xs);--hand-area-radius: var(--radius-md);--hand-area-highlight-border-width: var(--border-thin);--hand-area-highlight-shadow-size: clamp(2px, .3cqh, 4px);--hand-area-name-font: clamp(10px, 1.2cqh, 18px);--hand-area-meta-font: clamp(9px, 1.1cqh, 16px);--hand-area-meta-gap: clamp(2px, .25cqh, 4px);--hand-area-info-icon-font: clamp(12px, 1.45cqh, 20px);--hand-area-info-text-font: clamp(9px, 1.1cqh, 16px);--hand-area-avatar-size: clamp(20px, 2.5cqh, 30px);--hand-area-button-padding-block: var(--space-2xs);--hand-area-button-padding-inline: var(--space-sm);--player-seat-select-border-width: var(--border-thin);--player-seat-select-radius: var(--radius-md);--player-seat-indicator-padding: clamp(2px, .25cqh, 4px);--player-seat-indicator-border-width: var(--border-medium);--player-seat-indicator-offset: clamp(-8px, -1cqh, -12px);--player-seat-four-stop-min-inline: clamp(50px, 6cqw, 70px);--player-seat-four-stop-height: clamp(20px, 2.4cqh, 28px);--player-seat-four-stop-padding-inline: clamp(6px, .8cqw, 10px);--player-seat-four-stop-gap: clamp(3px, .4cqh, 5px);--player-seat-four-stop-font: clamp(7px, .9cqh, 12px);--player-seat-pass-letter-spacing: .08em;--play-history-padding: var(--space-2xs);--play-history-gap: var(--space-2xs);--play-history-item-padding-block: var(--space-xs);--play-history-item-padding-inline: var(--space-xs);--play-history-card-gap: var(--space-3xs);--play-history-info-gap: var(--space-3xs);--play-history-item-radius: var(--radius-sm);--play-history-item-border-color: rgba(255, 255, 255, .08);--play-history-item-background: rgba(255, 255, 255, .04);--play-history-item-shadow: 0 0 0 1px rgba(255, 255, 255, 0);--play-history-latest-border-color: rgba(96, 165, 250, .6);--play-history-latest-background: rgba(96, 165, 250, .12);--play-history-latest-shadow: 0 0 0 1px rgba(96, 165, 250, .2);--play-history-title-color: #94a3b8;--play-history-player-color: #e2e8f0;--play-history-pass-background: rgba(148, 163, 184, .1);--play-history-pass-border-color: rgba(148, 163, 184, .3);--play-history-pass-text-color: #94a3b8;--play-history-arrow-color: rgba(148, 163, 184, .6);--play-history-arrow-size: 12px;--play-history-four-stop-border-color: rgba(251, 191, 36, .4);--play-history-four-stop-background: rgba(251, 191, 36, .08);--play-history-doubt-background: rgba(251, 191, 36, .15);--play-history-doubt-border-color: rgba(251, 191, 36, .5);--play-history-doubt-text-color: #fbbf24;--play-history-four-stop-target-border-color: rgba(220, 38, 38, .5);--play-history-four-stop-target-background: rgba(220, 38, 38, .1);--play-history-title-letter-spacing: clamp(.08px, .06cqw, .3px);--play-history-label-font: clamp(7px, .8cqh, 10px);--play-history-joker-font: clamp(6px, .7cqh, 9px);--play-history-joker-letter-spacing: clamp(-4px, -.5cqh, -2px);--play-history-joker-padding-block: clamp(1px, .125cqh, 2px);--play-history-joker-padding-inline: clamp(2px, .25cqw, 3px);--play-history-more-font: clamp(5px, .6cqh, 8px);--played-cards-min-height: clamp(130px, 16cqh, 190px);--played-cards-stack-height-factor: .55;--played-cards-stack-width-factor: .78;--played-cards-empty-text-size: var(--font-sm);--played-cards-penalty-offset: var(--space-xs);--played-cards-stage-max-inline: clamp(160px, 32cqw, 240px);--played-cards-stage-max-block: clamp( calc(var(--played-cards-min-height) * .6), 30cqh, 200px );--played-cards-stack-scale-min: 1;--played-cards-stack-scale-max: 1.9;--hud-gap: var(--space-3xs);--hud-indicator-padding-inline: var(--space-sm);--hud-indicator-padding-block: var(--space-3xs);--hud-indicator-font-size: var(--font-xs);--hud-wrapper-gap: var(--space-sm);--hud-wrapper-padding: var(--space-xs);--hud-wrapper-max-width: clamp(240px, 32cqw, 400px);--player-card-padding: var(--space-3xs);--player-card-gap: calc(var(--space-2xs) * .5);--player-card-min-height: clamp(20px, 2.2cqh, 26px);--player-card-name-size: calc(.65rem * var(--ui-font-scale));--player-card-doubt-size: calc(.7rem * var(--ui-font-scale));--player-card-mini-count-size: calc(.65rem * var(--ui-font-scale));--game-page-min-inline: clamp(280px, 32cqw, 400px);--game-state-gap: clamp(16px, 2cqh, 24px);--game-state-padding: clamp(16px, 2cqh, 24px);--game-state-title-size: clamp(20px, 2.4cqh, 28px);--game-state-text-size: clamp(14px, 1.6cqh, 18px);--game-state-message-max: clamp(300px, 50cqw, 600px);--game-state-subtext-size: clamp(12px, 1.4cqh, 16px);--game-state-button-padding-block: clamp(10px, 1.2cqh, 14px);--game-state-button-padding-inline: clamp(20px, 2.4cqw, 28px);--game-state-button-radius: clamp(6px, .8cqh, 10px);--game-state-button-font-size: clamp(12px, 1.4cqh, 16px);--game-state-button-min-height: clamp(36px, 4.4cqh, 48px);--card-play-suit-large-size: clamp( 34px, calc(42px * var(--font-scale-base, 1)), 50px );--six-take-overlay-backdrop: transparent;--six-take-panel-bg: linear-gradient( 180deg, rgba(30, 41, 59, .45), rgba(15, 23, 42, .55) );--six-take-panel-border-color: rgba(96, 165, 250, .35);--six-take-panel-border-width: calc(1px * var(--ui-density-scale));--six-take-panel-radius: calc(.75rem * var(--ui-density-scale));--six-take-panel-padding: var(--space-md);--six-take-panel-min-inline: clamp(300px, 46vw, 560px);--six-take-panel-max-inline: 92vw;--six-take-panel-safe-margin: 120px;--six-take-panel-max-block: calc( 100dvh - 2 * env(safe-area-inset-top, 0px) - 2 * env(safe-area-inset-bottom, 0px) - var(--six-take-panel-safe-margin) );--six-take-panel-shadow: 0 24px 64px rgba(0, 0, 0, .45), 0 0 0 1px rgba(96, 165, 250, .15), 0 0 40px rgba(59, 130, 246, .18);--six-take-content-gap: var(--space-sm);--six-take-accent-color: #60a5fa;--six-take-accent-bg: rgba(96, 165, 250, .12);--six-take-player-name-border-color: var(--six-take-accent-color);--six-take-hand-bg: linear-gradient( 180deg, rgba(15, 23, 42, .3), rgba(30, 41, 59, .22) );--six-take-selected-count-color: #fbbf24;--six-take-confirm-bg: linear-gradient(135deg, #2563eb, #38bdf8);--six-take-confirm-bg-hover: linear-gradient(135deg, #1d4ed8, #0ea5e9);--six-take-confirm-bg-disabled: rgba(71, 85, 105, .6);--six-take-card-selected-border-color: #3b82f6;--six-take-title-size: calc(1.15rem * var(--ui-font-scale));--six-take-subtitle-size: var(--font-base);--six-take-note-size: var(--font-sm);--six-take-players-gap: var(--space-md);--six-take-player-group-gap: var(--space-2xs);--six-take-player-name-size: calc(.95rem * var(--ui-font-scale));--six-take-player-name-padding-block: var(--space-2xs);--six-take-player-name-padding-inline: var(--space-sm);--six-take-player-name-border-width: calc(2px * var(--ui-density-scale));--six-take-player-name-radius: calc(.375rem * var(--ui-density-scale));--six-take-hand-gap: var(--space-xs);--six-take-hand-padding: var(--space-xs);--six-take-hand-min-block: 0;--six-take-hand-radius: calc(.5rem * var(--ui-density-scale));--six-take-selected-count-size: var(--font-base);--six-take-selected-count-padding-block: var(--space-xs);--six-take-selected-count-padding-inline: var(--space-sm);--six-take-confirm-font-size: var(--font-base);--six-take-confirm-padding-block: var(--space-xs);--six-take-confirm-padding-inline: var(--space-lg);--six-take-card-hover-translate: calc(8px * var(--ui-density-scale));--six-take-card-selected-scale: 1.08;--six-take-card-selected-shadow: 0 0 0 4px #3b82f6, 0 0 25px rgba(59, 130, 246, .6), 0 8px 16px rgba(0, 0, 0, .3);--six-take-card-radius: calc(.5rem * var(--ui-density-scale));--six-take-card-checkmark-size: calc(24px * var(--ui-density-scale));--six-take-card-checkmark-font-size: calc(16px * var(--ui-font-scale));--six-take-card-checkmark-bg: #3b82f6;--six-take-card-checkmark-color: #ffffff;--six-take-progress-track-bg: rgba(255, 255, 255, .08);--six-take-progress-dot-empty: rgba(148, 163, 184, .35);--six-take-progress-dot-filled: var(--six-take-accent-color);--penalty-deck-gap: var(--space-2xs);--penalty-deck-padding: var(--space-2xs);--penalty-deck-radius: calc(.5rem * var(--ui-density-scale));--penalty-deck-label-size: clamp(7px, 1cqh, 12px);--penalty-deck-card-inline: clamp(52px, 8cqw, 90px);--penalty-deck-card-block: clamp(72px, 11cqw, 126px);--penalty-deck-count-size: clamp(14px, 2.2cqh, 22px);--penalty-deck-count-suffix-size: clamp(9px, 1.3cqh, 13px);--penalty-deck-count-gap: var(--space-2xs);--game-state-indicator-padding-block: clamp(4px, .5cqh, 10px);--game-state-indicator-padding-inline: clamp(10px, 1.2cqw, 18px);--game-state-indicator-font-size: clamp(11px, 1.3cqh, 16px);--game-state-indicator-min-width: clamp(64px, 18cqw, 140px);--game-state-indicator-min-height: clamp(30px, 3.6cqh, 44px);--game-state-indicator-radius: clamp(999px, 100cqh, 9999px);--game-state-indicator-text-shadow: 0 1px 2px rgba(0, 0, 0, .8), 0 0 4px rgba(0, 0, 0, .5);--revolution-indicator-padding-block: var( --game-state-indicator-padding-block );--revolution-indicator-padding-inline: var( --game-state-indicator-padding-inline );--revolution-indicator-radius: var(--game-state-indicator-radius);--revolution-indicator-font-size: var(--game-state-indicator-font-size);--revolution-indicator-shadow: 0 2px 8px rgba(239, 68, 68, .3);--game-log-modal-max-height: 70vh;--game-log-panel-min-height: clamp(300px, 40cqh, 500px);--game-log-panel-max-height: 70vh;--game-log-padding-block: var(--space-sm);--game-log-padding-inline: calc(var(--space-md) * 1.25);--game-log-padding-top-no-title: var(--space-sm);--game-log-item-font-size: var(--font-xs);--game-log-item-padding-block: calc(var(--space-xs) / 2);--game-log-time-font-size: calc(.7rem * var(--ui-font-scale));--game-log-time-min-inline: 60px;--game-log-message-font-size: var(--font-xs);--game-log-height-offset: 60px;--player-list-padding: var(--space-sm);--player-list-header-margin-bottom: var(--space-2xs);--player-list-title-size: var(--font-sm);--player-list-content-gap: var(--space-2xs);--player-list-row-min-height: calc( var(--player-card-min-height) + (var(--player-card-padding, var(--space-3xs)) * 2) );--player-list-indicator-column: 20px;--player-list-indicator-size: 16px;--player-list-scrollbar-width: 6px;--notification-gap: var(--space-sm);--notification-padding-block: var(--space-sm);--notification-padding-inline: var(--space-lg);--notification-max-inline-size: clamp(280px, 40vw, 480px);--notification-fixed-inset: clamp(12px, 2.5vh, 24px);--notification-title-size: var(--font-base);--notification-message-size: var(--font-sm);--notification-close-size: calc(1.25rem * var(--ui-density-scale));--notification-close-font-size: var(--font-base);--notification-border-width: var(--border-thin);--notification-radius: var(--radius-md);--notification-shadow-y: clamp(4px, .5cqh, 8px);--notification-shadow-blur: clamp(6px, .75cqh, 12px);--notification-hover-translate: clamp(-3px, -.4cqw, -5px);--notification-accent-width: clamp(3px, .4cqh, 6px);--notification-title-gap: clamp(3px, .4cqh, 5px);--notification-close-inset: clamp(6px, .8cqh, 10px);--overlay-line1-size: clamp(32px, 8cqh, 72px);--overlay-line2-size: clamp(18px, 4cqh, 36px);--overlay-title-size: clamp(20px, 2.8vh, 32px);--layout-overlay-safe-inset: clamp(12px, 2.5vh, 24px);--effect-announcement-max-inline: clamp(320px, 50vw, 600px);--effect-announcement-padding-block: clamp(12px, 1.6vh, 20px);--effect-announcement-padding-inline: clamp(16px, 2vw, 24px);--effect-announcement-radius: clamp(8px, 1vh, 12px);--effect-announcement-gap: clamp(8px, 1vh, 12px);--effect-announcement-rank-gap: clamp(6px, .8vh, 10px);--effect-announcement-rank-min-inline: clamp(40px, 6vw, 60px);--event-display-bg-opacity: .5;--event-display-bg: rgba(0, 0, 0, var(--event-display-bg-opacity));--event-display-blur: 4px;--event-display-radius: var(--radius-md);--event-display-line1-size: clamp(18px, 2.5vh, 28px);--event-display-line2-size: clamp(14px, 1.6vh, 18px);--event-display-text-shadow: 0 0 2px rgba(0, 0, 0, .9), 0 1px 3px rgba(0, 0, 0, .8);--event-display-color-success: #4ade80;--event-display-color-failure: #f87171;--event-display-color-neutral: rgba(255, 255, 255, .95);--event-display-color-info: rgba(255, 255, 255, .9);--event-display-color-celebration: #ffc83d;--reaction-timer-size: clamp(80px, 10cqh, 120px);--reaction-timer-blur: clamp(6px, .8cqh, 10px);--reaction-timer-padding: clamp(6px, .8cqh, 10px);--reaction-timer-font-size: clamp( .75rem, calc(1rem * var(--ui-font-scale)), 1.25rem );--reaction-timer-text-size: clamp( 16px, calc(24px * var(--ui-font-scale)), 32px );--reaction-timer-stroke-width: clamp( 4px, calc(6px * var(--ui-density-scale)), 8px );--reaction-timer-shadow: calc(4px * var(--ui-density-scale));--reaction-timer-marker-thin: clamp( .5px, calc(1px * var(--ui-density-scale)), 1.5px );--reaction-timer-marker-bold: clamp( 1px, calc(2px * var(--ui-density-scale)), 3px );--reaction-timer-marker-glow: calc(2px * var(--ui-density-scale));--reaction-result-min-height: clamp(48px, 6cqh, 82px);--reaction-result-font-size: calc(.9rem * var(--ui-font-scale));--rules-scrollbar-width: clamp(6px, .8cqw, 10px);--rules-scrollbar-radius: var(--radius-sm);--rules-scroll-button-shadow-y: clamp(3px, .5cqh, 6px);--rules-scroll-button-shadow-blur: clamp(10px, 1.6cqh, 16px);--rules-scroll-button-enter-offset: clamp(6px, 1cqh, 10px);--rules-scroll-button-hover-offset: clamp(-2px, -.25cqh, -4px);--game-rules-scroll-button-size: clamp(32px, 5cqh, 40px);--game-rules-scroll-button-offset: clamp(8px, 1.6cqh, 12px);--modal-content-gap: var(--space-lg);--modal-list-gap: var(--space-md);--modal-item-padding-block: var(--space-md);--modal-item-padding-inline: var(--space-lg);--modal-title-size: var(--font-xl);--modal-heading-size: var(--font-lg);--modal-body-size: var(--font-base);--result-modal-content-gap: var(--space-lg);--result-modal-content-padding: var(--space-md);--result-modal-title-size: var(--font-xl);--result-modal-winner-gap: var(--space-md);--result-modal-winner-padding-block: var(--space-md);--result-modal-winner-padding-inline: var(--space-xl);--result-modal-winner-name-size: var(--font-xl);--result-modal-points-padding-block: var(--space-md);--result-modal-points-padding-inline: var(--space-lg);--result-modal-points-gap: var(--space-md);--result-modal-points-rank-size: var(--font-lg);--result-modal-points-rank-min-inline: 60px;--result-modal-points-rank-padding-block: var(--space-xs);--result-modal-points-rank-padding-inline: var(--space-sm);--result-modal-points-name-size: var(--font-base);--result-modal-points-value-size: var(--font-lg);--result-modal-close-padding-block: var(--space-sm);--result-modal-close-padding-inline: var(--space-xl);--result-modal-close-font-size: var(--font-base);--result-modal-header-gap: var(--space-sm);--result-modal-header-direction: row;--result-modal-header-align: center;--result-modal-game-result-padding: var(--space-lg);--result-modal-game-ranking-gap: var(--space-sm);--result-modal-game-ranking-flex-wrap: nowrap;--result-modal-game-ranking-padding-block: var(--space-sm);--result-modal-game-ranking-padding-inline: var(--space-md);--result-modal-time-info-padding: var(--space-md);--result-modal-points-name-row-gap: var(--space-xs);--result-modal-points-name-row-wrap: nowrap;--result-modal-stats-toggle-size: var(--font-xs);--result-modal-stats-toggle-padding-block: calc(var(--space-2xs) / 2);--result-modal-stats-toggle-padding-inline: var(--space-xs);--result-modal-player-stats-padding: var(--space-sm);--result-modal-stat-item-gap: var(--space-sm);--result-modal-stat-min-label: 120px;--settings-menu-border-width: var(--border-thin);--settings-menu-radius: var(--radius-md);--settings-menu-min-inline: clamp(140px, 22cqw, 200px);--settings-menu-item-gap: clamp(8px, 1.2cqh, 12px);--settings-menu-item-padding-block: clamp(8px, 1.2cqh, 12px);--settings-menu-item-padding-inline: clamp(10px, 1.6cqw, 16px);--settings-menu-icon-size: clamp(12px, 1.6cqh, 16px);--turn-order-min-size: clamp( 176px, 28cqw, var(--play-info-panel-max-width) );--turn-order-max-size: 100vmin;--hand-area-min-height: clamp(60px, 7.3cqh, 124px);--hand-area-padding-block: clamp(2px, .35cqh, 5px);--hand-area-padding-inline: clamp(4px, .6cqw, 8px);--hand-area-row-gap: clamp(2px, .45cqh, 6px);--hand-area-control-gap: clamp(4px, .65cqh, 9px);--hand-area-button-min-block: clamp(20px, 2.8cqh, 32px);--hand-area-button-max-block: clamp(42px, 6.3cqh, 72px);--hand-area-button-font-size: clamp(8px, .95cqh, 12px);--hand-area-action-button-height: clamp( calc(var(--hand-area-button-min-block) * .92), calc(var(--hand-area-height) * .36), var(--hand-area-button-max-block) );--hand-area-rank-button-min-inline: clamp(20px, 3cqw, 30px);--hand-card-min-height: clamp(32px, 6.8cqh, 80px);--hand-card-base-height: clamp(40px, 7.8cqh, 96px);--hand-card-base-width: clamp(34px, 5.9cqw, 74px);--hand-cards-padding-block-start: clamp(4px, .9cqh, 8px);--hand-cards-padding-block-end: clamp(2px, .25cqh, 3px);--hand-cards-padding-inline: clamp(2px, .6cqw, 6px);--play-area-history-width: calc( var(--play-area-events-width) + var(--play-area-penalty-width) );--play-area-events-width: clamp(155px, 17cqw, 250px);--play-area-penalty-width: clamp(105px, 12cqw, 170px);--play-area-padding-block: clamp(3px, .4cqh, 6px);--play-area-padding-inline: clamp(5px, .7cqw, 10px);--play-area-gap: clamp(3px, .5cqh, 8px);--player-seats-area-height: clamp( 60px, 9cqh, 110px );--player-seats-area-min-height: clamp(50px, 7cqh, 90px);--hand-area-height: clamp(120px, 15cqh, 200px);--player-seats-area-padding: clamp(2px, .35cqh, 6px);--player-seats-area-margin: clamp(6px, .8cqh, 12px);--player-seat-min-inline: clamp(70px, 9cqw, 120px);--player-seat-max-inline: clamp(90px, 11.5cqw, 140px);--player-seat-gap: clamp(4px, .6cqh, 10px);--player-seat-bottom-gap: clamp(4px, .6cqh, 10px);--player-seat-content-padding: clamp(3px, .4cqh, 6px);--player-seat-content-gap: clamp(3px, .4cqh, 6px);--player-seat-row-gap: clamp(3px, .4cqh, 6px);--player-seat-row-first-height: clamp(18px, 2.4cqh, 30px);--player-seat-avatar-size: clamp( 20px, 2.4cqh, 30px );--player-seat-hand-height: clamp(18px, 2.1cqh, 28px);--player-seat-row-second-height: clamp(20px, 2.6cqh, 36px);--player-seat-mini-card-width: clamp(20px, 2.8cqw, 36px);--player-seat-mini-card-height: clamp(26px, 3.6cqw, 42px);--player-seat-mini-card-overlap: clamp(-12px, -1.4cqw, -8px);--player-seat-mini-card-font-size: clamp(9px, 1.1cqh, 12px);--player-seat-indicator-size: clamp(16px, 2.2cqh, 28px);--player-seat-pass-font-size: clamp(8px, 1.1cqh, 16px);--player-seat-pass-padding-block: clamp(2px, .35cqh, 4px);--player-seat-pass-padding-inline: clamp(5px, .8cqw, 10px);--play-history-padding: clamp(2px, .35cqh, 6px);--play-history-gap: clamp(2px, .35cqh, 6px);--play-history-title-size: clamp(9px, 1.1cqh, 13px);--play-history-player-name-size: clamp(12px, 1.4cqh, 17px);--play-history-item-min-inline: clamp(36px, 5.5cqw, 60px);--play-history-card-gap: clamp(2px, .35cqh, 5px);--play-history-info-gap: clamp(2px, .35cqh, 5px);background:#1e293b;color:#fff;padding:0;overflow:visible;box-sizing:border-box;transition:background .3s ease}@media (orientation: landscape) and (max-height: 420px){:root[data-hand-size=compact] .game-layout[data-layout-mode=mobile-landscape-compact],.game-layout[data-layout-mode=mobile-landscape-compact]{--layout-scale: .68;--ui-density-scale: .7;--ui-font-scale: .75;--layout-row-top: 1.55fr;--layout-row-middle: 4.2fr;--layout-row-hand: 3.6fr;--player-seats-area-min-height: min(52px, 14cqh);--hand-area-min-height: clamp(88px, 26cqh, 118px);--hand-area-fixed-height: clamp(92px, 30cqh, 124px);--play-area-events-width: clamp(110px, 14cqw, 180px);--play-area-penalty-width: clamp(64px, 8cqw, 110px);--player-seat-min-inline: clamp(55px, 7cqw, 95px);--player-seat-max-inline: clamp(70px, 9cqw, 115px);--player-seat-avatar-size: clamp(18px, 3.5cqh, 32px);--player-seat-row-first-height: clamp(16px, 3cqh, 28px);--player-seat-hand-height: clamp(14px, 2.6cqh, 24px);--player-seat-row-second-height: clamp(18px, 3.2cqh, 32px);--player-seat-mini-card-width: clamp(10px, 1.8cqw, 20px);--player-seat-mini-card-height: clamp(14px, 2.5cqw, 28px);--player-seat-indicator-size: clamp(14px, 2.4cqh, 24px);--player-seat-pass-font-size: clamp(8px, 1.2cqh, 14px);--play-history-title-size: clamp(6px, .75cqh, 10px);--play-history-item-min-inline: clamp(24px, 3.5cqw, 42px);--play-history-player-name-size: clamp(8px, 1cqh, 12px);--font-size-xs: clamp(6px, .5cqh, 10px);--font-size-sm: clamp(8px, .6cqh, 12px);--font-size-base: clamp(9px, .7cqh, 14px);--font-size-lg: clamp(10px, .8cqh, 16px);--font-size-xl: clamp(11px, .9cqh, 18px);--played-cards-card-base-width: clamp(44px, 8cqw, 96px);--played-cards-card-base-height: clamp(60px, 11.2cqw, 132px);--played-cards-stage-max-inline: clamp(160px, 38cqw, 320px);--played-cards-stage-max-block: clamp(110px, 36cqh, 200px);--played-cards-stack-scale-max: 3.6;--played-cards-stack-height-factor: .86;--played-cards-stack-width-factor: .9;--hand-area-action-button-height: clamp(24px, 8vh, 44px);--hand-area-button-font-size: clamp(9px, 1vh, 12px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__hand-area .hand-area{--card-hand-height: min( clamp(54px, 80cqh, 150px), calc(30cqw / .714) );--card-hand-width: calc(var(--card-hand-height) * .714)}.game-layout__hand-area-penalty{width:clamp(40px,7cqw,65px)}.game-layout__hand-area .hand__cards{padding-left:clamp(2px,.5cqw,6px);padding-right:clamp(2px,.5cqw,6px)}.game-layout__hand-area-content .hand-area{padding-inline:clamp(2px,.4cqw,6px);padding-block:clamp(1px,.2cqh,3px)}.game-layout__action-area-slot--side .action-area-panel__decision-center,.game-layout__action-area-slot--side-column .action-area-panel__decision-center{flex:1;min-height:0;overflow:visible;order:1}.game-layout__action-area-slot--side .action-area-panel__cards,.game-layout__action-area-slot--side-column .action-area-panel__cards{flex-shrink:0;min-height:0;overflow-x:auto;overflow-y:visible}.game-layout__action-area-slot--side .action-area-panel__cards .selection-card-row,.game-layout__action-area-slot--side-column .action-area-panel__cards .selection-card-row{gap:var(--space-xs)}.game-layout__action-area-slot--side .action-area-panel--decision,.game-layout__action-area-slot--side-column .action-area-panel--decision{--action-selection-card-max-width: 36px;--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width)}.game-layout__action-area-slot--side .action-area-panel__right .action-area-panel__button,.game-layout__action-area-slot--side-column .action-area-panel__right .action-area-panel__button{height:var(--action-button-min-height);min-height:var(--action-button-min-height);min-width:0;padding:var(--space-xs) var(--space-sm);font-size:var(--action-button-font-size)}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button,.game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{min-height:clamp(20px,6vh,36px);padding:2px var(--space-sm);font-size:clamp(9px,1vh,12px)}}@media (orientation: landscape) and (max-height: 320px){.game-layout{--layout-row-hand: 3.2fr;--hand-area-min-height: min(48px, 16cqh);--hand-area-action-button-height: clamp(24px, 8vh, 44px);--hand-area-fixed-height: clamp(78px, 28cqh, 96px)}.game-layout__hand-area .hand-area{--card-hand-height: min( clamp(40px, 90cqh, 100px), calc(26cqw / .714) );--card-hand-width: calc(var(--card-hand-height) * .714)}.game-layout__action-area-slot--side .action-area-panel__mode-tab,.game-layout__action-area-slot--side-column .action-area-panel__mode-tab,.game-layout__action-area-slot--side .action-area-panel__bulk-stair-btn,.game-layout__action-area-slot--side-column .action-area-panel__bulk-stair-btn{height:max(24px,min(32px,var(--action-button-min-height)));min-height:max(24px,min(32px,var(--action-button-min-height)));padding:2px var(--space-sm);font-size:var(--action-button-font-size)}.game-layout__action-area-slot--side .action-area-panel__right .action-area-panel__button,.game-layout__action-area-slot--side-column .action-area-panel__right .action-area-panel__button{height:max(24px,min(32px,var(--action-button-min-height)));min-height:max(24px,min(32px,var(--action-button-min-height)));font-size:var(--action-button-font-size)}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button,.game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{min-height:20px;padding:2px var(--space-xs);font-size:clamp(8px,.9vh,11px)}.game-layout__action-area-slot--side .action-area-panel--decision,.game-layout__action-area-slot--side-column .action-area-panel--decision{--action-selection-card-max-width: 32px;--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width)}.game-layout__hand-area .hand-area__face-toggle{min-height:24px;font-size:clamp(9px,1vh,12px)}}@media (orientation: landscape) and (min-height: 421px) and (max-height: 520px){.game-layout[data-layout-mode=mobile-landscape-compact]{--layout-scale: .78;--ui-density-scale: .8;--ui-font-scale: .85;--layout-row-top: 1.9fr;--layout-row-middle: 4.8fr;--layout-row-hand: 3.2fr;--player-seats-area-min-height: min(56px, 14cqh);--hand-area-min-height: clamp(96px, 24cqh, 124px);--hand-area-fixed-height: clamp(108px, 26cqh, 140px);--play-area-events-width: clamp(110px, 13cqw, 170px);--play-area-penalty-width: clamp(75px, 9.5cqw, 125px);--player-seat-avatar-size: clamp(14px, 1.6cqh, 22px);--hand-area-action-button-height: clamp(32px, 8cqh, 80px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__hand-area .hand-area{--card-hand-height: min( clamp(52px, 90cqh, 150px), calc(30cqw / .714) );--card-hand-width: calc(var(--card-hand-height) * .714)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__hand-area-penalty{width:clamp(45px,7.5cqw,70px)}}.game-layout[data-layout-mode=mobile-landscape-compact]{--layout-row-top: 1.6fr;--layout-row-middle: 5fr;--layout-row-hand: 3.4fr;--hand-area-min-height: clamp(96px, 24cqh, 132px);--hand-area-fixed-height: clamp(108px, 24cqh, 150px);--hand-area-action-button-height: clamp(32px, 8cqh, 80px)}.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .game-layout__main-area{--play-area-center-max: min(720px, 96cqw);grid-template-columns:minmax(0,1fr);grid-template-areas:"center"}.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .play-area__history-section,.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .play-area__events-and-actions-panel{display:none!important}.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .game-layout__center-column{max-width:none;width:100%}.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .game-layout__main-and-hand-wrapper{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--hand-area-fixed-height, var(--hand-area-min-height));grid-template-areas:"main action" "hand hand";column-gap:clamp(2px,.6cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .game-layout__main-and-hand-wrapper>.game-layout__main-area{grid-area:main}.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .game-layout__main-and-hand-wrapper>.game-layout__action-area-slot--side-column{grid-area:action}.game-layout[data-layout-mode=mobile-landscape-compact]:not(.game-layout--portrait-body) .game-layout__main-and-hand-wrapper>.game-layout__hand-area{grid-area:hand}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column{display:grid!important;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;justify-items:stretch;width:100%;min-width:0;min-height:0;padding:clamp(2px,.4cqh,4px) clamp(2px,.6cqw,6px);box-sizing:border-box}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column>.action-area-slot{width:100%;height:100%;min-width:0;min-height:0;align-items:stretch;justify-content:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel{width:100%;height:100%;max-width:none;min-width:0;min-height:0;flex:1 1 auto;align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration{height:100%;max-height:100%;max-width:none;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__body{flex-direction:column;flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__content{flex-direction:column;align-items:stretch;gap:clamp(3px,.5cqh,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__left{flex-direction:column;flex:1;align-items:stretch;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__configure-zone{flex:0 0 auto;align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__work-zone{flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__decision-center{flex:1;min-width:0;min-height:0;flex-direction:column}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__cards{flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tabs--wide-horizontal-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3px,.5cqw,6px);align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__face-column,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column{flex-direction:row;gap:clamp(3px,.5cqw,6px);align-items:stretch;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column>.action-area-panel__bulk-stair{flex-direction:row;gap:clamp(3px,.5cqw,6px);flex:1;align-items:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tab,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__bulk-stair-btn{flex:1 1 0;width:auto;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__actions-section{flex:0 0 auto;align-self:stretch;display:flex;align-items:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__right{flex-direction:row;align-items:stretch;gap:clamp(4px,.6cqw,8px);width:100%;flex:1 1 auto}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__right .action-area-panel__button{flex:1 1 0;min-width:0;width:auto}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__hint-wrap{flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__reaction-buttons{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;gap:clamp(4px,.8cqh,8px);height:100%;flex:1 1 auto}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__reaction-row--split,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__reaction-row--full{display:contents}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{flex:1 1 0;min-width:0;min-height:0;width:100%;padding:clamp(4px,.6cqh,8px) var(--space-sm);font-size:clamp(12px,1.6cqh,18px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__content--four-stop{flex-direction:column;gap:clamp(3px,.5cqh,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-side{flex:0 0 auto;align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-side .action-area-panel__mode-tabs{flex-direction:row;align-items:stretch;gap:clamp(3px,.5cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-center{flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__actions-section{flex:0 0 auto;align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__right{flex-direction:row;gap:clamp(4px,.6cqw,8px);width:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__right .action-area-panel__button{flex:1 1 0;min-width:0;width:auto}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__content--ten-discard{flex-direction:column;gap:clamp(3px,.5cqh,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__ten-discard-center{flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__actions-section{flex:0 0 auto;align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__right{width:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__right .action-area-panel__button{width:100%;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__content--card-exchange{flex-direction:column;gap:clamp(3px,.5cqh,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__card-exchange-center{flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__actions-section{flex:0 0 auto;align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__right{width:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__right .action-area-panel__button{width:100%;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__content--seven-pass{gap:clamp(3px,.5cqh,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-status{flex:0 0 auto}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-action-row{flex-direction:column;gap:clamp(3px,.5cqh,6px);flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-target-buttons{flex:1;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-confirm{flex:0 0 auto;align-self:stretch}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-confirm .action-area-panel__button{width:100%;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tab,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__bulk-stair-btn{overflow:hidden;text-overflow:ellipsis;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button--play,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button--pass,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button--through,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button--ten-discard,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button--seven-pass,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button--card-exchange,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__mode-tab,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__bulk-stair-btn{white-space:nowrap}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button-label,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__button-sub,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__four-stop-btn-text--long,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel__four-stop-btn-text--short{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}@media (orientation: landscape) and (max-height: 360px){.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__button--doubt,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__button--four-stop{flex-direction:row;flex-wrap:nowrap;gap:clamp(3px,.9cqw,8px);align-items:center;justify-content:center}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__button--doubt .action-area-panel__button-sub,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__button--four-stop .action-area-panel__button-sub{font-size:.78em;flex-shrink:1}}@media (orientation: landscape) and (max-height: 320px){.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__reaction-buttons{flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:stretch;gap:clamp(3px,.6cqw,6px);width:100%;height:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{flex:1 1 0;width:auto;height:100%;min-width:0;min-height:0;padding:clamp(3px,.5cqh,6px) clamp(2px,.5cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__button--doubt,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__button--four-stop{flex-direction:column;gap:.15em}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--reaction .action-area-panel__button-sub{font-size:.7em}}@media (orientation: landscape) and (max-height: 320px){.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__content{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:clamp(4px,1cqw,8px);align-items:stretch;flex-direction:row}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__left{padding-inline-end:clamp(2px,.5cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split{gap:clamp(2px,.35cqw,4px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__face-column,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column>.action-area-panel__bulk-stair{gap:clamp(2px,.35cqw,4px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__mode-tab,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__bulk-stair-btn{padding-inline:2px;padding-block:2px;font-size:clamp(9px,1.05cqh,11px);min-width:0;border-width:1px}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__cards{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline-start:4px;padding-block:2px}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__cards .selection-card-row{justify-content:flex-start;gap:clamp(2px,.6cqw,6px);--action-selection-card-width: var( --action-selection-card-max-width, 32px )}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__actions-section{align-self:stretch;height:100%;min-height:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__right{flex-direction:column;gap:clamp(4px,.8cqh,8px);height:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__right .action-area-panel__button{flex:1 1 0;width:100%;height:auto;min-height:0;max-height:none}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--decision .action-area-panel__decision-hint:empty{display:none}}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"hint" "grid" "confirm"}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__confirm{width:100%;min-height:clamp(36px,8cqh,48px)}@media (orientation: landscape) and (max-height: 420px){.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__actions-section,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__actions-section,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__actions-section{align-self:stretch;height:100%;min-height:0;flex:none}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__right,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__right,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__right{flex-direction:column;gap:clamp(3px,.6cqh,6px);height:100%;width:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__right .action-area-panel__button,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__right .action-area-panel__button,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__right .action-area-panel__button,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-confirm .action-area-panel__button{flex:1 1 0;width:100%;min-width:0;min-height:0;max-height:none;height:auto;padding:clamp(3px,.5cqh,6px) 2px;font-size:clamp(9px,1.25cqh,12px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__content--four-stop:has(.action-area-panel__actions-section){display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(4px,1cqw,8px);row-gap:clamp(2px,.4cqh,4px);align-items:stretch;flex-direction:row}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-side{grid-column:1;grid-row:1;align-self:stretch;flex:none}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-center{grid-column:1;grid-row:2;flex:none;min-height:0;padding-inline-end:clamp(2px,.5cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__actions-section{grid-column:2;grid-row:1 / -1}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-cards{justify-content:flex-start;overflow-x:auto;overflow-y:hidden}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-cards .selection-card-row{justify-content:flex-start;gap:clamp(2px,.6cqw,6px);--action-selection-card-width: var( --action-selection-card-max-width, 36px )}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--four-stop .action-area-panel__four-stop-side .action-area-panel__mode-tab{min-height:clamp(22px,5cqh,32px);padding:2px;font-size:clamp(9px,1.1cqh,11px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__content--ten-discard:has(.action-area-panel__actions-section){display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:clamp(4px,1cqw,8px);align-items:stretch;flex-direction:row}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__ten-discard-center{grid-column:1;grid-row:1;flex:none;min-height:0;padding-inline-end:clamp(2px,.5cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__actions-section{grid-column:2;grid-row:1}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__ten-discard-cards{justify-content:flex-start;overflow-x:auto;overflow-y:hidden}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__ten-discard-cards .selection-card-row{justify-content:flex-start;gap:clamp(2px,.6cqw,6px);--action-selection-card-width: var( --action-selection-card-max-width, 36px )}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__ten-discard-hint .action-area-panel__hint,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--ten-discard .action-area-panel__ten-discard-count{font-size:clamp(9px,1.1cqh,12px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__content--card-exchange:has(.action-area-panel__actions-section){display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:clamp(4px,1cqw,8px);align-items:stretch;flex-direction:row}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__card-exchange-center{grid-column:1;grid-row:1;flex:none;min-height:0;padding-inline-end:clamp(2px,.5cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__actions-section{grid-column:2;grid-row:1}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__card-exchange-cards{justify-content:flex-start;overflow-x:auto;overflow-y:hidden}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__card-exchange-cards .selection-card-row{justify-content:flex-start;gap:clamp(2px,.6cqw,6px);--action-selection-card-width: var( --action-selection-card-max-width, 36px )}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__card-exchange-hint .action-area-panel__hint,.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--card-exchange .action-area-panel__card-exchange-count{font-size:clamp(9px,1.1cqh,12px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__content--seven-pass{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(4px,1cqw,8px);row-gap:clamp(2px,.4cqh,4px);align-items:stretch;flex-direction:row}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-status{grid-column:1;grid-row:1;flex:none;min-height:auto;font-size:clamp(9px,1.1cqh,12px);padding-inline-end:clamp(2px,.5cqw,6px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-action-row{display:contents}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-target-buttons{grid-column:1;grid-row:2;flex:none;min-height:0;flex-direction:row;flex-wrap:nowrap;gap:clamp(2px,.5cqw,5px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline-start:2px;padding-inline-end:clamp(2px,.5cqw,6px);padding-block:2px}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-target-btn{flex:0 0 auto;width:auto;min-width:clamp(48px,12cqw,76px);height:100%;min-height:0;padding:3px 4px;scroll-snap-align:start}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-target-btn-name{font-size:clamp(9px,1.15cqh,11px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-target-btn-handcount{font-size:clamp(8px,1cqh,10px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-confirm{grid-column:2;grid-row:1 / -1;flex:none;align-self:stretch;height:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--seven-pass .action-area-panel__seven-pass-confirm .action-area-panel__button{width:100%;min-width:0}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__body{grid-template-columns:minmax(0,1fr) clamp(56px,10cqw,80px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"hint hint" "grid confirm"}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__hint{font-size:clamp(9px,1.1cqh,12px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__grid{grid-template-rows:repeat(2,minmax(26px,1fr));gap:clamp(2px,.4cqh,4px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__rank-button{min-height:clamp(24px,4cqh,30px);padding:1px 2px;font-size:clamp(10px,1.6cqw,13px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__confirm{width:100%;min-height:0;height:100%;padding:2px 4px}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__confirm-text{font-size:clamp(11px,1.4cqh,14px)}.game-layout[data-layout-mode=mobile-landscape-compact] .game-layout__action-area-slot--side-column .action-area-panel--rank-declaration .action-area-panel--rank-declaration__confirm-count{font-size:clamp(8px,1cqh,10px)}}.game-layout[data-layout-mode=mobile-landscape-compact] .play-area__stack-hud-bottom-left-stack{position:absolute;left:clamp(1px,.9cqw,10px);bottom:clamp(1px,.4cqh,8px);display:flex;flex-direction:column;align-items:stretch;gap:clamp(2px,.5cqh,6px);max-width:min(52%,200px);pointer-events:auto}.game-layout[data-layout-mode=mobile-landscape-compact] .play-area__stack-hud-bottom-left-stack>.play-area__stack-hud-overlay-item--history,.game-layout[data-layout-mode=mobile-landscape-compact] .play-area__stack-hud-bottom-left-stack>.play-area__stack-hud-overlay-item--penalty{position:static;left:auto;right:auto;top:auto;bottom:auto;max-width:100%}.game-layout[data-layout-mode=mobile-landscape-compact] .play-area__stack-hud-overlay-item--history .play-history-drawer-trigger{position:static;top:auto;left:auto;width:100%;box-sizing:border-box;text-align:center;padding:clamp(2px,.35cqh,5px) clamp(3px,.55cqw,6px);font-size:clamp(7px,.8cqh,10px)}.game-layout[data-layout-mode=mobile-landscape-compact] .play-area__stack-hud-bottom-left-stack>.play-area__stack-hud-overlay-item--penalty{--penalty-deck-card-inline: clamp(34px, 5.4cqw, 60px);--penalty-deck-label-size: clamp(5px, .72cqh, 9px);--penalty-deck-gap: clamp(1px, .25cqh, 3px);--penalty-deck-padding: clamp(1px, .25cqh, 3px)}.game-layout[data-layout-mode=mobile-landscape-compact] .hand-area .hand-area__player-info .hand-area__player-avatar{width:clamp(48px,42cqh,72px);height:clamp(48px,42cqh,72px)}.game-layout[data-layout-mode=mobile-landscape-compact] .action-area-panel__timer-cap{display:none!important}.hand-area__avatar-timer{display:none}.game-layout[data-layout-mode=mobile-landscape-compact]{--hand-area-avatar-timer-ring-pad: clamp(5px, 1.4cqh, 9px)}.game-layout[data-layout-mode=mobile-landscape-compact] .hand-area__avatar-timer{display:block;position:absolute;inset:calc(-1 * var(--hand-area-avatar-timer-ring-pad));pointer-events:none;z-index:1}.game-layout[data-layout-mode=mobile-landscape-compact] .hand-area .hand-area__player-info{bottom:calc(var(--hand-area-padding-block) + var(--hand-area-avatar-timer-ring-pad) + clamp(2px,.4cqh,4px))}.game-layout[data-layout-mode=mobile-landscape-compact] .hand-area .hand-area__player-info-group--identity{align-items:flex-end}.game-layout[data-layout-mode=mobile-landscape-compact] .played-cards-area__turn-direction-strip{--game-state-indicator-padding-block: clamp(2px, .32cqh, 6px);--game-state-indicator-padding-inline: clamp(5px, .8cqw, 11px);--game-state-indicator-font-size: clamp(8px, .9cqh, 11px);--game-state-indicator-min-width: clamp(44px, 11cqw, 90px);--game-state-indicator-min-height: clamp(20px, 2.4cqh, 30px);bottom:0;padding-block:0;padding-inline:var(--space-2xs)}.game-layout[data-layout-mode=mobile-landscape-compact] .played-cards-area__turn-direction-strip .turn-direction-chip__icon{width:clamp(9px,1.5cqh,15px);height:clamp(9px,1.5cqh,15px)}.game-layout[data-layout-mode=mobile-landscape-compact] .hand-area .hand-area__player-info .hand-area__doubt-ticket-info,.game-layout[data-layout-mode=mobile-landscape-compact] .hand-area .hand-area__player-info .hand-area__meta-item--hand{transform:translateY(var(--hand-area-avatar-timer-ring-pad))}.game-layout[data-layout-mode=mobile-landscape-compact] .player-seats-area--top .player-seat__meta-overlay-item--bottom-right{right:clamp(3px,1cqw,8px)}.game-layout[data-layout-mode=mobile-landscape-compact] .player-seats-area--top .player-seat__meta-overlay-item--hand .player-seat__meta-overlay-label{display:none}.game-layout[data-layout-mode=mobile-landscape-compact] .player-seats-area--top .player-seat__meta-overlay-item--hand .player-seat__meta-overlay-value{font-size:clamp(11px,14cqh,14px)}.game-layout[data-layout-mode=mobile-landscape-compact] .player-seats-area--top .player-seat__identity-overlay{max-width:calc(100% - clamp(46px,26cqw,80px))}.game-layout[data-layout-mode=mobile-landscape-compact] .player-seats-area--top .player-seat__identity-overlay .player-seat__name{font-size:clamp(11px,16cqh,16px)}.game-layout.game-layout--portrait-body{grid-template-rows:minmax(0,1fr);grid-template-areas:"portrait-stack";--portrait-row1-opponent-band-height: 15dvh;--portrait-row2-field-only-height: 40dvh;--portrait-unified-player-sheet-height: calc( var(--portrait-row1-opponent-band-height) - (clamp(1px, .25cqh, 4px) * 2) );--portrait-mid-column-seat-gap: clamp(2px, .35cqh, 5px);--portrait-mid-column-three-stack-height: calc( (var(--portrait-unified-player-sheet-height) * 3) + (var(--portrait-mid-column-seat-gap) * 2) + (clamp(2px, .35cqh, 6px) * 2) );--portrait-hand-band-height: min(24dvh, 176px);--portrait-hand-band-inner-pad: clamp(38px, 7dvh, 52px);--turn-order-min-size: clamp(148px, 32cqw, 272px);--played-cards-stack-scale-max: 4.5;--played-cards-stack-height-factor: .92;--played-cards-stack-width-factor: .96;--played-cards-card-base-width: clamp(48px, 7.8cqw, 100px);--played-cards-card-base-height: clamp(68px, 10.8cqw, 138px);--played-cards-empty-text-size: clamp(13px, 3.4cqh, 20px);--game-state-indicator-font-size: clamp(11px, 2.75cqh, 15px);--game-state-indicator-padding-block: clamp(4px, .85cqh, 8px);--game-state-indicator-padding-inline: clamp(8px, 2cqw, 15px);--game-state-indicator-min-width: clamp(72px, 28cqw, 168px);--game-state-indicator-min-height: clamp(28px, 4cqh, 42px);--portrait-hand-area-inner-cap: min(164px, var(--portrait-hand-band-height));--hand-area-min-height: clamp(72px, 11cqh, 100px);--hand-area-max-height: var(--portrait-hand-band-height);--hand-area-height: var(--portrait-hand-area-inner-cap);--hand-card-min-height: clamp(40px, 8.5cqh, 90px);--hand-card-base-height: clamp(48px, 10cqh, 102px);--hand-card-base-width: clamp(38px, 9cqw, 78px)}@media (max-width: 1199px) and (max-height: 720px){.game-layout.game-layout--portrait-body{--portrait-hand-band-height: min(21dvh, 146px);--portrait-hand-band-inner-pad: clamp(30px, 6dvh, 44px);--portrait-hand-area-inner-cap: min( 132px, var(--portrait-hand-band-height) );--hand-area-height: var(--portrait-hand-area-inner-cap);--hand-area-min-height: clamp(56px, 9cqh, 88px)}}@media (max-width: 1199px){.game-layout.game-layout--portrait-body .played-cards-area{--game-state-indicator-font-size: clamp(11px, 2.75cqh, 15px);--game-state-indicator-padding-block: clamp(4px, .85cqh, 8px);--game-state-indicator-padding-inline: clamp(8px, 2cqw, 15px);--game-state-indicator-min-width: clamp(72px, 28cqw, 168px);--game-state-indicator-min-height: clamp(28px, 4cqh, 42px)}}.game-layout:not(.game-layout--portrait-body)>.game-layout__player-seats-area{grid-area:player-seats}:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(60px, 7.1cqh, 124px);--hand-area-padding-block: clamp(3px, .36cqh, 6px);--hand-area-padding-inline: clamp(4px, .6cqw, 9px);--hand-area-row-gap: clamp(3px, .45cqh, 6px);--hand-area-control-gap: clamp(4px, .6cqh, 9px);--hand-area-button-min-block: clamp(20px, 3cqh, 34px);--hand-area-button-max-block: clamp(45px, 6.75cqh, 78px);--hand-area-button-font-size: clamp(7px, .85cqh, 12px);--hand-area-action-button-height: clamp( calc(var(--hand-area-button-min-block) * .92), calc(var(--hand-area-height) * .36), var(--hand-area-button-max-block) );--hand-area-rank-button-min-inline: clamp(18px, 3cqw, 30px);--hand-card-min-height: clamp(36px, 7cqh, 82px);--hand-card-base-height: clamp(44px, 8.5cqh, 96px);--hand-card-base-width: clamp(36px, 6cqw, 68px);--hand-cards-padding-block-start: clamp(4px, .9cqh, 9px);--hand-cards-padding-block-end: clamp(2px, .3cqh, 3px);--hand-cards-padding-inline: clamp(3px, .6cqw, 6px);--player-seats-area-height: clamp( 66px, 9.8cqh, 120px );--player-seats-area-min-height: clamp(55px, 8cqh, 100px);--play-area-events-width: clamp(150px, 16cqw, 240px);--play-area-penalty-width: clamp(110px, 12cqw, 170px);--player-seat-min-inline: clamp(70px, 9cqw, 120px);--player-seat-max-inline: clamp(90px, 11.5cqw, 140px);--player-seat-row-first-height: clamp(16px, 2cqh, 26px);--player-seat-avatar-size: clamp(16px, 2cqh, 26px);--player-seat-hand-height: clamp(14px, 1.6cqh, 22px);--player-seat-row-second-height: clamp(16px, 2cqh, 28px);--player-seat-mini-card-width: clamp(11px, 1.6cqw, 18px);--player-seat-mini-card-height: clamp(15px, 2.2cqw, 24px);--player-seat-mini-card-overlap: clamp(-9px, -1cqw, -5px);--player-seat-indicator-size: clamp(13px, 1.8cqh, 22px);--play-history-title-size: clamp(7px, .9cqh, 12px);--play-history-item-min-inline: clamp(34px, 5cqw, 56px)}:root[data-hand-size=medium] .game-layout.game-layout--portrait-body{--portrait-hand-band-height: min(24dvh, 176px);--portrait-hand-band-inner-pad: clamp(38px, 7dvh, 52px);--hand-area-max-height: var(--portrait-hand-band-height);--hand-area-height: var(--portrait-hand-area-inner-cap)}@container game-layout (min-width: 768px){:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(72px, 8.6cqh, 160px);--hand-card-base-width: clamp(47px, 7.2cqw, 89px);--hand-card-base-height: clamp(57px, 10.2cqh, 125px);--hand-area-button-font-size: clamp(9px, 1.05cqh, 16px);--player-seats-area-min-height: clamp(66px, 9.6cqh, 130px);--play-area-events-width: clamp(180px, 18cqw, 280px);--play-area-penalty-width: clamp(143px, 14.4cqw, 221px);--player-seat-min-inline: clamp(85px, 10.8cqw, 145px);--player-seat-max-inline: clamp(110px, 13.8cqw, 170px);--player-seat-avatar-size: clamp(19px, 2.4cqh, 31px);--player-seat-row-first-height: clamp(19px, 2.4cqh, 31px);--player-seat-hand-height: clamp(17px, 1.9cqh, 26px);--player-seat-row-second-height: clamp(19px, 2.4cqh, 34px);--player-seat-mini-card-width: clamp(13px, 1.9cqw, 23px);--player-seat-mini-card-height: clamp(18px, 2.6cqw, 31px);--player-seat-indicator-size: clamp(16px, 2.2cqh, 29px);--play-history-title-size: clamp(8px, 1.1cqh, 15px);--play-history-item-min-inline: clamp(41px, 6cqw, 73px)}}@container game-layout (min-width: 1200px){:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(90px, 10.8cqh, 200px);--hand-card-base-width: clamp(59px, 9cqw, 115px);--hand-card-base-height: clamp(75px, 12.75cqh, 163px);--hand-area-button-font-size: clamp(11px, 1.3cqh, 20px);--player-seats-area-min-height: clamp(83px, 12cqh, 162px);--play-area-events-width: clamp(230px, 22cqw, 360px);--play-area-penalty-width: clamp(187px, 17.4cqw, 287px);--player-seat-min-inline: clamp(105px, 13.5cqw, 180px);--player-seat-max-inline: clamp(135px, 17.25cqw, 210px);--player-seat-avatar-size: clamp(24px, 3cqh, 39px);--player-seat-row-first-height: clamp(24px, 3cqh, 39px);--player-seat-hand-height: clamp(21px, 2.4cqh, 33px);--player-seat-row-second-height: clamp(24px, 3cqh, 42px);--player-seat-mini-card-width: clamp(17px, 2.4cqw, 30px);--player-seat-mini-card-height: clamp(23px, 3.3cqw, 40px);--player-seat-indicator-size: clamp(20px, 2.7cqh, 35px);--play-history-title-size: clamp(11px, 1.35cqh, 18px);--play-history-item-min-inline: clamp(51px, 7.5cqw, 93px)}}@container game-layout (min-width: 1920px){:root[data-hand-size=medium] .game-layout{--hand-area-min-height: clamp(114px, 13.6cqh, 258px);--hand-card-base-width: clamp(74px, 11.4cqw, 149px);--hand-card-base-height: clamp(97px, 16.15cqh, 212px);--hand-area-button-font-size: clamp(14px, 1.65cqh, 26px);--player-seats-area-min-height: clamp(110px, 16cqh, 210px);--play-area-events-width: clamp(300px, 28cqw, 450px);--play-area-penalty-width: clamp(242px, 22.8cqw, 373px);--player-seat-min-inline: clamp(140px, 18cqw, 240px);--player-seat-max-inline: clamp(180px, 23cqw, 280px);--player-seat-avatar-size: clamp(32px, 4cqh, 52px);--player-seat-row-first-height: clamp(32px, 4cqh, 52px);--player-seat-hand-height: clamp(28px, 3.2cqh, 44px);--player-seat-row-second-height: clamp(32px, 4cqh, 56px);--player-seat-mini-card-width: clamp(23px, 3.2cqw, 46px);--player-seat-mini-card-height: clamp(31px, 4.3cqw, 57px);--player-seat-indicator-size: clamp(26px, 3.6cqh, 49px);--play-history-title-size: clamp(14px, 1.7cqh, 22px);--play-history-player-name-size: clamp(14px, 1.7cqh, 20px);--play-history-item-min-inline: clamp(65px, 9.5cqw, 121px)}}:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(54px, 6.4cqh, 104px);--hand-area-padding-block: clamp(2px, .3cqh, 5px);--hand-area-padding-inline: clamp(3px, .5cqw, 7px);--hand-area-row-gap: clamp(2px, .36cqh, 5px);--hand-area-control-gap: clamp(3px, .5cqh, 7px);--hand-area-button-min-block: clamp(18px, 2.7cqh, 30px);--hand-area-button-max-block: clamp(39px, 6cqh, 66px);--hand-area-button-font-size: clamp(7px, .75cqh, 11px);--hand-area-action-button-height: clamp( calc(var(--hand-area-button-min-block) * .92), calc(var(--hand-area-height) * .36), var(--hand-area-button-max-block) );--hand-area-rank-button-min-inline: clamp(16px, 2.8cqw, 28px);--hand-card-min-height: clamp(30px, 6.5cqh, 74px);--hand-card-base-height: clamp(38px, 7.5cqh, 88px);--hand-card-base-width: clamp(30px, 5cqw, 60px);--hand-cards-padding-block-start: clamp(4px, .8cqh, 8px);--hand-cards-padding-block-end: clamp(1px, .2cqh, 2px);--hand-cards-padding-inline: clamp(2px, .5cqw, 5px);--player-seats-area-height: clamp( 60px, 9cqh, 110px );--player-seats-area-min-height: clamp(50px, 7cqh, 90px);--play-area-events-width: clamp(140px, 15cqw, 200px);--play-area-penalty-width: clamp(100px, 11cqw, 160px);--player-seat-min-inline: clamp(65px, 8.5cqw, 110px);--player-seat-max-inline: clamp(85px, 11cqw, 135px);--player-seat-row-first-height: clamp(15px, 1.8cqh, 24px);--player-seat-avatar-size: clamp(15px, 1.8cqh, 24px);--player-seat-hand-height: clamp(13px, 1.5cqh, 20px);--player-seat-row-second-height: clamp(15px, 1.8cqh, 26px);--player-seat-mini-card-width: clamp(10px, 1.4cqw, 16px);--player-seat-mini-card-height: clamp(14px, 2cqw, 22px);--player-seat-mini-card-overlap: clamp(-8px, -.9cqw, -5px);--player-seat-indicator-size: clamp(12px, 1.6cqh, 20px);--play-history-title-size: clamp(7px, .9cqh, 11px);--play-history-item-min-inline: clamp(32px, 4.6cqw, 52px)}@container game-layout (max-width: 1024px){.game-layout{--player-seat-avatar-size: clamp(16px, 2cqh, 25px);--player-seat-row-first-height: clamp(16px, 2cqh, 25px)}}@container game-layout (max-width: 768px){.game-layout{--player-seat-avatar-size: clamp(12px, 1.6cqh, 20px);--player-seat-row-first-height: clamp(12px, 1.6cqh, 20px)}}@container game-layout (max-width: 560px){.game-layout{--layout-row-top: 1.8fr;--layout-row-middle: 5.5fr;--layout-row-hand: 2.8fr;--hand-area-min-height: clamp(48px, 6cqh, 100px);--player-seats-area-min-height: clamp(40px, 5.5cqh, 70px);--play-area-side-column-width: clamp(120px, 22cqw, 200px);--play-history-title-size: clamp(6px, .8cqh, 10px);--play-history-item-min-inline: clamp(28px, 4cqw, 48px);--play-history-player-name-size: clamp(9px, 1.1cqh, 14px)}.game-layout:not(.game-layout--portrait-body) .game-layout__hand-area .hand-area{--card-hand-height: min( clamp(50px, 7cqh, 90px), calc(22cqw / .714) );--card-hand-width: calc(var(--card-hand-height) * .714)}.game-layout__hand-area-penalty{width:clamp(45px,8cqw,80px)}}@container game-layout (min-width: 768px){.game-layout{--layout-row-top: 2.3fr;--layout-row-middle: 5.7fr;--layout-row-hand: 3fr;--layout-scale: clamp(.8, calc(100cqh/1080px) , 1.3);--font-size-xs: clamp(8px, .6cqh, 16px);--font-size-sm: clamp(10px, .75cqh, 18px);--font-size-base: clamp(13px, .9cqh, 22px);--font-size-lg: clamp(15px, 1.05cqh, 24px);--font-size-xl: clamp(17px, 1.2cqh, 26px);--space-xs: clamp(4px, .55cqh, 9px);--space-sm: clamp(6px, .85cqh, 14px);--space-md: clamp(8px, 1.1cqh, 17px);--space-lg: clamp(11px, 1.4cqh, 22px);--space-xl: clamp(13px, 1.7cqh, 27px);--card-base-width: clamp(40px, 6cqw, 85px);--card-base-height: clamp(56px, 8.4cqw, 119px);--card-hand-width: clamp(42px, 6.5cqw, 85px);--card-hand-height: clamp(58px, 8.9cqw, 119px);--card-mini-width: clamp(21px, 3.25cqw, 47px);--card-mini-height: clamp(29px, 4.55cqw, 65px);--card-small-width: clamp(36px, 5.85cqw, 75px);--card-small-height: clamp(52px, 8.45cqw, 107px);--played-cards-card-base-width: clamp(65px, 9.75cqw, 130px);--played-cards-card-base-height: clamp(91px, 13.65cqw, 182px);--player-seat-min-inline: clamp(90px, 11.5cqw, 155px);--player-seat-max-inline: clamp(115px, 14.5cqw, 180px);--player-seat-avatar-size: clamp(27px, 3.4cqh, 45px);--player-seat-row-first-height: clamp(27px, 3.4cqh, 45px);--player-seat-hand-height: clamp(24px, 2.9cqh, 37px);--player-seat-row-second-height: clamp(27px, 3.4cqh, 49px);--player-seat-mini-card-width: clamp(24px, 3.4cqw, 44px);--player-seat-mini-card-height: clamp(30px, 4.4cqw, 56px);--player-seat-indicator-size: clamp(21px, 3cqh, 38px);--player-seat-pass-font-size: clamp(11px, 1.5cqh, 21px);--hand-area-min-height: clamp(108px, 21.2cqh, 265px);--hand-card-base-width: clamp(48px, 7.6cqw, 100px);--hand-card-base-height: clamp(58px, 10.6cqh, 142px);--hand-area-button-font-size: clamp(11px, 1.3cqh, 17px);--play-area-events-width: clamp(165px, 16.5cqw, 250px);--play-area-penalty-width: clamp(124px, 12.6cqw, 189px);--play-history-title-size: clamp(11px, 1.3cqh, 16px);--play-history-item-min-inline: clamp(43px, 6.6cqw, 78px);--radius-md: clamp(8px, 1cqh, 13px);--radius-lg: clamp(12px, 1.45cqh, 17px);--hand-area-name-font: clamp(13px, 1.55cqh, 22px);--hand-area-meta-font: clamp(11px, 1.35cqh, 20px);--hand-area-info-icon-font: clamp(15px, 1.85cqh, 24px);--hand-area-info-text-font: clamp(11px, 1.35cqh, 20px)}}@container game-layout (min-width: 1200px){.game-layout{--layout-row-top: 2.6fr;--layout-row-middle: 5.3fr;--layout-row-hand: 3.3fr;--layout-scale: clamp(1, calc(100cqh/1080px) , 1.5);--font-size-xs: clamp(10px, .75cqh, 21px);--font-size-sm: clamp(12px, .95cqh, 24px);--font-size-base: clamp(16px, 1.1cqh, 28px);--font-size-lg: clamp(19px, 1.3cqh, 30px);--font-size-xl: clamp(21px, 1.5cqh, 34px);--space-xs: clamp(5px, .65cqh, 11px);--space-sm: clamp(8px, 1cqh, 17px);--space-md: clamp(11px, 1.3cqh, 21px);--space-lg: clamp(14px, 1.7cqh, 27px);--space-xl: clamp(17px, 2cqh, 33px);--card-base-width: clamp(50px, 7cqw, 110px);--card-base-height: clamp(70px, 9.8cqw, 154px);--card-hand-width: clamp(52px, 7.5cqw, 110px);--card-hand-height: clamp(72px, 10.2cqw, 154px);--card-mini-width: clamp(27px, 4.25cqw, 61px);--card-mini-height: clamp(37px, 5.95cqw, 85px);--card-small-width: clamp(48px, 7.65cqw, 99px);--card-small-height: clamp(68px, 11.05cqw, 139px);--played-cards-card-base-width: clamp(85px, 12.75cqw, 170px);--played-cards-card-base-height: clamp(119px, 17.85cqw, 238px);--played-cards-stack-height-factor: .82;--played-cards-stack-width-factor: .88;--played-cards-stage-max-inline: clamp(220px, 38cqw, 320px);--played-cards-stage-max-block: clamp(140px, 38cqh, 280px);--player-seat-min-inline: clamp(105px, 13.5cqw, 180px);--player-seat-max-inline: clamp(135px, 17.25cqw, 210px);--player-seat-avatar-size: clamp(32px, 3.9cqh, 52px);--player-seat-row-first-height: clamp(32px, 3.9cqh, 52px);--player-seat-hand-height: clamp(28px, 3.3cqh, 42px);--player-seat-row-second-height: clamp(32px, 3.9cqh, 56px);--player-seat-mini-card-width: clamp(30px, 4.1cqw, 56px);--player-seat-mini-card-height: clamp(36px, 5.4cqw, 70px);--player-seat-indicator-size: clamp(24px, 3.3cqh, 42px);--player-seat-pass-font-size: clamp(12px, 1.65cqh, 24px);--hand-area-min-height: clamp(136px, 24.5cqh, 350px);--hand-card-base-width: clamp(76px, 11cqw, 170px);--hand-card-base-height: clamp(102px, 17cqh, 235px);--hand-area-button-font-size: clamp(15px, 1.8cqh, 24px);--play-area-events-width: clamp(210px, 21cqw, 320px);--play-area-penalty-width: clamp(162px, 15.75cqw, 247px);--play-history-title-size: clamp(17px, 2cqh, 24px);--play-history-item-min-inline: clamp(54px, 8.25cqw, 99px);--radius-md: clamp(9px, 1.2cqh, 15px);--radius-lg: clamp(15px, 1.8cqh, 21px);--hand-area-name-font: clamp(15px, 2cqh, 28px);--hand-area-meta-font: clamp(14px, 1.85cqh, 26px);--hand-area-info-icon-font: clamp(18px, 2.3cqh, 30px);--hand-area-info-text-font: clamp(13px, 1.7cqh, 24px);--play-info-font-size: clamp(11px, 1.3cqh, 17px);--penalty-deck-label-size: clamp(10px, 1.3cqh, 15px);--penalty-deck-count-size: clamp(17px, 2.7cqh, 28px);--penalty-deck-count-suffix-size: clamp(11px, 1.6cqh, 16px)}}@container game-layout (min-width: 1920px){.game-layout{--layout-row-top: 2.9fr;--layout-row-middle: 4.7fr;--layout-row-hand: 3.5fr;--layout-scale: clamp(1.2, calc(100cqh/1080px) , 2);--font-size-xs: clamp(11px, .9cqh, 26px);--font-size-sm: clamp(13px, 1.05cqh, 28px);--font-size-base: clamp(18px, 1.2cqh, 34px);--font-size-lg: clamp(21px, 1.4cqh, 36px);--font-size-xl: clamp(24px, 1.7cqh, 40px);--space-xs: clamp(6px, .75cqh, 14px);--space-sm: clamp(10px, 1.15cqh, 21px);--space-md: clamp(13px, 1.55cqh, 27px);--space-lg: clamp(17px, 2.05cqh, 34px);--space-xl: clamp(21px, 2.5cqh, 42px);--card-base-width: clamp(60px, 8cqw, 140px);--card-base-height: clamp(84px, 11.2cqw, 196px);--card-hand-width: clamp(62px, 8.5cqw, 140px);--card-hand-height: clamp(86px, 11.7cqw, 196px);--card-mini-width: clamp(35px, 5.5cqw, 79px);--card-mini-height: clamp(48px, 7.7cqw, 110px);--card-small-width: clamp(62px, 9.9cqw, 128px);--card-small-height: clamp(88px, 14.3cqw, 180px);--played-cards-card-base-width: clamp(110px, 16.5cqw, 220px);--played-cards-card-base-height: clamp(154px, 23.1cqw, 308px);--played-cards-stack-height-factor: .88;--played-cards-stack-width-factor: .94;--played-cards-stage-max-inline: clamp(280px, 42cqw, 400px);--played-cards-stage-max-block: clamp(180px, 42cqh, 360px);--player-seat-min-inline: clamp(140px, 18cqw, 240px);--player-seat-max-inline: clamp(180px, 23cqw, 280px);--player-seat-avatar-size: clamp(44px, 5.2cqh, 68px);--player-seat-row-first-height: clamp(44px, 5.2cqh, 68px);--player-seat-hand-height: clamp(38px, 4.4cqh, 56px);--player-seat-row-second-height: clamp(44px, 5.2cqh, 72px);--player-seat-mini-card-width: clamp(40px, 5.6cqw, 70px);--player-seat-mini-card-height: clamp(50px, 7cqw, 84px);--player-seat-indicator-size: clamp(32px, 4.4cqh, 56px);--player-seat-pass-font-size: clamp(15px, 2.1cqh, 32px);--hand-area-min-height: clamp(178px, 29cqh, 490px);--hand-card-base-width: clamp(98px, 13.8cqw, 225px);--hand-card-base-height: clamp(132px, 22cqh, 310px);--hand-area-button-font-size: clamp(21px, 2.6cqh, 33px);--play-area-events-width: clamp(270px, 26cqw, 400px);--play-area-penalty-width: clamp(209px, 19.95cqw, 319px);--play-history-title-size: clamp(21px, 2.7cqh, 31px);--play-history-player-name-size: clamp(16px, 2cqh, 24px);--play-history-item-min-inline: clamp(68px, 10.45cqw, 125px);--radius-md: clamp(12px, 1.6cqh, 20px);--radius-lg: clamp(19px, 2.4cqh, 28px);--hand-area-name-font: clamp(21px, 2.85cqh, 40px);--hand-area-meta-font: clamp(19px, 2.65cqh, 36px);--hand-area-info-icon-font: clamp(22px, 2.75cqh, 38px);--hand-area-info-text-font: clamp(16px, 2.15cqh, 30px);--play-info-font-size: clamp(13px, 1.7cqh, 20px);--penalty-deck-label-size: clamp(11px, 1.6cqh, 18px);--penalty-deck-count-size: clamp(20px, 3.1cqh, 34px);--penalty-deck-count-suffix-size: clamp(12px, 1.9cqh, 18px)}}@container game-layout (min-width: 768px){:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(60px, 7.1cqh, 124px);--hand-card-base-width: clamp(39px, 6.5cqw, 78px);--hand-card-base-height: clamp(49px, 9.75cqh, 114px);--hand-area-button-font-size: clamp(9px, .95cqh, 14px);--player-seats-area-min-height: clamp(60px, 8.4cqh, 117px);--play-area-events-width: clamp(165px, 16.5cqw, 260px);--play-area-penalty-width: clamp(130px, 13.2cqw, 208px);--player-seat-min-inline: clamp(78px, 10.2cqw, 132px);--player-seat-max-inline: clamp(102px, 13.2cqw, 164px);--player-seat-avatar-size: clamp(18px, 2.2cqh, 29px);--player-seat-row-first-height: clamp(18px, 2.2cqh, 29px);--player-seat-hand-height: clamp(16px, 1.8cqh, 24px);--player-seat-row-second-height: clamp(18px, 2.2cqh, 31px);--player-seat-mini-card-width: clamp(12px, 1.7cqw, 21px);--player-seat-mini-card-height: clamp(17px, 2.4cqw, 29px);--player-seat-indicator-size: clamp(14px, 1.9cqh, 26px);--play-history-title-size: clamp(8px, 1.1cqh, 13px);--play-history-item-min-inline: clamp(38px, 5.5cqw, 68px)}}@container game-layout (min-width: 1200px){:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(75px, 8.8cqh, 155px);--hand-card-base-width: clamp(49px, 7.5cqw, 99px);--hand-card-base-height: clamp(65px, 11.25cqh, 149px);--hand-area-button-font-size: clamp(12px, 1.3cqh, 19px);--player-seats-area-min-height: clamp(75px, 10.5cqh, 146px);--play-area-events-width: clamp(210px, 21cqw, 320px);--play-area-penalty-width: clamp(170px, 16.5cqw, 260px);--player-seat-min-inline: clamp(98px, 12.75cqw, 165px);--player-seat-max-inline: clamp(128px, 16.5cqw, 203px);--player-seat-avatar-size: clamp(23px, 2.7cqh, 35px);--player-seat-row-first-height: clamp(23px, 2.7cqh, 35px);--player-seat-hand-height: clamp(20px, 2.25cqh, 30px);--player-seat-row-second-height: clamp(23px, 2.7cqh, 39px);--player-seat-mini-card-width: clamp(15px, 2.1cqw, 28px);--player-seat-mini-card-height: clamp(21px, 3cqw, 37px);--player-seat-indicator-size: clamp(18px, 2.4cqh, 30px);--play-history-title-size: clamp(12px, 1.5cqh, 19px);--play-history-item-min-inline: clamp(48px, 6.9cqw, 87px)}}@container game-layout (min-width: 1920px){:root[data-hand-size=compact] .game-layout{--hand-area-min-height: clamp(92px, 11.2cqh, 195px);--hand-card-base-width: clamp(63px, 9.75cqw, 129px);--hand-card-base-height: clamp(84px, 14.25cqh, 194px);--hand-area-button-font-size: clamp(16px, 1.8cqh, 26px);--player-seats-area-min-height: clamp(95px, 13.3cqh, 189px);--play-area-events-width: clamp(270px, 26cqw, 400px);--play-area-penalty-width: clamp(220px, 20.9cqw, 338px);--player-seat-min-inline: clamp(130px, 16.5cqw, 220px);--player-seat-max-inline: clamp(170px, 22cqw, 270px);--player-seat-avatar-size: clamp(30px, 3.6cqh, 47px);--player-seat-row-first-height: clamp(30px, 3.6cqh, 47px);--player-seat-hand-height: clamp(26px, 3cqh, 40px);--player-seat-row-second-height: clamp(30px, 3.6cqh, 52px);--player-seat-mini-card-width: clamp(20px, 2.8cqw, 42px);--player-seat-mini-card-height: clamp(28px, 4cqw, 50px);--player-seat-indicator-size: clamp(24px, 3.2cqh, 40px);--play-history-title-size: clamp(16px, 2cqh, 24px);--play-history-item-min-inline: clamp(61px, 8.7cqw, 111px)}}body.revolution .game-layout,body.revolution .game-layout-frame{background:#4a1f1f}.game-layout__special-effect-manager{position:absolute;top:var(--space-sm);left:0;right:0;z-index:399;pointer-events:none;display:flex;justify-content:center}.game-layout__special-effect-manager:has(.six-take-card-selection-panel){z-index:var(--z-game-interactive-modal, 7600)}.game-layout__special-effect-manager>*{pointer-events:auto}.game-layout__player-seats-area{position:relative;z-index:398;padding-top:clamp(2px,.3cqh,4px);padding-bottom:var(--player-seats-area-padding, clamp(2px, .35cqh, 6px));padding-left:clamp(4px,.6cqw,8px);padding-right:clamp(4px,.6cqw,8px);pointer-events:none;overflow:hidden;height:100%;min-height:0}.game-layout__player-seats-area>*{pointer-events:auto}:root[data-aspect=portrait] .game-layout__player-seats-area,.game-layout[data-aspect=portrait] .game-layout__player-seats-area{overflow:hidden;padding-bottom:var(--player-seats-area-padding, clamp(2px, .35cqh, 6px))}:root[data-aspect=portrait] .game-layout__player-seats-area>.player-seats-area,.game-layout[data-aspect=portrait] .game-layout__player-seats-area>.player-seats-area{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.play-area__center-and-events{grid-area:center-events;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--play-area-events-width, clamp(140px, 15cqw, 220px)));grid-template-rows:minmax(0,1fr);grid-template-areas:"center events";gap:var(--play-area-gap, clamp(3px, .5cqh, 8px));min-height:0;min-width:0}.play-area__center-and-events>.game-layout__center-column{grid-area:center;min-height:0}.play-area__center-and-events>.play-area__events-and-actions-panel{grid-area:events}.game-layout__center-column{grid-area:center;position:relative;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:visible}.game-layout__center-column:has(.played-cards-area--jack-back)>.play-sheet{position:relative;z-index:10}.game-layout__center-column:has(.played-cards-area--jack-back)>.game-layout__action-area-slot--center{position:relative;z-index:11;pointer-events:none}.game-layout__center-column:has(.played-cards-area--jack-back)>.game-layout__action-area-slot--center .action-area-panel{pointer-events:auto}.game-layout__center-column>.play-sheet{flex:1;min-height:0;min-width:0}.game-layout.game-layout--portrait-body .play-area__center-and-events{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"center" "events"}.game-layout.game-layout--portrait-body .play-area__center-and-events--field-only{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"center"}.game-layout.game-layout--portrait-body .play-area__center-and-events--field-only>.game-layout__center-column{grid-area:center}.game-layout.game-layout--portrait-body .play-area__center-and-events>.game-layout__center-column{height:100%}.game-layout.game-layout--portrait-body .game-layout__center-column{align-items:center;justify-content:flex-start;width:100%;max-width:100%}.game-layout.game-layout--portrait-body .game-layout__main-area--portrait-field .game-layout__center-column{align-items:stretch;justify-content:flex-start}.game-layout.game-layout--portrait-body .game-layout__center-column>.play-sheet{flex:1 1 auto;width:100%;max-width:min(100%,720px);align-self:center}.game-layout.game-layout--portrait-body .game-layout__main-area--portrait-field .game-layout__center-column>.play-sheet{max-width:none;align-self:stretch}.game-layout__action-area-slot{flex-shrink:0;min-height:clamp(90px,12cqh,160px);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-sm)}@media (max-width: 1199px){.game-layout__action-area-slot--center{display:none!important}.game-layout__action-area-slot--side{display:flex}.game-layout__action-area-slot--side{flex:1;min-height:0;width:100%;padding:0;align-items:stretch;justify-content:stretch}.game-layout__action-area-slot--side .action-area-slot{width:100%;height:100%;min-height:0;align-items:stretch;justify-content:stretch}.game-layout__action-area-slot--side .action-area-panel{width:100%;height:100%;min-height:0;flex:1}.game-layout__action-area-slot--side .action-area-panel--decision{min-width:0;max-width:none;padding:4px;overflow:hidden}.game-layout__action-area-slot--side .action-area-panel--decision .action-area-panel__decision-center{min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-layout__action-area-slot--side .action-area-panel--decision:not(:has(.action-area-panel__mode-tabs)) .action-area-panel__controls-section{flex:0 1 auto}.game-layout__action-area-slot--side .action-area-panel--decision:not(:has(.action-area-panel__mode-tabs)) .action-area-panel__controls-section .action-area-panel__hint-wrap{flex:0 0 auto}.game-layout__action-area-slot--side .action-area-panel--decision:not(:has(.action-area-panel__mode-tabs)) .action-area-panel__actions-section{flex:1 1 0;min-height:0;margin-top:0}.game-layout__action-area-slot--side .action-area-panel--decision:not(:has(.action-area-panel__mode-tabs)) .action-area-panel__actions-section .action-area-panel__right{height:100%;align-items:stretch}.game-layout__action-area-slot--side .action-area-panel--decision:not(:has(.action-area-panel__mode-tabs)) .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button{align-self:stretch;min-height:0}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__content--four-stop{flex-direction:column;gap:6px;min-height:0;height:100%}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-side{flex-shrink:0}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-side .action-area-panel__mode-tabs{flex:0 0 auto;flex-direction:row}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-center{flex:1;min-height:0}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__right{flex-shrink:0;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;gap:var(--space-xs);width:100%}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__right .action-area-panel__button{flex:1 1 0;min-width:0;width:100%}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-center{gap:var(--space-2xs)}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint{max-height:1.8em;min-height:0;padding:0 var(--space-2xs);text-align:center;overflow-wrap:break-word}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint .action-area-panel__hint,.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint .action-area-panel__four-stop-count,.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-count{font-size:clamp(9px,1vh,12px);line-height:1.2}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-hint .action-area-panel__hint-stack{gap:1px}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__four-stop-cards .selection-card-row{gap:var(--space-xs)}.game-layout__action-area-slot--side .action-area-panel--four-stop{--action-selection-card-max-width: 44px;--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width)}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__content--four-stop .action-area-panel__four-stop-center:only-child{justify-content:center}.game-layout__action-area-slot--side .action-area-panel--four-stop .action-area-panel__content--four-stop .action-area-panel__four-stop-center:only-child .action-area-panel__four-stop-cards:empty{flex:0 0 0;min-height:0;overflow:hidden}.game-layout__action-area-slot--side .action-area-panel--ten-discard .action-area-panel__ten-discard-center:has(.action-area-panel__ten-discard-cards:empty){justify-content:center}.game-layout__action-area-slot--side .action-area-panel--ten-discard .action-area-panel__ten-discard-cards:empty{flex:0 0 0;min-height:0;overflow:hidden}.game-layout__action-area-slot--side .action-area-panel__content{flex-direction:column;gap:6px;min-height:0;height:100%}.game-layout__action-area-slot--side .action-area-panel__controls-section{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-layout__action-area-slot--side .action-area-panel__controls-section .action-area-panel__hint-wrap{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.game-layout__action-area-slot--side .action-area-panel__actions-section{flex-shrink:0;display:flex;flex-direction:row;justify-content:stretch;gap:var(--space-sm);width:100%;margin-top:auto}.game-layout__action-area-slot--side .action-area-panel__actions-section .action-area-panel__right{flex:1;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:stretch;gap:var(--space-sm);min-width:0}.game-layout__action-area-slot--side .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button{flex:1 1 0;min-width:0}.game-layout__action-area-slot--side .action-area-panel__controls-section:has(.action-area-panel__mode-tabs){flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px}.game-layout__action-area-slot--side .action-area-panel__controls-section:has(.action-area-panel__mode-tabs) .action-area-panel__decision-center{flex:1;min-height:0}.game-layout__action-area-slot--side .action-area-panel__controls-section:has(.action-area-panel__mode-tabs) .action-area-panel__mode-and-bulk-row{flex:1 1 0;min-height:0}.game-layout__action-area-slot--side .action-area-panel__mode-and-bulk-row{flex-direction:row;width:100%;align-items:stretch;gap:var(--space-xs)}.game-layout__action-area-slot--side .action-area-panel__mode-and-bulk-row .action-area-panel__mode-tabs{flex:1 1 0;min-width:0;min-height:0;width:100%}.game-layout__action-area-slot--side .action-area-panel__mode-tabs--two-column-grid{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs)}.game-layout__action-area-slot--side .action-area-panel__mode-tabs--two-column-grid>.action-area-panel__mode-tab{width:100%}.game-layout__action-area-slot--side .action-area-panel__mode-tabs__second-column{flex-direction:row;align-items:stretch;width:100%;gap:var(--space-sm);flex:0 0 auto}.game-layout__action-area-slot--side .action-area-panel__mode-tabs__second-column>.action-area-panel__mode-tab{flex:1 1 0;min-width:0}.game-layout__action-area-slot--side .action-area-panel__mode-tabs__second-column>.action-area-panel__bulk-stair{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:var(--space-sm);min-width:0;min-height:0}.game-layout__action-area-slot--side .action-area-panel__mode-tabs__second-column .action-area-panel__bulk-stair-btn{flex:1 1 0;min-width:0}.game-layout__action-area-slot--side .action-area-panel__mode-tab,.game-layout__action-area-slot--side .action-area-panel__bulk-stair-btn{flex:1 1 0;min-width:0;height:auto;min-height:0;padding:1px var(--space-2xs);font-size:clamp(9px,2.6cqw,11px);border-width:1px;line-height:1.15;display:flex;align-items:center;justify-content:center}.game-layout__action-area-slot--side .action-area-panel__cards .selection-card-row{gap:var(--action-selection-card-gap, var(--space-xs))}.game-layout__action-area-slot--side .action-area-panel__right .action-area-panel__button{height:var(--action-button-min-height);min-height:var(--action-button-min-height);min-width:0;padding:var(--space-xs) var(--space-sm);font-size:var(--action-button-font-size)}.game-layout__action-area-slot--side .action-area-panel__decision-hint{max-height:1.8em;min-height:0;padding:0 var(--space-2xs)}.game-layout__action-area-slot--side .action-area-panel__decision-hint .action-area-panel__hint{font-size:clamp(9px,1vh,12px);line-height:1.2}.game-layout__action-area-slot--side .action-area-panel--reaction{min-width:0;max-width:none;height:100%;min-height:0;justify-content:stretch;overflow:hidden}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons{flex-direction:column;flex-wrap:nowrap;flex:1;min-height:0;width:100%;gap:var(--space-xs);justify-content:stretch}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{flex:1 1 0;min-height:clamp(18px,5.5vh,34px);min-width:0;width:100%;padding:2px var(--space-sm);font-size:clamp(9px,1vh,12px)}.game-layout.game-layout--portrait-body .game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-row--split{flex:1 1 0;min-height:0;min-width:0;width:100%;display:flex;flex-direction:row;gap:var(--space-xs);align-items:stretch}.game-layout.game-layout--portrait-body .game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-row--full{flex:1 1 0;min-height:0;min-width:0;width:100%;display:flex;align-items:stretch}.game-layout.game-layout--portrait-body .game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-row--split .action-area-panel__button{width:auto;flex:1 1 0}.game-layout.game-layout--portrait-body .game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-row--full .action-area-panel__button--through{width:100%;flex:1 1 0}.game-layout.game-layout--portrait-body .game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__reaction-buttons .action-area-panel__button{min-height:clamp(16px,5vh,32px);padding:2px var(--space-xs);font-size:clamp(8px,.95vh,11px)}.game-layout__action-area-slot--side .action-area-panel--reaction .action-area-panel__button--doubt .action-area-panel__button-sub{font-size:.7em}.game-layout__action-area-slot--side .action-area-panel__button{min-height:clamp(24px,8vh,44px);min-width:0;padding:var(--space-xs) var(--space-sm);font-size:clamp(10px,1.1vh,13px)}.game-layout__action-area-slot--side .action-area-panel__hint{font-size:clamp(11px,1.2vh,14px)}}.game-layout[data-layout-mode=mobile-portrait] .game-layout__main-area,.game-layout[data-layout-mode=mobile-portrait-wide] .game-layout__main-area{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"arena"}.game-layout[data-layout-mode=mobile-portrait] .play-area__center-and-events,.game-layout[data-layout-mode=mobile-portrait-wide] .play-area__center-and-events{grid-area:arena;min-height:0;min-width:0}.game-layout[data-layout-mode=mobile-portrait] .play-area__history-section,.game-layout[data-layout-mode=mobile-portrait-wide] .play-area__history-section,.game-layout[data-layout-mode=mobile-portrait] .play-area__main-penalty-row-spacer,.game-layout[data-layout-mode=mobile-portrait-wide] .play-area__main-penalty-row-spacer{display:none!important}.game-layout[data-layout-mode=mobile-portrait] .game-layout__portrait-field-column,.game-layout[data-layout-mode=mobile-portrait-wide] .game-layout__portrait-field-column,.game-layout.game-layout--portrait-body .game-layout__portrait-field-column{container-type:size;container-name:game-arena;--arena-viewport-short: min(100cqw, 100cqh)}.game-layout[data-layout-mode^=mobile-] .game-layout__main-area--portrait-field{position:relative}@container game-layout-shell (max-aspect-ratio: 1/1){.game-layout.game-layout--portrait-body{--layout-row-top: 3.45fr;--layout-row-middle: 5.18fr;--layout-row-hand: 1.55fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"portrait-stack";--player-seats-area-min-height: clamp(118px, 21cqh, 280px);--player-seats-area-padding: clamp(4px, .55cqh, 10px);--player-seat-stack-gap: clamp(3px, .5cqh, 9px);--player-seat-min-inline: clamp(48px, 42cqw, 120px);--player-seat-max-inline: clamp(100px, 96cqw, 720px);--player-seat-gap: var(--player-seat-stack-gap);--player-seat-bottom-gap: var(--player-seat-stack-gap);--player-seat-content-padding: clamp(2px, .38cqh, 7px);--player-seat-content-gap: clamp(2px, .35cqh, 5px);--player-seat-avatar-size: clamp(14px, 2.5cqh, 24px);--player-seat-row-first-height: clamp(14px, 2.5cqh, 24px);--player-seat-hand-height: clamp(14px, 2.2cqh, 26px);--player-seat-row-second-height: clamp(16px, 2.85cqh, 30px);--player-seat-mini-card-width: clamp(15px, 4.5cqw, 32px);--player-seat-mini-card-height: clamp(20px, 6cqw, 38px);--player-seat-mini-card-overlap: clamp(-14px, -1.9cqw, -7px);--player-seat-indicator-size: clamp(12px, 1.85cqh, 22px);--hand-area-min-height: clamp(72px, 10cqh, 104px);--portrait-hand-band-height: min(23dvh, 170px);--portrait-hand-band-inner-pad: clamp(36px, 6.8dvh, 50px);--portrait-hand-area-inner-cap: min( 156px, var(--portrait-hand-band-height) );--hand-area-max-height: var(--portrait-hand-band-height);--hand-area-height: var(--portrait-hand-area-inner-cap);--play-area-history-width: 0px;--play-area-events-width: 1fr;--play-area-penalty-width: clamp(56px, 14cqw, 92px);--hand-area-action-button-height: clamp(30px, 6.5cqh, 64px);--turn-order-max-size: min(64cqw, 46cqh, 252px);--played-cards-stack-scale-max: 4.5;--played-cards-stack-height-factor: .9;--played-cards-stack-width-factor: .94;--penalty-deck-label-size: clamp(6px, .88cqh, 11px);--penalty-deck-card-inline: clamp(44px, 7cqw, 78px);--penalty-deck-card-block: clamp(58px, 9cqw, 102px);--penalty-deck-count-size: clamp(12px, 1.9cqh, 19px);--penalty-deck-count-suffix-size: clamp(8px, 1.15cqh, 12px);--reaction-timer-size: clamp(52px, 6.4cqh, 88px);--reaction-timer-blur: clamp(4px, .65cqh, 9px);--reaction-timer-padding: clamp(4px, .65cqh, 9px);--reaction-timer-font-size: clamp( .65rem, calc(.92rem * var(--ui-font-scale)), 1.1rem );--reaction-timer-text-size: clamp( 13px, calc(20px * var(--ui-font-scale)), 28px );--reaction-timer-stroke-width: clamp( 3px, calc(5px * var(--ui-density-scale)), 7px );--overlay-line1-size: clamp(22px, min(10vw, 8svh), 56px);--overlay-line2-size: clamp(13px, min(5.5vw, 4.5svh), 30px);--overlay-title-size: clamp(16px, min(5.2vw, 4.2svh), 26px);--overlay-text-shadow-glow: clamp(3px, min(1.1vw, .95svh), 10px);--overlay-text-shadow-blur: clamp(5px, min(1.45vw, 1.15svh), 14px);--central-overlay-stack-offset-y: clamp(-34px, -min(5dvh, 6.5svh), -2px);--layout-overlay-safe-inset: clamp(10px, min(3.2vw, 2.6svh), 22px);--effect-announcement-max-inline: min(94vw, 520px);--effect-announcement-padding-block: clamp( 8px, min(2.6vw, 2.1svh), 18px );--effect-announcement-padding-inline: clamp( 12px, min(3.8vw, 3svh), 24px );--effect-announcement-radius: clamp(6px, min(1.2vw, 1svh), 12px);--effect-announcement-gap: clamp(6px, min(2vw, 1.6svh), 12px);--effect-announcement-rank-gap: clamp(4px, min(1.5vw, 1.2svh), 10px);--effect-announcement-rank-min-inline: clamp(30px, 9vw, 56px);--special-effect-cutin-padding-top: clamp(6px, 2.4svh, 18px);--special-effect-cutin-effects-gap: clamp( 8px, min(2.2vw, 1.9svh), 22px );--special-effect-cutin-effects-padding-inline: clamp(14px, 4.5vw, 44px);--special-effect-cutin-many-gap: clamp(6px, min(1.8vw, 1.5svh), 16px);--special-effect-cutin-many-max-width: min(92vw, 440px);--special-effect-cutin-many-max-height: min(72svh, 75vh);--overlay-announcement-message-size: clamp( 11px, min(3.4vw, 2.85svh), 17px )}.game-layout__player-seats-area{min-height:0;overflow:hidden;padding-bottom:var( --player-seats-area-padding, clamp(2px, .35cqh, 6px) )}.game-layout__player-seats-area>.player-seats-area{height:100%;max-height:100%;min-height:0;width:100%;align-self:stretch;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:stretch;justify-content:flex-start}.game-layout__player-seats-area .player-seats{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--player-seat-stack-gap, clamp(3px, .5cqh, 9px));width:100%;flex:1 1 0;min-height:0;height:100%;max-height:100%}.game-layout__player-seats-area .player-seat{flex:1 1 0;width:100%;min-width:0;max-width:none;min-height:0;height:auto;max-height:none;display:flex;flex-direction:column;align-items:stretch}.game-layout__player-seats-area .player-seat__content{flex:1 1 auto;min-height:0;width:100%;align-self:stretch}.play-area__history-section{display:none!important}.play-area__events-and-actions-panel{max-height:clamp(108px,27cqh,245px);min-height:0}.game-layout__action-area-slot--center{display:flex!important;min-width:0;flex:0 1 auto;width:100%;max-height:clamp(128px,34cqh,248px);overflow:hidden;align-items:stretch;justify-content:center;padding:var(--space-xs)}.game-layout__action-area-slot--center:has(.action-area-panel--reaction){max-height:clamp(108px,26cqh,220px);padding:clamp(2px,.35cqh,6px)}.game-layout__action-area-slot--center:has(.action-area-panel--rank-declaration){min-height:clamp(108px,26cqh,140px);max-height:clamp(128px,30cqh,160px)}.game-layout__action-area-slot--center .action-area-slot{min-width:0;width:100%;height:100%;max-height:100%;overflow:hidden;align-items:stretch}.game-layout__action-area-slot--center .action-area-panel{min-width:0;max-height:100%;overflow:hidden}.game-layout__action-area-slot--center .action-area-panel--decision{min-width:0;max-width:100%;width:100%;height:100%;min-height:0;box-sizing:border-box;justify-content:flex-start;--action-selection-card-max-width: clamp(30px, 9.2cqw, 42px);--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width);padding:clamp(2px,.4cqh,6px)}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__content{flex:1 1 auto;flex-direction:row;align-items:stretch;gap:var(--space-sm);min-height:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__left{flex:1 1 auto;flex-direction:column;align-items:stretch;gap:clamp(2px,.35cqh,4px);min-width:0;min-height:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__configure-zone{flex:0 0 auto;align-self:stretch;width:100%;min-width:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__work-zone{flex:1 1 0;min-width:0;min-height:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__decision-center{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:hidden}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__cards{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline-start:2px}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__cards .selection-card-row{justify-content:flex-start;gap:var(--action-selection-card-gap, var(--space-xs))}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__decision-hint{max-height:1.85em;min-height:0;padding:0 var(--space-2xs)}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__decision-hint .action-area-panel__hint{font-size:clamp(9px,2.9cqw,12px);line-height:1.2}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-and-bulk-row{align-self:stretch;width:100%;flex:0 0 auto;min-height:0;min-width:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-and-bulk-row .action-area-panel__mode-tabs{flex:0 0 auto;width:100%;min-width:0;min-height:0;align-self:stretch}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-tab,.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__bulk-stair-btn{flex:1 1 0;min-height:0;height:auto;min-width:0;width:auto;display:flex;align-items:center;justify-content:center;padding:1px var(--space-2xs);font-size:clamp(9px,2.6cqw,11px);border-width:1px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2px,.35cqw,4px);align-self:stretch;width:100%}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__face-column,.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column{flex-direction:row;gap:clamp(2px,.35cqw,4px);align-items:stretch;min-width:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-tabs--wide-horizontal-split .action-area-panel__mode-tabs__bulk-column>.action-area-panel__bulk-stair{flex-direction:row;gap:clamp(2px,.35cqw,4px);flex:1;align-items:stretch;min-width:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__actions-section{display:flex;flex-direction:column;align-self:stretch;min-height:0;flex-shrink:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__actions-section .action-area-panel__right{flex:1;min-height:0;flex-direction:column;gap:var(--space-xs);justify-content:stretch}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button{flex:1;min-height:0;min-width:clamp(72px,22cqw,120px);display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);font-size:var(--action-button-font-size)}.game-layout__action-area-slot--center .action-area-panel--four-stop .action-area-panel__actions-section,.game-layout__action-area-slot--center .action-area-panel--ten-discard .action-area-panel__actions-section,.game-layout__action-area-slot--center .action-area-panel--card-exchange .action-area-panel__actions-section{display:flex;flex-direction:column;align-self:stretch;min-height:0;flex-shrink:0}.game-layout__action-area-slot--center .action-area-panel--four-stop .action-area-panel__actions-section .action-area-panel__right,.game-layout__action-area-slot--center .action-area-panel--ten-discard .action-area-panel__actions-section .action-area-panel__right,.game-layout__action-area-slot--center .action-area-panel--card-exchange .action-area-panel__actions-section .action-area-panel__right{flex:1;min-height:0;flex-direction:column;gap:var(--space-xs)}.game-layout__action-area-slot--center .action-area-panel--four-stop .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button,.game-layout__action-area-slot--center .action-area-panel--ten-discard .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button,.game-layout__action-area-slot--center .action-area-panel--card-exchange .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button{flex:1;min-height:0;min-width:clamp(72px,22cqw,120px);display:flex;align-items:center;justify-content:center}.game-layout__action-area-slot--side{display:none!important}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar .game-layout__action-area-slot--side{display:flex!important}.game-layout__hand-area .hand{align-items:center}.game-layout__hand-area .hand__cards{align-items:flex-end;justify-content:flex-start;scroll-padding-inline:var(--space-sm)}.game-layout__hand-area .hand__cards[data-hand-scroll=locked]{justify-content:center}@media (max-width: 1199px){.game-layout__hand-area .hand__cards{--hand-cards-portrait-pad-bottom: clamp(6px, 1.2cqh, 12px);padding-top:var(--hand-cards-portrait-pad-top);padding-bottom:var(--hand-cards-portrait-pad-bottom);min-height:min(calc(var(--hand-card-min-height) + var(--hand-cards-portrait-pad-top) + var(--hand-cards-portrait-pad-bottom)),100%);max-height:100%;box-sizing:border-box}}}@container game-layout-shell (max-aspect-ratio: 1/1) and (min-width: 900px){.game-layout.game-layout--portrait-body{--layout-row-top: 3.42fr;--layout-row-middle: 5.32fr;--layout-row-hand: 1.44fr;--player-seats-area-min-height: clamp(128px, 17cqh, 320px);--player-seat-min-inline: clamp(96px, 26cqw, 220px);--player-seat-max-inline: clamp(140px, 92cqw, 720px);--portrait-hand-band-height: min(24dvh, 236px);--portrait-hand-band-inner-pad: clamp(42px, 7.2dvh, 68px);--portrait-hand-area-inner-cap: min( 216px, var(--portrait-hand-band-height) );--hand-area-max-height: var(--portrait-hand-band-height);--hand-area-height: var(--portrait-hand-area-inner-cap);--hand-area-min-height: clamp(80px, 9.5cqh, 118px);--hand-area-action-button-height: clamp(34px, 5.6cqh, 76px);--played-cards-stack-scale-max: 4.5;--played-cards-stack-height-factor: .88;--played-cards-stack-width-factor: .96;--played-cards-card-base-width: clamp(52px, 8.6cqw, 116px);--played-cards-card-base-height: clamp(73px, 12cqw, 162px);--played-cards-stage-max-inline: clamp(188px, 37cqw, 300px);--played-cards-stage-max-block: clamp(156px, 39cqh, 320px);--played-cards-empty-text-size: clamp(14px, 3.65cqh, 22px);--turn-order-min-size: clamp(156px, 34cqw, 292px);--turn-order-max-size: min(60cqw, 44cqh, 320px);--play-info-font-size: clamp(10px, 1.38cqh, 16px);--play-info-badge-font-size: clamp(9px, 1.18cqh, 14px);--play-info-panel-max-width: clamp(260px, 36cqw, 400px);--penalty-deck-card-inline: clamp(56px, 9.5cqw, 102px);--penalty-deck-card-block: clamp(72px, 12.5cqw, 132px);--penalty-deck-count-size: clamp(15px, 2.35cqh, 24px);--penalty-deck-label-size: clamp(8px, 1.12cqh, 14px);--penalty-deck-count-suffix-size: clamp(9px, 1.25cqh, 13px);--reaction-timer-size: clamp(64px, 8cqh, 112px);--reaction-timer-blur: clamp(5px, .72cqh, 10px);--reaction-timer-padding: clamp(5px, .72cqh, 10px);--reaction-timer-font-size: clamp( .72rem, calc(.98rem * var(--ui-font-scale)), 1.18rem );--reaction-timer-text-size: clamp( 16px, calc(24px * var(--ui-font-scale)), 32px );--reaction-timer-stroke-width: clamp( 3px, calc(5px * var(--ui-density-scale)), 8px );--central-overlay-stack-offset-y: clamp(-58px, -min(7.5dvh, 9.5svh), -5px)}.game-layout.game-layout--portrait-body .played-cards-area{--game-state-indicator-font-size: clamp(12px, 3cqh, 17px);--game-state-indicator-padding-block: clamp(5px, .95cqh, 10px);--game-state-indicator-padding-inline: clamp(9px, 2.2cqw, 17px);--game-state-indicator-min-width: clamp(78px, 30cqw, 188px);--game-state-indicator-min-height: clamp(30px, 4.2cqh, 48px)}.game-layout.game-layout--portrait-body .game-layout__portrait-seats-column{flex:0 0 min(42%,min(44vw,320px));width:min(42%,min(44vw,320px));max-width:min(46vw,340px);min-width:min(220px,52%)}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar:has(.action-area-slot){max-height:min(34dvh,280px)}.game-layout.game-layout--portrait-body .game-layout__action-area-slot--side .action-area-panel--decision,.game-layout.game-layout--portrait-body .game-layout__action-area-slot--center .action-area-panel--decision{--action-selection-card-max-width: clamp(44px, 11cqw, 76px);--action-selection-card-width: var(--action-selection-card-max-width);--selection-card-width: var(--action-selection-card-width)}}.game-layout.game-layout--portrait-body .special-effect-cutin,.game-layout.game-layout--portrait-body .doubt-overlay,.game-layout.game-layout--portrait-body .doubt-result-overlay,.game-layout.game-layout--portrait-body .four-stop-overlay,.game-layout.game-layout--portrait-body .four-stop-card-selection-overlay,.game-layout.game-layout--portrait-body .pass-overlay,.game-layout.game-layout--portrait-body .finished-player-display,.game-layout.game-layout--portrait-body .special-effect-announcement{transform:translateY(var(--central-overlay-stack-offset-y, 0))}@container game-layout-shell (max-aspect-ratio: 1/1) and (max-height: 520px){.game-layout.game-layout--portrait-body{--overlay-line1-size: clamp(20px, min(9vw, 7svh), 50px);--overlay-line2-size: clamp(12px, min(5vw, 4svh), 26px);--overlay-title-size: clamp(14px, min(4.8vw, 3.8svh), 22px);--overlay-text-shadow-glow: clamp(2px, min(1vw, .85svh), 9px);--overlay-text-shadow-blur: clamp(4px, min(1.3vw, 1svh), 12px);--layout-overlay-safe-inset: clamp(8px, min(2.8vw, 2.2svh), 18px);--special-effect-cutin-padding-top: clamp(4px, 2svh, 14px);--special-effect-cutin-effects-gap: clamp(6px, min(2vw, 1.6svh), 18px);--special-effect-cutin-many-max-height: min(68svh, 70vh);--overlay-announcement-message-size: clamp( 10px, min(3.2vw, 2.6svh), 15px );--layout-row-top: 2.95fr;--layout-row-middle: 5.56fr;--layout-row-hand: 1.5fr;grid-template-rows:minmax(0,1fr);grid-template-areas:"portrait-stack";--portrait-hand-band-height: min(23dvh, 164px);--portrait-hand-band-inner-pad: clamp(34px, 6.5dvh, 50px);--portrait-hand-area-inner-cap: min( 152px, var(--portrait-hand-band-height) );--hand-area-max-height: var(--portrait-hand-band-height);--hand-area-height: var(--portrait-hand-area-inner-cap);--player-seats-area-min-height: clamp(100px, 17.5cqh, 210px);--player-seat-min-inline: clamp(44px, 40cqw, 100px);--player-seat-max-inline: clamp(90px, 94cqw, 640px);--player-seat-avatar-size: clamp(12px, 2.2cqh, 20px);--player-seat-row-first-height: clamp(12px, 2.2cqh, 20px);--hand-area-min-height: clamp(64px, 9cqh, 92px);--turn-order-max-size: min(58cqw, 42cqh, 232px);--reaction-timer-size: clamp(46px, 5.8cqh, 76px);--penalty-deck-card-inline: clamp(38px, 6.2cqw, 68px);--penalty-deck-card-block: clamp(52px, 8cqw, 92px)}.play-area__events-and-actions-panel{max-height:clamp(96px,25cqh,210px)}.game-layout__action-area-slot--center{max-height:clamp(118px,28cqh,220px)}.game-layout__action-area-slot--center:has(.action-area-panel--reaction){max-height:clamp(100px,24cqh,200px)}}@media (min-width: 1200px){.game-layout__action-area-slot--center{display:flex;min-width:0;flex:0 1 auto;max-height:clamp(90px,32cqh,220px);overflow:hidden}.game-layout__action-area-slot--center:has(.action-area-panel--decision:not(.action-area-panel--four-stop):not(.action-area-panel--seven-pass):not(.action-area-panel--ten-discard):not(.action-area-panel--card-exchange)){min-height:clamp(112px,16cqh,168px);max-height:clamp(140px,30cqh,260px)}.game-layout__action-area-slot--center:has(.action-area-panel--reaction){max-height:clamp(118px,34cqh,240px)}.game-layout__action-area-slot--center:has(.action-area-panel--rank-declaration){min-height:clamp(110px,16cqh,150px);max-height:clamp(130px,22cqh,180px)}.game-layout__action-area-slot--center .action-area-slot{min-width:0;width:100%;height:100%;max-height:100%;overflow:hidden;align-items:stretch}.game-layout__action-area-slot--center .action-area-panel{min-width:0;max-height:100%;overflow:hidden}.game-layout__action-area-slot--center .action-area-panel--decision{height:100%;min-height:0;box-sizing:border-box;justify-content:flex-start}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__content{flex:1 1 auto;min-height:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__decision-center{min-height:0;overflow-x:hidden;overflow-y:hidden}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-and-bulk-row{align-self:stretch;min-height:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-and-bulk-row .action-area-panel__mode-tabs{flex:1 1 0;min-width:0;min-height:0;align-self:stretch}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-tab,.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__bulk-stair-btn{flex:1 1 0;min-height:max(44px,var(--action-button-min-height));height:auto;display:flex;align-items:center;justify-content:center;font-size:var(--action-button-font-size-lg)}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__mode-and-bulk-row{flex-shrink:0;min-width:clamp(112px,12cqw,168px)}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__actions-section{flex-shrink:0;min-width:clamp(108px,12cqw,156px)}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__decision-center{flex:1 1 0;min-width:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__actions-section{display:flex;flex-direction:column;align-self:stretch;min-height:0}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__actions-section .action-area-panel__right{flex:1;min-height:0;gap:var(--space-sm)}.game-layout__action-area-slot--center .action-area-panel--decision .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button{flex:1;min-height:max(48px,var(--action-button-min-height));display:flex;align-items:center;justify-content:center;font-size:var(--action-button-font-size-lg)}.game-layout__action-area-slot--center .action-area-panel--four-stop .action-area-panel__actions-section,.game-layout__action-area-slot--center .action-area-panel--ten-discard .action-area-panel__actions-section,.game-layout__action-area-slot--center .action-area-panel--card-exchange .action-area-panel__actions-section{display:flex;flex-direction:column;align-self:stretch;min-height:0;flex-shrink:0}.game-layout__action-area-slot--center .action-area-panel--four-stop .action-area-panel__actions-section .action-area-panel__right,.game-layout__action-area-slot--center .action-area-panel--ten-discard .action-area-panel__actions-section .action-area-panel__right,.game-layout__action-area-slot--center .action-area-panel--card-exchange .action-area-panel__actions-section .action-area-panel__right{flex:1;min-height:0;gap:var(--space-sm)}.game-layout__action-area-slot--center .action-area-panel--four-stop .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button,.game-layout__action-area-slot--center .action-area-panel--ten-discard .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button,.game-layout__action-area-slot--center .action-area-panel--card-exchange .action-area-panel__actions-section .action-area-panel__right .action-area-panel__button{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.game-layout__action-area-slot--side{display:none!important}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar .game-layout__action-area-slot--side{display:flex!important}}.game-layout__main-and-hand-wrapper{grid-area:main-hand;grid-row:2 / 4;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,var(--play-area-history-width, clamp(110px, 12cqw, 170px))) minmax(0,1fr) minmax(0,var(--play-area-events-width, clamp(140px, 15cqw, 220px))) minmax(0,var(--play-area-penalty-width, clamp(95px, 10.5cqw, 145px)));grid-template-rows:minmax(0,var(--layout-row-middle)) minmax(var(--hand-area-min-height),var(--layout-row-hand));gap:var(--play-area-gap, clamp(3px, .5cqh, 8px));min-height:0;min-width:0;position:relative}.game-layout:not(.game-layout--portrait-body) .game-layout__main-and-hand-wrapper>.game-layout__main-area{grid-column:1 / -1;grid-row:1}.game-layout:not(.game-layout--portrait-body) .game-layout__main-and-hand-wrapper>.game-layout__hand-area{grid-column:1 / -1;grid-row:2}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper{grid-area:portrait-stack;grid-row:1 / -1;grid-column:1 / -1;grid-template-columns:minmax(0,1fr);padding-top:0;gap:0;box-sizing:border-box;min-height:0;grid-template-rows:auto minmax(0,1fr) auto minmax(min(84px,12cqh),var(--portrait-hand-band-height))}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band):has(.game-layout__arena-seats--mid-column){grid-template-rows:var(--portrait-row1-opponent-band-height) var(--portrait-mid-column-three-stack-height) minmax(clamp(72px,10svh,132px),1fr) minmax(min(84px,12cqh),var(--portrait-hand-band-height))}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band):not(:has(.game-layout__arena-seats--mid-column)){grid-template-rows:var(--portrait-row1-opponent-band-height) minmax(var(--portrait-row2-field-only-height),1fr) auto minmax(min(84px,12cqh),var(--portrait-hand-band-height))}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band):not(:has(.game-layout__arena-seats--mid-column)) .game-layout__portrait-row--3-action{height:auto}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper[data-portrait-seat-layout=wide-two-bands]:has(.game-layout__portrait-seats-top-band):not(:has(.game-layout__arena-seats--mid-column)){grid-template-rows:var(--portrait-row1-opponent-band-height) var(--portrait-row1-opponent-band-height) minmax(clamp(72px,10svh,132px),1fr) minmax(clamp(72px,10svh,132px),auto) minmax(min(84px,12cqh),var(--portrait-hand-band-height))}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper[data-portrait-seat-layout=wide-two-bands] .game-layout__portrait-row--2-field-seats{grid-row:3}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper[data-portrait-seat-layout=wide-two-bands] .game-layout__portrait-row--3-action{grid-row:4;justify-content:flex-end}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper[data-portrait-seat-layout=wide-two-bands]>.game-layout__hand-area{grid-row:5}.game-layout.game-layout--portrait-body .game-layout__portrait-row--1b-second-band{grid-column:1 / -1;grid-row:2;overflow:hidden;width:100%;min-height:0;display:flex;flex-direction:column}.game-layout.game-layout--portrait-body .game-layout__portrait-seats-second-band{flex:1 1 auto;width:100%;min-height:0;display:flex;flex-direction:column}.game-layout.game-layout--portrait-body .game-layout__arena-seats--second-row{flex:1 1 auto;min-height:0;height:100%;width:100%;overflow:hidden}.game-layout.game-layout--portrait-body .game-layout__portrait-row{grid-column:1 / -1;min-height:0;min-width:0}.game-layout.game-layout--portrait-body .game-layout__portrait-row--1-seats{grid-row:1;overflow:hidden;width:100%}.game-layout.game-layout--portrait-body .game-layout__portrait-row--1-seats:has(.game-layout__portrait-seats-top-band){display:flex;flex-direction:column;min-height:0;align-self:stretch}.game-layout.game-layout--portrait-body .game-layout__portrait-row--2-field-seats{grid-row:2;min-height:0;display:flex;flex-direction:row;align-items:stretch;gap:clamp(4px,1.2cqw,10px);overflow:hidden;width:100%}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-row--2-field-seats{height:100%;min-height:0}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-seats-column{align-self:stretch;height:100%;min-height:0;max-height:none}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band):has(.game-layout__arena-seats--mid-column) .game-layout__portrait-row--3-action{justify-content:flex-end}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-row--3-action{display:flex;flex-direction:column;min-height:0;height:100%;align-self:stretch}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-action-bar{flex:0 1 auto;min-height:0;max-height:min(38dvh,320px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-action-bar:has(.action-area-slot){max-height:min(38dvh,320px)}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-action-bar:has(.action-area-slot) .game-layout__action-area-slot--side,.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-action-bar:has(.action-area-slot) .game-layout__action-area-slot--center{flex:0 1 auto;min-height:0}.game-layout.game-layout--portrait-body .game-layout__portrait-row--3-action{grid-row:3;min-height:0;width:100%}.game-layout.game-layout--portrait-body .game-layout__portrait-seats-top-band{flex:1 1 auto;width:100%;min-height:0;height:100%;display:flex;flex-direction:column;padding-bottom:0;box-sizing:border-box}.game-layout.game-layout--portrait-body .game-layout__arena-seats--top-row{flex:1 1 auto;min-height:0;height:100%;max-height:none;display:flex;flex-direction:column;overflow:hidden}.game-layout.game-layout--portrait-body .game-layout__portrait-field-column{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-layout.game-layout--portrait-body .game-layout__portrait-field-column>.game-layout__main-area{flex:1 1 auto;min-height:0;min-width:0}.game-layout.game-layout--portrait-body .game-layout__portrait-seats-column{flex:0 0 min(40%,176px);width:min(40%,176px);max-width:min(42vw,176px);min-width:min(104px,30vw);min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-layout.game-layout--portrait-body .game-layout__arena-seats--mid-column{flex:1 1 0;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar{flex:0 0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;border-top:none;padding-top:0;padding-bottom:0}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar:has(.action-area-slot){min-height:clamp(40px,max(6cqh,8svh),72px);max-height:min(28dvh,168px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar:has(.action-area-slot) .game-layout__action-area-slot--side,.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar:has(.action-area-slot) .game-layout__action-area-slot--center{width:100%;max-width:none;flex:1 1 auto;min-height:0;max-height:100%;min-width:0}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar .action-area-panel{min-height:0;max-height:100%;box-sizing:border-box}.game-layout.game-layout--portrait-body .played-cards-area__stack-stage{align-items:center;justify-content:center;padding-bottom:clamp(2px,1cqh,12px)}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot{min-width:0;min-height:0;overflow:visible;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box;pointer-events:none;padding:clamp(2px,.3cqh,4px) clamp(2px,.35cqw,5px);position:absolute;z-index:2}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot>*{pointer-events:auto}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat{min-width:0;min-height:0;flex:1 1 auto;height:100%;max-height:none;overflow:hidden;width:100%}.game-layout.game-layout--portrait-body .portrait-seat-overlay-slot .player-seat__content{min-height:0}.game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper>.game-layout__hand-area{grid-row:4;grid-column:1 / -1}.game-layout.game-layout--portrait-body .game-layout__hand-area{height:100%;min-height:0;max-height:100%;box-sizing:border-box;overflow-x:clip;overflow-y:visible;padding-top:0;gap:clamp(0px,.25cqh,4px);padding-inline:clamp(3px,.5cqw,8px);padding-bottom:calc(clamp(4px,.55cqh,8px) + env(safe-area-inset-bottom,0px))}.game-layout.game-layout--portrait-body .game-layout__hand-area-content .hand-area{flex:1 1 auto;min-height:0;height:auto;max-height:100%}.game-layout.game-layout--portrait-body .play-area__hand-area{height:100%;min-height:0;max-height:100%;box-sizing:border-box}.game-layout.game-layout--portrait-body .game-layout__hand-area-content .hand-area{padding-top:0;padding-bottom:clamp(2px,.35cqh,6px)}.game-layout__main-area{grid-area:unset;position:relative;z-index:25;min-height:0;min-width:0;overflow:visible;background:#1e293b;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,var(--play-area-history-width, clamp(110px, 12cqw, 170px))) minmax(0,1fr) minmax(0,var(--play-area-events-width, clamp(140px, 15cqw, 220px))) minmax(0,var(--play-area-penalty-width, clamp(95px, 10.5cqw, 145px)));grid-template-rows:minmax(0,1fr);grid-template-areas:"history center-events center-events penalty";gap:var(--play-area-gap, clamp(3px, .5cqh, 8px));padding:var(--play-area-padding-block, clamp(3px, .4cqh, 6px)) var(--play-area-padding-inline, clamp(5px, .7cqw, 10px))}.game-layout__hand-area:has(.hand__card-wrapper--discard-lift,.hand__card-wrapper--arrival-offset,.hand__card-wrapper--qb-lift){z-index:30}.game-layout:not(.game-layout--portrait-body) .game-layout__main-area{--play-area-center-max: min(720px, 92cqw);--play-area-side-rail-max: min( 100%, var(--play-area-events-width, clamp(140px, 15cqw, 220px)) );grid-template-columns:minmax(0,1fr) minmax(0,min(100%,var(--play-area-center-max))) minmax(0,1fr);grid-template-areas:"rail-left center rail-right";align-items:stretch}.game-layout:not(.game-layout--portrait-body) .play-area__center-and-events:not(.play-area__center-and-events--field-only){display:contents}.game-layout:not(.game-layout--portrait-body) .play-area__history-section{grid-area:rail-left;justify-self:end;align-self:stretch;width:100%;max-width:var(--play-area-history-width, clamp(110px, 12cqw, 170px))}.game-layout:not(.game-layout--portrait-body) .game-layout__center-column{grid-area:center;justify-self:center;width:100%;max-width:var(--play-area-center-max);min-width:0}.game-layout:not(.game-layout--portrait-body) .play-area__events-and-actions-panel{grid-area:rail-right;justify-self:start;align-self:start;width:100%;max-width:var(--play-area-events-width, clamp(140px, 15cqw, 220px));min-width:0}.game-layout:not(.game-layout--portrait-body) .play-area__penalty-deck-section--main{display:none!important}.game-layout.game-layout--portrait-body .play-area__main-penalty-row-spacer{display:none!important}.game-layout.game-layout--portrait-body .game-layout__main-area{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"history" "center-events" "penalty"}.game-layout.game-layout--portrait-body .game-layout__hand-area .hand-area{--portrait-hand-card-max-block: max( 54px, calc( var(--portrait-hand-band-height) - var(--portrait-hand-band-inner-pad) ) );--card-hand-height: min( clamp( 54px, min(30cqh, 24vmin), min(148px, var(--portrait-hand-card-max-block)) ), calc(42cqw / .714) );--card-hand-width: calc(var(--card-hand-height) * .714);--hand-card-min-height: var(--card-hand-height)}.game-layout.game-layout--portrait-body .hand-area .hand-area__board-row{flex:1 1 auto;min-height:0;max-height:100%;align-items:stretch;overflow-x:clip;overflow-y:visible;position:relative;z-index:2}.game-layout.game-layout--portrait-body .hand-area__hand-column{min-height:0;max-height:100%;justify-content:flex-end;align-self:stretch;width:100%}.game-layout.game-layout--portrait-body .hand-area .hand-area__player-info{position:relative;z-index:1;flex-shrink:1;min-height:0;overflow:hidden;min-height:clamp(22px,2.6cqh,30px);gap:clamp(4px,.55cqw,12px);padding-block:clamp(0px,.15cqh,3px)}.game-layout.game-layout--portrait-body .hand-area__player-info .hand-area__player-avatar{width:min(30px,calc(var(--card-hand-height) * .24));height:min(30px,calc(var(--card-hand-height) * .24));max-width:30px;max-height:30px}.game-layout.game-layout--portrait-body .hand-area__player-info .hand-area__player-name{font-size:clamp(9px,calc(var(--card-hand-height) * .11),14px)}.game-layout.game-layout--portrait-body .hand-area__player-info .hand-area__meta-item{font-size:clamp(9px,calc(var(--card-hand-height) * .095),13px)}.game-layout.game-layout--portrait-body .hand-area .hand{flex:1 1 auto;height:auto;min-height:0;max-height:100%}.game-layout.game-layout--portrait-body .hand-area .hand__cards{height:auto;min-height:0;max-height:100%;flex:0 1 auto;margin-top:0;padding-top:var(--hand-cards-portrait-pad-top)}@media (max-width: 390px) and (max-height: 720px) and (orientation: portrait){.game-layout.game-layout--portrait-body{--portrait-hand-band-height: min(20dvh, 138px);--portrait-hand-band-inner-pad: clamp(28px, 5.8dvh, 40px);--portrait-hand-area-inner-cap: min( 128px, var(--portrait-hand-band-height) );--hand-area-height: var(--portrait-hand-area-inner-cap)}.game-layout.game-layout--portrait-body .game-layout__hand-area{padding-top:clamp(1px,.28cqh,4px);padding-bottom:clamp(1px,.28cqh,4px)}.game-layout.game-layout--portrait-body .game-layout__hand-area-content .hand-area{--hand-area-padding-block: clamp(1px, .22cqh, 3px)}.game-layout.game-layout--portrait-body .hand-area .hand-area__player-info{min-height:clamp(18px,2cqh,24px);gap:clamp(2px,.45cqw,8px);padding-block:0}.game-layout.game-layout--portrait-body .game-layout__portrait-action-bar:has(.action-area-slot){max-height:min(36dvh,200px)}}.game-layout.game-layout--portrait-body .play-area__center-and-events{grid-area:center-events}@media (orientation: landscape) and (max-width: 1199px){.game-layout:not(.game-layout--portrait-body) .game-layout__main-area{--play-area-side-column-width: clamp(200px, 26cqw, 340px)}.game-layout:not(.game-layout--portrait-body) .play-area__history-section{max-width:min(var(--play-area-side-column-width),var(--play-area-history-width, clamp(110px, 12cqw, 170px)))}}@media (max-width: 480px){.play-area__center-and-events{--play-area-events-width: clamp(200px, 28cqw, 260px)}}@media (orientation: landscape) and (max-height: 500px){.play-area__center-and-events{--play-area-events-width: clamp(180px, 18cqw, 280px)}}.game-layout--revolution .game-layout__main-area{background:#4a1f1f}.game-layout__hand-area{grid-area:hand-area;position:relative;min-height:0;min-width:0;overflow:visible;z-index:20;padding:var(--play-area-padding-block, clamp(3px, .4cqh, 6px)) var(--play-area-padding-inline, clamp(5px, .7cqw, 10px));box-sizing:border-box;height:100%;display:flex;flex-direction:row;align-items:stretch;gap:var(--play-area-gap, clamp(3px, .5cqh, 8px))}.game-layout__hand-area-penalty{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;width:clamp(70px,12cqw,120px);overflow:hidden}.game-layout__hand-area-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.game-layout__hand-area-timer{display:none!important}@media (max-width: 1199px){.game-layout{gap:0}.game-layout{--play-history-padding: clamp(1px, .2cqh, 4px);--play-history-gap: clamp(1px, .25cqh, 4px);--play-history-item-padding-block: var(--space-2xs);--play-history-item-padding-inline: var(--space-2xs);--play-history-card-gap: clamp(1px, .2cqh, 3px);--play-history-info-gap: clamp(1px, .2cqh, 3px);--play-history-title-size: clamp(8px, 1cqh, 11px);--play-history-player-name-size: clamp(10px, 1.2cqh, 14px);--play-history-label-font: clamp(6px, .7cqh, 9px);--play-history-label-size: clamp(8px, .9cqh, 9px);--play-history-summary-size: clamp(9px, 1cqh, 10px);--play-history-joker-font: clamp(5px, .6cqh, 8px);--play-history-more-font: clamp(4px, .5cqh, 7px);--play-history-item-min-inline: clamp(32px, 4.5cqw, 52px)}.game-layout__hand-area-timer{display:none!important}.game-layout__hand-area-content{flex:1 1 auto;min-width:0;width:100%}.play-area__penalty-deck-section--main{display:none!important}.game-layout__hand-area{padding:clamp(2px,.35cqh,5px) clamp(4px,.6cqw,8px);gap:clamp(4px,.6cqh,10px)}.game-layout.game-layout--portrait-body .game-layout__hand-area .hand__cards{padding-top:var(--hand-cards-portrait-pad-top);min-height:0}.game-layout__hand-area-content .hand-area{padding-inline:clamp(3px,.5cqw,8px);padding-block:clamp(2px,.3cqh,4px)}.game-layout__hand-area-penalty{width:clamp(55px,9cqw,95px);flex-direction:column;align-items:stretch;container-type:size;container-name:hand-area-penalty}.game-layout__hand-area-penalty .penalty-deck,.game-layout__hand-area-penalty .play-area__penalty-deck{flex:1;min-height:0;width:100%;height:100%;--penalty-deck-card-inline: clamp(24px, 42cqw, 48px);--penalty-deck-label-size: clamp(7px, 1.2cqh, 16px);--penalty-deck-gap: clamp(2px, .35cqh, 6px);--penalty-deck-padding: clamp(2px, .35cqh, 6px)}.game-layout__hand-area-penalty .penalty-deck__card-inner .card__count{gap:clamp(0px,.3cqh,2px)}.game-layout__hand-area-penalty .penalty-deck__card-inner .card__count:after{margin-top:clamp(0px,.2cqh,2px)}.game-layout__hand-area-penalty .penalty-deck__container{width:var(--penalty-deck-card-inline);max-width:100%;aspect-ratio:5 / 7;height:auto;max-height:100%}}@media (min-width: 1230px){.game-layout__hand-area-penalty,.game-layout__hand-area-timer{display:none!important}.play-area__penalty-deck-section--main{display:flex}.game-layout__hand-area{width:100%;justify-content:stretch}.game-layout__hand-area-content{flex:1 1 0;min-width:0;width:100%}}@container game-layout-shell (max-width: 1199px){.game-layout{gap:0}.game-layout__hand-area-timer,.play-area__penalty-deck-section--main{display:none!important}.game-layout__hand-area{padding:clamp(2px,.35cqh,5px) clamp(4px,.6cqw,8px);gap:clamp(4px,.6cqh,10px)}.game-layout__hand-area-content{flex:1 1 auto;min-width:0;width:100%}.game-layout.game-layout--portrait-body .game-layout__hand-area-penalty,.game-layout.game-layout--portrait-body .game-layout__hand-area-timer{display:none!important}}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body{--portrait-row1-opponent-band-height: 12dvh;--portrait-row2-field-only-height: 30dvh;--portrait-hand-band-height: min(27dvh, 178px);--portrait-hand-band-inner-pad: clamp(26px, 4.8dvh, 36px);--portrait-hand-area-inner-cap: min( 150px, var(--portrait-hand-band-height) );--hand-area-max-height: var(--portrait-hand-band-height);--hand-area-height: var(--portrait-hand-area-inner-cap);--hand-area-min-height: clamp(68px, 10.5cqh, 98px);--turn-order-max-size: min(52cqw, 38cqh, 204px);--turn-order-min-size: clamp(120px, 28cqw, 220px);--played-cards-card-base-width: clamp(44px, 7cqw, 88px);--played-cards-card-base-height: clamp(62px, 9.8cqw, 122px);--played-cards-stage-max-inline: clamp(150px, 30cqw, 220px);--played-cards-stage-max-block: clamp(120px, 32cqh, 200px);--penalty-deck-card-inline: clamp(40px, 6.5cqw, 72px);--penalty-deck-card-block: clamp(54px, 8.5cqw, 98px);--penalty-deck-count-size: clamp(11px, 1.75cqh, 17px);--reaction-timer-size: clamp(48px, 6cqh, 72px);--play-info-font-size: clamp(8px, 1.05cqh, 12px);--play-info-badge-font-size: clamp(7px, .9cqh, 11px)}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-action-bar,:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band) .game-layout__portrait-action-bar:has(.action-area-slot){max-height:min(26dvh,188px)}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band):has(.game-layout__arena-seats--mid-column){grid-template-rows:var(--portrait-row1-opponent-band-height) var(--portrait-mid-column-three-stack-height) minmax(clamp(58px,8svh,104px),1fr) minmax(min(78px,10.5cqh),var(--portrait-hand-band-height))}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__main-and-hand-wrapper:has(.game-layout__portrait-seats-top-band):not(:has(.game-layout__arena-seats--mid-column)){grid-template-rows:var(--portrait-row1-opponent-band-height) minmax(var(--portrait-row2-field-only-height),1fr) auto minmax(min(78px,10.5cqh),var(--portrait-hand-band-height))}@container game-layout-shell (max-aspect-ratio: 1/1){:root[data-hand-size=compact] .game-layout.game-layout--portrait-body{--layout-row-top: 2.65fr;--layout-row-middle: 4.35fr;--layout-row-hand: 2.35fr;--player-seats-area-min-height: clamp(96px, 18cqh, 200px);--portrait-hand-band-height: min(27dvh, 172px);--portrait-hand-band-inner-pad: clamp(26px, 4.8dvh, 36px);--portrait-hand-area-inner-cap: min( 146px, var(--portrait-hand-band-height) );--hand-area-max-height: var(--portrait-hand-band-height);--hand-area-height: var(--portrait-hand-area-inner-cap)}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__action-area-slot--center{max-height:clamp(104px,26cqh,200px)}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__action-area-slot--center:has(.action-area-panel--reaction){max-height:clamp(92px,23cqh,180px)}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__action-area-slot--center:has(.action-area-panel--rank-declaration){min-height:clamp(96px,23cqh,128px);max-height:clamp(112px,27cqh,148px)}.play-area__events-and-actions-panel{max-height:clamp(88px,22cqh,190px)}}@container game-layout-shell (max-aspect-ratio: 1/1) and (max-height: 520px){:root[data-hand-size=compact] .game-layout.game-layout--portrait-body{--portrait-hand-band-height: min(26dvh, 162px);--portrait-hand-area-inner-cap: min( 142px, var(--portrait-hand-band-height) );--layout-row-top: 2.55fr;--layout-row-middle: 4.5fr;--layout-row-hand: 2.4fr}}@media (max-width: 390px) and (max-height: 720px) and (orientation: portrait){:root[data-hand-size=compact] .game-layout.game-layout--portrait-body{--portrait-hand-band-height: min(27dvh, 172px);--portrait-hand-band-inner-pad: clamp(26px, 4.8dvh, 36px);--portrait-hand-area-inner-cap: min( 148px, var(--portrait-hand-band-height) );--hand-area-height: var(--portrait-hand-area-inner-cap)}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .game-layout__portrait-action-bar:has(.action-area-slot){max-height:min(26dvh,180px)}:root[data-hand-size=compact] .game-layout.game-layout--portrait-body .hand-area__player-info{min-height:clamp(16px,1.85cqh,22px);gap:clamp(2px,.4cqw,6px)}}