@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{left:max(14px, env(safe-area-inset-left));width:calc(46% - max(14px, env(safe-area-inset-left)));pointer-events:auto;touch-action:none;position:absolute;top:24%;bottom: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))}}@media (orientation:landscape) and (max-height:600px){html.touch body:has(#grid){--cols:5;--sh:100vh;--gap:6px;--top:calc(max(4px, env(safe-area-inset-top)) + 30px);--foot:calc(max(4px, env(safe-area-inset-bottom)) + 24px);--ch:min(calc((var(--sh) - var(--top) - var(--foot) - 2 * var(--gap)) / 3), calc((100vw - 232px - env(safe-area-inset-left) - env(safe-area-inset-right) - (var(--cols) - 1) * var(--gap)) / var(--cols) * 1.18));--cw:calc(var(--ch) / 1.18);--gw:calc(var(--cols) * var(--cw) + (var(--cols) - 1) * var(--gap))}html.touch body:has(#grid[style*="--cols: 6"]){--cols:6}html.touch body:has(#grid[style*="--cols: 7"]){--cols:7}@supports (height:100dvh){html.touch body:has(#grid){--sh:100dvh}}html.touch body:has(#grid) header{top:max(3px, env(safe-area-inset-top))}html.touch body:has(#grid) header .logo{display:none}html.touch body:has(#grid) header .title .stone{font-size:21px}html.touch body:has(#grid) #grid{--gw:inherit;--gap:inherit;top:var(--top);width:var(--gw);gap:var(--gap);align-content:flex-start;margin:0 auto;left:0;right:0;transform:none}html.touch body:has(#grid) #grid .card{width:var(--cw);border-radius:5px}html.touch body:has(#grid) #grid .card .n{font-size:clamp(10px, calc(var(--cw) * .16), 13px);padding:6px 1px 2px;line-height:1.1}html.touch body:has(#grid) #grid .card .n.long{font-size:clamp(9px, calc(var(--cw) * .13), 11px)}html.touch body:has(#grid) #grid .card .n small{font-size:clamp(6px, calc(var(--cw) * .09), 8px);letter-spacing:.06em}html.touch body:has(#grid) #grid .card .mark{padding:1px 4px;font-size:9px;top:2px}html.touch body:has(#grid) #grid .card .tag{font-size:9px}html.touch body:has(#grid) #grid .shelf{width:12px;height:var(--ch);flex-direction:column;flex-basis:auto;gap:3px;margin:0}html.touch body:has(#grid) #grid .shelf:before{background:linear-gradient(#0000,#c9a22799,#0000);width:1px;height:auto}html.touch body:has(#grid) #grid .shelf:after{background:linear-gradient(#0000,#c9a22799,#0000);width:1px;height:auto}html.touch body:has(#grid) #grid .shelf span{font-size:11px}html.touch body:has(#grid) #grid .lockhint{top:auto;left:50%;right:auto;bottom:max(3px, env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);margin:0;position:fixed;transform:translate(-50%)}html.touch body:has(#grid) #grid .lockhint li.hint{white-space:normal;padding:3px 12px;font-size:14px}html.touch body:has(#grid .lockhint li) footer{visibility:hidden}html.touch body:has(#grid) footer{bottom:max(3px, env(safe-area-inset-bottom));font-size:14px;line-height:1.25}html.touch body:has(#grid) section.pick{width:calc((100vw - var(--gw)) / 2);padding:calc(max(4px, env(safe-area-inset-top)) + 28px) 6px var(--foot);flex-direction:column;align-items:center;gap:4px;display:flex}html.touch body:has(#grid) section.p1{padding-left:max(6px, env(safe-area-inset-left))}html.touch body:has(#grid) section.p2{padding-right:max(6px, env(safe-area-inset-right))}html.touch body:has(#grid) section.pick .who{top:max(5px, env(safe-area-inset-top));letter-spacing:.06em;font-size:13px}html.touch body:has(#grid) section.pick .fallback{width:min(calc(var(--sh) * .27), calc((100vw - var(--gw)) / 2 - 40px));flex:none;position:relative;top:auto;left:auto;transform:none}html.touch body:has(#grid) section.pick .plate{gap:0;min-height:0;position:static}html.touch body:has(#grid) section.pick .tag{letter-spacing:.12em;font-size:10px}html.touch body:has(#grid) section.pick .name{min-height:0}html.touch body:has(#grid) section.pick .name .stone{font-size:clamp(17px,6vh,26px)}html.touch body:has(#grid) section.pick .moves{flex-direction:column;align-items:stretch;gap:3px;margin-top:3px}html.touch body:has(#grid) section.pick .moves li{flex-direction:column;align-items:center;gap:0;padding:2px 8px}html.touch body:has(#grid) section.pick .moves li b{font-size:14px;line-height:1.2}html.touch body:has(#grid) section.pick .moves li span{color:#f1c75a;font-size:13px;line-height:1.2}html.touch body:has(#grid) section.pick .moves li.hint{white-space:normal;padding:4px 8px;font-size:13px}html.touch body:has(#grid) #back{top:max(3px, env(safe-area-inset-top));left:calc(max(8px, env(safe-area-inset-left)) + 70px);padding:5px 12px;font-size:14px}}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}}html.landing #rotate,html.landing #a2hs,html.landing #fsbtn,html.landing #kinapp{display:none!important}#kgate.landing .g-he{font-size:26px}#kgate.landing .g-tip{color:#e9dcc0;font-size:17px}#kgate.landing button.g-play{border-width:3px;min-height:58px;padding:10px 34px;font-size:23px;animation:1.4s ease-in-out infinite kkPlay;box-shadow:0 0 0 2px #5a3a08,0 0 26px #ff8c1e8c,0 3px 10px #0009}#kgate.landing button.g-play i{font-size:.8em;font-style:normal}#kgate.landing .g-btns{flex-direction:column;align-items:center}#kgate.landing button.g-share{color:#ffd76a;background:#280c04e6}#kgate.landing button.g-anyway{color:#cfc4ab;min-height:40px;box-shadow:none;background:0 0;border:1px solid #e8b64680;padding:6px 18px;font-size:15px}#kgate .g-small{color:#b7ab94;direction:rtl;font-size:14px}#kgate .g-inapp{color:#e6eef8;direction:rtl;background:#0a182cbf;border:1px solid #4fb3ff8c;border-radius:12px;flex-direction:column;gap:4px;max-width:100%;padding:10px 14px;font-size:15px;line-height:1.35;display:flex}.ia-t{color:#8fd0ff;font-size:16px}.ia-how b{color:#fff;white-space:nowrap}a.ia-open{color:#fff;background:#143c6ee6;border:2px solid #4fb3ff;border-radius:999px;align-self:center;margin-top:2px;padding:6px 16px;font-weight:900;text-decoration:none}@media (orientation:landscape) and (max-height:500px){#kgate.landing .g-hero{grid-row:1/span 7}#kgate.landing .g-he{font-size:21px}#kgate.landing .g-tip{font-size:15px}#kgate.landing button.g-play{min-height:50px;font-size:20px}#kgate.landing button{min-height:42px;padding:6px 18px}#kgate.landing .g-inapp{padding:6px 10px;font-size:13px}}#kinapp{z-index:120;left:50%;top:max(6px, env(safe-area-inset-top));color:#e6eef8;direction:rtl;background:#08101eeb;border:1px solid #4fb3ff99;border-radius:12px;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);padding:6px 8px 6px 14px;font:600 14px/1.3 Rubik,system-ui,sans-serif;transition:opacity .8s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #000000b3}#kinapp>span{flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}#kinapp a.ia-open{margin:0;padding:3px 12px}#kinapp.fade{opacity:0;pointer-events:none}#kinapp button{color:#f4efe4;background:#ffffff1f;border:0;border-radius:50%;flex:none;width:28px;height:28px;font:700 17px/1 sans-serif}html.touch .kmenu{gap:7px}html.touch .kmenu .item{opacity:1;filter:none;background:linear-gradient(#46160aeb,#1e0904eb);border:1px solid #c9a227b3;border-radius:10px;gap:10px;min-height:44px;padding:4px 16px;transition:background 80ms,transform 80ms;transform:none;box-shadow:0 3px 8px #0009,inset 0 1px #ffdc8c2e}html.touch .kmenu .item.sel{background:linear-gradient(#46160aeb,#1e0904eb);transform:none}html.touch .kmenu .item.sel:before,html.touch .kmenu .item.sel:after{display:none}html.touch .kmenu .item:active{background:linear-gradient(#962d12f2,#461206f2);border-color:#ffd76a;transform:scale(.97)}html.touch .kmenu .item.off{opacity:.4}html.touch .kmenu .item .stone{font-size:24px}html.touch .kmenu .item.opt .stone,html.touch .kmenu.compact .item .stone,html.touch .kmenu.compact .item.opt .stone{font-size:19px}html.touch .kmenu .item small{letter-spacing:.14em;font-size:10px}html.touch .kmenu .item .val{gap:2px;font-size:17px}html.touch .kmenu .item .val b{min-width:64px}html.touch .kmenu .item .meter{width:70px;height:10px}html.touch .kmenu .item .arrow,html.touch .kmenu .item.sel .arrow{opacity:1;background:#00000073;border:1px solid #e8b64699;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;display:grid}html.touch .kmenu .item .arrow:active{color:#1a0f02;background:#c9a227}html.touch #menu.away .item.sel{opacity:1;filter:none}html.touch #keylist,html.touch #keys{display:none}@media (max-height:500px){html.touch main{padding-top:max(8px, env(safe-area-inset-top));justify-content:flex-start;gap:6px}html.touch #logo{max-height:18vh}html.touch #title{min-height:0;font-size:22px}html.touch #menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;width:min(560px,60vw);min-width:0;display:grid}html.touch body:not([data-screen=main]) #menu{width:min(760px, calc(100vw - 2 * max(12px, env(safe-area-inset-left))))}html.touch #menu .lbl{flex-direction:column;align-items:center;gap:0}html.touch #menu .item{justify-content:center}html.touch #menu.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}html.touch #menu.compact .item{justify-content:space-between;gap:4px;padding:3px 6px 3px 10px}html.touch #menu.compact .item small{display:none}html.touch #menu.compact .item .stone{font-size:17px}html.touch #menu.compact .item .val b{min-width:44px;font-size:15px}html.touch #menu.compact .item .meter{width:46px}html.touch #menu.compact .item .arrow{width:32px;height:32px}@media (max-width:719px){html.touch #menu.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}html.touch #menu.compact{overscroll-behavior:contain;touch-action:pan-y;max-height:calc(100dvh - 92px);padding:2px;overflow-y:auto}html.touch #menu.compact .item{touch-action:pan-y}html.touch #hint{margin:2px 0 0;font-size:15px}html.touch #feed{max-width:30vw;right:max(10px, env(safe-area-inset-right));top:54%}html.touch body[data-screen=main] main{padding-left:0;padding-right:30vw}html.touch #pause,html.touch #resultsmenu{right:max(12px, env(safe-area-inset-right))}html.touch #pause{top:calc(max(6px, env(safe-area-inset-top)) + 21vh)}html.touch #pause .kmenu{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(46vw,420px);padding:8px 0;display:grid}html.touch #pause .kmenu .item{justify-content:center;min-height:42px;padding:3px 8px}html.touch #pause .kmenu .item.opt{grid-column:1/-1;justify-content:space-between}html.touch #pause .kmenu .item small{display:none}html.touch #pause .kmenu .item .stone,html.touch #pause .kmenu .item.opt .stone{font-size:17px}html.touch #resultsmenu.kmenu{width:min(40vw,360px);padding:8px}html.touch body.over #byline{right:calc(min(40vw, 360px) + max(12px, env(safe-area-inset-right)) + 8px)}html.touch #movelist{top:calc(max(6px, env(safe-area-inset-top)) + 21vh);bottom:calc(max(6px, env(safe-area-inset-bottom)) + 44px);left:max(12px, env(safe-area-inset-left));width:calc(100vw - min(46vw, 420px) - 2 * max(12px, env(safe-area-inset-left)) - 14px);background:#080504d1;border:1px solid #c9a22780;border-radius:10px;gap:14px;padding:6px 10px;overflow-y:auto;transform:none}html.touch body.paused #movelist.show{left:max(12px, env(safe-area-inset-left))}html.touch #movelist .col{flex:1;min-width:0}html.touch #movelist .col>.stone{font-size:20px}html.touch #movelist li{grid-template-columns:1fr auto;gap:8px;font-size:14px}html.touch #movelist li kbd{padding:1px 7px;font-size:14px}html.touch body.paused #announce.k-pause{display:none}}