.ui-screen{color:#f0f0f0;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#141414d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:absolute;top:0;left:0;overflow-y:auto}@media (height<=550px){.ui-screen{align-items:flex-start}}.ui-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background-color:#121c32d1;border:1px solid #82aaf040;border-radius:16px;width:100%;max-width:400px;margin:auto;padding:32px;box-shadow:0 12px 40px #000000a6,0 0 24px #ff7a990a}.ui-title{background:linear-gradient(135deg,#ff7a99 0%,#80deea 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:1px;-webkit-background-clip:text;margin:0 0 4px;font-size:2.5rem;font-weight:800}.ui-subtitle{color:#fff9;text-align:center;text-transform:uppercase;letter-spacing:3px;margin:0 0 24px;font-size:.95rem}.ui-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#ccc;font-size:.9rem;font-weight:600}.form-group input{color:#fff;background-color:#1a1a1a;border:1px solid #555;border-radius:6px;padding:10px 12px;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#ff7a99;outline:none}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group-inline-wrapper{flex-direction:column;gap:2px;width:100%;min-width:0;display:flex}.form-group-inline{flex-direction:row;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.form-group-inline label{color:#ccc;white-space:nowrap;text-align:right;flex-shrink:0;min-width:75px;font-size:.82rem;font-weight:600}.form-group-inline input,.form-group-inline select{color:#fff;box-sizing:border-box;background-color:#1a1a1a;border:1px solid #555;border-radius:6px;flex:1;min-width:0;height:32px;padding:6px 10px;font-size:.88rem;transition:border-color .2s}.form-group-inline input:focus,.form-group-inline select:focus{border-color:#ff7a99;outline:none}.form-group-inline input:disabled,.form-group-inline select:disabled{opacity:.5;cursor:not-allowed}.form-group-inline-wrapper .field-error{color:#f66;text-align:left;margin-top:1px;padding-left:83px;font-size:.72rem}.basic-settings-container{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;display:flex}.settings-section{flex-direction:column;gap:8px;width:100%;display:flex}.settings-section-title{color:#ff7a99;text-align:left;border-bottom:1px dashed #444;margin:0;padding-bottom:6px;font-size:.95rem}.basic-settings-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;width:100%;display:grid}.double-input-container{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.double-input-container input{flex:1;min-width:0}.input-separator{color:#666;font-weight:700}@media (width<=768px){.basic-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.basic-settings-grid{grid-template-columns:minmax(0,1fr)}.basic-settings-grid .form-group-inline{flex-direction:column;align-items:stretch;gap:4px}.basic-settings-grid .form-group-inline label{text-align:left;min-width:0}.basic-settings-grid .form-group-inline-wrapper .field-error{padding-left:0}}.ui-error{color:#f66;text-align:center;background-color:#ff000026;border:1px solid #ff00004d;border-radius:6px;padding:10px;font-size:.9rem}.ui-button{cursor:pointer;border:none;border-radius:6px;padding:12px 20px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.ui-button:active{transform:scale(.98)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.primary-button{color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#ff7a99 0%,#ff6b8b 100%);box-shadow:0 4px 12px #00000073}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#ff8da7 0%,#ff7a99 100%);box-shadow:0 6px 16px #0000008c}.secondary-button{color:#eee;background-color:#ffffff14;border:1px solid #ffffff26}.secondary-button:hover:not(:disabled){background-color:#ffffff26;border-color:#ffffff40}.danger-button{color:#fff;background-color:#c33;border:1px solid #722}.danger-button:hover:not(:disabled){background-color:#d44}.room-id-input{text-align:center;letter-spacing:.25em;font-family:Courier New,Courier,monospace;font-weight:700;color:#ff7a99!important;padding:8px 10px!important;font-size:1.4rem!important}.room-id-input::placeholder{letter-spacing:normal;color:#666;font-family:inherit;font-size:.95rem;font-weight:400}.lobby-bottom-row{border-top:1px solid #444;flex-direction:column;gap:16px;margin-top:8px;padding-top:16px;display:flex}@media (width>=480px){.lobby-bottom-row{flex-direction:row;justify-content:space-between;align-items:flex-end}}.build-info{color:#888;white-space:nowrap;-webkit-user-select:text;user-select:text;align-self:center;font-family:monospace;font-size:.75rem}.lobby-card{max-width:960px}.room-card{max-width:800px}.lobby-buttons{flex-direction:column;gap:12px;margin-top:16px;display:flex}.join-section{border-top:1px solid #444;flex-direction:column;gap:8px;margin-top:8px;padding-top:16px;display:flex}.room-info{text-align:center;margin-bottom:20px;font-size:1.1rem}.room-id-highlight{color:#ff7a99;margin-top:8px;font-size:2rem;font-weight:700;display:block}.player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:24px;display:grid}@media (width<=480px){.player-list{grid-template-columns:minmax(0,1fr)}}@media (height<=600px){.player-list{max-height:180px;margin-bottom:12px;padding-right:4px;overflow-y:auto}}.player-card{background-color:#1a1a1a;border:1px solid #444;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:border-color .2s;display:flex}.player-card.is-me{background-color:#ff7a9914;border-color:#ff7a99}.player-avatar-placeholder{color:#ff7a99;background-color:#ffffff0d;border:2px solid #ff7a9966;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:flex}.player-details{flex-grow:1}.player-name{font-size:1.05rem;font-weight:700}.player-seat{color:#888;margin-top:2px;font-size:.8rem}.player-status-badge{color:#aaa;background-color:#333;border-radius:4px;padding:6px 10px;font-size:.8rem;font-weight:700}.player-status-badge.ready{color:#0f0;background-color:#00ff0026;border:1px solid #00ff004d}.player-status-badge.waiting{color:#fc0;background-color:#ffff000d;border:1px solid #ff03}.room-actions{gap:12px;display:flex}.room-actions button{flex:1}.action-hud-container{z-index:50;pointer-events:auto;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:22vh;left:50%;transform:translate(-50%)}.action-hud-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121c32e0;border:1px solid #ff7a9959;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:90vw;padding:6px 16px;display:flex;box-shadow:0 4px 20px #000000b3}.hud-btn{color:#fff;cursor:pointer;text-shadow:0 1px 3px #000c;background:0 0;border:none;border-radius:12px;padding:6px 14px;font-size:1.1rem;font-weight:700;transition:all .15s ease-out}.hud-btn:hover{filter:brightness(1.25);transform:scale(1.1)}.hud-btn:active{transform:scale(.95)}.hud-btn-chii{color:#6cf}.hud-btn-pon{color:#fa4}.hud-btn-kan{color:#f6c}.hud-btn-riichi{color:#ff7a99}.hud-btn-agari{color:#f33;font-size:1.5rem;animation:1.5s infinite hud-agari-pulse}.hud-btn-skip{color:#ccc}.hud-btn-ryuukyoku{color:#aaa}@keyframes hud-agari-pulse{0%{transform:scale(1)}50%{text-shadow:0 0 12px #f33;transform:scale(1.1)}to{transform:scale(1)}}.action-hud-sub-options{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121c32f2;border:1px solid #ff7a9966;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 18px;display:flex;box-shadow:0 8px 32px #000c}.sub-options-title{color:#aaa;font-size:.9rem;font-weight:700}.sub-options-list{align-items:center;gap:10px;display:flex}.hud-sub-option-btn{color:#fff;cursor:pointer;background-color:#ffffff0d;border:1px solid #ff7a99;border-radius:8px;padding:8px 16px;font-size:1.1rem;font-weight:700;transition:all .15s}.hud-sub-option-btn:hover{color:#fff;background-color:#ff7a99}.hud-cancel-btn{color:#f99;cursor:pointer;background-color:#411;border:1.5px solid #722;border-radius:6px;padding:8px 16px;font-size:1rem;font-weight:700;transition:all .15s}.hud-cancel-btn:hover{color:#fff;background-color:#622}.action-hud-message{color:#80deea;text-shadow:0 2px 8px #000000e6;text-align:center;background-color:#000000a6;border-radius:15px;margin-bottom:8px;padding:6px 16px;font-size:1.15rem;font-weight:700}.game-play-hud{pointer-events:none;z-index:40;width:100%;height:100%;position:absolute;top:0;left:0}.scoreboard{flex-direction:column;gap:12px;display:flex;position:absolute;top:20px;right:20px}.score-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background-color:#121c32d1;border:1px solid #82aaf040;border-radius:8px;flex-direction:column;gap:4px;min-width:180px;padding:8px 16px;transition:all .2s ease-out;display:flex;box-shadow:0 4px 12px #00000080}.score-card.active-turn{border-color:#ff7a99;box-shadow:0 0 12px #ff7a9966}.score-card-header{justify-content:space-between;align-items:baseline;font-size:.85rem;display:flex}.player-nickname{font-weight:700}.player-pos-label{color:#aaa;font-size:.75rem}.player-points{color:#80deea;text-align:right;font-family:Courier New,Courier,monospace;font-size:1.4rem;font-weight:700}.next-round-waiting{z-index:120;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0a0a0abf;border-radius:10px;padding:10px 16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 16px #0009}.result-overlay{z-index:120;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0a0ad9;justify-content:center;align-items:center;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:absolute;top:0;left:0}.result-layout-container{box-sizing:border-box;z-index:121;flex-direction:row;align-items:stretch;gap:0;width:95%;max-width:1000px;max-height:85vh;margin:auto;display:flex;position:relative}.result-character-side{z-index:2;pointer-events:none;flex:0 0 320px;margin-right:-80px;position:relative}.result-mimi-side-art{opacity:.95;width:auto;max-width:none;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.result-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background-color:#121c32f2;border:2px solid #ff7a99;border-radius:20px;flex-direction:column;flex:1;gap:16px;padding:24px 24px 24px 80px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #000c,0 0 32px #ff7a9914}.result-content-scrollable{flex-direction:column;flex:1;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.result-title{z-index:1;background:linear-gradient(135deg,#ff7a99 0%,#80deea 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:4px;-webkit-background-clip:text;margin:0 0 4px;font-size:2.2rem;font-weight:800;position:relative}.result-mimi-art{opacity:.12;pointer-events:none;z-index:0;object-fit:contain;width:550px;height:550px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-winners-container{z-index:1;flex-direction:column;gap:16px;max-height:none;display:flex;position:relative;overflow-y:visible}.winner-details-card{background-color:#2b2b2bbf;border:1px solid #444;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.winner-details-card.nagashi-card{background-color:#1c304dd9;border:1px solid #00bcff}.winner-details-card.nagashi-card .winner-badge{background-color:#00bcff}.winner-details-card.nagashi-card .winner-limit-badge{color:#1a1a1a;background-color:#00e5ff}.winner-details-card.nagashi-card .winner-hanfu{color:#00e5ff}.winner-river-tiles{background-color:#14141466;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.river-label{color:#88a8cc;text-transform:uppercase;font-size:.8rem;font-weight:700}.river-tiles-grid{flex-wrap:wrap;gap:6px;display:flex}.winner-name-row{align-items:center;gap:12px;display:flex}.winner-badge{color:#fff;background-color:#f33;border-radius:50px;padding:3px 10px;font-size:.75rem;font-weight:700}.winner-name{font-size:1.15rem;font-weight:700}.winner-summary-row{align-items:center;gap:8px;margin-left:auto;display:flex}.winner-limit-badge{color:#fff;border-radius:50px;padding:4px 12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #0003}.winner-limit-badge.limit-mangan{background-color:#ff7a99}.winner-limit-badge.limit-haneman{background-color:#8c7aff}.winner-limit-badge.limit-baiman{background-color:#ffb830}.winner-limit-badge.limit-sanbaiman{background-color:#ff6e30}.winner-limit-badge.limit-yakuman{background-color:#f33}.winner-hanfu{color:#ff7a99;font-size:1.1rem;font-weight:700}.winner-hand-tiles{background-color:#1a1a1a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:3px;padding:8px;display:flex}.result-tile-img{border-radius:3px;width:32px;height:42px;box-shadow:0 2px 4px #00000080}.winning-tile-group{border-left:1.5px solid #444;align-items:center;gap:6px;margin-left:12px;padding-left:12px;display:flex}.closed-hand-tiles{gap:3px;display:flex}.result-meld-group{border-left:1.5px solid #444;gap:3px;margin-left:12px;padding-left:12px;display:flex}.result-tenpai-waits-header{align-items:center;gap:8px;margin-left:auto;display:flex}.result-tile-img-small{border-radius:2px;width:24px;height:32px;box-shadow:0 1px 2px #00000080}.tenpai-waits-label{color:#aaa;font-size:.9rem;font-weight:700}.tenpai-waits-tiles{gap:4px;display:flex}.winning-tile-label{color:#aaa;font-size:.85rem;font-weight:700}.result-tile-img.winning-tile{border:1.5px solid #ff7a99}.yaku-list{grid-template-columns:repeat(2,1fr);gap:8px;font-size:.95rem;display:grid}.yaku-item{border-bottom:1px dotted #444;justify-content:space-between;padding-bottom:2px;display:flex}.yaku-name{color:#ddd}.yaku-val{color:#fa4;font-weight:700}.result-dora-indicators-section{z-index:1;box-sizing:border-box;background-color:#1e1e1eb3;border:1px solid #333;border-radius:10px;flex-direction:column;gap:12px;padding:12px 16px;display:flex;position:relative}.dora-indicator-row{flex-flow:wrap;align-items:center;gap:12px;display:flex}.dora-row-label{color:#80deea;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;min-width:135px;font-size:.8rem;font-weight:700}.dora-indicator-tiles{gap:6px;display:flex}.dora-indicator-tiles-container{flex-flow:wrap;align-items:center;gap:12px;display:flex}.dora-separator{color:#666;-webkit-user-select:none;user-select:none;margin:0 4px;font-size:1.4rem;font-weight:700}.result-score-changes{z-index:1;background-color:#252525bf;border:1px solid #333;border-radius:10px;padding:16px;position:relative}.result-score-changes h3{color:#aaa;margin:0 0 12px;font-size:1rem;font-weight:700}.score-changes-list{flex-direction:row;justify-content:space-between;gap:10px;display:flex}.score-change-row{box-sizing:border-box;background-color:#0003;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:90px;padding:8px 6px;display:flex}.score-change-row .player-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;font-size:.9rem;font-weight:700;overflow:hidden}.points-transition{color:#888;font-family:Courier New,Courier,monospace;font-size:.85rem}.points-delta{min-width:unset;text-align:center;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700}.points-delta.plus{color:#0f0}.points-delta.minus{color:#f33}.points-delta.zero{color:#888}.result-actions{z-index:1;justify-content:center;display:flex;position:relative}.result-actions button{min-width:180px}.left-hud-panel{pointer-events:none;z-index:50;flex-direction:column;gap:12px;display:flex;position:absolute;top:20px;left:20px}.settings-panel{color:#fff;pointer-events:auto;background-color:#141414d9;border:1.5px solid #444;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:0 4px 12px #00000080}.game-info-panel{color:#fff;pointer-events:auto;background-color:#141414d9;border:1.5px solid #444;border-radius:8px;flex-direction:column;gap:8px;min-width:180px;padding:8px 12px;display:flex;box-shadow:0 4px 12px #00000080}.round-info-section{border-bottom:1px solid #333;justify-content:center;align-items:center;gap:16px;padding-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.round-text,.honba-text{color:#ccc;align-items:center;display:flex}.info-number{color:#80deea;text-shadow:0 0 4px #80deea4d;margin:0 2px;font-size:1.05rem;font-weight:800}.riichi-sticks-text{color:#f33;background-color:#fffffff2;border:1.5px solid #f33;border-radius:4px;align-items:center;padding:1px 6px;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 1px 3px #0000004d}.riichi-sticks-text .info-number{color:#f33;text-shadow:none;margin:0;font-size:.85rem}.dora-section{flex-direction:column;gap:4px;display:flex}.dora-panel-title{color:#80deea;letter-spacing:2px;font-size:.75rem;font-weight:700}.dora-tiles-row{gap:4px;display:flex}.dora-tile-img{object-fit:cover;background-color:#f7f4eb;border:1px solid #333;border-radius:4px;width:28px;height:38px;box-shadow:0 2px 4px #0000004d}.hud-tile-group{flex-direction:column;align-items:center;gap:3px;display:flex}.hud-group-type-label{text-shadow:0 1px 2px #000c;font-size:.72rem}.hud-group-tiles{background-color:#14141499;border:1px solid #444;border-radius:4px;gap:2px;padding:3px 5px;display:flex}.hud-tile-img{object-fit:cover;background-color:#f7f4eb;border:1px solid #333;border-radius:2px;width:20px;height:27px;box-shadow:0 2px 4px #0000004d}.player-timer-overlay{color:#fff;pointer-events:none;box-sizing:border-box;background-color:#141414d9;border:2px solid #f33;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:8px 16px;animation:1s infinite alternate timer-pulse;display:flex;position:absolute;bottom:22vh;right:12%;box-shadow:0 4px 15px #0009}.timer-label{color:#f99;letter-spacing:1px;text-align:center;font-size:.65rem;font-weight:700}.timer-seconds{color:#f33;text-shadow:0 0 10px #ff333380;font-family:Courier New,Courier,monospace;font-size:2.8rem;font-weight:700;line-height:1}@keyframes timer-pulse{0%{border-color:#f33;box-shadow:0 4px 15px #ff33334d}to{border-color:#f99;box-shadow:0 4px 20px #ff3333b3}}.room-config-panel{box-sizing:border-box;background-color:#202020;border:1px solid #444;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;display:flex}.room-config-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:4px;display:flex}.room-config-panel .room-config-header h3{border-bottom:none;margin:0;padding-bottom:0}.room-config-tabs{gap:4px;display:flex}.room-config-panel h3{color:#ff7a99;text-align:left;border-bottom:1px solid #333;margin:0 0 4px;padding-bottom:6px;font-size:1.1rem}.form-group select{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#1a1a1a;border:1px solid #555;border-radius:6px;padding:10px 12px;font-size:1rem;transition:border-color .2s}.form-group select:focus{border-color:#ff7a99;outline:none}.form-group select:disabled{opacity:.5;cursor:not-allowed}.field-error{color:#f66;text-align:left;margin-top:2px;font-size:.8rem}.connection-status-panel{color:#fff;pointer-events:auto;z-index:50;background-color:#141414d9;border:1.5px solid #444;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #00000080}.ping-text{font-family:monospace;font-size:.9rem;font-weight:700}.yaku-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.yaku-modal-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background-color:#121c32f2;border:2px solid #ff7a99;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;margin:auto;padding:24px;display:flex;box-shadow:0 10px 30px #00000080,0 0 20px #ff7a990d}.yaku-modal-header-row{border-bottom:1px solid #444;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.yaku-modal-content h3{color:#ff7a99;margin:0;font-size:1.2rem}.yaku-modal-actions{gap:8px;display:flex}.yaku-modal-actions .ui-button{height:26px;padding:4px 10px;font-size:.78rem}.yaku-list-container{flex-direction:column;flex:1;gap:16px;max-height:250px;padding-right:8px;display:flex;overflow-y:auto}.yaku-group{flex-direction:column;gap:8px;display:flex}.yaku-group h4{color:#ff7a99;text-align:left;border-bottom:1px solid #333;margin:0;padding-bottom:4px;font-size:.9rem}.yaku-grid{grid-template-columns:repeat(3,1fr);gap:8px 12px;display:grid}@media (width<=480px){.yaku-grid{grid-template-columns:repeat(2,1fr)}}.yaku-item{cursor:pointer;color:#ccc;-webkit-user-select:none;user-select:none;text-align:left;background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;line-height:1.2;transition:all .2s;display:flex}.yaku-item:hover{color:#fff;background-color:#2a2a2a;border-color:#ff7a99}.yaku-item input{cursor:pointer;margin:0}.info-icon-btn{color:#fff;cursor:pointer;pointer-events:auto;background-color:#141414d9;border:1.5px solid #444;border-radius:8px;justify-content:center;align-items:center;width:fit-content;padding:8px;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000080}.info-icon-btn:hover{color:#ff7a99;border-color:#ff7a99;transform:scale(1.05)}.hud-buttons-row{flex-direction:row;gap:8px;display:flex}.exit-btn:hover{color:#f33;border-color:#f33}.game-info-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background-color:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.game-info-modal-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background-color:#121c32f2;border:2px solid #ff7a99;border-radius:12px;flex-direction:column;width:90%;max-width:650px;max-height:85vh;margin:auto;padding:24px;display:flex;box-shadow:0 10px 30px #00000080,0 0 20px #ff7a990d}.game-info-modal-header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.game-info-modal-header h3{color:#ff7a99;margin:0;font-size:1.2rem}.game-info-modal-header .close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.game-info-modal-header .close-btn:hover{color:#fff}.game-info-modal-body{flex-direction:column;flex:1;gap:20px;padding-right:8px;display:flex;overflow-y:auto}.game-info-section{text-align:left;flex-direction:column;gap:10px;display:flex}.game-info-subtitle{color:#ff7a99;border-bottom:1px solid #333;margin:0;padding-bottom:6px;font-size:1rem}.game-info-yakus-container{flex-direction:column;gap:8px;display:flex}.game-info-yaku-group{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.85rem;display:flex}.yaku-group-title{color:#888;flex-shrink:0;min-width:70px;font-weight:700}.yaku-badge-list{flex-wrap:wrap;gap:6px;display:flex}.yaku-badge{color:#ccc;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;padding:2px 8px;font-size:.8rem}.yama-tiles-grid{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.yama-tile-item{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:36px;display:flex}.yama-tile-img{border-radius:3px;width:32px;height:42px;box-shadow:0 2px 4px #0006}.yama-tile-count{color:#80deea;font-family:monospace;font-size:.75rem;font-weight:700}.game-info-modal-footer{justify-content:flex-end;margin-top:16px;display:flex}.game-info-tabs{border-bottom:1px solid #444;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.tab-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;font-weight:700;transition:all .2s}.tab-btn:hover{color:#fff;background-color:#333}.tab-btn.active{color:#ff7a99;background-color:#ffffff0d;box-shadow:inset 0 -2px #ff7a99}.debug-tab-content{text-align:left;flex-direction:column;gap:16px;display:flex}.debug-grid{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px 16px;padding:12px;display:grid}@media (width<=480px){.debug-grid{grid-template-columns:1fr}}.debug-row{border-bottom:1px dashed #222;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:.85rem;display:flex}.debug-label{color:#aaa}.debug-val{color:#fff;font-family:monospace;font-weight:700}.debug-section{flex-direction:column;gap:10px;display:flex}.debug-players-list{flex-direction:column;gap:8px;display:flex}.debug-player-card{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.player-meta{align-items:center;gap:8px;font-size:.9rem;display:flex}.p-seat{color:#ff7a99;font-weight:700}.p-name{color:#fff;font-weight:700}.p-id{color:#666;font-size:.75rem}.player-state{color:#aaa;justify-content:space-between;font-size:.8rem;display:flex}.debug-policies-grid{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.policy-row{border-bottom:1px dashed #222;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:6px;font-size:.85rem;display:flex}.policy-row:last-child{border-bottom:none;padding-bottom:0}.p-label{color:#aaa;flex-shrink:0;margin-top:2px;font-weight:700}.p-badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.debug-badge{color:#ddd;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.75rem}.text-badge{color:#ff7a99;font-weight:700}.player-card.empty-seat{opacity:.6;background-color:#111;border-style:dashed}.player-card.empty-seat.has-dropdown{opacity:1}.player-avatar-placeholder.empty{color:#888;border-color:#444}.player-name.empty-text{color:#888;font-style:italic}.ai-badge-text{color:#fff;vertical-align:middle;background-color:#3f51b5;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.75rem}.add-ai-container{margin-left:auto;position:relative}.add-ai-btn{align-items:center;gap:4px;display:flex}.add-ai-btn .arrow{opacity:.7;font-size:.6rem}.dropdown-backdrop{z-index:100;cursor:default;position:fixed;inset:0}.dropdown-menu{z-index:101;background-color:#222;border:1px solid #444;border-radius:4px;flex-direction:column;min-width:140px;margin-top:4px;padding:4px 0;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000080}.dropdown-item{color:#ccc;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:background-color .2s,color .2s}.dropdown-item:hover{color:#ff7a99;background-color:#ff7a991a}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.mini-button{min-width:auto;padding:4px 8px;font-size:.8rem}.kick-ai-btn{color:#fff;background:#a33;margin-left:8px}.kick-ai-btn:hover:not(:disabled){background:#c44}.player-plate-3d{color:#fff;text-shadow:0 1px 2px #000c;white-space:nowrap;align-items:center;gap:6px;font-family:sans-serif;font-size:14px;font-weight:700;display:flex}.player-indicator-3d{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.human-avatar-indicator{color:#fff;background-color:#3f51b5;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:sans-serif;font-size:10px;font-weight:700;display:flex;box-shadow:0 0 6px #3f51b599}.ai-rabbit-indicator{background:linear-gradient(135deg,#4285f4,#9b51e0,#e91e63,#f2994a) 0 0/200% 200%;border:1.5px solid #fff;border-radius:50%;width:24px;height:24px;animation:3s infinite gemini-gradient;position:relative;box-shadow:0 0 8px #9b51e0b3}@keyframes gemini-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ai-rabbit-indicator:before,.ai-rabbit-indicator:after{content:"";background:inherit;border-top:1.5px solid #fff;border-left:1.5px solid #fff;border-right:1.5px solid #fff;border-radius:50% 50% 0 0;width:6px;height:12px;position:absolute;top:-8px}.ai-rabbit-indicator:before{left:3px;transform:rotate(-15deg)}.ai-rabbit-indicator:after{right:3px;transform:rotate(15deg)}.player-indicator-3d .tooltip-name{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background-color:#000000d9;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:11px;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 2px 8px #00000080}.player-indicator-3d:hover .tooltip-name{opacity:1;transform:translate(-50%)translateY(-8px)}.result-flash{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;perspective:1000px;animation:.5s cubic-bezier(.175,.885,.32,1.275) both result-flash-entrance}.result-flash-text{letter-spacing:4px;color:#fff;text-transform:uppercase;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:80px;font-weight:900;display:inline-block;position:relative}.result-flash-text:before{content:attr(data-text);z-index:-1;-webkit-text-fill-color:initial;text-shadow:none;background:0 0;position:absolute;inset:0}.result-flash-agari .result-flash-text{background:linear-gradient(120deg,#ff4500 0%,gold 25%,#fff 50%,gold 75%,#ff4500 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #ff8c00f2)drop-shadow(0 0 25px #ff4500b3)drop-shadow(0 4px 10px #000c);-webkit-background-clip:text;background-clip:text;animation:2.5s ease-in-out infinite alternate result-flash-idle-agari,3.5s linear infinite result-shine}.result-flash-agari .result-flash-text:before{color:#ff4500;filter:blur(14px);opacity:.95}.result-flash-ryuukyoku .result-flash-text{background:linear-gradient(120deg,#4a7ab5 0%,#b0d4ff 25%,#fff 50%,#b0d4ff 75%,#4a7ab5 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #4a96fff2)drop-shadow(0 0 30px #64c8ff99)drop-shadow(0 4px 8px #000c);-webkit-background-clip:text;background-clip:text;animation:2.5s ease-in-out infinite alternate result-flash-idle-ryuukyoku,3.5s linear infinite result-shine}.result-flash-ryuukyoku .result-flash-text:before{color:#4a96ff;filter:blur(14px);opacity:.9}@keyframes result-flash-entrance{0%{opacity:0;filter:brightness(2.5);transform:scale3d(.1,.1,.1)rotate(-12deg)}50%{opacity:.9;filter:brightness(1.8);transform:scale3d(1.12,1.12,1.12)rotate(2deg)}to{opacity:1;filter:brightness(1.2);transform:scale(1)rotate(0)}}@keyframes result-shine{to{background-position:200%}}@keyframes result-flash-idle-agari{0%{filter:brightness()drop-shadow(0 0 12px #ff8c00f2);transform:translateY(0)scale(1)}50%{filter:brightness(1.25)drop-shadow(0 0 22px #ff4500f2);transform:translateY(-8px)scale(1.03)}to{filter:brightness()drop-shadow(0 0 12px #ff8c00f2);transform:translateY(0)scale(1)}}@keyframes result-flash-idle-ryuukyoku{0%{filter:brightness()drop-shadow(0 0 12px #4a96fff2);transform:translateY(0)scale(1)}50%{filter:brightness(1.2)drop-shadow(0 0 25px #64c8fff2);transform:translateY(-8px)scale(1.03)}to{filter:brightness()drop-shadow(0 0 12px #4a96fff2);transform:translateY(0)scale(1)}}.portrait-orientation-overlay{color:#fff;z-index:9999;text-align:center;box-sizing:border-box;background-color:#121212;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.rotate-device-icon{margin-bottom:20px;font-size:4rem;animation:2s ease-in-out infinite rotate-anim}@keyframes rotate-anim{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-prompt-text{color:#ff7a99;max-width:80%;font-size:1.2rem;font-weight:700;line-height:1.5}.advanced-settings-section{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px 16px;max-height:250px;display:grid;overflow-y:auto}@media (width<=768px){.advanced-settings-section{grid-template-columns:repeat(2,1fr)}}@media (height<=550px){.ui-screen{align-items:flex-start;padding:12px}.ui-card{margin-top:10px;margin-bottom:10px;padding:16px}.ui-title{margin-bottom:4px;font-size:1.8rem}.ui-subtitle{margin-bottom:10px}.lobby-card{width:95%;max-width:95%}.advanced-settings-section,.yaku-list-container{max-height:160px}.room-card{width:95%;max-width:95%}.player-list{gap:8px;max-height:140px;margin-bottom:12px}.player-card{gap:8px;padding:8px}.player-avatar-placeholder{width:36px;height:36px;font-size:.9rem}.result-overlay{align-items:flex-start;padding:10px;overflow-y:auto}.result-panel{gap:12px;max-height:95vh;padding:16px}.result-title{font-size:1.6rem}.result-mimi-art{width:350px;height:350px}.result-winners-container{gap:8px;max-height:none}.winner-details-card{gap:8px;padding:10px}.winner-name-row{gap:8px}.winner-name{font-size:1rem}.winner-summary{font-size:.95rem}.winner-hand-tiles{padding:4px}.result-tile-img{width:24px;height:32px}.game-info-modal-overlay{align-items:flex-start;padding:10px;overflow-y:auto}.game-info-modal-content{max-height:95vh;padding:16px}}.exit-confirm-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.exit-confirm-modal-content{text-align:center;box-sizing:border-box;background-color:#2a2a2a;border:2px solid #f33;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 30px #0009}.exit-confirm-message{color:#fff;margin:0 0 20px;font-size:1.05rem;font-weight:500;line-height:1.4}.exit-confirm-buttons{justify-content:center;gap:16px;display:flex}.exit-confirm-buttons button{flex:1;height:36px;padding:0}.final-ranking-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.final-rank-card{background-color:#2a2a2a;border:1px solid #3d3d3d;border-radius:8px;align-items:center;gap:16px;padding:12px 16px;display:flex}.final-rank-card.rank-1{background-color:#ffd7001a;border-color:gold}.final-rank-card.rank-2{background-color:#c0c0c014;border-color:silver}.final-rank-card.rank-3{background-color:#cd7f320f;border-color:#cd7f32}.rank-number{color:#888;text-align:center;width:32px;font-size:1.8rem;font-weight:700}.final-rank-card.rank-1 .rank-number{color:gold}.final-rank-card.rank-2 .rank-number{color:silver}.final-rank-card.rank-3 .rank-number{color:#cd7f32}.rank-avatar{background-color:#444;border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.final-rank-card.rank-1 .rank-avatar{border-color:gold}.rank-details{flex:1;justify-content:space-between;align-items:center;display:flex}.rank-name{font-size:1.2rem;font-weight:500}.rank-points{color:#ff7a99;font-size:1.4rem;font-weight:600}.tenpai-wait-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:100;pointer-events:none;box-sizing:border-box;background-color:#121c32f0;border:1.5px solid #ff7a99b3;border-radius:8px;width:fit-content;padding:8px 12px;font-family:sans-serif;box-shadow:0 4px 15px #0009}.tenpai-wait-panel.hover-discard{flex-direction:column;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tenpai-wait-panel.hover-discard.with-buttons{bottom:30vh}.tenpai-wait-panel.hover-discard.no-buttons{bottom:18vh}.tenpai-wait-panel.badge-hover-panel{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.tenpai-panel-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:.85rem;font-weight:700;display:flex}.tenpai-panel-title{color:#ff7a99}.furiten-badge{color:#fff;background-color:#c33;border-radius:3px;padding:1px 4px;font-size:.7rem;font-weight:700;animation:1.5s infinite alternate pulse-badge}.awaited-tiles-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.awaited-tiles-list.horizontal{flex-direction:row;gap:10px;max-width:90vw;overflow-x:auto}.awaited-tile-card{background-color:#ffffff0d;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;display:flex}.awaited-tile-card.vertical{flex-direction:column;align-items:center;gap:4px;min-width:48px;padding:6px 8px}.awaited-tile-img{border-radius:2px;width:28px;height:auto;box-shadow:0 1px 3px #00000080}.awaited-tile-info{flex-direction:column;font-size:.75rem;display:flex}.awaited-tile-info.center{align-items:center;font-size:.68rem;line-height:1.2}.remaining-count{color:#ddd}.han-points{color:#aaa}.yakuman-text{color:#f39;font-weight:700}.awaited-tile-card.unwinnable{opacity:.45}.awaited-tile-card.unwinnable .awaited-tile-img{filter:grayscale()}.yaku-required-text{color:#f55;font-weight:700}.player-tenpai-badge-container{pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:relative}.tenpai-badge-3d{box-sizing:border-box;color:#ff7a99;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#121c32d9;border:2px solid #ff7a99;border-radius:18px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000080}.tenpai-badge-3d:hover{color:#fff;background-color:#ff7a99;transform:scale(1.1);box-shadow:0 4px 15px #ff7a9966}.tenpai-badge-3d.furiten{color:#c33;border-color:#c33}.tenpai-badge-3d.furiten:hover{color:#fff;background-color:#c33;box-shadow:0 4px 15px #c336}@keyframes pulse-badge{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.player-tenpai-badge-container.permanent-badge{z-index:90;position:absolute;bottom:13vh;left:calc(50% - 24vw)}.floating-top-left{z-index:150;pointer-events:auto;position:absolute;top:20px;left:20px}.floating-top-right{z-index:150;pointer-events:auto;position:absolute;top:20px;right:20px}.github-links-container{gap:8px;display:flex}.github-btn{justify-content:center;align-items:center;width:38px;height:38px;position:relative;padding:0!important;display:flex!important}.github-badge-tag{text-transform:uppercase;border-radius:3px;padding:1px 3px;font-family:sans-serif;font-size:.58rem;font-weight:800;line-height:1;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 4px #00000080}.github-badge-tag.client-tag{color:#fff;background-color:#ff7a99}.github-badge-tag.server-tag{color:#111;background-color:#80deea}.github-btn.client-btn:hover{color:#ff7a99;border-color:#ff7a99;transform:scale(1.05);box-shadow:0 4px 12px #ff7a9959}.github-btn.server-btn:hover{color:#80deea;border-color:#80deea;transform:scale(1.05);box-shadow:0 4px 12px #80deea59}@media (width<=768px){.result-character-side{display:none}.result-panel{padding-left:16px}}.replay-hud{pointer-events:none}.replay-hud .left-hud-panel,.replay-hud .replay-controls-toolbar{pointer-events:auto}.replay-controls-toolbar{z-index:95;box-sizing:border-box;background-color:#141414e6;border:2px solid #ff7a99;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;align-items:center;gap:12px;min-width:450px;padding:16px 24px 12px;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(100%);box-shadow:0 -4px 20px #0009}.replay-controls-toolbar:hover{transform:translate(-50%)translateY(0)}.round-navigation{background-color:#1e1e1e99;border:1px solid #ff7a994d;border-radius:8px;align-items:center;gap:12px;padding:4px 16px;display:flex}.round-navigation-label{color:#ff7a99;text-align:center;-webkit-user-select:none;user-select:none;min-width:140px;font-size:.95rem;font-weight:700}.toolbar-expand-tab{color:#ff7a99;cursor:pointer;z-index:96;-webkit-user-select:none;user-select:none;background-color:#141414e6;border:2px solid #ff7a99;border-bottom:none;border-radius:8px 8px 0 0;padding:2px 20px;font-size:.8rem;transition:all .2s;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.toolbar-expand-tab-icon{transition:transform .3s;display:inline-block}.replay-controls-toolbar:hover .toolbar-expand-tab-icon{transform:rotate(180deg)}.replay-controls-toolbar:hover .toolbar-expand-tab{color:#fff;border-color:#fff}.replay-slider-container{flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:4px;display:flex}.slider-time{color:#aaa;font-family:monospace;font-size:.75rem}.replay-slider{appearance:none;cursor:pointer;background:#333;border-radius:3px;outline:none;width:100%;height:6px}.replay-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff7a99;border-radius:50%;width:14px;height:14px;transition:transform .1s}.replay-slider::-webkit-slider-thumb:hover{background:#ff99b0;transform:scale(1.25)}.playback-buttons{align-items:center;gap:16px;display:flex}.replay-btn{color:#fff;cursor:pointer;background-color:#2a2a2a;border:1px solid #555;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex}.replay-btn:hover:not(:disabled){color:#ff7a99;border-color:#ff7a99;transform:scale(1.05)}.replay-btn:disabled{opacity:.4;cursor:not-allowed}.play-pause-btn{color:#fff;background-color:#ff7a99;border-color:#ff7a99;width:52px;height:52px}.play-pause-btn:hover:not(:disabled){color:#fff;background-color:#f9b;border-color:#f9b}.perspective-selector{border-top:1px solid #333;flex-direction:column;align-items:center;gap:6px;width:100%;padding-top:8px;display:flex}.perspective-label{color:#aaa;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.perspective-buttons-group{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.perspective-btn{color:#ccc;cursor:pointer;background-color:#1a1a1a;border:1px solid #444;border-radius:6px;padding:4px 10px;font-size:.8rem;transition:all .2s}.perspective-btn:hover{color:#fff;border-color:#ff7a99}.perspective-btn.active{color:#ff7a99;background-color:#ff7a9926;border-color:#ff7a99;font-weight:700}.replay-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.replay-modal-content{box-sizing:border-box;color:#fff;background-color:#2a2a2a;border:2px solid #ff7a99;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 30px #0009}.replay-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.replay-modal-header h3{color:#ff7a99;margin:0;font-size:1.2rem}.replay-modal-body{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.replay-modal-actions{justify-content:flex-end;gap:10px;display:flex}.copy-game-id-container{align-items:center;display:inline-flex;position:relative}.copied-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:100;background-color:#141414f2;border:1px solid #ff7a99;border-radius:4px;padding:2px 8px;font-size:.75rem;animation:2s fadeInOut;position:absolute;left:20px;box-shadow:0 2px 8px #00000080}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.replay-controls-toolbar.force-collapsed,.replay-controls-toolbar.force-collapsed:hover{transform:translate(-50%)translateY(100%)!important}.replay-controls-toolbar.force-collapsed .toolbar-expand-tab-icon{transform:rotate(0)!important}.replay-controls-toolbar.force-collapsed .toolbar-expand-tab{color:#ff7a99!important;border-color:#ff7a99!important}.initial-wall-modal-content{background-color:#0f172af2;border:1px solid #82aaf066;width:95%;max-width:920px}.initial-wall-modal-body{flex-direction:column;gap:16px;max-height:70vh;display:flex;overflow-y:auto}.initial-wall-grid-container{flex-direction:column;gap:16px;display:flex}.color-legend{background-color:#0003;border:1px solid #ffffff0d;border-radius:6px;flex-wrap:wrap;gap:16px;padding:10px 14px;font-size:.8rem;display:flex}.legend-title{color:#888;font-weight:700}.legend-item{color:#ccc;align-items:center;gap:6px;display:flex}.legend-color-box{border-radius:2px;width:12px;height:12px}.legend-seat-0 .legend-color-box{background-color:#4a90e24d;border:1.5px solid #4a90e2}.legend-seat-1 .legend-color-box{background-color:#f5a6234d;border:1.5px solid #f5a623}.legend-seat-2 .legend-color-box{background-color:#7ed3214d;border:1.5px solid #7ed321}.legend-seat-3 .legend-color-box{background-color:#d0021b4d;border:1.5px solid #d0021b}.legend-wanpai .legend-color-box{background-color:#8b572a40;border:1.5px solid #8b572a}.initial-wall-stacks-flex{background-color:#0006;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:8px;max-height:450px;padding:16px;display:flex;overflow-y:auto}.wall-tile.wanpai{outline-offset:1px;outline:1.5px dashed #d08a4a;box-shadow:0 0 6px #d08a4a99}.wall-stack{background-color:#ffffff0a;border:1.5px solid #ffffff14;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:4px;transition:all .15s;display:flex;box-shadow:0 2px 4px #0003}.wall-stack:hover{background-color:#ffffff1a;border-color:#82aaf080;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.wall-tile{box-sizing:border-box;background-color:#e0e0e0;border-radius:4px;flex-shrink:0;width:28px;height:38px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000004d}.wall-tile-img{object-fit:cover;width:100%;height:100%;display:block}.wall-tile.dimmed{opacity:.25}.wall-tile.initial-hand-seat-0{border:2px solid #4a90e2;box-shadow:0 0 6px #4a90e280}.wall-tile.initial-hand-seat-1{border:2px solid #f5a623;box-shadow:0 0 6px #f5a62380}.wall-tile.initial-hand-seat-2{border:2px solid #7ed321;box-shadow:0 0 6px #7ed32180}.wall-tile.initial-hand-seat-3{border:2px solid #d0021b;box-shadow:0 0 6px #d0021b80}.wall-tile-empty{background-color:#0000;flex-shrink:0;width:28px;height:38px}.no-wall-data{text-align:center;color:#777;background:#0003;border-radius:8px;padding:48px;font-style:italic}.auto-play-toggles-row{flex-direction:row;gap:6px;width:100%;margin-top:8px;display:flex}.auto-toggle-btn{color:#888;cursor:pointer;pointer-events:auto;text-align:center;-webkit-user-select:none;user-select:none;background-color:#141414d9;border:1.5px solid #444;border-radius:6px;flex:1;padding:6px 0;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0000004d}.auto-toggle-btn:hover{color:#ccc;border-color:#ff7a99;transform:translateY(-1px)}.auto-toggle-btn.active{color:#ff7a99;text-shadow:0 0 4px #ff7a9966;background-color:#ff7a9926;border-color:#ff7a99;box-shadow:0 0 10px #ff7a994d,inset 0 0 4px #ff7a9933}.auto-toggle-btn:active{transform:translateY(1px)}.app{width:100%;height:100dvh;position:relative;overflow:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0}body{color:#ffffffde;background-color:#1a1a1a}