/* Shared main-page mobile geometry, scoped to Igla. Desktop stays unchanged. */
.mobile-game-projects,.mobile-game-footer{display:none}
.hay-panel{display:contents}.hay-panel .hay-slice{transform:none}.hay-panel:nth-child(odd) .hay-slice{transform:rotate(180deg)}
/* Preserve the needle's size; make the assisted reveal readable against fine straw. */
body.igla-page #needle.hinted svg{filter:drop-shadow(0 0 .75px #000) drop-shadow(0 0 1.5px #fff)}
.mobile-menu-toggle,.mobile-navigation,.mobile-header-art{display:none}
@media(max-width:700px){
body.igla-page{--igla-mobile-unit:calc(var(--layout-width,100vw) / 320)}
body.igla-page.igla-page{font-size:calc(14 * var(--igla-mobile-unit))}
body.igla-page.igla-page header{left:calc(19 * var(--igla-mobile-unit));right:calc(19 * var(--igla-mobile-unit));height:calc(48 * var(--igla-mobile-unit));border-radius:0 0 calc(20 * var(--igla-mobile-unit)) calc(20 * var(--igla-mobile-unit));overflow:visible;background:#fff}
body.igla-page.igla-page header .brand{left:calc(10 * var(--igla-mobile-unit));top:calc(15 * var(--igla-mobile-unit));width:calc(82 * var(--igla-mobile-unit));height:calc(19.2 * var(--igla-mobile-unit));font-size:calc(24 * var(--igla-mobile-unit));line-height:.8;letter-spacing:calc(-1.44 * var(--igla-mobile-unit))}
body.igla-page.igla-page header>.actions,body.igla-page.igla-page header>.about-link,body.igla-page.igla-page header>.tabs{display:none}
body.igla-page.igla-page .mobile-menu-toggle{position:absolute;right:calc(10 * var(--igla-mobile-unit));top:calc(8 * var(--igla-mobile-unit));display:grid;place-items:center;width:calc(32 * var(--igla-mobile-unit));height:calc(32 * var(--igla-mobile-unit));border-radius:50%}
body.igla-page.igla-page .mobile-menu-circle{position:absolute;width:calc(32.5 * var(--igla-mobile-unit));height:calc(32.5 * var(--igla-mobile-unit))}
body.igla-page.igla-page .mobile-menu-lines{position:relative;width:calc(11 * var(--igla-mobile-unit));height:calc(7 * var(--igla-mobile-unit))}
body.igla-page.igla-page .mobile-menu-toggle[aria-expanded=true]{background:#eee}
body.igla-page.igla-page .mobile-navigation:not([hidden]){position:absolute;left:0;right:0;top:calc(47 * var(--igla-mobile-unit));display:flex;flex-direction:column;gap:calc(2 * var(--igla-mobile-unit));padding:calc(14 * var(--igla-mobile-unit)) calc(10 * var(--igla-mobile-unit));border-radius:0 0 calc(20 * var(--igla-mobile-unit)) calc(20 * var(--igla-mobile-unit));background:#fff;box-shadow:0 calc(12 * var(--igla-mobile-unit)) calc(20 * var(--igla-mobile-unit)) #0000000d}
body.igla-page.igla-page .mobile-navigation a{padding:calc(10 * var(--igla-mobile-unit));font-size:calc(18 * var(--igla-mobile-unit));line-height:calc(22 * var(--igla-mobile-unit));border-radius:calc(12 * var(--igla-mobile-unit))}
body.igla-page.igla-page .mobile-navigation a:hover,body.igla-page.igla-page .mobile-navigation a:focus-visible{background:#f0f0f0}
body.igla-page.igla-page .projects{grid-template-columns:minmax(0,1fr);gap:calc(10 * var(--igla-mobile-unit))}
body.igla-page.igla-page .project{grid-column:1;height:calc(188 * var(--igla-mobile-unit));border-radius:calc(6 * var(--igla-mobile-unit))}
body.igla-page.igla-page .card-title{left:calc(10 * var(--igla-mobile-unit));top:calc(10 * var(--igla-mobile-unit));font-size:calc(18 * var(--igla-mobile-unit));line-height:calc(17.1 * var(--igla-mobile-unit));width:calc(130 * var(--igla-mobile-unit))}
body.igla-page.igla-page .project-needle .card-title{width:calc(117 * var(--igla-mobile-unit))}
body.igla-page.igla-page .tag,body.igla-page.igla-page .project .tag{left:calc(150 * var(--igla-mobile-unit));top:calc(10 * var(--igla-mobile-unit));padding:calc(4 * var(--igla-mobile-unit)) calc(10 * var(--igla-mobile-unit));border:calc(.5 * var(--igla-mobile-unit)) solid #8f8f8f;border-radius:calc(300 * var(--igla-mobile-unit));font-size:calc(14 * var(--igla-mobile-unit));line-height:calc(14.7 * var(--igla-mobile-unit));white-space:nowrap}
body.igla-page.igla-page .project-next .tag{background:#dbeeff}
body.igla-page.igla-page .arrow,body.igla-page.igla-page .project-dog .arrow{right:calc(10 * var(--igla-mobile-unit));top:calc(10 * var(--igla-mobile-unit));width:calc(23 * var(--igla-mobile-unit));height:calc(23 * var(--igla-mobile-unit))}
body.igla-page.igla-page .arrow .circle{width:calc(23 * var(--igla-mobile-unit));height:calc(23 * var(--igla-mobile-unit))}
body.igla-page.igla-page .arrow .shaft{width:calc(5.1 * var(--igla-mobile-unit));height:calc(6 * var(--igla-mobile-unit))}
body.igla-page.igla-page .project-needle .arrow{width:calc(24.941 * var(--igla-mobile-unit));height:calc(24.941 * var(--igla-mobile-unit))}
body.igla-page.igla-page .card-description{left:calc(10 * var(--igla-mobile-unit));bottom:calc(14 * var(--igla-mobile-unit));width:calc(109 * var(--igla-mobile-unit));font-size:calc(12 * var(--igla-mobile-unit));line-height:calc(12.6 * var(--igla-mobile-unit))}
body.igla-page.igla-page .card-description br{display:none}
body.igla-page.igla-page .project-needle .card-description{width:calc(84 * var(--igla-mobile-unit));bottom:calc(11 * var(--igla-mobile-unit))}
body.igla-page.igla-page .project-dog .card-description{width:calc(126 * var(--igla-mobile-unit));bottom:calc(11 * var(--igla-mobile-unit))}
body.igla-page.igla-page .project-next .card-description{width:calc(90 * var(--igla-mobile-unit));bottom:calc(15 * var(--igla-mobile-unit))}
body.igla-page.igla-page .needle-art{left:calc(130 * var(--igla-mobile-unit));top:calc(44 * var(--igla-mobile-unit));width:calc(145 * var(--igla-mobile-unit));height:calc(136 * var(--igla-mobile-unit))}
body.igla-page.igla-page .needle-art img{inset:0;width:100%;height:100%;object-fit:cover}
body.igla-page.igla-page .pensioners-art{left:calc(104 * var(--igla-mobile-unit));top:calc(27 * var(--igla-mobile-unit));width:calc(178 * var(--igla-mobile-unit));height:calc(161 * var(--igla-mobile-unit));border-radius:calc(6 * var(--igla-mobile-unit))}
body.igla-page.igla-page .pensioners-art img{width:102.43%;height:112.74%;object-fit:fill}
body.igla-page.igla-page .next-art{left:calc(93 * var(--igla-mobile-unit));top:calc(71 * var(--igla-mobile-unit));width:calc(189 * var(--igla-mobile-unit));height:calc(114 * var(--igla-mobile-unit))}
body.igla-page.igla-page .dog-art{left:calc(78 * var(--igla-mobile-unit));top:calc(25 * var(--igla-mobile-unit));width:calc(125 * var(--igla-mobile-unit));height:calc(125 * var(--igla-mobile-unit))}
body.igla-page.igla-page .dog-art img{width:100%;height:100%;object-fit:cover}
body.igla-page.igla-page footer{margin:calc(60 * var(--igla-mobile-unit)) calc(19 * var(--igla-mobile-unit)) 0;height:calc(436 * var(--igla-mobile-unit))}
body.igla-page.igla-page .contact-row{height:auto;display:flex;flex-direction:column;gap:calc(17 * var(--igla-mobile-unit))}
body.igla-page.igla-page .contact-row>p{font-size:calc(38 * var(--igla-mobile-unit));line-height:calc(38.027 * var(--igla-mobile-unit));letter-spacing:calc(-.76 * var(--igla-mobile-unit));width:calc(282 * var(--igla-mobile-unit))}
body.igla-page.igla-page .socials{display:flex;gap:calc(1.664 * var(--igla-mobile-unit));width:100%}
body.igla-page.igla-page .socials>:is(button,a),body.igla-page.igla-page .socials>a,body.igla-page.igla-page .socials img,body.igla-page.igla-page .socials :is(button,a):nth-child(2) img{width:calc(69.253 * var(--igla-mobile-unit));height:calc(69.253 * var(--igla-mobile-unit))}
body.igla-page.igla-page .footer-bottom{top:calc(179 * var(--igla-mobile-unit));height:calc(257 * var(--igla-mobile-unit));font:calc(24 * var(--igla-mobile-unit))/calc(32 * var(--igla-mobile-unit)) 'Gertrude Book',sans-serif;align-items:flex-start}
body.igla-page.igla-page .footer-actions{left:0;top:0;gap:calc(3 * var(--igla-mobile-unit))}
body.igla-page.igla-page .footer-actions a{height:calc(33 * var(--igla-mobile-unit));padding:0 calc(10 * var(--igla-mobile-unit));font-size:calc(20 * var(--igla-mobile-unit));line-height:calc(26 * var(--igla-mobile-unit));border-radius:calc(60 * var(--igla-mobile-unit))}
body.igla-page.igla-page .footer-brand{position:absolute;left:0;top:calc(232 * var(--igla-mobile-unit));margin:0;font-size:calc(24 * var(--igla-mobile-unit));line-height:calc(19.2 * var(--igla-mobile-unit));letter-spacing:calc(-1.44 * var(--igla-mobile-unit))}
body.igla-page.igla-page .footer-year{position:absolute;right:0;top:calc(225 * var(--igla-mobile-unit));margin:0;font-size:calc(24 * var(--igla-mobile-unit));line-height:calc(32 * var(--igla-mobile-unit))}
body.igla-page.igla-page .footer-bottom .tongue{left:calc(112 * var(--igla-mobile-unit));top:calc(155 * var(--igla-mobile-unit));font-size:calc(107.188 * var(--igla-mobile-unit));line-height:.9;letter-spacing:calc(-2.1438 * var(--igla-mobile-unit))}
body.igla-page.igla-page header{top:calc(11 * var(--igla-mobile-unit));height:calc(48 * var(--igla-mobile-unit));border-radius:calc(100 * var(--igla-mobile-unit));box-shadow:none}
body.igla-page.igla-page header .brand{left:0;top:calc(-2 * var(--igla-mobile-unit));width:100%;height:calc(49 * var(--igla-mobile-unit));font:400 calc(24 * var(--igla-mobile-unit))/1 'Gertrude Book',sans-serif;letter-spacing:calc(-1.44 * var(--igla-mobile-unit));pointer-events:none}
body.igla-page.igla-page header .mobile-header-art{position:absolute;left:calc(10 * var(--igla-mobile-unit));top:calc(9 * var(--igla-mobile-unit));display:block;width:calc(37 * var(--igla-mobile-unit));height:calc(34 * var(--igla-mobile-unit));font:400 calc(37.065 * var(--igla-mobile-unit))/.9 'Gertrude Hairline',sans-serif;letter-spacing:calc(-.7413 * var(--igla-mobile-unit))}
body.igla-page.igla-page .mobile-menu-toggle{right:calc(10 * var(--igla-mobile-unit));top:calc(8 * var(--igla-mobile-unit));z-index:2}
body.igla-page.igla-page .mobile-menu-circle{width:calc(32.7 * var(--igla-mobile-unit));height:calc(32.7 * var(--igla-mobile-unit))}
body.igla-page.igla-page .mobile-menu-lines{transition:transform 300ms ease,opacity 180ms ease}
body.igla-page.igla-page .menu-cross{position:absolute;width:calc(11 * var(--igla-mobile-unit));height:calc(11 * var(--igla-mobile-unit));opacity:0;transform:scale(.5);transition:transform 300ms ease,opacity 180ms ease}
body.igla-page.igla-page .menu-cross::before,body.igla-page.igla-page .menu-cross::after{content:'';position:absolute;width:calc(11 * var(--igla-mobile-unit));height:calc(.7 * var(--igla-mobile-unit));background:#000;left:0;top:calc(5.15 * var(--igla-mobile-unit));transform:rotate(0);transition:transform 300ms ease}
body.igla-page.igla-page .menu-open .mobile-menu-lines{opacity:0;transform:scaleY(0)}
body.igla-page.igla-page .menu-open .menu-cross{opacity:1;transform:scale(1)}
body.igla-page.igla-page .menu-open .menu-cross::before{transform:rotate(45deg)}
body.igla-page.igla-page .menu-open .menu-cross::after{transform:rotate(-45deg)}
body.igla-page.igla-page .mobile-menu-toggle[aria-expanded=true]{background:transparent}
body.igla-page.igla-page header.menu-open{border-radius:calc(28 * var(--igla-mobile-unit)) calc(28 * var(--igla-mobile-unit)) 0 0}
body.igla-page.igla-page .mobile-navigation:not([hidden]){top:calc(48 * var(--igla-mobile-unit));display:flex;flex-direction:column;gap:0;padding:calc(6 * var(--igla-mobile-unit)) calc(10 * var(--igla-mobile-unit)) calc(10 * var(--igla-mobile-unit));border-radius:0 0 calc(28 * var(--igla-mobile-unit)) calc(28 * var(--igla-mobile-unit));box-shadow:none}
body.igla-page.igla-page .mobile-navigation .mobile-menu-about{position:relative;display:grid;place-items:center;height:calc(104 * var(--igla-mobile-unit));padding:0;margin-bottom:calc(6 * var(--igla-mobile-unit));overflow:hidden;border-radius:calc(6 * var(--igla-mobile-unit));color:#fff}
body.igla-page.igla-page .mobile-menu-about img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%}
body.igla-page.igla-page .mobile-menu-about span{position:relative;font:400 calc(18 * var(--igla-mobile-unit))/1.05 Gertrude,sans-serif;text-shadow:0 calc(1 * var(--igla-mobile-unit)) calc(6 * var(--igla-mobile-unit)) #0006}
body.igla-page.igla-page .mobile-navigation .mobile-menu-hire,body.igla-page.igla-page .mobile-navigation .mobile-menu-support{display:flex;align-items:center;justify-content:center;height:calc(29 * var(--igla-mobile-unit));padding:0;border-radius:0;font:400 calc(18 * var(--igla-mobile-unit))/1.3 Gertrude,sans-serif}
body.igla-page.igla-page .mobile-menu-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(1 * var(--igla-mobile-unit));margin-top:calc(20 * var(--igla-mobile-unit))}
body.igla-page.igla-page .mobile-menu-socials a{position:relative;padding:0!important;aspect-ratio:1;border-radius:50%}
body.igla-page.igla-page .mobile-menu-socials img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body.igla-page.igla-page .mobile-menu-shade:not([hidden]){position:fixed;inset:0;z-index:9;display:block;background:rgb(0 0 0 / .55);cursor:default}
body.mobile-menu-open{overflow:hidden}
body.igla-page.igla-page .project .tag{padding:calc(4 * var(--igla-mobile-unit)) calc(10 * var(--igla-mobile-unit)) calc(3 * var(--igla-mobile-unit));min-height:0;line-height:calc(14.7 * var(--igla-mobile-unit));height:auto;font-weight:400}
body.igla-page.igla-page .coming-soon{font-size:calc(40 * var(--igla-mobile-unit))}
body.igla-page.igla-page .project-pensioners .card-description{width:calc(98 * var(--igla-mobile-unit))}
body.igla-page.igla-page .mobile-navigation .mobile-menu-projects{display:flex;align-items:center;justify-content:center;height:calc(29 * var(--igla-mobile-unit));padding:0;border-radius:0;font:400 calc(18 * var(--igla-mobile-unit))/1.3 Gertrude,sans-serif}
body.igla-page.igla-page .mobile-navigation:not([hidden]){max-height:calc(100svh - calc(69 * var(--igla-mobile-unit)));overflow-y:auto;overscroll-behavior:contain}
body.igla-page.igla-page header{transition:background .2s,box-shadow .2s,border-radius 300ms ease}
body.igla-page.igla-page .mobile-navigation{transform-origin:calc(100% - calc(26 * var(--igla-mobile-unit))) calc(-24 * var(--igla-mobile-unit));will-change:transform,opacity,clip-path}
body.igla-page.igla-page .mobile-menu-shade{will-change:opacity}
body.igla-page.igla-page .project .tag{
  box-sizing:border-box;border:0;box-shadow:none;border-radius:calc(300 * var(--igla-mobile-unit));
  padding:calc(10 * var(--igla-mobile-unit));min-height:calc(35 * var(--igla-mobile-unit));height:auto;
  font:400 calc(14 * var(--igla-mobile-unit))/calc(15 * var(--igla-mobile-unit)) Gertrude,sans-serif;font-synthesis:none;letter-spacing:0;
  color:#8f8f8f;background:#fff;white-space:nowrap;
  transform:none!important;isolation:isolate;
 }
body.igla-page.igla-page .project .tag::after{
  content:'';position:absolute;inset:0;border:1px solid #8f8f8f;border-radius:inherit;pointer-events:none;z-index:5;
 }
}

@media(max-width:700px){
 body.igla-page.igla-page header{position:absolute;z-index:10}
 body.igla-page.igla-page header .brand{pointer-events:auto}
 body.igla-page .desktop-game-projects,body.igla-page .desktop-game-footer{display:none}
 body.igla-page .mobile-game-projects,body.igla-page .mobile-game-footer{display:block}
 body.igla-page .mobile-game-projects{margin:0 calc(19 * var(--igla-mobile-unit))}
 body.igla-page .mobile-game-projects>h2{font:400 calc(38 * var(--igla-mobile-unit))/1 Gertrude,sans-serif;letter-spacing:-.04em;margin:0 0 calc(20 * var(--igla-mobile-unit))}
 body.igla-page .mobile-game-projects .projects{margin:0}
 body.igla-page .mobile-game-footer .footer-bottom{min-height:0}
 body.igla-page .game-hero{height:245px}
 body.igla-page .game-hero h1{top:calc(86 * var(--igla-mobile-unit));font-size:13.4375vw}
 body.igla-page .hero-wind{top:206px;font-size:44px;width:54px}
 body.igla-page .timer-position{top:180px}
 body.igla-page .hay-panel{display:block;position:relative;width:100%;aspect-ratio:1275/1920;overflow:hidden}
 body.igla-page .hay-panel .hay-slice{position:absolute;left:50%;top:50%;width:150.588235%;height:66.40625%;max-width:none;aspect-ratio:auto;transform:translate(-50%,-50%) rotate(90deg);object-fit:fill}
 body.igla-page .hay-panel:nth-child(odd) .hay-slice{transform:translate(-50%,-50%) rotate(270deg)}
 body.igla-page #needle svg{width:6px;height:55px;filter:drop-shadow(.25px .4px .225px #28201175)}
 body.igla-page .hint-wrap{width:calc(100% - 38 * var(--igla-mobile-unit))}
 body.igla-page .hint-button{font-size:clamp(44px,13.4375vw,94px);white-space:nowrap;padding:0 12px}
}
@media(max-width:700px){
 body.igla-page .game-hero{height:calc(220 * var(--igla-mobile-unit))}
 body.igla-page .timer-position{top:calc(148 * var(--igla-mobile-unit))}
 body.igla-page .hero-wind{top:calc(169 * var(--igla-mobile-unit));width:calc(44 * var(--igla-mobile-unit));font-size:calc(36 * var(--igla-mobile-unit))}
 body.igla-page.igla-page .footer-bottom .footer-actions>a{padding:calc(10 * var(--igla-mobile-unit));min-height:calc(35 * var(--igla-mobile-unit));height:auto;font:400 calc(14 * var(--igla-mobile-unit))/calc(15 * var(--igla-mobile-unit)) Gertrude,sans-serif;border:0}
 body.igla-page.igla-page .footer-actions>a .roll-content,body.igla-page.igla-page .footer-actions>a .roll-copy{font:inherit;letter-spacing:inherit}
}

/* Igla result, mobile Figma 1765:39021. */
.mobile-result-close,.mobile-own-score,.result-rounds{display:none}
@media(max-width:700px){
 /* Equal 27-unit spaces: menu ends at59, title starts at86; title ends at146.2. */
 body.igla-page .timer-position{top:calc(173.2 * var(--igla-mobile-unit))}
 body.igla-page .game-hero{height:calc(245.2 * var(--igla-mobile-unit))}
 body.igla-page .hero-wind{top:calc(194.2 * var(--igla-mobile-unit))}
 /* One-pixel overscan on every edge prevents subpixel rotation seams. */
 body.igla-page .hay-panel .hay-slice{width:calc(150.588235% + 2px);height:calc(66.40625% + 2px)}
 body.igla-page .hay-panel + .hay-panel{margin-top:-1px}
 body.igla-page #ranking [data-personal-position]{display:none}
 body.igla-page #result{--result-unit:var(--igla-mobile-unit);box-sizing:border-box;inset:calc(19 * var(--result-unit)) 0 auto;width:calc(282 * var(--result-unit));max-width:none;min-height:calc(453 * var(--result-unit));max-height:calc(100svh - 38 * var(--result-unit));margin:0 auto;padding:calc(32 * var(--result-unit));border-radius:calc(32 * var(--result-unit));text-align:left;font:400 calc(14 * var(--result-unit))/1 Gertrude,sans-serif;background:#f8f8f8}
 body.igla-page #result[open]{display:flex;flex-direction:column}
 body.igla-page #result::backdrop{background:rgb(0 0 0 / .56);backdrop-filter:none}
 #result .desktop-result-close{display:none}
 #result .mobile-result-close{display:block}
 #result .result-close{top:calc(17 * var(--result-unit));right:calc(18 * var(--result-unit));width:13px;height:13px;font-size:0}
 #result-title{order:0;font-size:calc(38 * var(--result-unit));line-height:calc(38.027 * var(--result-unit));letter-spacing:calc(-.76 * var(--result-unit));color:#777;margin:calc(4 * var(--result-unit)) 0 calc(16 * var(--result-unit));text-align:center;white-space:nowrap}
 #result #score,#result #score-form,#result #nickname-help{display:none}
 #result #result-note{display:none}
 #result[data-assisted=true] #result-note{display:block;order:1;font-size:calc(14 * var(--result-unit));line-height:1.3;margin:0 0 calc(12 * var(--result-unit))}
 #result .ranking-popup{order:2;width:100%;margin:0;padding:0;border:0;max-width:none}
 #result .ranking-popup .ranking-head,#result .ranking-popup [data-personal-position]{display:none}
 #result .ranking-popup [data-ranking-status]{font-size:calc(12 * var(--result-unit));line-height:1.3;margin:0 0 calc(8 * var(--result-unit))}
 #result .ranking-popup [data-ranking-status]:empty{display:none}
 #result .result-table-scroll{height:calc(164 * var(--result-unit));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y}
 #result .result-table-scroll:focus-visible{outline:1px solid #1180ff;outline-offset:2px}
 #result .ranking-popup table{table-layout:fixed;width:100%;margin:0;border:0;border-spacing:0}
 #result .ranking-popup :is(td,th){box-sizing:border-box;height:calc(33 * var(--result-unit));padding:calc(8 * var(--result-unit)) 0;border:0;background-image:url('/igla/assets/result-line.svg');background-position:center bottom;background-size:100% 1px;background-repeat:no-repeat;font:400 calc(14 * var(--result-unit))/.95 Gertrude,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;vertical-align:middle}
 #result .ranking-popup :is(td,th):first-child{width:25.46%}
 #result .ranking-popup :is(td,th):last-child{width:24%;text-align:right}
 #result .ranking-popup th{position:sticky;top:0;height:calc(23 * var(--result-unit));background-color:#f8f8f8;z-index:1;color:#777;padding-top:0}
 #result:has(.mobile-own-score:not([hidden])) .ranking-popup .your-result{display:none}
 #result .mobile-own-score:not([hidden]){display:table;width:calc(100% + 64 * var(--result-unit));margin:0 calc(-32 * var(--result-unit));background:#d9d9d9;color:#1180ff}
 #result .mobile-own-score td{background:none;height:calc(32 * var(--result-unit))}
 #result .mobile-own-score td:first-child{width:31%;padding-left:calc(32 * var(--result-unit))}
 #result .mobile-own-score td:last-child{width:30%;padding-right:calc(32 * var(--result-unit))}
 #mobile-nickname{width:100%;min-width:0;border:0;border-radius:0;padding:0;outline-offset:2px;background:transparent;color:#1180ff;font:inherit;line-height:1.2}
 #mobile-nickname::placeholder{opacity:1;color:#1180ff}
 #result .result-rounds{display:block;margin:calc(10 * var(--result-unit)) 0 calc(10 * var(--result-unit));color:#aaa;font:400 calc(10 * var(--result-unit))/.95 Gertrude,sans-serif;white-space:nowrap}
 #result #save-status,#result #share-status{order:3;font-size:calc(12 * var(--result-unit));line-height:1.3;margin:0}
 #result #save-status:not(:empty),#result #share-status:not(:empty){margin-bottom:calc(8 * var(--result-unit))}
 #result .result-button{order:4;flex-shrink:0;box-sizing:border-box;width:calc(246 * var(--result-unit));align-self:center;min-height:calc(56 * var(--result-unit));height:auto;margin:0 0 calc(7 * var(--result-unit));padding:calc(15 * var(--result-unit)) calc(10 * var(--result-unit));border:calc(4 * var(--result-unit)) solid #eee;border-radius:calc(300 * var(--result-unit));font:400 calc(18 * var(--result-unit))/.95 Gertrude,sans-serif;white-space:nowrap}
 #result #share{order:5;margin-bottom:calc(-14 * var(--result-unit))}
 #result #share-copy{order:6;font-size:calc(14 * var(--result-unit))}
}
@media(max-width:700px){
 #result .ranking-popup :is(td,th):last-child{width:30%}
 #result .mobile-own-score td:last-child{width:35%}
 #result-title:focus{outline:none}
}

@media(max-width:700px){
 #result-title{margin-bottom:calc(21 * var(--result-unit))}
 #result .result-table-scroll{height:calc(157 * var(--result-unit))}
 #result .ranking-popup table{border-collapse:separate;border-spacing:0}
}
@media(max-width:700px){
 body.igla-page #result{padding-inline:calc(18 * var(--result-unit));overflow-x:hidden}
 #result .ranking-popup{width:calc(216 * var(--result-unit));align-self:center}
}
@keyframes nickname-caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:700px){
 #result .nickname-edit:not([hidden]){position:relative;display:block;min-width:0}
 #result .nickname-edit::after{content:'|';position:absolute;left:calc(60 * var(--result-unit));top:50%;transform:translateY(-50%);color:#1180ff;pointer-events:none;animation:nickname-caret-blink 1s step-end infinite}
 #result .nickname-edit:has(input:focus)::after,#result .nickname-edit:has(input:not(:placeholder-shown))::after{display:none}
}
@media(prefers-reduced-motion:reduce){#result .nickname-edit::after{animation:none}}