:root{--bg: #0f1720;--panel: #18222e;--panel2: #1f2c3a;--line: #2c3b4d;--text: #e7eef6;--muted: #8aa0b4;--accent: #2f9e6e;--accent2: #2563eb;--warn: #d97706;--red: #ef5350;--felt1: #1b6b46;--felt2: #0e4a30}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:8px 14px;border-radius:8px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:transparent;font-weight:600}button.warn{background:var(--warn);border-color:transparent}button.ghost{background:transparent}button.big{padding:14px;font-size:17px}input,select{font:inherit;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:9px 11px;border-radius:8px}.center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;gap:8px;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;width:min(420px,100%);display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.muted{color:var(--muted)}.error{color:var(--red);font-size:13px}h1,h2{margin:0}.tabs{display:flex;gap:8px}.tabs button{flex:1}.tabs button.active{background:var(--accent2);border-color:transparent}.langswitch{display:inline-flex;gap:2px;padding:2px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}.langswitch button{padding:3px 9px;font-size:12px;font-weight:700;line-height:1.2;border:none;border-radius:6px;background:transparent;color:var(--muted)}.langswitch button.active{background:var(--accent2);color:#fff}.divider{text-align:center;color:var(--muted);font-size:13px;margin:4px 0}.share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.share code{background:var(--panel2);padding:4px 8px;border-radius:6px}.online{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.online .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.ranked-pick{display:flex;flex-direction:column;gap:8px}.queue-check{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:10px 12px;background:var(--panel2);border-radius:8px;cursor:pointer}.queue-check input{width:18px;height:18px;accent-color:var(--accent)}.queue-check .queue-name{font-weight:600}.queue-check .queue-sub{grid-column:2;font-size:12px}.queue-check .queue-count{grid-column:3;grid-row:1 / span 2;font-size:12px;white-space:nowrap}.searching{display:flex;align-items:center;gap:14px;padding:16px;background:var(--panel2);border-radius:10px}.searching-text{display:flex;flex-direction:column;gap:2px;flex:1}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.hint{font-size:12px;margin:0}.history{width:min(460px,100%)}.game-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto}.game-card{background:var(--panel2);border-radius:10px;padding:10px 12px}.game-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.game-date{font-size:13px;color:var(--muted)}.game-tag{font-size:12px;padding:2px 8px;border-radius:999px}.game-tag.ranked{background:var(--accent2)}.game-tag.local{background:var(--line)}.game-results{display:flex;flex-direction:column;gap:2px}.result-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:3px 6px;border-radius:6px;font-size:14px}.result-row.you{background:#2f9e6e29}.result-rank{text-align:center;font-weight:700;color:var(--muted)}.result-row.you .result-rank{color:var(--accent)}.result-pts{font-variant-numeric:tabular-nums}.result-pts.neg{color:var(--red)}.pager{margin-top:4px}.seats{display:flex;flex-direction:column;gap:6px}.seat-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--panel2);border-radius:8px}.seat-wind{width:52px;color:var(--muted)}.seat-occ{flex:1}.ready{color:var(--accent)}.rules{display:flex;flex-wrap:wrap;gap:12px}.rules label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:4px}.rules label.check{flex-direction:row;align-items:center}.rules label.turn-time{flex-basis:100%}.chips-pick{display:flex;flex-wrap:wrap;gap:6px}.chip-pick{padding:6px 12px;font-size:13px;font-weight:600;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--text);min-width:38px}.chip-pick.active{background:var(--accent);border-color:transparent}.chip-pick:disabled{opacity:.55;cursor:default}.advanced-btn{display:inline-flex;align-items:center;gap:6px}.advanced-btn.modified{border-color:var(--accent);color:var(--text)}.advanced-badge{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.02em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-rules{width:100%;max-width:440px;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.rule-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.rule-toggle input{margin-top:3px}.rule-toggle-text{display:flex;flex-direction:column;gap:2px}.rule-toggle-label{font-size:14px;color:var(--text)}.rule-toggle-hint{font-size:12px;line-height:1.3}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rule-minutes{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.rule-minutes input{width:64px}.tile{position:relative;display:block;padding:0;border:none;background:transparent;aspect-ratio:3 / 4;border-radius:12%;flex:none}.tile:disabled{opacity:1}.t-front{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.t-face{position:absolute;top:9%;right:9%;bottom:9%;left:9%;width:82%;height:82%;display:block;pointer-events:none}.t-front>svg,.t-face>svg{display:block;width:100%;height:100%}.tile-xs{width:clamp(15px,1.9vmin,24px)}.tile-sm{width:var(--cell-tile, 24px)}.tile-md{width:clamp(26px,3.4vmin,40px)}.tile-lg{width:clamp(34px,5vmin,60px)}.tile-hand{width:var(--hand-tile);filter:none;will-change:transform;contain:paint}.tile-dim{opacity:.5}.tile-static{pointer-events:none}.tile-ghost{visibility:hidden}.tile-sideways{transform:rotate(90deg)}.tile-clickable{cursor:pointer;transition:transform .09s ease}.tile-clickable:hover{transform:translateY(-9px)}.tile-selected{outline:3px solid var(--accent);border-radius:12%}.game-root{height:100%;display:flex;flex-direction:column;overflow-x:clip;--hand-tile-base: clamp(30px, 4.2vw, 64px);--hand-tile: var(--hand-tile-base)}.board-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:6px}.board{--board: min(94vw, calc(100vh - 178px) );--cell: calc(var(--board) / 21);--cell-tile: calc(var(--cell) - 1px);position:relative;width:var(--board);height:var(--board);background:radial-gradient(circle at 50% 46%,#1d7a4f,#0b3d25 78%);border-radius:18px;box-shadow:inset 0 0 0 5px #06301d,inset 0 0 70px #0006,0 12px 40px #0000008c}.ring{position:absolute;left:50%;top:50%;transform-origin:0 0;transform:rotate(var(--rot)) translateY(var(--r)) translate(-50%,-50%);display:flex;align-items:flex-start;justify-content:center}.ring.pond{transform:rotate(var(--rot)) translateY(var(--r)) translate(-50%)}.oppo{flex-direction:column;align-items:center;gap:4px}.oppo-fit{width:calc(var(--board) * .92);height:calc(var(--cell-tile) * 1.4);display:flex;align-items:flex-end;justify-content:center;overflow:visible}.oppo-row{flex:none;display:flex;align-items:flex-end;gap:calc(var(--cell-tile) * .5);transform-origin:center bottom}.oppo-melds{flex:none}.oppo-melds .melds{flex-wrap:nowrap}.oppo-hand{position:relative;display:flex;gap:1px;align-items:flex-start}.oppo-tile{position:absolute;left:0;top:0;will-change:transform}.oppo-hand .tile{filter:none;border-radius:12%}.oppo-hand.reveal .win-tile{margin-left:7px}.pond{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:calc(var(--cell) * 6)}.pond-row{display:flex}.cell{width:var(--cell);height:calc(var(--cell-tile) * 4 / 3 + 1px);display:flex;align-items:center;justify-content:center}.cell-side{width:calc(var(--cell) * 1.36);z-index:1}.melds{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:flex-end}.meld{display:flex;align-items:flex-end;gap:1px}.mcell{display:flex;align-items:flex-end;justify-content:center}.mcell-sm{width:var(--cell-tile)}.mcell-hand{width:var(--hand-tile)}.mcell-side.mcell-sm{width:calc(var(--cell-tile) * 1.34)}.mcell-side.mcell-hand{width:calc(var(--hand-tile) * 1.34)}.kan-stack{display:flex;flex-direction:column;gap:1px;align-items:center}.htile{position:relative}.htile-sm{width:calc(var(--cell-tile) * 4 / 3);height:var(--cell-tile)}.htile-hand{width:calc(var(--hand-tile) * 4 / 3);height:var(--hand-tile)}.htile>.tile{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.stickline{pointer-events:none;z-index:6}.chip-open{background:linear-gradient(180deg,#ffe27a,#f3b73c);color:#2a1d00;font-weight:800;font-size:.85em;letter-spacing:.03em;text-transform:uppercase;border-radius:4px;padding:0 4px}.stick{display:block;width:calc(var(--board) * .11);height:5px;border-radius:3px;background:linear-gradient(#fff,#dcdcdc);box-shadow:0 1px 2px #00000080;position:relative}.stick:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#e0322b;transform:translate(-50%,-50%)}.stick.mini{width:22px;height:4px}.stick.mini:after{width:4px;height:4px}.stick.honba:after{width:16px;height:3px;border-radius:0;background:transparent;background-image:radial-gradient(circle,#1f53c4 0 .55px,transparent .85px);background-size:3.2px 1.6px;background-repeat:repeat}.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36%;height:36%;background:#00000057;border-radius:14px;box-shadow:inset 0 0 0 2px #ffffff0f}.hub-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.hub-round{font-size:clamp(13px,2.5vmin,21px);font-weight:800}.hub-wall{font-size:clamp(10px,1.5vmin,13px);color:var(--muted)}.deadwall{display:flex;gap:1px;align-items:flex-end}.hub-sticks{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.hub-count{display:inline-flex;align-items:center;gap:4px}.chip{position:absolute;display:flex;align-items:center;gap:5px;justify-content:center;line-height:1;font-size:clamp(9px,1.4vmin,12px);background:#0009;border-radius:6px;padding:3px 7px;white-space:nowrap}.chip-acting{box-shadow:0 0 0 2px var(--accent),0 0 10px #2f9e6e99}.chip-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.chip-top{top:0;left:50%;transform:translate(-50%,-50%)}.chip-left{left:0;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.chip-right{right:0;top:50%;transform:translate(50%,-50%) rotate(270deg)}.chip-wind{font-weight:800;color:#ffd27a;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans CJK JP,sans-serif}.chip-wind.is-dealer{color:#ff8a4a}.chip-name{max-width:86px;overflow:hidden;text-overflow:ellipsis}.chip-guest{background:#555f6b;color:#dfe7ef;border-radius:3px;padding:0 3px;margin-left:3px;font-size:8px;font-weight:700}.chip-pts{color:#8be0b4;font-weight:700}.game-top{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;z-index:20;pointer-events:none}.game-top button{pointer-events:auto}.ghost.sm{padding:5px 11px;font-size:12px}.game-top-right{flex-wrap:wrap;justify-content:flex-end;row-gap:4px;margin-left:auto}.game-top button{background:#0c141ce6}button.toggle.on{background:var(--accent2);border-color:transparent;color:#fff;font-weight:700}.primary.sm{padding:5px 12px;font-size:12px}.bottom{position:relative;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end;gap:8px;padding:0 16px 10px}.hand-area{width:100%;overflow-x:clip;overflow-y:visible;display:flex;align-items:flex-end;justify-content:center;gap:10px;min-width:0}.hand-row{display:flex;align-items:flex-end;flex:none}.my-melds-fit{flex:0 1 auto;min-width:0;height:calc(var(--hand-tile) * 4 / 3);overflow-x:clip;overflow-y:visible;display:flex;align-items:flex-end}.concealed{display:flex;align-items:flex-end;gap:1px;flex:none}.drawn-slot{width:calc(var(--hand-tile) * var(--slot-cells, 1) + 14px);display:flex;justify-content:flex-start;padding-left:14px}.my-melds{display:flex;align-items:flex-end;flex:none;transform-origin:left bottom}.my-melds .melds{flex-wrap:nowrap}.hand-row .tile-selected{transform:translateY(-12px)}.hand-row .armed .tile{transform:translateY(-22px)}.hand-row .concealed>*:has(.tile-selected),.hand-row .drawn-slot>*:has(.tile-selected){z-index:5}.side-panel{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;position:relative;z-index:10;height:58px;overflow:visible}.act{border-radius:10px;padding:11px 16px;font-weight:700;font-size:15px;white-space:nowrap}.act.win{background:var(--accent);border-color:transparent}.act.warn{background:var(--warn);border-color:transparent}.act.riichi{background:#b9402f;border-color:transparent}.act.pass{background:var(--panel2)}.act.kan{display:inline-flex;align-items:center;gap:6px;justify-content:center}.act.call{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:var(--accent2);border-color:transparent}.act.call.win{background:var(--accent)}.call-tiles{display:inline-flex;gap:1px;background:#ffffff24;padding:2px 3px;border-radius:4px}.timer{display:inline-flex;align-items:center;gap:5px;font-size:28px;font-weight:800;color:var(--warn);line-height:1}.timer-icon{font-size:.8em;opacity:.9}.timer-num{font-variant-numeric:tabular-nums;min-width:1.4em;text-align:right}.timer.urgent{color:#ff5252}.call-banner{z-index:60;pointer-events:none;font-weight:900;letter-spacing:.01em;white-space:nowrap;color:#ffd76a;text-shadow:2px 2px 0 #4a3200,-2px 2px 0 #4a3200,2px -2px 0 #4a3200,-2px -2px 0 #4a3200,0 2px 0 #4a3200,0 -2px 0 #4a3200,2px 0 0 #4a3200,-2px 0 0 #4a3200,0 7px 18px rgba(0,0,0,.5)}.call-banner.big{font-size:clamp(54px,14vmin,150px)}.call-banner.sm{font-size:clamp(34px,8vmin,88px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.outcome{width:min(460px,100%)}.outcome-head-actions{gap:8px}.dora-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.dora-group{display:flex;flex-direction:column;align-items:center;gap:3px}.dora-label{font-size:11px;color:var(--muted)}.dora-tiles{display:flex;gap:2px;--cell-tile: 22px}.win-block{display:flex;flex-direction:column;gap:8px}.win-block+.win-block{border-top:1px solid var(--line);padding-top:10px}.win-who{display:flex;justify-content:space-between;align-items:center}.win-name{font-weight:700}.win-detail{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.win-detail .yaku{flex:1 1 50%;min-width:130px}.yaku-fu{justify-content:flex-start;gap:6px}.score-breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;min-width:130px;flex:1 1 40%}.score-breakdown li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.score-breakdown .score-total{border-top:1px solid var(--line);padding-top:5px;margin-top:2px;font-size:18px;font-weight:800;color:#8be0b4}.win-hand-fit{width:100%;overflow:visible;display:flex;justify-content:center;padding:4px 4px 10px;border-bottom:1px solid var(--line)}.win-hand{--cell-tile: 22px;display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:1px;transform-origin:center bottom}.win-hand .melds{flex-wrap:nowrap}.win-hand-agari{margin-left:8px}.win-hand-melds{margin-left:10px;display:flex;align-items:flex-end}.standings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.standings li{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:8px;background:var(--panel2)}.standings li.you{box-shadow:inset 0 0 0 1px var(--accent2)}.standings-rank{font-weight:800;width:1.4em;text-align:center;color:var(--muted)}.standings li:first-child .standings-rank{color:#ffd27a}.standings-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-pts{font-weight:700}.yaku{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.yaku li{display:flex;justify-content:space-between;text-transform:capitalize}.yaku-total{border-top:1px solid var(--line);margin-top:3px;padding-top:4px;font-weight:700;color:var(--text)}.deltas{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);padding-top:10px}.pos{color:var(--accent)}.neg{color:var(--red)}.show-outcome{position:fixed;left:50%;bottom:calc(var(--hand-tile) * 1.7 + 24px);transform:translate(-50%);z-index:50;padding:9px 16px;font-weight:600;background:var(--accent2);border-color:transparent;box-shadow:0 6px 18px #0006}@media (max-width: 680px){.board{--board: min(98vw, calc(100vh - 150px) )}.chip{font-size:9px;padding:2px 5px;gap:4px}.chip-name{max-width:56px}.game-root{--hand-tile-base: min(calc((100vw - 18px) / 14), 60px)}.bottom{flex-direction:column-reverse;align-items:center;justify-content:flex-end;gap:5px;height:auto;padding:0 0 2px;width:100%}.hand-area{width:100%;gap:3px}.drawn-slot{width:calc(var(--hand-tile) * var(--slot-cells, 1) + 4px);padding-left:4px}.side-panel{position:static;right:auto;bottom:auto;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;min-width:0;gap:6px;height:auto;min-height:50px;padding:2px 4px 0}.timer{font-size:20px;align-self:center}.act{padding:7px 10px;font-size:13px}.act.call{gap:5px;padding:6px 9px}.call-tiles{padding:1px 2px}.ghost.sm{padding:4px 8px;font-size:11px}.game-top{gap:4px}.toggle{font-size:11px}}.game-clock{pointer-events:none;align-self:center;padding:4px 12px;border-radius:999px;background:#00000073;color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}.game-clock.final{background:var(--warn);color:#1a1205}.hand-area.open-riichi .hand-row{padding:6px 10px;border-radius:12px;animation:openRiichiGlow 1.4s ease-in-out infinite}@keyframes openRiichiGlow{0%,to{box-shadow:0 0 0 2px #f3b73c,0 0 10px 2px #f3b73c73}50%{box-shadow:0 0 0 3px #ffd96b,0 0 22px 7px #f3b73cd9}}.act.riichi.open-on{background:linear-gradient(180deg,#ffe27a,#f3b73c);color:#2a1d00;border-color:transparent}.conn-lost{position:fixed;top:0;left:0;right:0;z-index:200;pointer-events:none;text-align:center;padding:7px 14px;font-size:13px;font-weight:700;color:#1a1205;background:var(--warn);box-shadow:0 2px 10px #0006}.create-lobby,.lobby-home{width:min(480px,100%)}.create-lobby .field{display:flex;flex-direction:column;gap:4px}.create-lobby .field>span{font-size:12px;color:var(--muted)}.section-label{font-size:12px;color:var(--muted);font-weight:600}.club-pick{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.radio-row{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.radio-row select{margin-left:auto;max-width:55%}.club-new-fields{display:flex;flex-direction:column;gap:6px;padding-left:24px}.url-preview{font-size:13px}.url-preview code{background:var(--panel2);padding:3px 7px;border-radius:6px}.slug-status{font-size:12px;margin-top:2px}.slug-ok{color:var(--accent)}.slug-bad{color:var(--red)}.advanced-inline{flex-basis:100%;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.lobby-home h1{font-size:22px}.soon-badge{font-size:12px;opacity:.8}.tab-body{min-height:60px;padding:16px 4px;text-align:center;font-size:14px}.ruleset-summary{display:flex;flex-direction:column;gap:6px}.chips-static{display:flex;flex-wrap:wrap;gap:6px}.chip-static{padding:5px 10px;font-size:12px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);color:var(--text)}.online-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--text)}.online-toggle .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.members-list{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;font-size:13px}.member{white-space:nowrap}.rating-table{display:flex;flex-direction:column;gap:2px}.rt-row{display:grid;grid-template-columns:28px 1fr 56px 68px 44px;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;font-size:13px;text-align:left;background:transparent;border:none;color:var(--text)}.rt-click{cursor:pointer}.rt-click:nth-child(2n){background:var(--panel2)}.rt-click:hover{background:var(--line)}.rt-head{color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);border-radius:0}.rt-head .rt-sort{background:transparent;border:none;color:var(--muted);padding:0;text-align:right;font-size:12px;cursor:pointer}.rt-head .rt-sort.active{color:var(--text);font-weight:700}.rt-rank{color:var(--muted);text-align:center}.rt-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-col{text-align:right;color:var(--muted)}.rt-col.active{color:var(--text);font-weight:700}.rt-games{text-align:right}.player-profile{display:flex;flex-direction:column;gap:10px}.rating-graph{width:100%;height:110px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.profile-matches{display:flex;flex-direction:column;gap:2px}.pm-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:13px;border-radius:8px}.pm-row:nth-child(2n){background:var(--panel2)}.pm-place{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;background:var(--line);color:var(--text)}.pm-place.p1{background:var(--accent)}.pm-place.p4{background:var(--red)}.pm-r{font-variant-numeric:tabular-nums}.rule-toggle input[type=checkbox],.rules label.check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;width:24px;height:24px;flex:0 0 24px;border-radius:7px;border:2px solid var(--line);background:var(--panel2);display:inline-grid;place-content:center;cursor:pointer;transition:background .12s,border-color .12s}.rule-toggle input[type=checkbox]:checked,.rules label.check input[type=checkbox]:checked{background:var(--accent2);border-color:var(--accent2)}.rule-toggle input[type=checkbox]:after,.rules label.check input[type=checkbox]:after{content:"";width:6px;height:11px;margin-top:-2px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .12s}.rule-toggle input[type=checkbox]:checked:after,.rules label.check input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}.center-text{text-align:center}.my-clubs{display:flex;flex-direction:column;gap:6px}.chip-static.chip-link{cursor:pointer}.chip-link:hover{border-color:var(--accent2)}.chip-static.chip-off{border-color:var(--accent);color:var(--text)}.lobby-crumbs{font-size:13px;margin-top:2px}.crumb-link,.link-btn{background:none;border:none;color:var(--accent2);cursor:pointer;padding:0;font-size:13px}.crumb-link:hover,.link-btn:hover{text-decoration:underline}.members-block{display:flex;flex-direction:column;gap:6px}.members-block .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:4px;vertical-align:middle}.members-inline{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;font-size:13px}.mid-dot{color:var(--muted);margin-right:6px}.modal-members{max-width:420px;max-height:80vh;overflow-y:auto}.members-modal-list{display:flex;flex-direction:column;gap:4px;font-size:14px}.owner-badge{color:var(--accent);font-size:13px}.lobby-links{display:flex;flex-direction:column;gap:6px}.lobby-link{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);cursor:pointer;text-align:left}.lobby-link:hover{border-color:var(--accent2)}.ll-name{font-weight:600}.dev-btn{border-style:dashed;align-self:center;font-size:13px}