*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Segoe UI","Arial",sans-serif;background:#1a1209;color:#e8dcc8;min-height:100vh;display:flex;flex-direction:column;align-items:center}.container{width:100%;max-width:700px;margin:20px auto;padding:0 12px}.tab-bar{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.tab-btn{padding:10px 24px;border-radius:12px 12px 0 0;border:2px solid #6b4c2a;border-bottom:none;background:#2a1e14;color:#8a7a60;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#3a2e20;color:#c0a878}.tab-btn.active{background:#4a3520;color:#f5e6c8;border-color:#8b6b45}.tab-content{display:none}.tab-content.active{display:block}.game-panel{background:linear-gradient(180deg,#4a3520,#352618);border:2px solid #6b4c2a;border-radius:16px;padding:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.5)}.game-title{font-size:26px;font-weight:800;color:#f5e6c8;text-shadow:2px 2px 4px rgba(0,0,0,.5);display:inline-block}.rules-btn{display:inline-block;margin-left:16px;padding:6px 18px;background:#5a4230;border:1px solid #8b6b45;border-radius:20px;color:#d4c4a0;font-size:14px;cursor:pointer;transition:background .2s;vertical-align:middle}.rules-btn:hover{background:#6b4c2a}.controls{display:flex;justify-content:center;gap:10px;margin:16px 0;flex-wrap:wrap}.ctrl-btn{padding:8px 20px;border-radius:20px;border:2px solid;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.ctrl-btn.delete{background:#8b3a3a;border-color:#c0554a;color:#fdd}.ctrl-btn.delete:hover{background:#a04040}.ctrl-btn.delete.active{box-shadow:0 0 10px rgba(255,100,100,.5);background:#a04040}.ctrl-btn.reset{background:#8b6b3a;border-color:#c09a4a;color:#ffd}.ctrl-btn.reset:hover{background:#a07840}.ctrl-btn.five-yes{background:#2a5a3a;border-color:#4a8b5a;color:#cfc}.ctrl-btn.five-yes:hover{background:#357045}.ctrl-btn.five-yes.active{background:#3a8b4a;border-color:#5abf6a;box-shadow:0 0 10px rgba(90,190,100,.4)}.ctrl-btn.five-no{background:#3a3a5a;border-color:#5a5a8b;color:#ccf}.ctrl-btn.five-no:hover{background:#454570}.ctrl-btn.five-no.active{background:#4a4a8b;border-color:#6a6abf;box-shadow:0 0 10px rgba(100,100,190,.4)}.ctrl-btn.fill{background:#4a3a5a;border-color:#7a5a8b;color:#ecf}.ctrl-btn.fill:hover{background:#5a4570}.card-selector{display:flex;justify-content:center;gap:10px;margin:16px 0;flex-wrap:wrap}.card-btn{width:72px;height:48px;border-radius:10px;border:3px solid;font-size:22px;font-weight:900;cursor:pointer;position:relative;transition:all .2s;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.card-btn .count{position:absolute;top:-2px;right:4px;font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.card-btn[data-card="1"]{background:linear-gradient(135deg,#2d7a2d,#1a5a1a);border-color:#4a9a4a}.card-btn[data-card="2"]{background:linear-gradient(135deg,#8b6b2a,#6b4c1a);border-color:#b08a3a}.card-btn[data-card="3"]{background:linear-gradient(135deg,#9a8a20,#7a6a10);border-color:#c0a830}.card-btn[data-card="4"]{background:linear-gradient(135deg,#8a7a10,#6a5a00);border-color:#b09a20}.card-btn[data-card="5"]{background:linear-gradient(135deg,#2a3a8b,#1a2a6b);border-color:#4a5ab0}.card-btn[data-card=K]{background:linear-gradient(135deg,#8b2a2a,#6b1a1a);border-color:#b04a4a}.card-btn.selected{transform:scale(1.1);box-shadow:0 0 15px rgba(255,255,100,.6)}.card-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.cell,.stats{display:flex;justify-content:center}.cell{aspect-ratio:1.6;background:linear-gradient(145deg,#3a3228,#2a2218);border:2px solid #4a3e30;border-radius:10px;align-items:center;cursor:pointer;font-size:28px;font-weight:900;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.8);transition:all .15s;user-select:none}.cell:hover{border-color:#8b7b5a;background:linear-gradient(145deg,#4a4238,#3a3228)}.cell.filled{cursor:default}.cell.card-1{background:linear-gradient(145deg,#2d6a2d,#1a4a1a);border-color:#4a8a4a}.cell.card-2{background:linear-gradient(145deg,#7b5b2a,#5b3c1a);border-color:#9a7a3a}.cell.card-3{background:linear-gradient(145deg,#8a7a20,#6a5a10);border-color:#a09030}.cell.card-4{background:linear-gradient(145deg,#7a6a10,#5a4a00);border-color:#908a20}.cell.card-5{background:linear-gradient(145deg,#2a3a7b,#1a2a5b);border-color:#4a5a9a}.cell.card-K{background:linear-gradient(145deg,#7b2a2a,#5b1a1a);border-color:#9a4a4a}.cell.king-possible{box-shadow:0 0 15px rgba(255,50,50,.6);border-color:#f44}.cell.hint-near{box-shadow:0 0 12px rgba(0,200,100,.7);border-color:#0c6}.cell.hint-far{box-shadow:0 0 12px rgba(100,100,255,.6);border-color:#66f}.cell.last-placed{outline:2px solid #f0d890;outline-offset:2px}.stats{gap:20px;margin:12px 0;font-size:14px;color:#a89878}.stats span{font-weight:700}.keyboard-hint{text-align:center;color:#8a7a60;font-size:13px;margin:12px 0}.keyboard-hint kbd{background:#3a3020;border:1px solid #5a4a30;border-radius:4px;padding:2px 6px;font-size:12px;color:#d4c4a0}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:100;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:#3a2e20;border:2px solid #6b4c2a;border-radius:16px;max-width:550px;width:90%;max-height:80vh;overflow-y:auto;padding:24px}.modal h2{font-size:22px;color:#f5e6c8;margin-bottom:16px;text-align:center}.modal li,.modal p{font-size:14px;line-height:1.7;color:#d4c4a0;margin-bottom:8px}.modal ul{padding-left:20px;margin-bottom:12px}.modal table{width:100%;border-collapse:collapse;margin:12px 0}.modal td,.modal th{border:1px solid #5a4a30;padding:8px;font-size:13px;text-align:left}.modal th{background:#4a3a20;color:#f0d890}.modal .close-btn{display:block;margin:16px auto 0;padding:8px 30px;background:#5a4230;border:1px solid #8b6b45;border-radius:20px;color:#d4c4a0;font-size:14px;cursor:pointer}.modal .close-btn:hover{background:#6b4c2a}.ad-container{width:100%;max-width:700px;margin:16px auto;text-align:center}.ad-slot,.footer{color:#5a4a38;font-size:12px}.ad-slot{min-height:90px;background:rgba(50,40,30,.3);border:1px dashed #4a3e30;border-radius:8px;display:flex;align-items:center;justify-content:center}.footer{text-align:center;padding:16px}.footer a{color:#8b7b5a;text-decoration:none}.footer a:hover{color:#b09a6a}.okey-indicator-section{margin:16px 0}.okey-label{font-size:15px;font-weight:700;color:#d4c4a0;margin-right:10px}.okey-indicator-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap}.okey-select{padding:6px 12px;border-radius:8px;border:2px solid #6b4c2a;background:#2a1e14;color:#e8dcc8;font-size:14px;cursor:pointer}.okey-result{font-size:15px;color:#d4c4a0;margin-left:8px}.okey-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0}.okey-grid th,.okey-stat{font-size:14px;color:#a89878}.okey-stat strong,.stats span{color:#f0d890}.okey-grid-wrap{overflow-x:auto;margin:16px 0}.okey-grid{border-collapse:collapse;margin:0 auto}.okey-grid th{font-weight:700;padding:4px 6px;text-align:center}.okey-row-label{font-size:13px;font-weight:700;padding-right:8px;white-space:nowrap}.okey-grid td{padding:3px}.okey-tile{width:56px;height:56px;border-radius:10px;border:3px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;user-select:none;position:relative}.okey-tile .tile-num{font-size:24px;font-weight:900;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.okey-tile.color-yellow{background:linear-gradient(145deg,#c8a820,#a08010);border-color:#dabb30;color:#fff}.okey-tile.color-blue{background:linear-gradient(145deg,#2878c8,#1858a0);border-color:#3a90e0;color:#fff}.okey-tile.color-red{background:linear-gradient(145deg,#c83030,#a01818);border-color:#e04040;color:#fff}.okey-tile.used{opacity:.3;transform:scale(.92);filter:grayscale(.6)}.okey-tile:hover:not(.used){transform:scale(1.08);box-shadow:0 0 12px rgba(255,255,100,.4)}.okey-tile.used:hover{opacity:.5}.okey-combos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px}.combo-panel{background:rgba(50,40,25,.6);border:1px solid #5a4a30;border-radius:12px;padding:12px}.combo-title{font-size:14px;font-weight:700;color:#f0d890;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #4a3a20}.combo-item,.combo-tile{border-radius:6px;display:flex;align-items:center}.combo-item{gap:4px;margin-bottom:6px;padding:4px 6px;background:rgba(0,0,0,.15)}.combo-tile{width:30px;height:30px;justify-content:center;font-size:15px;font-weight:900;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.combo-points{margin-left:auto;font-size:13px;font-weight:600;color:#f0d890;white-space:nowrap}.combo-empty{color:#6a5a40;font-size:13px;text-align:center;padding:12px}.okey-scoring{margin-top:16px;padding:12px;background:rgba(50,40,25,.4);border:1px solid #4a3a20;border-radius:10px;text-align:left}.scoring-title{font-size:14px;font-weight:700;color:#f0d890;margin-bottom:6px}.scoring-row{font-size:13px;color:#a89878;margin-bottom:2px}.scoring-row span{color:#d4c4a0;font-weight:600}@media (max-width:600px){.game-title{font-size:20px}.rules-btn{margin-left:8px;padding:4px 12px;font-size:12px}.controls{gap:6px}.ctrl-btn{padding:6px 12px;font-size:12px}.card-selector{gap:6px}.card-btn{width:54px;height:38px;font-size:18px}.card-btn .count{font-size:9px}.board{gap:5px}.cell{font-size:20px;border-radius:8px}.tab-btn{padding:8px 16px;font-size:13px}.okey-tile{width:40px;height:40px}.okey-tile .tile-num{font-size:18px}.okey-combos{grid-template-columns:1fr}}