@media (hover:none) and (pointer:coarse){html,body{touch-action:manipulation}}html.touch,html.touch body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.touch body *{touch-action:manipulation}html.touch #app,html.touch #app *,html.touch #touch,html.touch #touch *,html.touch #kload,html.touch #kload *,html.touch #stage3d{touch-action:none}html.touch .scroll,html.touch .scroll *{touch-action:pan-y}html.touch .scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}#rotate{display:none}@media (orientation:portrait){html.touch #rotate{z-index:100;color:#f4efe4;text-align:center;direction:rtl;background:radial-gradient(at 50% 42%,#2c0e06 0%,#120605 48%,#000 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-family:Rubik,system-ui,sans-serif;display:flex;position:fixed;inset:0}#rotate i{border:4px solid #e8b646;border-radius:9px;width:46px;height:80px;animation:2.2s ease-in-out infinite rotPhone;box-shadow:0 0 18px #ffaa2880}#rotate b{color:#e8b646;font-size:26px;font-weight:900}#rotate small{letter-spacing:2px;color:#b7ab94;direction:ltr;font-size:16px}}@keyframes rotPhone{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}#touch{z-index:7;pointer-events:none;--b:clamp(46px, 14.5vh, 74px);direction:ltr;display:none;position:fixed;inset:0}#touch.on{display:block}body.paused #touch .zone,body.paused #touch .btns,body.paused #touch .stick,body.paused #touch .pause,body.cine-on #touch,body.over #touch .zone,body.over #touch .btns,body.over #touch .stick{display:none}#touch .zone{pointer-events:auto;touch-action:none;width:46%;position:absolute;top:24%;bottom:0;left:0}#touch .stick{width:calc(var(--b) * 2.3);height:calc(var(--b) * 2.3);margin:calc(var(--b) * -1.15) 0 0 calc(var(--b) * -1.15);opacity:.45;pointer-events:none;left:calc(max(14px, env(safe-area-inset-left)) + var(--b) * 1.4);top:calc(100% - max(12px, env(safe-area-inset-bottom)) - var(--b) * 1.35);background:radial-gradient(circle,#14080440,#14080480);border:2px solid #e8b6468c;border-radius:50%;transition:opacity .15s;position:absolute;box-shadow:0 0 14px #0009,inset 0 0 18px #0009}#touch .stick.on{opacity:1;transition:none}#touch .stick i{width:calc(var(--b) * .95);height:calc(var(--b) * .95);margin:calc(var(--b) * -.475) 0 0 calc(var(--b) * -.475);background:radial-gradient(circle at 40% 35%,#fff2c0,#e8b646 45%,#8a5f0e);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #000000b3}#touch .stick b{border-radius:50%;position:absolute;inset:0}#touch .stick b:before,#touch .stick b:after{content:"";background:#e8b6462e;width:70%;height:2px;margin:-1px 0 0 -35%;position:absolute;top:50%;left:50%}#touch .stick b:after{transform:rotate(90deg)}#touch .btns{right:max(12px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));width:calc(var(--b) * 4.4);height:calc(var(--b) * 3.25);pointer-events:auto;touch-action:none;position:absolute}#touch .btn{width:var(--b);height:var(--b);font:900 calc(var(--b) * .24) / 1 "Rubik", sans-serif;color:#fff4d6;text-shadow:0 1px #000,0 0 6px #000;opacity:.82;direction:rtl;background:radial-gradient(circle at 42% 32%,#782812e6,#280a05e0 70%);border:2px solid #e8b646bf;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 3px 8px #000000b3,inset 0 0 10px #0009}#touch .btn.down{opacity:1;color:#1a0f02;text-shadow:none;background:radial-gradient(circle at 42% 32%,#ffe07a,#c9a227 60%,#7d5200);transform:scale(.92);box-shadow:0 0 16px #ffbe3cd9}#touch .btn[data-k=BP]{left:calc(var(--b) * 2.2);top:0}#touch .btn[data-k=FP]{left:calc(var(--b) * 1.15);top:calc(var(--b) * 1.05)}#touch .btn[data-k=BK]{left:calc(var(--b) * 3.25);top:calc(var(--b) * 1.05)}#touch .btn[data-k=FK]{left:calc(var(--b) * 2.2);top:calc(var(--b) * 2.1)}#touch .btn[data-k=U]{left:calc(var(--b) * .95);top:calc(var(--b) * -.1);width:calc(var(--b) * .95);height:calc(var(--b) * .95);background:radial-gradient(circle at 42% 32%,#c87814f2,#5a2805e6 70%);border-color:#ffd76a}#touch .btn[data-k=BL]{left:0;top:calc(var(--b) * 1.75);width:calc(var(--b) * 1.15);height:calc(var(--b) * 1.4);border-radius:calc(var(--b) * .5);background:radial-gradient(circle at 42% 32%,#1e3c6eeb,#081028e6 70%);border-color:#78b4ffcc}#touch .pause{left:50%;bottom:max(6px, env(safe-area-inset-bottom));pointer-events:auto;background:#0e0604b3;border:2px solid #e8b646b3;border-radius:10px;place-items:center;width:44px;height:34px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 2px 6px #000000b3}#touch .pause:before{content:"";box-sizing:border-box;border-left:4px solid #e8b646;border-right:4px solid #e8b646;width:12px;height:14px}body.cine-on #touch .pause{display:none}html.touch #finisher{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 48px)}body.finishing #touch .zone,body.finishing #touch .btns,body.finishing #touch .stick{display:none}html.touch #finisher.tap{z-index:8;bottom:calc(max(6px, env(safe-area-inset-bottom)) + 50px)}html.touch #finisher.tap .cards{gap:5vw}html.touch #finisher.tap .card{width:min(24vw,210px);padding:4px}html.touch #finisher.tap .card img{aspect-ratio:16/8}html.touch #finisher.tap .card>.stone{font-size:clamp(16px,5vh,26px)}html.touch #finisher.tap .ask{display:none}html.touch #finisher.tap .rand{background:#3b1c08e6;border:2px solid #e0ae42;border-radius:22px;padding:6px 18px;font-size:17px}html.touch #finisher.tap .hint{font-size:15px}html.touch body.over #byline{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 44px)}#fsbtn{display:none}html.touch #fsbtn{z-index:60;top:max(6px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));color:#e8b646;background:#0e0604b8;border:2px solid #e8b646b3;border-radius:10px;place-items:center;width:38px;height:34px;padding:0;font:900 20px/1 Rubik,sans-serif;display:grid;position:fixed;box-shadow:0 2px 6px #000000b3}html.touch.fs #fsbtn,body.cine-on #fsbtn{display:none}body.fight:has(#start) #fsbtn{display:none}html.touch body.fight #fsbtn{top:auto;right:auto;bottom:max(6px, env(safe-area-inset-bottom));left:calc(50% + 30px)}html.touch.canfs:not(.fs) body.fight #touch .pause{transform:translate(calc(-50% - 22px))}.kk-play{direction:rtl;background:radial-gradient(at 50% 30%,#78280ef2,#220904f2 70%);border:3px solid #e8b646;border-radius:999px;align-items:center;gap:.35em;padding:.28em 1.1em .34em;font-size:clamp(22px,7vh,40px);animation:1.4s ease-in-out infinite kkPlay;display:inline-flex;box-shadow:0 0 0 2px #5a3a08,0 0 26px #ff8c1e8c,inset 0 0 18px #000000b3}.kk-play .stone{font-size:1em}.kk-play i{color:#ffd76a;text-shadow:0 0 10px #ff9628cc;font-size:.85em;font-style:normal;font-weight:900}@keyframes kkPlay{50%{transform:scale(1.05);box-shadow:0 0 0 2px #5a3a08,0 0 38px #ff9628cc,inset 0 0 18px #000000b3}}#kload.ready .kl-tip:has(.kk-play){animation:none}#a2hs{z-index:120;left:50%;top:max(8px, env(safe-area-inset-top));color:#f4efe4;direction:rtl;background:#0e0604e6;border:1px solid #e8b646a6;border-radius:12px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:7px 8px 7px 14px;font:700 16px/1.3 Rubik,system-ui,sans-serif;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #000000b3}#a2hs svg{vertical-align:-3px;color:#4fb3ff;width:16px;height:19px}#a2hs button{color:#f4efe4;background:#ffffff1f;border:0;border-radius:50%;flex:none;width:26px;height:26px;font:700 17px/1 sans-serif}html.touch.canfs:not(.fs) .pick.p2 .who{right:calc(max(10px, env(safe-area-inset-right)) + 46px)}html.touch .kl-pct{font-size:15px}html.touch .kl-sound{font-size:16px}html.touch .kl-tip{font-size:max(22px,3.4vmin)}html.touch .kl-strip span{font-size:15px}html.touch #hint{font-size:17px;line-height:1.3}html.touch footer{font-size:15px}html.touch #credits,html.touch #controls{font-size:16px;line-height:1.45}html.touch #credits h3,html.touch #controls h3{font-size:17px}html.touch #credits{grid-template-columns:minmax(0,1fr);max-width:min(92vw,640px)}html.touch #controls{grid-template-columns:repeat(2,minmax(0,1fr))}html.touch #movelist li{gap:10px;font-size:16px}html.touch #movelist li.basic,html.touch #movelist li i{font-size:15px}html.touch #movelist li kbd{padding:1px 8px}html.touch #movelist .medal{display:none}html.touch #movelist .col{min-width:0}html.touch #announce small,html.touch #start .sub{font-size:15px}html.touch .byline{font-size:14px}html.touch body.practice #practice{min-width:0;font-size:15px}html.touch #practice .log{display:none}html.touch #practice .keys{font-size:14px}html.touch .name b{font-size:11px}html.touch .moves{flex-direction:column;align-items:center;gap:3px;margin-top:3px}html.touch .moves li{flex-direction:column;align-items:center;gap:0;padding:2px 10px}html.touch .moves li b,html.touch .moves li span{font-size:15px}html.touch .pick .tag{font-size:12px}html.touch .card .n{font-size:13px}@media (max-height:500px){html.touch .fallback{width:min(25vh,15vw);top:25%}html.touch .plate{bottom:26px}html.touch #back{top:max(3px, env(safe-area-inset-top));left:calc(max(10px, env(safe-area-inset-left)) + 76px);padding:4px 12px}html.touch .pick .name .stone{font-size:6.5vh}html.touch #logo{max-height:15vh}html.touch #menu .kmenu .item,html.touch .kmenu .item{padding-top:calc(2 * var(--u));padding-bottom:calc(2 * var(--u))}}html.gated,html.gated body{touch-action:manipulation;overflow:hidden}#kgate{z-index:200;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:#f4efe4;text-align:center;-webkit-text-size-adjust:100%;background:radial-gradient(at 50% 38%,#2c0e06 0%,#120605 50%,#000 100%);justify-content:center;align-items:center;font-family:Rubik,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}#kgate .g-card{flex-direction:column;align-items:center;gap:12px;width:min(560px,100%);margin:auto;display:flex}#kgate .g-hero{aspect-ratio:1200/630;border:2px solid #c9a227;border-radius:14px;width:100%;max-width:520px;box-shadow:0 0 0 1px #4a3308,0 10px 30px #000c,0 0 36px #ff6e1e40}#kgate .g-he{color:#ffd76a;text-shadow:0 2px #000,0 0 16px #ff6e1e73;direction:rtl;font-size:23px;font-weight:900;line-height:1.3}#kgate .g-he span{white-space:nowrap}#kgate .g-en{color:#e9dcc0;font-size:17px;font-weight:700;line-height:1.35}#kgate .g-tip{color:#cfc4ab;direction:rtl;font-size:17px;font-weight:600}#kgate .g-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}#kgate button{cursor:pointer;color:#1a0f02;touch-action:manipulation;background:linear-gradient(#ffe07a,#c9a227);border:2px solid #e8b646;border-radius:999px;min-height:48px;padding:10px 22px;font:900 17px/1.2 Rubik,sans-serif;box-shadow:0 3px 10px #0009}#kgate button.g-share{color:#ffd76a;background:#280c04e6}#kgate button.done{background:linear-gradient(#b8f0a0,#5fa648);border-color:#a6e38a}#kgate .g-url{color:#e8b93a;letter-spacing:.02em;font-size:16px;font-weight:800}#kgate .g-by{color:#9d917a;font-size:14px}#kgate .g-by .kk-site{color:#c9a227}@media (orientation:landscape) and (max-height:500px){#kgate .g-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 18px;width:min(820px,100%);display:grid}#kgate .g-hero{grid-row:1/span 6}#kgate .g-he{font-size:20px}#kgate .g-en,#kgate .g-tip{font-size:15px}}