:root{--felt: #0b6b3a;--felt-dark: #084d2a;--panel: #1b1b1f;--ink: #1c2330;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#15151a;color:#eaeaea}.app{max-width:1100px;margin:0 auto;padding:12px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #333;padding-bottom:8px;margin-bottom:10px}header h1{font-size:20px;margin:0;letter-spacing:2px;color:#f1c40f}header .meta{flex:1;font-size:13px;color:#bbb}header .thinking{color:#f39c12}.limit-norm{color:#2ecc71}.limit-high{color:#e74c3c}.cifte-badge{color:#e67e22}header button{cursor:pointer}.claim-bar{background:#5a1f1f;border:1px solid #a33;padding:6px 10px;border-radius:8px;margin-bottom:8px;display:flex;gap:10px;align-items:center}.layout{display:grid;grid-template-columns:1fr 240px;gap:12px}main{background:var(--felt);border-radius:12px;padding:12px;min-height:420px}aside{display:flex;flex-direction:column;gap:12px}.opponents{display:flex;gap:8px;margin-bottom:10px}.opp{flex:1;background:#00000040;border-radius:8px;padding:6px 8px;font-size:12px}.opp.active{outline:2px solid #f1c40f}.opp-name{font-weight:600}.opp-info{color:#cfe}.table,.myhand{background:var(--felt-dark);border-radius:10px;padding:10px;margin-bottom:10px}.table-label{font-size:12px;color:#aee;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.badge-open{color:#2ecc71}.badge-cifte{color:#f1c40f;font-weight:800;font-size:13px}.badge-not-cifte{color:#666;font-size:11px}.empty{color:#8fb;opacity:.6;font-size:13px}.melds{display:flex;flex-wrap:wrap;gap:10px}.meld{display:flex;align-items:center;gap:3px;background:#ffffff0f;border-radius:8px;padding:4px 6px;cursor:pointer}.meld.target{outline:2px solid #f1c40f}.meld.processable{outline:2px solid #2ecc71;box-shadow:0 0 10px #2ecc71b3;cursor:pointer}.proc-badge{font-size:10px;font-weight:700;color:#2ecc71;margin-right:4px}.meld.rescuable{outline:2px solid #e67e22;box-shadow:0 0 10px #e67e22b3;cursor:pointer}.rescue-badge{font-size:10px;font-weight:700;color:#e67e22;margin-right:4px}.actions .hint{color:#2ecc71}.meld-type{font-size:9px;color:#9cf;margin-right:4px}.endpick{display:inline-flex;gap:4px;margin-left:6px}.endpick button{font-size:12px;padding:2px 8px;border-radius:5px;border:1px solid #2ecc71;background:#14402a;color:#cfe;cursor:pointer;font-weight:700}.discard{margin-bottom:10px;display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}.dpile{display:flex;gap:2px;margin-top:4px;flex-wrap:wrap}.dpile.empty-pile{color:#7a9;opacity:.5;font-size:12px}.dpile-tile{opacity:.65}.dpile-tile.last{opacity:1;outline:2px solid #f1c40f;border-radius:6px}.rack-2{display:flex;flex-direction:column;gap:6px}.rack{display:flex;flex-wrap:nowrap;gap:4px;padding:5px;border-radius:8px;background:#00000026;overflow-x:auto}.slot{width:40px;height:54px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:6px}.slot.empty{border:1px dashed rgba(255,255,255,.2)}.slot[draggable=true]{cursor:grab}.slot[draggable=true]:active{cursor:grabbing}.slot.drawn{position:relative}.slot.drawn .tile{outline:3px solid #00d4ff;box-shadow:0 0 12px #00d4ff}.slot.drawn:after{content:"yeni";position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:9px;background:#00d4ff;color:#023;padding:0 4px;border-radius:6px;font-weight:700}.mini{margin-left:10px;font-size:11px;padding:2px 8px;border-radius:5px;border:1px solid #2a6;background:#1c3a2a;color:#cfe;cursor:pointer}.hint-sm{margin-left:10px;font-size:11px;color:#9cf;opacity:.8}.groups{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.group{display:flex;gap:3px;align-items:center;background:#f1c40f26;padding:4px 6px;border-radius:8px;cursor:pointer}.group small{color:#f1c40f;margin-right:3px}.tile{width:38px;height:52px;background:#f7f3e8;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 3px #0006;font-weight:800;font-size:22px;-webkit-user-select:none;user-select:none}.tile.small{width:28px;height:40px;font-size:17px}.tile.clickable{cursor:pointer}.tile.clickable:hover{transform:translateY(-3px)}.tile.selected{outline:3px solid #f1c40f;transform:translateY(-6px)}.tile .joker-dot{position:absolute;bottom:3px;width:6px;height:6px;border-radius:50%;background:currentColor}.c-red{color:#c0392b}.c-yellow{color:#b8860b}.c-blue{color:#2471a3}.c-black{color:#2c3e50}.c-fake{color:#8e44ad}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}.actions button{padding:6px 10px;border-radius:6px;border:1px solid #444;background:#2b2b33;color:#eee;cursor:pointer;font-size:13px}.actions button:hover:not(:disabled){background:#3a3a45}.actions button:disabled{opacity:.4;cursor:not-allowed}.actions button.warn{background:#6b3a1f;border-color:#a55}.actions button.finish{background:#1f6b3a;border-color:#2ecc71;font-weight:700}.actions .sep{color:#9cf;font-size:11px;margin-left:8px}.actions button.primary{background:#1f5a6b;border-color:#2bb;color:#cff;font-weight:700}.message{margin-top:8px;background:#5a1f1f;border-radius:6px;padding:6px 10px;font-size:13px}.message.urgent{background:#7a3b00;border:1px solid #e67e22}.message.info{background:#1a3a5a;border:1px solid #3a8fd1}.claim-foot{margin-top:12px;display:flex;justify-content:center}.claim-btn{padding:8px 16px;border-radius:8px;border:1px solid #c0392b;background:#7a2a1f;color:#ffd;font-weight:700;cursor:pointer;font-size:13px}.claim-btn:hover:not(:disabled){background:#a0341f}.claim-btn:disabled{opacity:.35;cursor:not-allowed}.scores,.log{background:var(--panel);border-radius:10px;padding:10px}.scores h3,.log h3{margin:0 0 8px;font-size:13px;color:#f1c40f}.score-row{display:flex;justify-content:space-between;padding:2px 0;font-size:13px}.score-team{margin-bottom:6px}.score-diff{text-align:center;font-size:12px;color:#aaa;padding:6px 0 2px;border-top:1px solid #333;margin-top:4px}.score-team-header{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;border-bottom:1px solid #333;margin-bottom:2px}.score-sub{color:#888;padding-left:10px}.team-row td{font-weight:700;padding:4px 6px;border-top:1px solid #333}.sub-row td{color:#aaa;font-size:13px;padding:2px 6px 2px 16px}.log ul{list-style:none;padding:0;margin:0;max-height:320px;overflow:auto;font-size:12px}.log li{padding:2px 0;border-bottom:1px solid #2a2a2a;color:#cdd}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.result{background:#1e1e26;padding:20px 28px;border-radius:12px;min-width:320px}.result h2{margin-top:0}.result table{width:100%;font-size:14px;margin:10px 0}.result td{padding:3px 6px}.result button{margin-top:8px;padding:8px 16px;border-radius:6px;border:none;background:#2ecc71;color:#093;font-weight:700;cursor:pointer}.landing{max-width:480px;margin:80px auto;padding:32px;background:#1b1b1f;border-radius:16px;text-align:center}.landing-title{font-size:36px;color:#f1c40f;letter-spacing:4px;margin:0 0 8px}.landing-sub{color:#aaa;margin:0 0 24px;font-size:14px}.landing-error{color:#e74c3c;font-size:13px;margin-bottom:12px}.landing-btns{display:flex;flex-direction:column;gap:12px;align-items:center}.landing-btns button{width:220px;padding:10px 0;font-size:15px;border-radius:8px;border:none;cursor:pointer;background:#2d2d35;color:#eee;font-weight:600}.landing-btns button.primary{background:#f1c40f;color:#1a1400}.landing-btns button.ghost{background:transparent;color:#888;border:1px solid #444}.landing-form{display:flex;flex-direction:column;gap:10px;text-align:left}.landing-form label{font-size:13px;color:#aaa}.landing-form input{padding:8px 10px;border-radius:6px;border:1px solid #444;background:#111;color:#eee;font-size:15px}.landing-form button{margin-top:4px;padding:9px;border-radius:7px;border:none;cursor:pointer;background:#2d2d35;color:#eee;font-weight:600}.landing-form button.primary{background:#f1c40f;color:#1a1400}.landing-form button.ghost{background:transparent;color:#888;border:1px solid #444}.lobby-link{background:#111;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lobby-link code{flex:1;word-break:break-all;color:#f1c40f}.lobby-seats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.lobby-seat{display:flex;align-items:center;gap:8px;background:#111;border-radius:8px;padding:8px 12px}.lobby-seat.me{border:1px solid #f1c40f}.seat-num{color:#888;font-size:12px;width:80px}.seat-name{flex:1}.seat-you{color:#f1c40f;font-size:12px}.lobby-mode{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:#aaa}.mode-btn{background:#222;border:1px solid #444;color:#aaa;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px}.mode-btn.active{background:#1a3a1a;border-color:#4caf50;color:#4caf50}.ask-respond{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#2a1f00;border:1px solid #a07010;border-radius:8px;padding:8px 12px;margin-bottom:8px;font-size:14px}.ask-respond span{flex:1}.ask-respond button{padding:6px 14px;border-radius:6px;border:none;font-weight:600;cursor:pointer}.ask-respond button.primary{background:#2ecc71;color:#093}.ask-respond button.warn{background:#c0392b;color:#fff}.afk-bar{background:#1a3a1a;border-bottom:1px solid #2d6a2d;padding:6px 16px;font-size:13px;color:#7fc97f;text-align:center}.afk-bar.afk-urgent{background:#3a1a1a;border-color:#8a2020;color:#f08080;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.break-bar{background:#2a1a00;border-bottom:1px solid #7a4a00;padding:6px 16px;font-size:13px;color:#f5c06a;text-align:center}.break-btn{position:fixed;bottom:16px;right:16px;z-index:100;background:#2a1a00;border:1px solid #7a4a00;color:#f5c06a;padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;opacity:.85}.break-btn:hover{opacity:1}.break-cancel-btn{margin-left:14px;padding:2px 10px;background:#7a4a00;border:1px solid #f5c06a;color:#f5c06a;border-radius:5px;font-size:12px;cursor:pointer}.break-cancel-btn:hover{background:#a06000}.vote-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:flex;align-items:center;justify-content:center}.vote-modal{background:#1e1e2e;border:1px solid #3a3a5c;border-radius:12px;padding:28px 32px;text-align:center;max-width:320px;width:90%}.vote-title{font-size:16px;margin:0 0 6px;color:#e0e0ff}.vote-sub{font-size:13px;color:#888;margin:0 0 20px}.vote-btns{display:flex;gap:10px;justify-content:center}.vote-btns button{min-width:110px}.chat-toggle{position:fixed;bottom:60px;right:16px;z-index:100;background:#1a2a3a;border:1px solid #2a6a9a;color:#7ad;padding:8px 14px;border-radius:8px;font-size:14px;cursor:pointer;opacity:.85}.chat-toggle:hover{opacity:1}.chat-badge{display:inline-block;background:#e74c3c;color:#fff;border-radius:10px;font-size:10px;font-weight:700;padding:1px 5px;margin-left:6px;vertical-align:middle}.chat-panel{position:fixed;bottom:112px;right:16px;z-index:99;width:280px;height:340px;background:#1b1b1f;border:1px solid #333;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 16px #00000080}.chat-header{padding:8px 12px;background:#111;border-bottom:1px solid #333;font-size:12px;color:#aaa;font-weight:600;letter-spacing:1px}.chat-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.chat-msg{max-width:90%}.chat-msg.mine{align-self:flex-end;text-align:right}.chat-msg.theirs{align-self:flex-start}.chat-nick{font-size:10px;color:#888;margin-bottom:2px}.chat-text{display:inline-block;padding:5px 9px;border-radius:8px;font-size:13px;max-width:100%;word-break:break-word;line-height:1.4}.chat-msg.mine .chat-text{background:#1a3a2a;color:#cfe}.chat-msg.theirs .chat-text{background:#2b2b33;color:#eee}.chat-input-row{display:flex;border-top:1px solid #333}.chat-input-row input{flex:1;padding:8px 10px;background:#111;border:none;color:#eee;font-size:13px;outline:none}.chat-input-row button{padding:8px 12px;background:#1a3a2a;border:none;border-left:1px solid #333;color:#8fc;font-size:13px;cursor:pointer;white-space:nowrap}.chat-input-row button:hover{background:#2a5a3a}