:root{--ink:#f7f0e5;--muted:#b9aa98;--gold:#e2b454;--panel:#211711;--line:#ffffff18}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 50% -10%,#633b1f55,transparent 42%),#100b08}button{font:inherit;color:inherit;cursor:pointer}.topbar{height:72px;padding:9px clamp(10px,3vw,32px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#100b08e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{border:0;background:none;font-weight:950;font-size:20px;letter-spacing:.08em}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#e8bd64,#754515);margin-right:9px}.profile{display:flex;align-items:center;gap:9px}.profile small,.wallet small{display:block;color:var(--muted);font-size:11px}.avatar{width:42px;height:42px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:#51301e}.level{display:grid;place-items:center;width:32px;height:32px;background:#49306b;border-radius:9px;color:#f8d678}.wallet{text-align:right;color:#f6ce72}.hero{padding:clamp(28px,6vw,72px) 20px 20px;text-align:center}.hero h1{font:900 clamp(34px,7vw,72px) Georgia,serif;margin:0}.hero p{color:var(--muted);font-size:clamp(15px,2vw,19px)}.games{width:min(1120px,calc(100% - 24px));margin:18px auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{min-height:185px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#382417,#19110d);box-shadow:0 18px 50px #0007;transition:.2s}.game-card:hover{transform:translateY(-4px);border-color:#e2b45488}.game-card .icon{font-size:42px}.game-card h2{margin:14px 0 4px}.game-card p{color:var(--muted);margin:0}.tag{display:inline-block;margin-top:15px;padding:5px 9px;border-radius:99px;background:#ffffff10;color:#f0c86d;font-size:12px}.game{max-width:1280px;margin:auto;padding:16px}.gamehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.gamehead h1{margin:0;font-size:clamp(20px,4vw,32px)}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#291d16;padding:10px 14px;border-radius:11px;font-weight:800}.btn.primary{background:linear-gradient(#3b9a61,#24663f)}.btn:disabled{opacity:.45;cursor:not-allowed}.status{padding:11px 14px;background:#1c1510;border:1px solid var(--line);border-radius:12px;color:#e8d5bc;margin-bottom:12px}.board{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr 1fr;gap:3px;min-height:520px;padding:24px 30px;background:linear-gradient(135deg,#8b5428,#4a2915 49%,#8b5428);border:10px solid #321b0f;border-radius:18px;box-shadow:0 20px 55px #0009}.board:after{content:'KANTİN';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font:900 22px Georgia;color:#e8bc6888;letter-spacing:.18em}.point{position:relative;min-width:0;border:0;background:transparent;padding:3px;display:flex;align-items:center;flex-direction:column;z-index:1}.point.bottom{justify-content:flex-end}.point:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 84%);background:#e7d2ad}.point.alt:before{background:#54291a}.point.bottom:before{clip-path:polygon(50% 16%,100% 100%,0 100%)}.point.legal{filter:drop-shadow(0 0 7px #58e78b)}.checker{width:min(42px,90%);aspect-ratio:1;border-radius:50%;z-index:2;display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:inset 3px 3px 5px #fff5,0 2px 5px #0008}.checker.white{background:#eadfc9;color:#221811}.checker.black{background:#2a2725;color:#fff;border:1px solid #777}.checker.ghost{opacity:.28;outline:2px dashed #79b7ff}.barrow{display:flex;justify-content:center;gap:15px;margin:10px}.dice{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#eee3d2;color:#15100d;font-size:22px;font-weight:950}.table{min-height:530px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle,#33835b,#17412e);padding:24px;display:grid;grid-template-rows:auto 1fr auto;gap:18px}.opponents{display:flex;justify-content:space-around}.seat{padding:9px 13px;background:#0c1712aa;border-radius:12px;text-align:center}.pile{display:flex;align-items:center;justify-content:center;gap:15px}.card{width:84px;aspect-ratio:2/3;border-radius:9px;border:1px solid #bbb;background:#fff;color:#17120f;display:flex;flex-direction:column;justify-content:space-between;padding:8px;font:900 21px Georgia;box-shadow:0 6px 14px #0007}.card.red{color:#b32222}.card.back{background:repeating-linear-gradient(45deg,#772b22,#772b22 5px,#e2c18a 6px,#e2c18a 8px)}.hand{display:flex;justify-content:center;align-items:end;gap:5px;overflow-x:auto;padding:12px}.hand .card{flex:0 0 75px}.hand button.card:hover,.tile:hover{transform:translateY(-7px)}.rack{min-height:520px;border:12px solid #52301b;border-radius:18px;background:linear-gradient(#d1aa6c 0 56%,#9b6b37 57%);padding:18px;display:grid;grid-template-rows:auto 1fr auto}.indicator{display:flex;justify-content:center;gap:12px}.tiles{align-self:end;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:14px;background:#5b351e88;border-radius:13px}.tile{width:48px;height:68px;border:0;border-radius:6px;background:#f0dfbc;color:#17100d;font-size:23px;font-weight:900;box-shadow:inset 0 -5px #c1a678,0 3px 5px #0005}.tile.selected{transform:translateY(-12px);outline:3px solid #54d681}.tile.red{color:#c72e2e}.tile.blue{color:#216ac2}.tile.black{color:#161616}.tile.yellow{color:#b18400}.melds{display:flex;gap:9px;flex-wrap:wrap;align-content:start}.meld{display:flex;gap:2px;padding:6px;background:#ffffff18;border-radius:8px}.meld .tile{width:34px;height:48px;font-size:17px}.hint{color:#d7c1a4;text-align:center}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#150f0c;border:1px solid #e2b45466;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.games{grid-template-columns:repeat(2,1fr)}.profile{display:none}.board{min-height:440px;padding:15px 9px;border-width:6px}.checker{width:96%;font-size:8px}.game{padding:8px}.gamehead{align-items:flex-start}.card{width:67px}.rack,.table{min-height:calc(100vh - 190px)}}@media(max-width:500px){.games{grid-template-columns:1fr}.wallet small{display:none}.game-card{min-height:145px}.board{min-height:390px}.point{padding:1px}.hand .card{flex-basis:62px}.tile{width:40px;height:58px;font-size:19px}.gamehead{display:block}.actions{margin-top:9px}}
/* Every game uses this shared, expandable hamburger menu. */
.game-menu-layer{position:fixed;z-index:90;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));pointer-events:none}.game-menu-box{position:relative;z-index:2;pointer-events:auto}.game-menu-trigger{width:46px;height:46px;padding:11px 10px;display:grid;align-content:center;gap:5px;border:1px solid #e4b85f99;border-radius:14px;background:linear-gradient(145deg,#2b1d16f2,#120c09f5);box-shadow:0 8px 24px #0009,inset 0 1px #fff2}.game-menu-trigger i{display:block;height:3px;border-radius:5px;background:#f4d27d;box-shadow:0 1px #000;transition:transform .2s,opacity .2s}.game-menu-layer.open .game-menu-trigger i:nth-child(1){transform:translateY(8px) rotate(45deg)}.game-menu-layer.open .game-menu-trigger i:nth-child(2){opacity:0}.game-menu-layer.open .game-menu-trigger i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.game-menu-panel{position:absolute;right:0;top:54px;width:min(280px,calc(100vw - 24px));padding:12px;border:1px solid #d8ad5c66;border-radius:18px;background:radial-gradient(circle at 100% 0,#7b4b2044,transparent 48%),#17100ef5;box-shadow:0 20px 60px #000d;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:.18s}.game-menu-layer.open .game-menu-panel{opacity:1;visibility:visible;transform:none}.game-menu-panel header{padding:3px 5px 12px;border-bottom:1px solid #ffffff12}.game-menu-panel header small,.game-menu-panel header b{display:block}.game-menu-panel header small{color:#d5ab5d;font-size:10px;font-weight:900;letter-spacing:.14em}.game-menu-panel header b{margin-top:3px;color:#fff6df;font:900 19px Georgia,serif}.game-menu-leave{width:100%;margin-top:10px;padding:12px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;border:1px solid #c7504766;border-radius:13px;background:linear-gradient(135deg,#6b211f99,#351311bb);color:#fff}.game-menu-leave span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ff65572b;color:#ffb0a8;font-size:24px}.game-menu-leave b{align-self:end;font-size:14px;letter-spacing:.08em}.game-menu-leave small{color:#dfb8af;font-size:10px}.game-menu-panel footer{padding:11px 5px 2px;color:#88776c;font-size:9px;text-align:center}.game-menu-scrim{position:fixed;inset:0;z-index:1;display:none;border:0;background:#0005;pointer-events:auto}.game-menu-layer.open .game-menu-scrim{display:block}@media(max-height:600px){.game-menu-layer{right:8px;top:8px}.game-menu-trigger{width:40px;height:40px;padding:9px}.game-menu-panel{top:46px}}