.scoreboard{width:100%;background:rgba(0,0,0,.4);padding:10px 12px;border-radius:8px;font-size:14px;box-sizing:border-box}.scoreboard h3{margin:0 0 6px;font-size:20px;font-weight:600}.scoreboard ul{list-style:none;padding:0;margin:0}.scoreboard li{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:3px 0}.scoreboard .score.pos{color:#5dd57a}.scoreboard .score.neg{color:#f88}.perimeter-wall{position:absolute;inset:0;pointer-events:none}.perimeter-wall-side{position:absolute;display:-webkit-flex;display:flex}.perimeter-wall-side.bottom{bottom:25%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.perimeter-wall-side.bottom,.perimeter-wall-side.top{left:50%;-webkit-flex-direction:row;flex-direction:row}.perimeter-wall-side.top{top:25%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.perimeter-wall-side.left{left:25%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.perimeter-wall-side.left,.perimeter-wall-side.right{top:50%;-webkit-flex-direction:row;flex-direction:row}.perimeter-wall-side.right{right:25%;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.stack{position:relative;height:var(--wall-stack-h);margin:0 calc(var(--wall-tile-w)*-0.083)}.stack,.wall-slot{width:var(--wall-tile-w)}.wall-slot{position:absolute;height:var(--wall-tile-h);display:block;left:0;top:0}.wall-slot:first-child{z-index:20}.wall-slot:nth-child(2){z-index:10;-webkit-filter:brightness(.85);filter:brightness(.85)}.perimeter-wall-side.bottom .wall-slot:nth-child(2),.perimeter-wall-side.top .wall-slot:nth-child(2){top:calc(var(--wall-tile-h)*-0.0625);left:calc(var(--wall-tile-w)*0.0833)}.perimeter-wall-side.left .wall-slot:nth-child(2),.perimeter-wall-side.right .wall-slot:nth-child(2){top:calc(var(--wall-tile-h)*-0.0625)}.wall-slot.empty{background:transparent}.wall-slot.highlight{-webkit-filter:drop-shadow(0 0 12px #527aff);filter:drop-shadow(0 0 12px #527aff);-webkit-animation:pulse-blue 1.4s ease-in-out infinite;animation:pulse-blue 1.4s ease-in-out infinite}@-webkit-keyframes pulse-blue{0%,to{-webkit-filter:drop-shadow(0 0 8px #527aff);filter:drop-shadow(0 0 8px #527aff)}50%{-webkit-filter:drop-shadow(0 0 16px #527aff);filter:drop-shadow(0 0 16px #527aff)}}@keyframes pulse-blue{0%,to{-webkit-filter:drop-shadow(0 0 8px #527aff);filter:drop-shadow(0 0 8px #527aff)}50%{-webkit-filter:drop-shadow(0 0 16px #527aff);filter:drop-shadow(0 0 16px #527aff)}}.wall-slot.clickable{pointer-events:auto;cursor:pointer}.perimeter-wall-side.left .wall-slot:first-child,.perimeter-wall-side.right .wall-slot:first-child{left:calc(var(--wall-tile-w)*-0.0833)}.center-discards{position:absolute;inset:0;pointer-events:none;z-index:2}.pile{position:absolute;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;align-content:flex-start;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;padding:4px;box-sizing:border-box;background:rgba(0,0,0,.08);border-radius:4px;width:28vmin;max-height:18vmin}.pile-bottom{bottom:calc(25% + 8vmin);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pile-top{top:calc(25% + 8vmin);left:50%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.pile-left{left:calc(25% + 13vmin);top:50%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.pile-right{right:calc(25% + 13vmin);top:50%;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.discard-tile{width:var(--discard-tile-w);height:auto;margin:0 calc(var(--discard-tile-w)*-0.0625)}.discard-highlight{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:4;pointer-events:none;-webkit-filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}.discard-highlight img{width:calc(var(--discard-tile-w)*3);height:auto;display:block}.player-section{position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:4px;gap:4px}.player-section.self{bottom:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.player-section.other.right{right:1rem;top:50%;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.player-section.other.top{top:1rem;left:50%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.player-section.other.left{left:1rem;top:50%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.meta-row{display:-webkit-flex;display:flex;grid-gap:12px;gap:12px;font-size:13px;-webkit-align-items:center;align-items:center}.player-section.other.top .meta-row{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hand-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.tile{width:var(--hand-tile-w);height:auto;margin:0 calc(var(--hand-tile-w)*-0.11);cursor:pointer;transition:-webkit-filter .15s,-webkit-transform .15s;transition:filter .15s,transform .15s;transition:filter .15s,transform .15s,-webkit-filter .15s,-webkit-transform .15s;position:relative}.player-section.self .tile{width:var(--self-hand-tile-w);margin:0 calc(var(--self-hand-tile-w)*-0.11)}.player-section.other .tile{width:var(--other-hand-tile-w);margin:0 calc(var(--other-hand-tile-w)*-0.11)}.tile:hover{-webkit-filter:drop-shadow(0 0 8px #527aff);filter:drop-shadow(0 0 8px #527aff);-webkit-transform:translateY(-4px);transform:translateY(-4px);z-index:5}.meld-row{display:-webkit-inline-flex;display:inline-flex;margin-left:12px;grid-gap:6px;gap:6px}.meld{background:hsla(0,0%,100%,.08)}.flower-row,.meld{display:-webkit-inline-flex;display:inline-flex;border-radius:4px;padding:2px}.flower-row{margin-left:12px;grid-gap:2px;gap:2px;background:rgba(255,224,160,.18)}.meta-row.active-turn{color:#527aff;font-weight:700;-webkit-animation:pulse-blue-text 1.4s ease-in-out infinite;animation:pulse-blue-text 1.4s ease-in-out infinite}@-webkit-keyframes pulse-blue-text{0%,to{text-shadow:0 0 4px #527aff}50%{text-shadow:0 0 12px #527aff}}@keyframes pulse-blue-text{0%,to{text-shadow:0 0 4px #527aff}50%{text-shadow:0 0 12px #527aff}}.action-bar{position:absolute;bottom:9rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-flex;display:flex;grid-gap:8px;gap:8px;z-index:6}.action-bar button{background:#527aff;color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px}.action-bar button.undo{background:#6b6b6b;margin-left:24px}.action-bar button.timed{position:relative;overflow:hidden}.action-bar button.timed .timer-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255,75,18,.35);-webkit-transform-origin:left center;transform-origin:left center;width:100%;pointer-events:none;-webkit-animation:timer-shrink linear forwards;animation:timer-shrink linear forwards}@-webkit-keyframes timer-shrink{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes timer-shrink{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.action-bar button.timed .timer-label{position:relative}.kong-picker{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:8px;gap:8px;background:rgba(0,0,0,.5);padding:6px 12px;border-radius:6px}.kong-picker .picker-label{color:#fff;font-size:14px}.kong-picker .picker-tile{width:var(--picker-tile-w);height:auto;cursor:pointer;transition:-webkit-filter .15s,-webkit-transform .15s;transition:filter .15s,transform .15s;transition:filter .15s,transform .15s,-webkit-filter .15s,-webkit-transform .15s}.kong-picker .picker-tile:hover{-webkit-filter:drop-shadow(0 0 8px #ff4b12);filter:drop-shadow(0 0 8px #FF4B12);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.kong-picker .empty{color:#999;font-style:italic}.kong-picker .cancel{background:#6b6b6b;color:#fff;border:0;padding:6px 12px;border-radius:4px;cursor:pointer}.kong-picker .chi-combo{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s;margin-right:8px}.kong-picker .chi-combo:hover{background:rgba(82,122,255,.15)}.settlement-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:100}.settlement-modal .modal-card{background:#1f3a25;color:#eee;padding:24px;border-radius:12px;min-width:400px;max-height:80vh;overflow-y:auto}.settlement-modal table{border-collapse:collapse;margin:12px 0;width:100%}.settlement-modal td,.settlement-modal th{padding:4px 8px;border-bottom:1px solid #333;text-align:left}.settlement-modal button{background:#527aff;color:#fff;border:0;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:16px}.settlement-modal .winner-block{margin-top:12px}.dice-roll{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(0,0,0,.7);padding:16px 24px;border-radius:12px;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;z-index:50;color:#eee}.dice-roll,.dice-row{display:-webkit-flex;display:flex;grid-gap:12px;gap:12px}.die{width:56px;height:56px;background:#fff;border-radius:10px;padding:6px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:4px;gap:4px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.25)}.die .pip{width:100%;height:100%;border-radius:50%;background:transparent}.die .pip.on{background:#2b2b2b}.sum{font-size:32px;font-weight:700;letter-spacing:1px;font-family:"Helvetica Neue",Arial,sans-serif}.event-log{width:100%;background:rgba(0,0,0,.4);color:#eee;padding:10px 12px;border-radius:8px;font-size:14px;box-sizing:border-box}.event-log h4{margin:0 0 6px;font-size:20px;font-weight:600}.event-log-scroll{max-height:180px;overflow-y:auto}.event-log-scroll::-webkit-scrollbar{width:4px}.event-log-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.event-line{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:4px;gap:4px;padding:3px 0;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:14px;line-height:1.3;word-break:break-word}.event-line:last-child{border-bottom:none}.event-actor{font-weight:600}.event-verb{color:#aaa}.event-tile{width:22px;height:auto}.event-tiles{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;grid-gap:1px;gap:1px}.event-tile.chi-tile{width:16px}#game-page{position:relative;width:100%;height:100vh;background:#143b25;color:#eee;font-family:sans-serif;overflow:hidden;--self-hand-tile-w:clamp(51px,6.6vmin,84px);--other-hand-tile-w:clamp(34px,4.4vmin,56px);--hand-tile-w:var(--other-hand-tile-w);--wall-tile-w:clamp(21px,2.8vmin,36px);--wall-tile-h:clamp(28px,3.75vmin,48px);--wall-stack-h:clamp(33px,4.2vmin,54px);--discard-tile-w:clamp(20px,2.5vmin,32px);--picker-tile-w:clamp(30px,3.8vmin,48px)}#left-rail{position:absolute;top:1rem;left:1rem;width:240px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:10px;gap:10px;z-index:5;-webkit-transform:scale(.65);transform:scale(.65);-webkit-transform-origin:top left;transform-origin:top left}#left-rail>*{box-sizing:border-box}#status-panel{background:rgba(0,0,0,.4);padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.35}#status-panel h4{margin:0 0 6px;font-size:20px;font-weight:600}#status-panel .status-row{display:grid;grid-template-columns:auto 1fr;grid-gap:6px;gap:6px}#status-panel .status-row .label{color:#aaa}#status-panel .status-row .value{color:#eee;font-weight:600}#status-panel .status-row .value.turn-self{color:#5dd57a}.highlight{-webkit-filter:drop-shadow(0 0 12px #ff4b12);filter:drop-shadow(0 0 12px #FF4B12);-webkit-animation:pulse 1.4s ease-in-out infinite;animation:pulse 1.4s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{-webkit-filter:drop-shadow(0 0 8px #ff4b12);filter:drop-shadow(0 0 8px #FF4B12)}50%{-webkit-filter:drop-shadow(0 0 16px #ff4b12);filter:drop-shadow(0 0 16px #FF4B12)}}@keyframes pulse{0%,to{-webkit-filter:drop-shadow(0 0 8px #ff4b12);filter:drop-shadow(0 0 8px #FF4B12)}50%{-webkit-filter:drop-shadow(0 0 16px #ff4b12);filter:drop-shadow(0 0 16px #FF4B12)}}.robbing-kong-banner{top:3rem;background:#c1440e}.robbing-kong-banner,.wait-banner{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;padding:8px 18px;border-radius:6px;font-weight:700;z-index:7;-webkit-animation:pulse 1.4s ease-in-out infinite;animation:pulse 1.4s ease-in-out infinite}.wait-banner{top:5.5rem;background:#1565c0}.reconnect-banner{position:fixed;top:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#c14a16;color:#fff;padding:10px 24px;border-radius:6px;font-weight:700;font-size:14px;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,.4);-webkit-animation:pulse 1.2s ease-in-out infinite;animation:pulse 1.2s ease-in-out infinite}#join-page{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#join-page button{width:202px}#lobby-page{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#lobby-page button{width:202px;margin-top:2rem}#lobby-page .leader{color:#527aff}#lobby-page #code{margin-bottom:1.5rem}#lobby-page p{margin:.25rem}#menu-page{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#menu-page button{width:202px}#menu-page #attribution{position:absolute;bottom:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
/*# sourceMappingURL=main.68f8367d.chunk.css.map */