:root{--bg: #1d0b3a;--pink: #ff5fa8;--blue: #4fc3ff;--gold: #ffe36b;--ink: #1a1020;--safe-l: max(env(safe-area-inset-left), var(--tg-safe-area-inset-left, 0px));--safe-r: max(env(safe-area-inset-right), var(--tg-safe-area-inset-right, 0px));--safe-t: max(env(safe-area-inset-top), var(--tg-content-safe-area-inset-top, 0px));--safe-b: max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom, 0px))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:#fff;font-family:Nunito,system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0;display:grid;place-items:center}#game{display:block;image-rendering:auto}#pad{position:absolute;inset:0;pointer-events:none;display:none}body.playing #pad{display:block}.stick-zone{position:absolute;left:0;bottom:0;width:45%;height:70%;pointer-events:auto;touch-action:none}.stick-base{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;left:calc(90px + var(--safe-l));top:calc(100% - 100px);border-radius:50%;background:#ffffff14;border:3px solid rgba(255,255,255,.25);transition:opacity .15s;opacity:.55}.stick-base.on{opacity:1}.stick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#c9b8ff);box-shadow:0 3px 10px #0006}.btns{position:absolute;right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));width:230px;height:190px;pointer-events:none}.btn{position:absolute;pointer-events:auto;touch-action:none;border:3px solid var(--ink);border-radius:50%;width:80px;height:80px;min-width:0;padding:0;font:17px Bangers,Impact,sans-serif;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 var(--ink);box-shadow:0 4px 0 var(--ink);opacity:.85}.btn.down{transform:translateY(3px) scale(.95);box-shadow:0 1px 0 var(--ink);opacity:1}.b-p{left:0;bottom:0;background:#ff7043}.b-k{left:90px;bottom:30px;background:#42a5f5}.b-s{left:150px;bottom:112px;background:#ab47bc;width:72px;height:72px}.b-x{left:54px;bottom:100px;background:#555;width:76px;height:76px;font-size:15px}.b-x.ready{background:linear-gradient(135deg,var(--pink),var(--gold));animation:pulse .6s infinite alternate}@keyframes pulse{to{transform:scale(1.08)}}#hud-btns{position:absolute;top:calc(6px + var(--safe-t));left:50%;transform:translate(-50%) translateY(64px)}#hud-btns button{width:40px;min-width:0;padding:0;height:30px;border-radius:10px;box-shadow:none;border:2px solid var(--ink);background:#ffffff26;color:#fff;font-size:14px}#ui{position:absolute;inset:0;display:grid;place-items:center;background:#0f051e8c;backdrop-filter:blur(2px);padding:12px}#ui.hidden{display:none}body:not(.playing) #ui{background:radial-gradient(ellipse at 50% 100%,#ef5f6b,#7a1f6b,#1d0b3a 80%)}.panel{position:relative;text-align:center;max-width:760px;width:100%;max-height:100%;overflow:auto;padding:16px 20px;border-radius:22px;background:#1e0a2dbf;border:3px solid rgba(255,255,255,.12)}.panel h2{font:40px Bangers,Impact,sans-serif;letter-spacing:2px;margin:4px 0 12px;color:var(--gold);text-shadow:0 3px 0 var(--ink)}.logo{font:64px/.9 Bangers,Impact,sans-serif;letter-spacing:3px;color:var(--pink);text-shadow:0 4px 0 var(--ink),0 0 30px rgba(255,95,168,.5)}.logo span{display:block;color:var(--gold);font-size:80px}.sub{font:26px Bangers,sans-serif;letter-spacing:2px;opacity:.9;margin-top:4px}.sub b{color:var(--gold)}.faces{display:flex;justify-content:center;align-items:center;gap:14px;margin:8px 0}.faces i{font-style:normal;font-size:30px;animation:pulse .7s infinite alternate}.portrait{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--ink);background:#ffffff1a}.menu{display:flex;flex-direction:column;gap:9px;align-items:center}.title .menu{display:grid;grid-template-columns:1fr 1fr;max-width:520px;margin:10px auto 0}.title .menu .big{grid-column:span 2}button{font:800 16px Nunito,sans-serif;color:#fff;background:#3b2a5c;border:3px solid var(--ink);border-radius:14px;padding:11px 18px;min-width:150px;box-shadow:0 4px 0 var(--ink);cursor:pointer}button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}button:disabled{opacity:.45}button.big{background:linear-gradient(135deg,var(--pink),#ff8a5c);font-size:19px}button.on{background:#2e9e5b}button.icon{position:absolute;top:10px;right:10px;min-width:0;padding:6px 10px}.cards{display:flex;gap:16px;justify-content:center;margin-bottom:10px}.card{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:12px}.card .portrait{width:96px;height:96px}.card b{font:30px Bangers,sans-serif;letter-spacing:2px}.card small{opacity:.8;font-size:12px}.card.gizem{background:linear-gradient(160deg,#ff5fa8,#7b3fb0)}.card.ugur{background:linear-gradient(160deg,#4fc3ff,#c0392b)}.card.picked{outline:4px solid var(--gold);transform:scale(1.04)}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.code{color:#fff;background:var(--ink);padding:0 10px;border-radius:8px;letter-spacing:4px}.status,.note{margin:6px 0 12px}.note{color:var(--gold)}.moves .cols{display:flex;gap:20px;justify-content:center;text-align:left}.moves h3{font:28px Bangers,sans-serif;margin:0 0 4px;letter-spacing:2px}.moves h3.gizem{color:var(--pink)}.moves h3.ugur{color:var(--blue)}.moves td{padding:3px 8px}.moves td.in{font-weight:800;color:var(--gold);white-space:nowrap}.moves p{font-size:13px;opacity:.85;margin:6px 0}.hint{max-width:560px;margin:8px auto 12px!important}body.rot #app{inset:0 auto auto 0;transform-origin:top left;transform:rotate(90deg) translateY(-100%)}@media(max-height:420px){.logo{font-size:44px}.logo span{font-size:54px}.panel h2{font-size:30px;margin-bottom:6px}.card .portrait{width:64px;height:64px}.portrait{width:56px;height:56px}button{padding:8px 14px;font-size:14px}.btn{width:70px;height:70px}.b-k{left:80px;bottom:24px}.b-s{left:136px;bottom:96px;width:64px;height:64px}.b-x{left:48px;bottom:86px;width:66px;height:66px}}.ic{width:1.25em;height:1.25em;vertical-align:-.28em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic .f{fill:currentColor;stroke:none}.ic .w{stroke:#fff;stroke-width:1.6}button .ic{margin-right:8px}button.icon .ic,#hud-btns .ic{margin:0}.ic.inline{width:1.1em;height:1.1em;margin:0 2px}.ic.ok{color:#5be38f}.vs-heart{color:var(--pink);display:grid;place-items:center}.vs-heart .ic{width:38px;height:38px;filter:drop-shadow(0 2px 0 var(--ink))}.vs-heart .w{stroke:var(--gold);stroke-width:1.8}.result-icon{display:grid;place-items:center;margin:-4px 0 4px}.result-icon .ic{width:56px;height:56px;filter:drop-shadow(0 3px 0 var(--ink))}.result-icon.won{color:var(--gold)}.result-icon.lost{color:var(--blue)}.result-icon.draw{color:var(--pink)}.chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:8px;border:2px solid var(--ink);font:14px Bangers,sans-serif;letter-spacing:1px;color:#fff;vertical-align:middle}.chip .ic{width:16px;height:16px;margin:0}.chip.dir{background:#3b2a5c;padding:2px 4px}.chip.key{background:#ab47bc}.chip.sup{background:linear-gradient(135deg,var(--pink),var(--gold));color:var(--ink)}.plus{margin:0 4px;opacity:.8;font-weight:800}